/*********************  Default-CSS  *********************/
:root {
    scroll-behavior: unset;
}
@font-face {
    font-family: Quicksand-Regular;
    src: url(../fonts/Quicksand-Regular.ttf);
}
@font-face {
    font-family: Quicksand-SemiBold;
    src: url(../fonts/Quicksand-SemiBold.ttf);
}
@font-face {
    font-family: Quicksand-Bold;
    src: url(../fonts/Quicksand-Bold.ttf);
}

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0
}
body {
  	margin: 0;
  	font-family: Quicksand-Regular;
	font-weight: 400;
  	color: #333333;
	background-color: #FFFFFF;
  	font-size: 18px;
	line-height: 1.7;
}
a,
span,
a:hover,
a:active,
button {
	text-decoration: none;
}
a,
div a:hover,
div a:active,
div a:focus,
button {
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
p {
  	margin: 0;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	margin: 0;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
}
.cm-overflow{
	overflow: hidden;
	touch-action: none;
}
.row{
	margin: 0 -15px;
}
.container{
	padding: 0 15px;
}
.col, [class*=col-]{
	padding: 0 15px;
}
.container{
	margin: 0 auto;
}
.fa-half-size{
    font-size:.4em;
}
.fa-testimonial{
    margin-top:-24px;
    padding-bottom:15px;
}
/********************* Default-CSS  End *********************/
body.cm-overflow {
    overflow-y: hidden;
}

/* Header Css Start */
.header_menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.inn_menu{
	display: flex;
	align-items: center;
	justify-content: center;
    text-align: center;
}
.menu_toggle_btn{display: none;}
.mobile_logo{display: none;}
/* Header Css Close */

.main_wrapper{
	overflow: hidden;
}

/* Header Css start */
#header_wrapper{
	padding: 29px 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	z-index: 99;
}
.menu_item{
	position: relative;
}
.menu_item + .menu_item{
	margin-left: 53px;
}
.drop_wrap{
	position: absolute;
	left: 0px;
    min-width: 250px;
	background-color: #ffffff;
	box-shadow: 0px 9px 140.58px 1.42px rgb(0 0 0 / 8%);
	border-radius: 15px;
	border: 1px solid #595959;
	overflow: hidden;
	margin-top: 5px;
	opacity: 0;
	visibility: hidden;
}
.flyout > a{
	padding: 12px 15px;
	display: block;
	text-align: left;
	font-size: 18px;
	font-family: Quicksand-Bold;
	color: #434343;
}
.flyout > a:hover{
	background-color: #eeeeee;
	color: #3c78d8;
}
.menu_item:hover .drop_wrap{
	opacity: 1;
	visibility: visible;
}
.menu_list{
	font-family: 'Alata', sans-serif;
	font-size: 18px;
	font-weight: 400;	
	line-height: 1.1;
	color: #333333;
	position: relative;
}
.menu_list span{
	margin-left: 10px;
}
.menu_list::before{
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background-color: #000000;
	border: 50px;
	transition: all 0.3s ease-in-out 0s;
}
.menu_list:hover{
	color: #000000;
}
.menu_list:hover::before{
	width: 100%;
}
.cart_user_wrap > a:not(:first-child){
	margin-left: 32px;
}
/* Header Css Close */

/* Hero Section Start */
#hero_sec{
	padding-top: 100px;
	position: relative;
}
#hero_sec .row{
	margin-top: 60px;
}
.hero_shape_wrap{
	position: absolute;
	top: 0;
	right: -20px;
	z-index: -1;
}
.hero_sub{
	font-family: Quicksand-Bold;
	font-size: 16px;
	line-height: 1.1;
	color: #5bc0de;
	margin-bottom: 35px;
	letter-spacing: 3px;
}
.hero_title{
	font-family: 'Alata', sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 38px;
}
.hero_detils_text{
	color: #777777;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.444;
	max-width: 568px;
	margin-bottom: 34px;
}
.hero_dummy_text{
	font-family: Quicksand-SemiBold;	
	font-size: 18px;
	line-height: 1.444;
	font-weight: 600;
	margin-bottom: 34px;
}
.cm_web_btn{
	font-family: 'Alata', sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 37px;
	color: #FFFFFF;
	background-color: #5bc0de;
	display: inline-block;
	border-radius: 10px;
	margin-bottom: 38px;
}
.cm_web_btn:hover{
	color: #FFFFFF;
	background-color: #777777;
} 
.phone_number{
	font-size: 24px;
	color: rgb(51, 51, 51);
	line-height: 1.083;
	font-family: Quicksand-Bold;
	font-weight: 700;
}
.day_and_time{
	color: #333333;
	margin-top: 5px;
	font-family: Quicksand-Regular;
	font-weight: 400;
} 
.cm_row_wrap{
	padding-bottom:	159px;
}
.hero_img{
	margin-right: -130px;
	padding-left: 63px;
}
.cm_title h6{
	font-family: Quicksand-Bold;
	font-size: 16px;
	color: #5bc0de;
	font-weight: 700;
	margin-bottom: 25px;
	letter-spacing: 3px;
}
.cm_title h2{
	font-family: 'Alata', sans-serif;
	font-size: 34px;
	color: #333333;
	font-weight: 700;
}
.service_logo_wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1200px;
}
/* Hero Section End */

