/*fonts*/

@font-face {
  font-family: SFProDisplay-Regular;
  src: url('../fonts/SFProDisplay/SFProDisplay-Regular.ttf'); 
}

@font-face {
  font-family: SFProDisplay-Bold;
  src: url('../fonts/SFProDisplay/SFProDisplay-Bold.ttf'); 
}

@font-face {
  font-family: SFProDisplay-Semibold;
  src: url('../fonts/SFProDisplay/SFProDisplay-Semibold.ttf');  
}

/*end fonts*/

* {
    font-family: 'SFProDisplay-Regular', sans-serif;
}

html{
	scroll-padding-top: 145px;
}

html,
body {
	font-family: 'SFProDisplay-Regular', sans-serif;
	height: 100%;
  	min-height: 100%;
	font-size: 14px;
	letter-spacing: 0.4px;
}
#page-top{
	top:0px !important;
}
p {
	font-family: 'SFProDisplay-Regular', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'SFProDisplay-Regular', sans-serif;
}

/*header*/
.header{
	height: 45px;
	background: #000000 !important;
	padding: 10px;
	color: #fff;
}
.header-content{
	font-size:13px;
	padding-left: 30px;
	padding-right: 30px;
}
.header-second{
	display: flex;
	justify-content: flex-end;
}
.header-second li{
	list-style-type:none;
}
.phone,
.mail{
	padding-right: 20px;
	padding-top: 3px;
	display: inline-block;
}
.phone a, .mail a{
	color: #ffffff;
}
.phone a i, .mail a i {
	padding-right:5px;	
}
.language.form-control{
    display: inline-block !important;
    width: auto;
    padding: 0px;
    height: 30px;
    font-size: 14px;
    border-radius: 0px !important;
    border: 0px;
    background: transparent;
    color: #ffff;
}
.header-second label:after{
	font-family: FontAwesome;
    content: '\f107';
    display: inline-block;
    color: #ffffff;
    pointer-events: none;
    margin-left: 0px;
}
.header-second select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/*navbar*/
.navbar{
	padding: 0px;
    width: 100%;
}

.navbar .container-fluid{
	padding-left: 0px;
    padding-right: 0px;
}

.navbar-img {
    width: 135px;
}

.navbar-brand {
    font-size: 20px;
    margin-right: 0px !important;
    font-family: 'SFProDisplay-SemiBold';
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding: 0px 12px;
	color: #000;
	font-size: 14px;
	letter-spacing: .6px;
	font-family: 'SFProDisplay-SemiBold';
}

.current-menu-item a{
	color: #d8a905 !important;
}
.login-btn{
	padding: 10px 20px!important;
    background-color: rgba(255,255,255,0) !important;
    border: 1px solid #d8a905;
    border-radius: 5px;
    margin-right: 5px;
    color: #d8a905;
}
.menu-container {
    padding-top: 16px;
    padding-bottom: 16px;
}

/*all section*/

.section-align{
	margin-top: 30px;
	margin-bottom: 70px;
}
.title{
	font-size: 38px;
	font-family: 'SFProDisplay-Bold';
	color: #000000;
}
.book-title{
	line-height: 50px;
}
.line-height{
	line-height: 28px;
}
.sub-title{
	font-size: 18px;
	font-family: 'SFProDisplay-Regular';
	color: #000000;
}
.sub-title2{
	font-size: 24px;
	font-family: 'SFProDisplay-Bold';
	color: #000000;
}
.sub-title3{
	font-size: 16px;
    font-family: 'SFProDisplay-Bold';
	color: #000000;
}
.text{
	font-size: 15px;
	font-family: 'SFProDisplay-regular';
	color: #000000;
}
.text2{
	font-size: 14px;
	font-family: 'SFProDisplay-SemiBold';
	padding-right: 20px;
}

.font-bold{
	font-family: 'SFProDisplay-Bold';
}
.font-normal{
	font-family: 'SFProDisplay-regular';
}

.text-black,.text2.font-bold{
	color:#000000;
}

