@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Open+Sans');
@font-face {
	font-family: 'Impact';
	src: url('../font/impact.ttf') format('truetype'),
	 url('../font/Impacted.ttf') format('truetype'),
	 url('../font/unicode.impact.ttf') format('truetype');
}
 
html {
	scroll-behavior: smooth;
  }
body {
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 400;
    color: #6f6f6f;
}
h1, h2, h3, h4, h5, h6 {
    color: #292929;
    font-family: 'Libre Baskerville', serif;
    font-weight: inherit;
    margin: 0 0 15px;
    line-height: 1.4em;
}
p {color: #6f6f6f;}
a:hover {text-decoration: none;}
a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
header {
	background: #ef7640;
	color: #FFF;
	position: relative;
}

.logo {    width: 200px;
    margin: 20px auto;
    padding: 10px 20px 10px 20px;
    position: absolute;
    left: 2%;
    top: 0;
    z-index: 11;}
.logo img {width: 100%;}

.title {width:54%; text-align: center; margin: 0px auto;}
.title h2 span {
    color: #ef7640;
}
.title h2 {position: relative; font-size: 30px; font-weight: 800;}

.title p {margin: 10px 0px;}

.read-more {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 5px;
    color: #ef7640;
    display: inline-block;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 29px;
    text-transform: uppercase;
}

.read-more:hover {
    background: #ef7640 none repeat scroll 0 0;
    border-color: #ef7640;
    color: #fff;
}

.navbar {width: 100%; padding: 20px 0px;}
.navbar .navbar-brand {
    color: #FFF;
}
.navbar-expand-lg .navbar-nav .nav-link {color: #FFF;}

.navbar-toggler {color: #FFF;}

.banner-form-box {width:100%;}

.form-box {width: 100%; float: left; margin-bottom: 20px;}
.form-box .slider-box {
	position: relative;
	margin: 35px 0 18px 0;
}

.form-box .slider-box .slider .labels span {
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

.form-box .slider-box .slider .labels span:nth-child(1) {float:left;}
.form-box .slider-box .slider .labels span:nth-child(2) {float:right;}


.form-box .slider-box+.slider-box {
	padding-top: 19px;
}

.form-box .slider-box input {
	position: absolute;
	top: 0;
	left: -99999px;
}

.form-box .slider-box .value {
	position: absolute;
	top: -19px;
	right: 0;
	font-size: 50px;
	font-weight: 200;
	color: black;
	text-align: right;
}

.form-box .slider-box .slider {
	position: relative;
	padding-top: 1px;
}

.form-box .slider-box .ui-slider {
	height: 15px;
	border-radius: 20px;
	background-color: #e4e5e5;
	border-width: 0;
	margin-top: 13px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
	border-radius: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

.form-box .slider-box .ui-slider:before {
	content: " ";
	height: 10px;
	background-color: #f18c45;
	position: absolute;
	left: 0px;
	top: 0;
	width: 0px;
	border-radius: 10px 0 0 10px;
}

.form-box .slider-box .ui-slider:after {
	content: " ";
	height: 15px;
	background-color: #e4e5e5;
	position: absolute;
	right: 0px;
	top: 0;
	width: 0px;
	border-radius: 0 10px 10px 0;
}

.form-box .slider-box .ui-slider-range {
	background-color: #f18c45;
	border-radius: 0;
	top: 0;
	height: 15px;
	border-radius: 10px;
}
.form-box .slider-box .ui-slider-range::after {
	content: '';
	position: absolute;
	background: #f18c45;
	width: 30px;
	height: 30px;
	right: -3px;
    border: 2px #fff solid;
    top: -8px;
    border-radius: 50%;
}

.form-box .slider-box .ui-slider-handle {
	background: transparent;
	text-align: center;
	border-radius: 30px;
	width: 85px;
	font-family: Impact, 'Arial Narrow Bold', sans-serif;
	font-size: 20px;
	color: #000;
	cursor: move;
	font-weight: 500;
	height: 35px;
	top: -45px;
	margin-left: -55px;
	line-height: 35px;
	border: none;
}


.form-box .slider-box .ui-slider-handle::after {
	content: '';
	position: absolute;
width: 15px;
height: 7px;
border-top: solid 10px #ef7640;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
right: 37px;
bottom: -10px;
display: none;
}

.ui-state-focus {border:0px #000 solid !important; box-shadow:0px 0px 0px #000 !important; outline: none !important;}


.welcome-area {position: relative; z-index: 10; margin-top: -110px; padding-bottom: 30px;}
.welcome-box {     text-align: center;
    border: 2px #d9d9d9 solid;
    width: 250px;
	min-height: 205px;
    margin: 0px 50px 30px 50px;
    border-radius: 35px;
    padding: 15px;}
.welcome-box .welcome-box-icon {
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 90px;
	height: 90px;
	margin: 5px auto;
    margin-bottom: 20px;
}

.welcome-box .welcome-box-icon img {
	width: 100%;
}

.welcome-box h3 {font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
	margin-bottom: 0;
}

	.welcome-area .row {    margin-top: 60px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;}


.video-area {position: relative;}
	
.area-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.area-bg::after,
.area-bg::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.area-bg::before {
    background: #fc5d30 none repeat scroll 0 0;
}

.video-area .area-bg::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.video-area .area-bg {
    background: rgba(0, 0, 0, 0) url("../images/video-area-bg.jpg") no-repeat scroll center top / cover;
}

.video-area .area-bg::after {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, transparent 50%, #fc5d30 50%) repeat scroll 0 0;
    opacity: 0.9;
}

.video-play-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding-left: 60px;
    position: relative;
}

.video-area-popup {
    background: transparent none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    height: 50px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

.video-area-popup:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
    color: #fc5d30;
}

.video-play-button h3 {
    border-bottom: 1px solid;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
}


/* step Form */



.step-form {background: url('../images/banner.jpg') no-repeat; background-size: cover; position: relative;}

.step-form h2 {    font-family: Impact, 'Arial Narrow Bold', sans-serif !important;
    text-align: center;
	padding: 40px 0px 10px 0px;
    font-size: 50px;
    line-height: 65px;
    width: 46%;
    margin: 0px auto;
    color: #ef7640;
    text-shadow: 0px 5px 0px #ccc;
    -webkit-text-stroke: 1px #fff;

}

/*form styles*/
.note {width: 100%; max-width: 800px; margin: 10px auto 20px auto; font-weight: 500;}
.note a {text-decoration: underline;}
#helpdeskform {
    text-align: center;
    position: relative;
    margin-top: 40px;
}
#helpdeskform fieldset {
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0 0px 10px rgb(0 0 0 / 30%);
padding: 30px 45px 10px 45px;
}

#helpdeskform .field1 {
    width:85%;
	margin: 0px auto 200px auto;
}
/*Hide all except first fieldset*/
 #helpdeskform .field2 {
    display: none;
}
/*inputs*/
 #helpdeskform input, #helpdeskform textarea {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
}
/*buttons*/
 #helpdeskform .action-button {
    width: 103px;
    font-weight: bold;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 15px 5px;
    background: #ef7640;
    color: #FFF;
}
#helpdeskform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ef7640;
}