.calendly-overlay .calendly-popup{
    background-color:#efefef;
}
/* FAQ Section Start*/
#faq_questions_sec {
    /*padding-top: 167px;*/
    position: relative;
}
    #faq_questions_sec .row {
        margin-top: 60px;
    }

/* FAQ Section End*/
/* HOW IT WORKS Section Start */
#how_it_works {
    padding-top: 140px;
}

#our_story{
	padding-top: 10px;

}
.cm_section_color{
	background-color: #fafafa;
}
.cm_tenter_title{
	text-align: center;
}
.cm_mtb{
	padding: 90px 0;
}
#how_it_works .row{
	align-items: center;
}
.works_img{
	text-align: center;
}
.works_ttile{
	font-family: 'Alata', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #333333;
	margin-bottom: 40px;
}
.works_content{
	font-family: Quicksand-Regular;
	font-size: 18px;
	color: #777777;
	line-height: 1.444;
}
.works_content + .works_content{
	margin-top: 35px;
}
.works_details{
	padding-left: 100px;
	position: relative;
}
.count_box{
	font-family: 'Alata', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	width: 64px;
	height: 64px;
	border-radius: 50px;
	background-color: rgb(91, 192, 222);
	position: absolute;
	left: -48px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
/* HOW IT WORKS Section End */

/* CASE STUDY Section Start */
#case_study_sec{
	padding: 115px 0;
	background-image: url(../images/shared/CASE-STUDY_1.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#case_study_sec .row{
	align-items: center;
}
#case_study_sec .cm_title h6{
	color: #333333;
	font-family: Quicksand-Bold;
	font-weight: 700;
}
#case_study_sec .cm_title h2{
	color: #ffffff;
}
.case_study_btn a{
	font-family: Quicksand-Bold;
	color: #ffffff;
	font-size: 20px;
}
.case_study_btn a path{
	fill: #ffffff;
	transition: all 0.3s ease-in-out 0s;
}
.case_study_btn a span{
	margin-right: 10px;
}
.case_study_btn a:hover{
	color: #333333;
}
.case_study_btn a:hover path{
	fill: #333333;
}
/* CASE STUDY Section End */

/* LODGING PARTNERS Section Start */
#lodging_partner_sec{
	padding-top: 130px;
	padding-bottom: 87px;
}
.help_great_content p{
	font-family: Quicksand-Regular;
	font-size: 18px;
	color: #777777;
}
.al_center{
	padding-bottom: 125px;
}
.top_m_50{
	margin-top: 50px;
}
.pratner_blog{
	padding: 30px;
	transition: all 0.3s ease-in-out 0s;
	margin-bottom: 18px;
}
.pratne_title{
	font-family: 'Alata', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #333333;
	margin-top: 30px;
	margin-bottom: 15px;
}
.pratne_details{
	font-family: Quicksand-Regular;
	font-weight: 600;
	font-size: 16px;
	color: #777777;
}
.pratner_blog:hover{
	background-color: #ffffff;
	box-shadow: 0px 9px 140.58px 1.42px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
}
/* LODGING PARTNERS Section End */

/* OUR TESTIMONIALS Section Start */
#our_testimonials_sec{
	padding-top: 85px;
	position: relative;
}
.testimonials_shape{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 100%;
	text-align: center;
	z-index: -1;
}
#our_testimonials_sec .row{
	margin-top: 65px;
}
.testimonials_box{
	border-radius: 15px;
	box-shadow: 0px 9px 197.01px 1.99px rgba(0, 0, 0, 0.04);
	background-color: #FFFFFF;
	padding: 57px 28px 46px;
}
.testimonials_box{
	text-align: center;
}
.testimonials_box h3{
	font-family: 'Alata', sans-serif;
	color: #333333;
	font-size: 24px;
	font-weight: 700;
	margin-top: 27px;
	margin-bottom: 15px;
}
.testimonials_box h6{
	font-family: 'Alata', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #6b6b6b;
}
.testimonials_box span{
    font-size: 48px;
    font-family: 'Alata', sans-serif;
    color: #5bc0de;
    text-align: left;
    line-height: 0.5;
    width: 100%;
    display: block;
	margin-left: 10px;
}
.testimonials_box p{
	font-family: Quicksand-Regular;
	font-size: 18px;
	color: #777777;
	line-height: 1.556;
}
/* OUR TESTIMONIALS Section End */