/*1st section*/
.font-highlight{
	font-size: 18px;
	font-family: 'SFProDisplay-Bold';
}
.schedule-btn{
	background: #d8a905;
	font-size: 16px;
	font-family: 'SFProDisplay-Bold';
	padding: 8px 30px;
    color: #000000;
    border-radius: 6px;
}
.img-width{
	width: 100%;
	max-width: 100%;
	height: 100%;
}

.first-section .video{
	width: 100%;
	max-width: 100%;
	min-height: auto;
	min-width: 100%;
	height: 300px;
    object-fit: fill;
}

/*2nd section*/
.second-sub-title{
	font-family: 'SFProDisplay-Regular';
    font-size: 15px;
    color: #000000;
}

.book .second-box{
	padding: 20px 20px 10px 20px !important;
	min-height: 260px;
} 
.second-box{
	padding: 20px;
	background: #ffffff;
	border-bottom: 8px solid #d8a905;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin-bottom: 20px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-15{
	margin-bottom:15px;
}
.booking-border{
	border-bottom: 8px solid #AFDFF8;
}
.text-color{
	color: #d8a905;
	font-family: 'SFProDisplay-SemiBold';
}

.book-text-color{
	color: #d8a905;
    font-family: 'SFProDisplay-Bold';
    font-size: 38px;
}

.mb-23{
	margin-bottom: 23px;
}
.mb-32{
	margin-bottom: 32px;
}
.mb-40{
	margin-bottom: 40px;
}
.admin-img{
    width: 250px;
    padding-top: 15px;
    padding-bottom: 7px;
}
.location-img{
	padding-bottom: 7px;
    width: 190px;
    padding-top: 10px;
}
.time-img{
    width: 190px;
    padding-bottom: 13px;
}
.second-btn{
	background: #00A9FAB2;
	font-size: 16px;
	font-family: 'SFProDisplay-Bold';
	padding: 8px 30px;
    color: #000000;
    border-radius: 6px;
    margin-top: 10px;
}

/*3rd section*/
.text1{
	font-family: 'SFProDisplay-semibold';
	
}
.third-align  .text2{
	font-size: 16px;
}
.third-btn{
	background: #43EDCB;
	font-size: 16px;
	font-family: 'SFProDisplay-Bold';
	padding: 8px 30px;
    color: #000000;
    border-radius: 6px;
    margin-top: 10px;
}

/*4th section*/
.section4-img{
	margin-top: 70px;
}
.four-align{
	padding-left: 25px;
	margin-bottom: 20px;
}
.img-mt{
	margin-top: 3px;
}
.section4-text{
	font-size: 15px;
	font-family: 'SFProDisplay-Regular';
	display: block;
	color: #000000;
}
.mobile-third-view{
	display: none;
}

/*5th section*/
.five-section{
	background: #eeeeee;
}
.five-title{
	font-size: 34px;
    font-family: 'SFProDisplay-SemiBold';
    color: #000000;
    line-height: 55px;
}
.five-title2 {
    font-size: 38px;
    font-family: 'SFProDisplay-Bold';
    color: #000000;
    line-height: 40px;
}
.five-info{
	font-family: 'SFProDisplay-SemiBold';
}
.five-algin{
	padding: 50px 0px;
}
.desktop-five-pl{
	padding-left: 0px;
}

/*6th section*/
.power-width{
	max-width: 12.5%;
}
.power-img{
	width: 100%;
}

.seven-form{
	/*margin: auto;*/
	display: block;
	padding-top: 30px;
}
.seven-section label{
	font-size: 14px;
	font-family: 'SFProDisplay-SemiBold';
	color: #000000;
	margin-bottom: 3px;
}
.seven-section .form-control{
	height:40px;
	font-size: 14px;
	padding-left: 15px;
}
.submit-btn{
	width: 100%;
	background: #d8a905 !important;
	font-family: 'SFProDisplay-SemiBold';
	font-size: 14px;
	padding: 8px 0px;
	margin-top: 10px;
	opacity:1 !important;
}
.book.submit-btn{
	width: 70%;
	background: #FEA090 !important;
	font-family: 'SFProDisplay-SemiBold';
	font-size: 14px;
	padding: 8px 0px;
	margin-top: 10px;
	opacity:1 !important;
	letter-spacing: 1.2px;
}