#helpdeskform fieldset .step-1 {width:48%; float:left; margin-right: 10px;}
#helpdeskform fieldset .step-1 label {width:100%;}
#helpdeskform fieldset .step-1:nth-of-type(3) {margin-right: 0px;}
#helpdeskform .remember-me {width: auto;}


#helpdeskform .wizard-form-radio input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: #dddddd;
	height: 25px;
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
    margin-top: 5px;
}
#helpdeskform .wizard-form-radio input[type="radio"]:focus {
	outline: 0;
	box-shadow:transparent;
}
#helpdeskform .wizard-form-radio input[type="radio"]:checked {
	background-color: #fc5d30;
}
#helpdeskform .wizard-form-radio input[type="radio"]:checked::before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-color: #ffffff;
	border-radius: 50%;
	left: 0px;
	right: 0;
	margin: 0 auto;
	top: 4px;
}
#helpdeskform .wizard-form-radio input[type="radio"]:checked::after {
	content: "";
	display: inline-block;
	webkit-animation: click-radio-wave 0.65s;
	-moz-animation: click-radio-wave 0.65s;
	animation: click-radio-wave 0.65s;
	background: #000000;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
	border-radius: 50%;
}
#helpdeskform .wizard-form-radio input[type="radio"] ~ label {
	padding-left: 10px;
	cursor: pointer;
}
#helpdeskform .wizard-form-radio {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    margin-right: 20px;
}
#helpdeskform .form-group.gender-cl {text-align: left; margin: 0;}
#helpdeskform .form-control {padding: 25px; margin: 15px 0px; border-radius: 10px;}