/* WORK WITH US  Section Start */
#work_with_us_sec{
	padding-top: 115px;
}
.cm_work_with_container{
	background-image: url(../images/shared/work_with.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 92px;
	padding-bottom: 80px;
	border-radius: 30px;
	text-align: center;
}
.founder_quote{
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 30px;
	text-align: center;
	font-style: italic;
	font-weight:800;
}

#work_with_us_sec .cm_title h6{
	color: #333333;
	margin-bottom: 15px;
} 
#work_with_us_sec .cm_title h2{
	color: #FFFFFF;
	margin-bottom: 31px;
}
#work_with_us_sec .phone_number,
#work_with_us_sec .day_and_time{
	color: #FFFFFF;
}
#work_with_us_sec .cm_web_btn{
	background-color: #ffffff;
	color: #5bc0de;
	margin-top: 30px;
}
#work_with_us_sec .cm_web_btn:hover{
	color: #FFFFFF;
    background-color: #777777;
}
/* WORK WITH US  Section End */

/* TERMS AND CONDITIONS Section Start */
#terms_conditions_sec{
	padding-top: 130px;
	padding-bottom: 87px;
}
.terms_conditions p{
	font-family: Quicksand-Regular;
	font-size: 18px;
	color: #777777;
	padding-bottom: 30px;
}
/* TERMS AND CONDITIONS Section End */

/* Service Section Start */
#service_sec{
	padding-top: 85px;
	margin-bottom: -95px;
}
#service_sec .row{
	justify-content: center;
}
.service_box{
	padding: 40px 0 30px;
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 15px;
	box-shadow: 0px 9px 140.58px 1.42px rgba(0, 0, 0, 0.08);
}
.service_box h3{
	font-family: 'Alata', sans-serif;
	font-weight: 700;
	color: #333333;
	margin-top: 27px;
	font-size: 18px;

}
/* Service  Section End */

/*Contact Us Form*/
.text-area-200h{
    height:200px !important;
}
/* Footer Section Start */
#footer_section {
    padding-top: 207px;
    padding-bottom: 44px;
    background-color: #16171e;
}
#footer_section .cm_row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 52px;
}
.f_menu_item{
	font-family: Quicksand-Regular;
	font-size: 16px;
	color: #ffffff;
}
.f_menu_item:hover{
	color: #5bc0de;
}
.f_dots{
	width: 5px;
	height: 5px;
	background-color: #ffffff;
	border-radius: 50px;
	margin: 0 18px;
}
.footer_menu{
	display: flex;
	align-items: center;
}
.copy_right_text,
.copy_right_text a{
	font-family: Quicksand-Regular;
	font-size: 16px;
	color: #ffffff;
}
.copy_right_text a{
	color: #f4efe8;
}
.copy_right_text span{
	margin: 0 27px;
	color: #f4efe8;
}
.copy_right_text a:hover{
	color: #5bc0de;
}
.copy_right_box,
.copy_right_text{
	display: flex;
	align-items: center;
}
.copy_right_box{
	justify-content: space-between;
}
/* Footer Section End */
  
/* 
	font-family: 'Alata', sans-serif;
	font-family: Quicksand-Regular;
	font-family: Quicksand-SemiBold;
    font-family: Quicksand-Bold;
*/

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: transparent;
  border: none; 
  border-bottom: 1px solid #ccc;
  color: #444;
  cursor: pointer;
  padding: 30px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 20px;
  font-weight: 600;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
 border-bottom: 3px solid #5BC0DE;
}

.header_menu_button {
background-color: transparent;
border-width: 0px;

}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.collapsible:after {
  content: '+'; 
  font-size: 20px;
  color: #444;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: '-';
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], input[type=email], input[type=tel], input[type=password], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #5BC0DE;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}


#loginModal .modal-header{
    display:block;
    flex-shrink:unset;

}
    #loginModal .modal-header .close {
        float:right;
        border:none;
        background-color:transparent;
    }
#loginModal .modal-dialog{
    max-width:550px;
}

#loginModal .help-block{
    margin-top:20px;
}
#loginModal .btn-info{
    margin-top: 10px;
}

#forgotPasswordModal .modal-header {
    display: block;
    flex-shrink: unset;
}

    #forgotPasswordModal .modal-header .close {
        float: right;
        border: none;
        background-color: transparent;
    }

#forgotPasswordModal .modal-dialog {
    max-width: 550px;
}

#forgotPasswordModal .help-block {
    margin-top: 20px;
}

#forgotPasswordModal .btn-info {
    margin-top: 10px;
}