/*only for booknow page*/
.booknow-section .schedule-btn,.booknow-section .sub-title3,.booknow-section .second-btn,.booknow-section .text,.booknow-section .seven-section label,.booknow-section .seven-section .form-control,.booknow-section  .book.submit-btn,.booknow-section .third-btn,.booknow-section .seven-form .list-unstyled li,.booknow-section .third-align .text1,.booknow-section .third-align .text2{
	font-size: 18px;
}

.booknow-section .text2, .booknow-section .text1{
	font-family: 'SFProDisplay-regular';
}

.booknow-section .book.submit-btn{
	font-family: 'SFProDisplay-Bold';
}

/*footer*/
.footer{
	background-color: #000000;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
	color: #ffffff;
}
.footer ul{
	list-style: none;
	padding-left: 0px;
}
.footer ul li{
	margin-bottom: 12px; 
}
.footer-header{
	font-size: 16px;
	padding-bottom: 15px;
	padding-top: 10px;
	font-family: 'SFProDisplay-SemiBold';
}
.footer-img{
	margin-bottom: 25px;
}
.footer-social-img,
.footer-icon{
	padding-right: 5px;
	width: 25px;
}
.footer-pl{
	padding-left: 27px;
	display: flex;
}
.footer-text,.footer-text a{
	color: #ffffff;
    font-size: 14px;
}
.copy-text{
	text-align: center;
	margin-top: 20px;
}

/*scroll*/
.top-nav-collapse {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
	-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;
	top: -1px;
}

.top-nav-collapse .menu-container{
	min-height: 80px;
}

/*back-top*/
#back-top {
    position: fixed;
    bottom: 10px;
    right: 5px;
    padding: 0;
    margin: 0;
    z-index: 20;
}

#back-top a {
    text-decoration: none;
    display: block;
    color: #ffffff;
    font-size: 25px;
    z-index: 999;

}

.back-to-top img{
	width: 55px;
}

.whatsapp {
    position: fixed;
    bottom: 65px;
    right: 5px;
    display: block;
    z-index: 99;
}

.whatsapp a {
    background: none !important;
}

.whatsapp-img {
    width: 46px;
    margin-right: 5px;
}

/*start language bar*/
@media (max-width: 320px) {
	.item1-img, .item2-img{
		height: 300px !important;
	}
	
	.ct-topbar__list .ct-language {
		display:none;
	}
}

/*start language bar*/
.ct-language .fa-caret-down:before {
    content: "";
}

.body-top {
    top: 0px !important;
}

.ct-topbar {
    text-align: right;
    background: #eee;
}

.ct-topbar__list {
    margin-bottom: 0px;
}

.ct-language__dropdown {
    padding-top: 8px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    /*top: 110%;*/
	top: 23px;
    left: 0px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 160px;
    text-align: left;
    padding-top: 0;
    z-index: 200;
    color: white;
	background-color: #ffffff;
	-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;
}

.ct-language__dropdown li {
   background: #ffffff;
	padding: 2px;
	color: #0f0f0f;
	font-size: 12px;
}

.ct-language__dropdown li a:visited {
	color: white;
}


.ct-language__dropdown li a {
	display: block;
	color: #0f0f0f !important;
	font-size: 12px !important;
	width: 165px;
	padding: 0px !important;
}

.ct-language__dropdown li:first-child {
	border-radius: 3px 3px 0 0;
}

.ct-language__dropdown li:last-child {
	border-radius: 0 0 3px 3px;
}

.ct-language__dropdown li:hover {
	color: #fff;
	background: #FFC;
}