#helpdeskform .form-control:focus {
    border: 1px solid #555;
    -webkit-box-shadow: none;
	box-shadow: none;
  }
/* Step Form */

.icon-image {
    width: 95px;
    margin: 0px auto;
}

/*********footer*******************/
.kilimanjaro_area {
	position: relative;
	z-index: 1;
  }
  .foo_top_header_one {
	background-color: #ef7640;
	color: #fff;
  }
  .section_padding_100_70 {
	padding-top: 20px;
	padding-bottom: 10px;
  }
  .foo_top_header_one {
	color: #fff;
  }.kilimanjaro_part {
	margin-bottom: 30px;
  }
  .foo_top_header_one .kilimanjaro_part > h5 {
	color: #fff;
  }
  .kilimanjaro_part h4, .kilimanjaro_part h5 {
	margin-bottom: 30px;
  }
  .kilimanjaro_single_contact_info > p, 
  .kilimanjaro_single_contact_info > h5, 
  .kilimanjaro_blog_area > a, 
  .foo_top_header_one .kilimanjaro_part > p {
	color: rgba(255,255,255,1);
  }
  p, ul li, ol li {
	font-weight: 300;
  }
  ul {
	margin: 0;
	padding: 0;
  }
  .kilimanjaro_bottom_header_one {
	background-color: #FFF;
  }
  .section_padding_50 {
	padding: 15px 0;
  }
  .kilimanjaro_bottom_header_one p {
	color: #000;
	margin: 0;
	font-weight: 600;
  }
  p, ul li, ol li {
	font-weight: 300;
  }
  .kilimanjaro_bottom_header_one a {
	color: inherit;
	font-size: 14px;
  }
  a, h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
  }
  .m-top-15 {
	margin-top: 15px;
  }
  ul {
	margin: 0;
	padding: 0;
  }
  .kilimanjaro_social_links li {
	  margin: 0 0px;
	}
  .kilimanjaro_widget > li {
	display: inline-block;
  }
  p, ul li, ol li {
	font-weight: 300;
  }
  ol li, ul li {
	list-style: outside none none;
  }
  .kilimanjaro_widget a {
	border: 1px solid #333;
	border-radius: 6px;
	color: #888;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 4px;
	padding: 7px 12px;
  }
  ul {
	margin: 0;
	padding: 0;
  }
  .kilimanjaro_links a {
	border-bottom: 1px solid #333;
	color: rgba(255,255,255,.5);
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
	padding-bottom: 10px;
  }
  .kilimanjaro_links a {
	color: rgba(255,255,255,.5);
	font-size: 13px;
  }
  .top-15 {
	margin-top: 15px;
  }
  .foo_top_header_one .kilimanjaro_part > h5 {
	color: #fff;
	
    border-bottom: 1px #fff solid;
    display: inline-block;
  }
  .kilimanjaro_part h4, .kilimanjaro_part h5 {
	margin-bottom: 10px;
  }
  .kilimanjaro_social_links > li {
	display: inline-block;
  }
  p, ul li, ol li {
	font-weight: 300;
  }
  .kilimanjaro_social_links a {
	border: 1px solid #333;
	border-radius: 6px;
	color: #888;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 3px;
	padding: 7px 12px;
  }
  .kilimanjaro_blog_area .kilimanjaro_date {
	color: #27ae60;
	font-size: 13px;
	margin-bottom: 5px;
  }
  .kilimanjaro_blog_area > p {
	color: rgba(255,255,255,.5);
	line-height: 1.3;
	margin-bottom: 0;
  }
  .kilimanjaro_works > a {
	display: inline-block;
	float: left;
	position: relative;
	width: 33.33333333%;
	z-index: 1;
  }
  .kilimanjaro_thumb {
	left: 0;
	position: absolute;
	top: 0;
	width: 75px;
  }
  .kilimanjaro_links a i {
	padding-right: 10px;
  }

  /* :: 18.0 Footer Area CSS */
  
	.footer_area {
		position: relative;
		z-index: 1;
	}
  .footer_bottom p > i,
	.footer_bottom p > a:hover {
		color: #27ae60;
	}	
  
	.social_links_area {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		padding: 50px 0 30px 0;
		text-align: center;
		position: relative;
		z-index: 1;
	}
  .social_links_area > a:hover {
		color: #27ae60;
	}
  
	.inline-style .social_links_area > a:hover {
		background-color: transparent;
		color: #27ae60;
		border: 0px solid transparent;
	}
  .single_feature:hover .feature_text h4 {
		color: #27ae60;
	}
  .kilimanjaro_blog_area {
	border-bottom: 1px solid #333;
	margin-bottom: 15px;
	padding: 0 0 15px 90px;
	position: relative;
	z-index: 1;
  }
  .kilimanjaro_links a {
	border-bottom: 0px solid #fff;
	color: rgba(255,255,255,1);
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
	padding-bottom: 0px;
  }
  
  .footer-text{
	  background-color:#1f2d3d;
	  color:#a0a7ae;
	  font-size:15px;
	  line-height:23px;
	  color:#576575;
	  padding-bottom:40px;
	  padding-top:35px;
	}
@media all and (min-width:768px){
	.footer-text{
		padding-top:55px;
		padding-bottom:30px;
	}
}
.footer-text p{
	margin-bottom:19px;
}
.footer-text .row > *{
	padding-top:10px;
}
@media all and (min-width:768px){
	.footer-text .row > *{
		padding-top:36px;
	}
}
.footer-text .links{
	list-style-type:none;
	margin:0;padding:0;
	border-bottom:1px solid #33404e;
}
.footer-text .links li{
	border-top:1px solid #33404e;
}
.footer-text .links li a{
	display:block;
	font-weight:lighter; 
	font-size:12px; 
	color:#a0a7ae;
	padding-top:12px;
	padding-bottom:14px;
}
.footer-text .links li a:before{
	content:"+";
	float:right;
	color:#576575;
}
.footer-bottom-text {
    background-color: #1c2837;
    color: #576575;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 33px;
    padding-top: 35px;
}
.footer-text .links li .dropdown{
	display: none;
}
.footer-text .links li .dropdown.active{
	display: block;
}

  /* footer Css */

  .welcome-box p {font-weight: 500; font-size:12px;}

  .owl-carousel.owl-drag .owl-item {
    border: 1px #ccc solid;
    border-radius: 35px;
	margin-bottom: 5px;
    padding: 5px 20px;
}

.owl-carousel.owl-drag .owl-item .item {text-align: center;}

.owl-carousel.owl-drag .owl-item .item img {width: 78%; margin: 0px auto;}

  .owl-nav button {
	position: absolute;
	top: 50%;
	background-color: #000;
	color: #fff;
	margin: 0;
	transition: all 0.3s ease-in-out;
  }
  .owl-nav button.owl-prev {
	left: 0;
  }
  .owl-nav button.owl-next {
	right: 0;
  }
  
  .owl-dots {
	text-align: center;
	padding-top: 15px;
  }
  .owl-dots button.owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background: #ccc;
	margin: 0 3px;
	border: 1px #ccc solid !important;
  }
  .owl-dots button.owl-dot.active {
	background-color: #ef7640;
  }
  .owl-dots button.owl-dot:focus {
	outline: none;
  }
  .owl-nav button {
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  background: rgba(255, 255, 255, 0.38) !important;
  }
  .owl-nav button:focus {
	  outline: none;
  }