.ct-language {
    position: relative;
    color: #ffffff;
    width: 100px;
	background: #010101;
    position: relative;
    z-index: 9999;
	font-size: 13px;
    padding-bottom:4px;
    font-weight: normal;
    padding-top: 4px;
}

.ct-language img {
		margin-right: 4px;
	width: 18px;
}


.ct-language:hover .ct-language__dropdown, .ct-language:active .ct-language__dropdown {
	max-height: 200px;
	padding-top: 6px;
}

.dropdown-clr li {
    background-color: #1d82a0 !important;
    padding: 5px;
    width: 100%;
}

.dropdown-clr li:hover {
	background-color: #268ea8 !important;
}

.dropdown-clr:after {
    border-bottom: 8px solid #1d82a0 !important;
}

.dropdown-clr:before {
    border-bottom: 8px solid #1d82a0 !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.skiptranslate {
    display: none !important;
}


.ct-language__dropdown li a img {
    padding-right: 5px;
}

.ct-topbar__list .ct-language:after {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 12px;
    height: 20px;
    background-position: 50%;
    background-size: 11px;
    background-image: url("../img/web/languages/down.png");
    background-repeat: no-repeat;
    color: #272e31;
    line-height: 37px;
    content: "" !important;
    transition: all .2s;
}

/*terms*/
.terms{
	margin-bottom: 1.5rem;
}


.terms-list li span,.terms-subtitle{
	font-family: 'SFProDisplay-Bold';
}