.parsley-errors-list, #msg1, #msg_mobile, #msg2  {text-align: left;
  font-size: 12px;
  color: #f00;
display:block;
  font-weight: 600;
} 
.parsley-errors-list li {font-weight:600;}

.note + .parsley-errors-list li
{
  font-weight: 600;
  display: inline-block;
  margin: 0px auto;
  text-align: center;
  width: 100%;
}



@media all and (max-width:768px){

    .owl-carousel.owl-drag .owl-item {
        border: 0px #ccc solid;
    }
    
    .owl-carousel.owl-drag .owl-item .item {border: 1px #ccc solid; border-radius: 30px;}

    .navbar {padding: 10px 10px;}

    .banner-form-box {
        width: 100%;
        padding: 10px;
    }

#helpdeskform .field1 {
    width: 100%;
    float: left;
	margin: 0px;
}
.h2, h2 {
    font-size: 22px;
}

#helpdeskform fieldset .step-1 {
    width: 100%;
	padding:10px 0px;
}
#helpdeskform .form-control {
    margin: 0px 0px;
}
#helpdeskform fieldset .step-1 label {
    margin: 0;
}
.title {
    width: 100%;

}
.title h2 {
    font-size: 16px;
}
#helpdeskform {
    margin-top: 0px;
}
.step-form {
    background: #FFF;
    /* background-position: 15% 5%; */
    position: relative;
    padding-bottom: 70px;
}
.step-form h2 {font-size: 30px; line-height: 35px;width: 100%; font-weight: 900;}
.welcome-area {
    margin-top: -40px;
}
.welcome-box {margin: 0px 5px 10px 5px;}
.welcome-area .row {
    margin-top: 30px;
}
.step-form h2 {
	font-weight: 500;
    padding: 0px 0px 10px 0px;
	text-shadow: 0px 0px 0px #ccc; 
	-webkit-text-stroke: 0px #fff;
}
.logo {
    width: 200px;
    padding: 0;
    position: relative;
}
}

  .radio42 {display:flex; column-gap: 20px;align-items: center; margin:10px 0px;}
  .subradio42 {display: flex;align-items: center;column-gap: 10px;}
  .subradio42 input {margin-bottom:5px;}
  .note {float:left;}
  .step-1 span.labclass {display: block; font-weight: 600; text-align: left; color: #000;}
  .form-box .slider-box {margin: 35px 0px 18px 0px;}
  .form-box .slider-box .ui-slider-handle {font-size: 14px;}
  
  .radio-button-container {color: rgba(0,0,0,0.75); display: block; position: relative; padding-left: 30px; line-height: 20px; margin-bottom: 12px; margin-left: 30px;
  cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .radio-button-container input {position: absolute; opacity: 0; cursor: pointer;}
  .checkmark {position: absolute;top: 0;left: 0;height: 21px;width: 21px;background-color: rgba(0,0,0,0);border-radius: 50%;border: 2px solid rgba(0,0,0,0.25); transition: all 0.3s;}
  .radio-button-container:hover input ~ .checkmark {border-color: rgba(0,0,0,0.5);}
  .radio-button-container input:checked ~ .checkmark {background-color: rgba(0,0,0,0);border-color: #f18c45;}
  .checkmark:after {content: "";position: absolute;display: none;}
  .radio-button-container input:checked ~ .checkmark:after {display: block;}
  .radio-button-container .checkmark:after {top: 2px; left:2px;width: 13px; height: 13px;	border-radius: 50%; background:#f18c45;}
  @media all and (max-width:768px) {
    .form-box .slider-box .slider .labels span {font-size: 12px;}
    .form-box .slider-box {margin: 35px 0px 18px 0px;}
  }
  .form-box .labclass {display: block; font-weight: 600; text-align: left; color: #000;}

@media (max-width: 768px) {
	.form-box .slider-box {
	position: relative;
	margin: 35px 25px 18px 25px;
}
#helpdeskform fieldset {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 30%);
    padding: 0 20px 10px 20px;
}
}

.radio-button-container {.radio-button-container {color: rgba(0, 0, 0, 1); font-size: 14px;}