.terms-list li p{
	margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.terms-list a,.terms a{
	color:#d8a905;
}

.terms-list ol{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/*start integration page*/
.banner-section {
    background-image: url(../img/web/banner.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
}

.banner-section .title{
	color:#ffffff;
}

.banner-section .title, .integration-footer .title{
	font-size: 30px;
    font-weight: 700;
}

.p-20-40 {
    padding-top: 20px;
    padding-bottom: 40px;
}

.p-80-150{
	padding: 80px 150px 230px!important;
}

.bg-grey{
	background-color: #f6f6f6;
}

.p-150-80{
	padding: 15px 150px 80px !important;
}

.p-50-100{
	padding-top: 100px;
    padding-left: 50px;

}

.p-80-180{
	padding:80px 150px;
}

.p-30-150{
	padding: 30px 150px;
}

.p-30-100{
	padding: 30px 100px;
    padding-left: 0px;
}
   
.w-95{
	width: 95%;
}
 
.x-section .section-header {
    font-size: 20px;
} 
 
.x-section label{
	color:#000000;
	font-weight:bold;
} 
   
.bg-white{
	background-color:#ffffff;
}

.x-section img {
    padding-bottom: 10px;
}

.form-control-arrow{
	position: absolute;
    right: 10px;
    z-index: 2;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #2a4ba0;
}

.mt-20{
	margin-top: 20px;
}
    
.integration-footer input{
	border-color: #2a4ba0 !important;
    background-color: #ffffff;
}	
/*end integration page*/

/*form validate*/
.form-container{
	margin:auto;
}

.seven-form .list-unstyled li {
    margin-top: 10px;
    color: #dc3545 !important;
}

#msgSubmit{
	margin-top:10px;
}


.third-align  .text1,.third-align .text2{
	/*text-align: justify;*/
}

/*responsive*/
	
@media (min-width: 1200px){
	.max-1000{
		max-width:1000px;
	}
	
	.third-align  .text1,.third-align .text2{
		padding-right: 55px;
		font-size: 15px;
		/*text-align: justify;*/
	}
	
	.booknow-section .third-align .text1,.booknow-section .third-align .text2{
		font-size: 18px;
	}
	
	.five-title{
		padding-left: 100px;
		padding-right: 100px;
	}
	.header-second{
		padding-right:0px;
	}
	.para-txt {
		padding-left: 4rem;
	}
	.terms-list{
		padding-left: 3rem;
	}
	.login-btn{
		margin-left: 12px;
	}
}

@media (max-width: 1120px){
	.schedule-btn{
		padding:8px 10px;
	}
	.menu-container{
		padding: 10px 15px;
	}
}
@media (max-width: 1070px){
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding: 0px 5px;
	}
	.navbar-nav {
	    padding-right: 10px;
	}
}
@media (max-width: 991px){
	.header-content{
		padding-left: 10px !important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding: 5px 0px;
	}
	.power-width{
		max-width: 25%;
	}
	.section-align {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.seven-form {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.first-section .video{
		width: 100%;
		max-width: 100%;
		min-height: auto;
		min-width: 100%;
		height: auto;
		margin-top: 30px;
	}
}
@media (max-width: 977px){
	.third-align{
		margin-top: 30px;
	}
	.section4-img{
		margin-top: 30px;
	}
	.p-20-40 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media (max-width: 767px){
	.header{
		display:none;
	}
}
@media (min-width: 768px){
	.first-section {
		padding-top: 120px;
	}
	
	.my-100{
		margin-top: 100px;
		margin-bottom: 100px;
	}
}

@media (max-width: 768px){
	.first-section {
		padding-top: 95px;
	}
	
	.desktop-third-view{
		display: none;
	}
	.mobile-third-view{
		display: block;
	}
	.second-section .second-align1{
		margin-bottom: 15px;
	}
	
	.footer-center{
		text-align:center;
		margin-top: 15px;
	}
	
	.title,.five-title{
		font-size:35px;
	}
	
	.navbar-collapse{
		text-align: center;
	}
	
	.navbar-collapse li.nav-item{
		padding: 4px 0px;
	}
	
	.sub-title2{
		padding-top: 20px;
	}
	
	.location-img{
		padding-top:10px;
	}
	
	.sub-title2{
		padding-top: 30px;
	}
	
	.seven-form{
		padding-bottom:15px;
	}
	
	.booknow-section .seven-form{
		padding-bottom:0px;
	}
	
	.p-sm-15{
		padding:0px 15px;
	}
	
	.mb-mobile{
		margin-bottom: 1rem;
	}
	
	.schedule-btn, .second-btn, .third-btn, .book.submit-btn{
		width:100%;
	}
}
@media (max-width: 654px){
	.second-section img{
		/*display: none;*/
		width: 300px;
	}
}
@media (max-width: 640px){
	.second-section .mb-23,
	.second-section .mb-32,
	.second-section .mb-40{
		margin-bottom: 0px;
	}
	
	.back-to-top img {
		width: 45px;
	}
	.whatsapp-img {
		width: auto;
	}
}
@media (max-width: 561px){
	.desktop-five-pl{
		padding-left: 15px;
	}
}
@media (max-width: 530px){
	html{
		scroll-padding-top: 110px;
	}
	
}
@media (max-width: 530px){
	
	.navbar{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.language.form-control {
	    padding: 0px 15px 0px 10px;
	}
	.header-first,
	.header-second{
		padding-left: 5px;
		padding-right: 5px;
	}
	.header-content{
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-img{
		width: 120px;
	}
	.footer-social-img, .footer-icon{
		padding-right:0px;
		width:auto;
	}
	.footer-pl {
		padding-left: 0px;
	}
	.title,.five-title{
		font-size:35px;
	}
	.first-section {
		padding-top: 50px;
	}

}

@media (max-width: 360px){
	.sub-title {
		font-size: 14px;
	}
	
	.title, .five-title {
		font-size: 30px;
	}
	
	.font-highlight {
		font-size: 16px;
	}
	
	.schedule-btn{
		font-size: 14px;
	}
	
	.sub-title2 {
		font-size: 23px;
	}
	
	.five-title {
		font-size: 18px;
	}
	
	.five-title2 {
		font-size: 18px;
	}
	
	.five-title{
		line-height: 30px;
	}
}

@media (max-width: 300px){
	.title, .five-title{
		font-size: 20px;
	}
	
	.sub-title {
		font-size: 12px;
	}
	
	.schedule-btn {
		font-size: 12px;
	}
}