html{
font-size: 100.01%;
overflow-x: hidden;
scroll-behavior: smooth;
}
body{
font-family: 'Eina 04';
font-weight: normal;
overflow-x: hidden;
line-height: 1.4;
font-size: 15px;
color: #252525;
}
*{
outline: none !important;
}
.container{
max-width: 1170px;
width: 100%;
}
.container-md{
max-width: 990px;
}
.container-sm{
max-width: 660px;
}
:focus{
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a, .btn, button, .nav-link:after, .nav-link img{
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a{
color: #363636;
text-decoration: none !important;
}
a:hover{
color: #bc103a;
}
p a:hover, li a:hover, p a:focus, p a:active, .icon:hover{
color: #bc103a !important;
}
p{
margin: 0 0 15px;
color: inherit;
}
strong{
font-weight: bold;
}
sub, sup{
font-size: 65%;
}
h1{
font-size: 58px;
line-height: 1;
}
h2{
font-size: 26px;
font-weight: 600;
}
h2 span{
font-weight: 300;
}
h3{
font-size: 22px;
font-weight: bold;
}
h4{
font-size: 18px;
font-weight: bold;
}
.header{
position: absolute;
width: 100%;
z-index: 99;
top: 40px;
left: 0;
}
.navbar-brand img{
width: 160px;
}
.navbar-nav{
width: 100%;
padding-left: 100px;
justify-content: space-between;
}
.navbar-nav a{
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
color: #1a1b21;
}
h1{
font-weight: 600;
font-size: 72px;
}
h2{
font-size: 44px;
font-weight: bold;
}
.page-content{
min-height: 380px;
}
.banner-area{
padding-top: 170px;
padding-bottom: 25px;
background: #fff url('../images/transparent-logo.png?v=1') no-repeat center top -210px / 90%;
}
.banner-area h1{
color: #0064a8;
margin-bottom: 1em;
}
.banner-area h2{
color: #f25170;
margin-bottom: 0;
}
.banner-stripe{
color: #fff;
margin-top: 25px;
}
.banner-stripe h4{
margin: 0 0 0 20px;
font-size: 20px;
color: inherit;
}
.banner-stripe img{
margin-right: 20px;
margin-top: 5px;
width: 25px;
}
.banner-stripe > div{
padding: 15px 60px !important;
}
.banner-stripe > div:nth-child(1){
background-color: #f25170;
}
.banner-stripe > div:nth-child(2){
background-color: #0064a8;
}
.banner-stripe > div:nth-child(3){
background-color: #025787;
}
.banner-stripe .hover{
visibility: hidden;
}
.banner-stripe > div:hover .hover{
visibility: visible;
}
.feaures{
padding: 40px 0;
margin-top: 20px;
background: #fff url('../images/transparent-logo.png') no-repeat center top / 90%;
}
.feaures h2{
color: #0064a8;
font-size: 46px;
font-weight: bold;
margin-bottom: 70px;
}
.feaures h2 span{
font-weight: 300;
max-width: 460px;
display: block;
}
.feaures h3{
font-weight: bold;
max-width: 460px;
font-size: 30px;
color: #f25170;
float: right;
}
.features-list{
color: #0064a8;
font-size: 15px;
margin-top: 40px;
font-weight: bold;
}
.features-list img{
max-width: 85px;
max-height: 95px;
margin: 0 auto 15px;
}
.feature-item{
max-width: 130px;
display: block;
margin: auto;
}
.booking{
color: #fff;
padding: 70px 0;
background: #004f85 url('../images/background-image.png') no-repeat center / cover;
}
.booking h2{
line-height: 1;
font-size: 82px;
font-weight: bold;
margin-bottom: 35px;
}
.fr .booking h2{
font-size: 74px;
}
.booking h3{
font-weight: bold;
font-size: 32px;
margin-bottom: 30px;
}
.booking h4{
max-width: 420px;
font-size: 32px;
font-weight: normal;
margin-bottom: 60px;
}
.offers-link{
z-index: 1;
color: #fff;
font-size: 22px;
padding: 25px 60px;
position: relative;
border-radius: 8px;
font-weight: normal;
background-color: #f25170;
justify-content: space-between;
box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
-webkit-box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
}
.offers-link:hover{
background-color: #fff;
color: #0064a8;
}
.offers-link:hover strong{
border-bottom: 3px #cde3f4 solid;
}
.offers-link .hover{
display: none;
}
.offers-link:hover .hover{
display: block;
}
.offers-link:hover .default{
display: none;
}
.offers-link img{
width: 65px;
}
.offers-link strong{
font-size: 52px;
line-height: 1.2;
margin-top: -11px;
font-weight: bold;
border-bottom: 3px #fff solid;
}
.fr .offers-link strong{
font-size: 38px;
}
.booking-image{
margin-bottom: -108px;
}
.section-bottom{
padding: 30px 0 85px;
background: #fff url('../images/transparent-logo.png') no-repeat center top -110px / 90%;
}
.card-item{
margin: auto;
display: block;
max-width: 320px;
position: relative;
border-radius: 15px;
padding: 30px 25px 60px;
-webkit-transition: all .35s linear;
-o-transition: all .35s linear;
transition: all .35s linear;
}
.card-item:hover{
background-color: #f7f7f7;
-webkit-box-shadow: 24px 15px 59px rgba(41, 41, 40, 0.25);
box-shadow: 24px 15px 59px rgba(41, 41, 40, 0.25);
}
.card-item h3{
color: #f25170;
font-size: 38px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 20px;
}
.card-item p{
color: #256b95;
font-size: 18px;
font-weight: 600;
min-height: 80px;
font-style: italic;
padding-left: 20px;
margin-bottom: 30px;
}
.card-item img{
max-height: 140px;
max-width: 150px;
display: block;
margin: auto;
}
.card-pabble{
opacity: 1;
right: 25px;
color: #fff;
bottom: 5px;
line-height: 1;
font-size: 12px;
font-weight: bold;
position: absolute;
visibility: visible;
padding: 12px 14px 24px;
-webkit-transition: all .35s linear;
-o-transition: all .35s linear;
transition: all .35s linear;
background: transparent url('../images/hover-chat-element-pink.svg') no-repeat center center / contain;
}
.card-item:hover .card-pabble{
opacity: 1;
visibility: visible;
}
.bottom-success h3{
color: #0064a8;
font-weight: 600;
max-width: 242px;
}
.bottom-success h4{
color: #f25170;
font-weight: 300;
max-width: 280px;
}
.bottom-success h3, .bottom-success h4{
padding: 0 30px;
font-size: 35px;
line-height: 1;
margin-bottom: 0;
}
.fr .bottom-success h3, .bottom-success h4{
font-size: 28px;
}
.bottom-success img{
max-height: 250px;
}
.slide img, .cursor{
cursor: pointer;
}
.slides img:hover{
box-shadow: 1px 1px 1px rgba(41, 41, 40, 0.25);
}
.footer{
padding-bottom: 30px;
background: #0064a8;
padding-top: 60px;
font-size: 14px;
color: #fff;
}
.footer p{
font-weight: 600;
}
.footer-logo{
max-width: 112px;
margin-bottom: 20px;
}
.footer-address{
font-weight: 300;
line-height: 32px;
}
.footer a{
color: #fff;
}
.footer ul a{
font-weight: 600;
color: #fff;
}
.footer ul li{
margin-bottom: 10px;
}
.copyright{
font-size: 11px;
margin-top: 40px;
text-transform: uppercase;
}
.inner-content{
padding-top: 220px;
padding-bottom: 80px;
background: #fff url('../images/transparent-logo.png') no-repeat center / 90%;
}
.btn-back{
text-decoration: underline !important;
font-weight: bold;
font-size: 17px;
color: #0064a8;
}
.page-info{
/*margin-bottom: -45px;*/
}
.page-info h1{
margin: 0;
color: #f25170;
font-size: 40px;
line-height: 1.1;
font-weight: bold;
}
.page-info img{
max-width: 140px;
margin-right: 30px;
}
.section-content{
max-width: 90%;
margin-bottom: 50px;
}
.section-content h2{
margin-bottom: 20px;
font-weight: bold;
line-height: 1.2;
font-size: 40px;
color: #0064a8;
}
.section-content p{
color: #f25170;
font-size: 20px;
line-height: 1.3;
font-weight: normal;
}
.section-content a{
font-size: 20px;
line-height: 1.3;
font-weight: bold;
color: #0064a8;
}
.bottom-btn-link{
z-index: 1;
color: #fff;
font-size: 18px;
padding: 25px 75px;
position: relative;
border-radius: 8px;
font-weight: normal;
background-color: #0064a8;
justify-content: space-between;
box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
-webkit-box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
}
.bottom-btn-link:hover{
background-color: #f25170;
color: #fff;
}
.bottom-btn-link img{
width: 140px;
}
.bottom-btn-link strong{
font-size: 32px;
display: block;
line-height: 1.2;
font-weight: bold;
border-bottom: 3px #fff solid;
}
.fr .bottom-btn-link strong{
font-size: 27px;
}
.bottom-btn-image{
margin-bottom: -5px;
max-width: 40%;
}
.bottom-btns{
margin-top: -18%;
}
.understanding-icon{
position: relative;
bottom: -15px;
}
.fade {
opacity: 1;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.pulsating-dot {
cursor: pointer;
position: absolute;
box-sizing: border-box;
display: flex;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
}
@keyframes ripple {
0% {
transform: scale(0.1);
opacity: 1; }
30% {
transform: scale(0.8);
opacity: 0.1; }
50% {
transform: scale(1);
opacity: 0.0; }
100% {
opacity: 0.0; } }
@keyframes scale {
0% { transform: scale(1); }
70% { transform: scale(1.5); }
100% { transform: scale(1); }
}
.pulsating-dot__ripple {
position: relative;
transform: translateY(-25px) translateX(-25px);
}
.pulsating-dot__ripple > span {
box-sizing: border-box;
position: absolute;
top: 20px;
left: 20px;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #1292d9;
box-shadow: 0 0 5px #035584, inset 0 0 5px #035584;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: scale 5.5s infinite linear;
animation: scale 5.5s infinite linear;
}
.pulsating-dot__ripple > div {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #1292d9;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: ripple 5.5s 0s infinite cubic-bezier(.2,.54,.58,.7);
animation: ripple 5.5s 0s infinite cubic-bezier(.2,.54,.58,.7);
}
.pulsating-dot__ripple > div:nth-child(0) {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.pulsating-dot__ripple > div:nth-child(1) {
-webkit-animation-delay: -2s;
animation-delay: -2s; }
.pulsating-dot__ripple > div:nth-child(2) {
-webkit-animation-delay: -3s;
animation-delay: -3s; }
.pulsating-dot__ripple > div:nth-child(3) {
-webkit-animation-delay: -4s;
animation-delay: -4s; }
.slide-wrap{
position: relative;
}
.tooltip-inner{
text-align: left;
background-color: #f25170;
}
.bs-tooltip-right .arrow::before{
border-right-color: #f25170;
}
.bs-tooltip-left .arrow::before{
border-left-color: #f25170;
}
.pulsing{
display: none;
}
.modal-lg{
max-width: 980px;
width: 95%;
}
.modal-content{
-webkit-box-shadow: 24px 15px 59px rgba(41, 41, 40, 0.14);
box-shadow: 24px 15px 59px rgba(41, 41, 40, 0.14);
background-color: #f3f3f3;
border: none;
}
.modal-content .page-info img{
width: 100px;
}
.modal-content .page-info h1{
max-width: 240px;
font-size: 32px;
}
.modal-content .section-content h2{
font-size: 28px;
}
.modal-content .section-content p{
font-size: 20px;
}
.modal-content .bottom-btns a{
border-radius: .3rem;
}
.modal-content .bottom-btn-link{
padding-left: 35px;
padding-right: 35px;
}
.modal-content .carousel{
min-height: 280px;
margin-bottom: 25px;
}
.popup-image{
max-width: 70%;
}
.carousel-indicators{
margin-top: 10px;
margin-bottom: 0;
}
.carousel-indicators li{
opacity: 1;
width: 14px;
border: none;
height: 14px;
border-radius: 15px;
background-color: #0064a8;
}
.carousel-indicators li.active{
background-color: #f25170;
}
.lang:hover{
color: #fff !important;
}
.fr .hustler{
margin-bottom: 50px;
}
.membership-group{
margin-bottom: 60px;
}
.membership-group h2{
color: #0064a8;
font-size: 58px;
font-weight: 600;
margin-bottom: 45px;
}
.membership-title{
-ms-align-items: flex-end;
align-items: flex-end;
margin-bottom: 15px;
}
.membership-title h4{
margin-left: 20px;
font-weight: bold;
font-size: 25px;
color: #f25170;
}
.membership-title img{
max-width: 100px;
}
.membership-group ul{
padding-left: 22px;
font-size: 16px;
color: #025787;
}
.membership-group ul li{
margin-bottom: 3px;
}
.office-title h2{
color: #0064a8;
font-size: 75px;
font-weight: bold;
}
.office-title{
margin-bottom: 60px;
}
.owl-membership{
margin-bottom: 65px;
}
.owl-membership .owl-nav{
margin: 0;
}
.owl-membership .owl-nav button{
top: 0;
height: 100%;
width: 100px;
border-radius: 0;
position: absolute;
margin: 0 !important;
border-color: transparent;
background-color: rgba(0, 100, 168, 0.7) !important;
}
.owl-membership .owl-nav button.disabled{
opacity: 0 !important;
}
.owl-membership .owl-nav button.owl-next{
right: 0;
}
.owl-membership .owl-nav button.owl-prev{
left: 0;
}
.office-card{
border-radius: 0 40px 0 0;
background-color: #f25170;
color: #fff !important;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.office-card .owl-item{
cursor: default;
}
.office-card:not(.disabled):hover{
-webkit-box-shadow: 2px 1px 19px 6px rgba(242, 81, 112, 0.28);
box-shadow: 2px 1px 19px 6px rgba(242, 81, 112, 0.28);
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
.office-card.disabled{
/*opacity: 0.7;
cursor: default;*/
}
.office-header{
padding: 18px 25px;
}
.office-header h3{
max-width: 100%;
margin-top: 12px;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
/*min-height: 105px;*/
}
.office-header h3 small{
display: block;
margin-top: 8px;
font-size: 0.7em;
font-weight: bold;
}
.owl-office .owl-dots {
margin: 0;
bottom: 0;
padding: 8px 20px;
position: absolute;
}
.owl-office .owl-dots span{
margin: 4px !important;
background-color: #a2a2a2 !important;
}
.owl-office .owl-dots .active span{
background-color: #fff !important;
}
.office-body{
padding: 15px 25px 20px;
font-size: 17px;
}
.office-body p{
font-weight: 300;
margin: 3px 0;
}
.office-body strong{
font-weight: bold;
}
.office-body sub{
font-weight: bold;
font-size: 13px;
bottom: 0;
}
.book-now{
background-color: #0064a8;
padding: 12px 25px 16px;
font-weight: bold;
font-size: 20px;
line-height: 1;
color: #fff;
}
.disabled .book-now{
background-color: #a5a5a5;
}
.booked_card{
position: relative;
max-width: 260px;
}
.booked_card > img{
position: absolute;
max-width: 150px;
left: 0;
top: 0;
}
.office-selected{
background-color: #f25170;
border-radius: 0 25px 0 0;
position: relative;
left: 50px;
z-index: 5;
top: 50px;
padding: 25px;
}
.office-selected h6{
font-size: 16px;
font-weight: bold;
margin-left: 15px;
margin-bottom: 0;
}
.office-selected img{
width: 42px;
}
.office-selected h3{
margin-top: 25px;
padding-bottom: 20px;
color: #fff !important;
font-size: 25px !important;
border-bottom: 1px dotted rgba(255,255,255,0.6);
}
.office-selected h3 small{
display: block;
margin-top: 14px;
}
.reg-discount{
font-size: 14px;
color: #0064a8;
margin-top: -80px;
}
.reg-discount p{
max-width: 90%;
margin-bottom: 6px;
}
.register-area{
margin-bottom: 120px;
}
.register-area h3{
margin-bottom: 12px;
font-weight: 700;
font-size: 30px;
color: #f25170;
}
.register-area h3 small{
font-size: 0.56em;
display: block;
}
.disclamer{
color: #0064a8;
font-size: 18px;
font-weight: bold;
padding-left: 35px;
background: transparent url('../images/disclamer.png') no-repeat center left / 25px;
}
.ref-form{
width: 100%;
color: #0064a8;
font-size: 28px;
font-weight: 300;
padding: 2px 12px;
border-radius: 4px;
border: 2px solid #0064a8;
}
select.ref-form{
background: #fff url('../images/select-icon.png') no-repeat center right / contain;
}
.ref-date{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
.ref-date button{
margin-left: 5px;
}
.ref-form::-webkit-input-placeholder {
color: #0064a8;
}
.ref-form:-ms-input-placeholder {
color: #0064a8;
}
.ref-form::placeholder {
color: #0064a8;
}
.total{
font-size: 24px;
color: #f25170;
}
.total p{
margin: 0;
}
.total .price{
color: #f25170;
line-height: 1;
font-size: 50px;
font-weight: bold;
margin-right: 15px;
}
.btn-book{
background-color: #0064a8;
font-size: 40px;
color: #fff;
font-weight: bold;
width: 100%;
border-radius: 0;
line-height: 1;
padding-top: 10px;
padding-bottom: 18px;
}
.btn-book:hover{
color: #f25170;
}
.membership-offices{
margin-bottom: 90px;
background-color: #c2c2c2;
}
.membership-offices-left{
z-index: 1;
color: #fff;
min-height: 420px;
position: relative;
background-size: cover;
padding: 35px 50px 40px 25px;
-webkit-background-size: cover;
}
.membership-offices-left:before{
background: rgb(1,100,168);
background: -moz-linear-gradient(90deg, rgba(1,100,168,0.7) 0%, rgba(1,100,168,1) 82%);
background: -webkit-linear-gradient(90deg, rgba(1,100,168,0.7) 0%, rgba(1,100,168,1) 82%);
background: linear-gradient(90deg, rgba(1,100,168,0.7) 0%, rgba(1,100,168,1) 82%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0164a8",endColorstr="#0164a8",GradientType=1);
position: absolute;
height: 100%;
width: 100%;
content: "";
z-index: -1;
left: 0;
top: 0;
}
.membership-offices-icon{
max-width: 150px;
margin-bottom: 70px;
}
.membership-offices-left h3{
line-height: 1.35;
}
.membership-offices-left h3 span{
cursor: pointer;
display: inline-block;
padding-bottom: 0px;
margin-bottom: 5px;
/*font-weight: 300;*/
}
.membership-offices-right div{
display: none;
}
.membership-offices-left h3 span.active{
border-bottom: 1px solid #fff;
}
.membership-offices-left h3 span:hover{
border-bottom: 1px solid #fff;
}
.membership-offices-right{
padding: 35px 50px 40px 30px;
min-height: 420px;
max-width: 600px;
width: 100%;
}
.membership-offices-right{
color: #0064a8;
}
.membership-offices-right h2{
margin-bottom: 40px;
}
.fr .membership-offices-right h2{
font-size: 30px;
}
.membership-offices-right ul{
margin-left: 30px;
}
.membership-offices-right ul li{
margin-bottom: 3px;
}
.membership-offices-right .card-pabble{
visibility: visible;
color: #fff !important;
opacity: 1;
z-index: 1;
bottom: -29px;
right: 20px;
}
.membership-offices-right .card-pabble:before{
width: auto;
content: "";
height: 44px;
position: absolute;
background-color: #f25170;
top: 0;
z-index: -1;
left: -5px;
right: -5px;
border-radius: 35px;
}
.dropdown:hover>.dropdown-menu {
/*display: block;*/
}
.header-sticky{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
border-bottom: 1px solid rgb(238, 240, 242);
-webkit-transition: transform 0.3s ease 0s;
-o-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
background-color: #fff;
position: fixed;
z-index: 888;
height: 88px;
width: 100%;
left: 0;
top: 0;
}
.header-sticky.active{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.hs-phone{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
line-height: 88px;
color: #393939;
}
.hs-phone strong{
font-weight: 600;
display: inline-block;
margin: 0 16px 0 10px;
}
.header-sticky .position-absolute{
position: absolute;
right: 0;
top: 0;
}
.header-sticky .dropdown-toggle:after{
display: none;
}
.header-sticky .btn{
height: 56px;
padding-top: 0;
font-size: 14px;
font-weight: 600;
padding-bottom: 0;
line-height: 52px;
border-radius: 4px;
letter-spacing: 0.87px;
text-transform: uppercase;
padding: 0 20px;
}
.header-sticky .dropdown-toggle{
background-color: #f25170;
color: #fff;
}
.header-sticky .btn-outline-gray{
color: #393939;
margin-left: 15px;
border: 1px solid #d9dbdd;
}
.header-sticky .btn-outline-gray:hover{
background-color: #393939;
border-color: #393939;
color: #fff;
}
.icon-360{
width: 50px;
margin-right: 10px;
float: right;
margin-top: -10px;
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 1s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
.feature-slider{
margin-top: 50px;
}
.feature-slide{
color: #fff;
min-height: 490px;
position: relative;
border-radius: 15px;
background-size: cover;
padding: 70px 70px 30px;
-webkit-background-size: cover;
background-position: center center;
}
.feature-slide h2{
font-family: 'Eina 04';
letter-spacing: -0.05em;
margin-bottom: 25px;
font-weight: normal;
font-size: 64px;
line-height: 1;
}
.feature-slide .d-flex img{
margin-left: -12px;
}
.btn-blue, .btn-red{
background-color: #0064a8;
padding: 9px 15px 12px;
color: #fff !important;
border-radius: 8px;
line-height: 1;
}
.btn-red{
background-color: #f25170;
}
.feature-icon{
align-items: center;
position: absolute;
font-weight: bold;
font-size: 25px;
line-height: 0.95;
display: flex;
bottom: 25px;
right: 70px;
}
.feature-icon p{
width: 100px;
margin: 0 0 10px 15px;
}
.feature-slide-3{
padding: 32px 75px;
}
.feature-slide-3 > img{
position: absolute;
right: 20px;
top: 25px;
}
.feature-slide-3 .btn{
left: 110px;
bottom: 40px;
font-size: 38px;
position: absolute;
padding: 15px 25px 20px;
}
.feature-slide-3 h2{
text-transform: uppercase;
font-weight: bold;
line-height: 0.85;
margin: 0 0 5px;
}
.feature-slide-3 h3{
margin: 0;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
}
.feature-slide-3 h3 strong{
font-size: 128px;
line-height: 0.85;
}
.feature-slider .carousel-indicators{
bottom: -30px;
justify-content: flex-start;
}
.feature-slider .carousel{
border-radius: 15px;
-webkit-box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
}
.feature-slider .carousel-inner{
border-radius: 15px;
overflow: hidden;
}
@media screen and (max-width: 1199px) {
.feature-slide{
min-height: 527px;
}
}
@media screen and (max-width: 991px) {
.feature-slide{
padding: 30px;
}
.feature-slide h2{
font-size: 52px;
}
.feature-slide-3 .btn{
left: 40px;
}
.feature-slide-3 h3 strong{
font-size: 98px;
}
.feature-slide{
min-height: 410px;
}
}
@media screen and (max-width: 767px) {
.feature-icon{
left: 15px;
right: auto;
bottom: 15px;
font-size: 18px;
}
.feature-icon img{
width: 60px;
}
.feature-slide h2 {
font-size: 38px;
}
.feature-slide-3 .btn{
padding: 13px 20px 16px;
position: relative;
margin-top: 25px;
font-size: 24px;
bottom: 0;
left: 0;
}
.feature-slide-3{
padding: 30px 20px 30px;
}
.feature-slide-3 h2{
padding-right: 30px;
}
.feature-slide-3 h3 strong {
font-size: 73px;
}
.feature-slide-3 > img {
position: absolute;
right: 0;
top: 15px;
width: 65px;
}
.feature-slider .carousel{
-webkit-box-shadow: none;
box-shadow: none;
}
}
/* new code */
.feature-slide-4 h2{
font-size: 38px;
font-weight: 600;
}
.hours{
background-color: #fff;
display: inline-block;
padding: 1px 12px 4px;
border-radius: 10px;
font-weight: 600;
font-size: 38px;
color: #f25170;
line-height: 1;
}
.hours sub{
bottom: 0;
font-size: 60%;
}
.slide-bottom{
padding-left: 280px;
margin-top: 15px;
}
.slide-bottom h3{
font-size: 48px;
line-height: 1;
margin: 0;
}
.slide-bottom h3 strong{
font-size: 1.4em;
}
.slide-bottom h3 sub{
font-weight: 400;
font-size: 0.8em;
bottom: 0;
}
.slide-bottom .btn-lg{
font-size: 32px;
white-space: nowrap;
padding: 12px 20px 13px !important;
}
.slide-bottom img{
width: auto;
max-width: 100%;
margin: 0 20px !important;
}
.slide-bottom > .d-flex{
margin-top: 30px;
}
.slide-bottom h4{
text-shadow: 0 0 10px #fff;
font-weight: 600;
font-size: 26px;
}
.slide-4-image{
position: absolute;
width: 330px;
bottom: 0;
left: 0;
}
.our-clients{
padding: 0px 0 40px;
}
.owl-theme .owl-dots .owl-dot span{
background-color: #1464a8;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background-color: #f25170;
}
.owl-clients .owl-stage{
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.owl-clients .owl-stage img{
width: 100%;
margin: auto;
display: block;
max-width: 250px;
max-height: 100px;
object-fit: contain;
height: auto !important;
/*-webkit-filter: grayscale(100%);
filter: grayscale(100%);*/
}
@media screen and (max-width: 991px) {
.slide-4-image{
width: 260px;
}
.slide-bottom{
padding-left: 240px;
}
}
@media screen and (max-width: 767px) {
.slide-bottom{
padding-left: 0;
}
.slide-bottom > .d-flex{
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
max-width: 180px;
}
.slide-bottom > .d-flex > div{
margin-top: 15px;
}
.slide-4-image{
left: auto;
right: 0;
}
.our-clients {
padding: 25px 0 0;
}
.owl-clients .owl-stage img{
max-height: 140px !important;
}
}
@media screen and (max-width: 575px) {
.feature-slide-4 h2{
font-size: 26px;
}
.hours{
font-size: 30px;
}
.slide-bottom h3{
font-size: 32px;
}
.slide-bottom > .d-flex {
margin-top: 20px;
}
.slide-bottom .btn-lg{
font-size: 22px;
}
.slide-bottom img{
width: 55px;
margin: 0 10px 0 0 !important
}
.slide-bottom h4{
font-size: 20px;
}
.slide-4-image{
width: 150px;
}
}
/* icon counter */
.icon-counters{
color: #425b76;
padding: 35px 0;
font-size: 18px;
text-align: center;
font-weight: bold;
font-family: 'Eina 04';
}
.icon-counters i{
color: #0064a8;
font-size: 65px;
margin-bottom: 12px;
}
.icon-counters .count{
color: #f25170;
padding: 5px 0;
font-size: 1.8em;
font-weight: normal;
}
.icon-counters h4{
font-size: 20px;
}
.testimonial-slider{
padding: 0 0 85px;
}
.testimonial-slider-item{
margin: 0 auto 60px;
max-width: 600px;
padding: 0 25px;
display: block;
}
.testimonial-slider-item{
font-size: 18px;
}
.testimonial-slider-item img{
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 70px;
margin-bottom: 20px;
object-position: center;
}
.testimonial-slider-item h4{
margin-top: 35px;
margin-bottom: 5px;
}
.testimonial-slider-item a{
color: #00ACDC;
}
@media screen and (max-width: 576px) {
.testimonial-slider-item{
font-size: 15px;
}
}
/* private-modal */
.private-modal .modal-title{
font-weight: 700;
color: #0064a8;
line-height: 1;
}
.private-modal .modal-body{
font-size: 16px;
}
.private-modal .modal-body li{
margin-bottom: 2px;
}
.carousel-indicators-images{
position: relative;
margin-left: 0;
margin-right: 0;
}
.carousel-indicators-images li{
padding: 0;
width: 60px;
height: 60px;
text-indent: 0;
border-radius: 0;
position: relative;
}
.carousel-indicators-images li img{
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
object-position: center;
-webkit-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
box-shadow: 0 0 0px 0 #f25170;
}
.carousel-indicators-images li.active img{
box-shadow: 0 0 0 2px #f25170;
}
@media screen and (max-width: 991px) {
.carousel-indicators-images li{
width: 40px;
height: 40px;
}
}
/* modal */
@media screen and (min-width: 780px) {
.modal-first-booking{
max-width: 768px;
}
}
.modal-first-booking .modal-content{
border-radius: 15px;
background: #fff;
overflow: hidden;
}
.modal-bg{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 250px;
}
.modal-booking-content{
padding: 2.5em 3em;
}
.modal-booking-content h6{
font-weight: 600;
margin: 0;
}
.modal-booking-content h2{
margin: 0;
color: #ff6072;
font-size: 52px;
}
.modal-booking-content h5{
font-weight: 600;
margin-bottom: 8px;
}
.modal-booking-content p{
color: #000;
display: block;
max-width: 250px;
margin: 0 auto 20px;
}
.modal-booking-content .form-control{
background-color: #f5f5f5;
border-radius: 50px;
height: 48px;
border: none;
}
.modal-booking-content form{
margin-bottom: 15px;
}
.modal-booking-content .btn{
width: 100%;
height: 48px;
border-radius: 50px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
/* banner-slider-content-middle */
.banner-slider-content-middle{
left: 0;
top: 50%;
z-index: 2;
width: 100%;
color: #fff;
position: absolute;
transform: translateY(-50%);
}
.banner-slider-content-middle h1{
max-width: 100% !important;
}
.nav-tabs-links button{
opacity: 0.4;
flex-grow: 1;
color: #fff;
border-radius: 0;
font-weight: 700;
position: relative;
letter-spacing: 2px;
border: none !important;
text-transform: uppercase;
padding-left: 0 !important;
padding-right: 0 !important;
background-color: transparent !important;
}
.nav-tabs-links button:after{
background-color: #fff;
position: absolute;
content: "";
height: 2px;
width: 100%;
bottom: -2px;
left: 0;
}
.nav-tabs-links button.active{
color: #fff !important;
opacity: 1;
}
.tab-search{
background-color: #fff;
}
.tab-field{
position: relative;
}
.tab-field label{
top: 9px;
margin: 0;
left: 95px;
color: #000;
font-weight: bold;
position: absolute;
letter-spacing: 2px;
text-transform: uppercase;
}
.tab-field select, .tab-field input{
width: 100%;
height: 72px;
border: none;
font-size: 16px;
color: #252525;
appearance: none;
font-weight: 600;
padding-top: 12px;
padding-left: 50px;
}
.tab-field-area input{
padding-left: 95px;
background: #fff url('../images/arrow-down.svg') no-repeat left 36px center / 19px;
}
.tab-field-date label{
left: 50px !important;
}
.tab-field input::-webkit-input-placeholder { /* Edge */
opacity: .3;
}
.tab-field input:-ms-input-placeholder { /* Internet Explorer 10-11 */
opacity: .3;
}
.tab-field input::placeholder {
opacity: .3;
}
.tab-field-date img{
left: 20px !important;
}
.tab-field img{
position: absolute;
width: 19px;
left: 95px;
top: 35px;
}
.tab-field-area img + select, .tab-field-area img + input{
padding-left: 125px;
padding-top: 15px;
}
.divider{
position: relative;
}
.divider:before{
background-color: #000;
position: absolute;
content: "";
bottom: 10px;
width: 1px;
top: 10px;
left: 0;
}
.btn-search img{
width: 40px;
}
.tab-field-dropdown{
border: 1px solid #0064a8;
background-color: #fff;
position: absolute;
max-width: 240px;
padding: 10px;
width: 100%;
z-index: 5;
top: 100%;
left: 0;
}
.tab-field-dropdown ul{
list-style-type: none;
text-align: center;
padding: 0;
margin: 0;
}
.tab-field-dropdown ul li{
margin: 5px;
padding: 10px;
display: block;
line-height: 1;
font-size: 16px;
cursor: pointer;
color: #0064a8;
text-transform: uppercase;
border: 1px solid #0064a8;
}
.tab-field-dropdown ul li:hover{
background-color: #0064a8;
color: #fff;
}
.tab-field-area{
display: block;
}
.tab-field-dropdown-num{
max-width: 300px;
}
.tab-field-dropdown-num ul{
display: flex;
flex-wrap: wrap;
}
.tab-field-dropdown-num ul li{
padding: 6px 9px;
flex-grow: 1;
}
@media screen and (max-width: 767px) {
.tab-field{
padding-right: 0;
margin: 10px 15px 0;
}
.tab-field select, .tab-field input{
padding-left: 50px;
background-position: left 8px center;
}
.tab-field-date img {
left: 8px !important;
}
.tab-field-date.tab-field img {
top: 25px;
}
.tab-field label{
left: 50px;
}
.tab-field img{
left: 50px;
}
.tab-field img + select, .tab-field img + input{
padding-left: 80px;
}
.tab-field img + input[type="date"]{
padding-left: 50px !important;
}
.tab-field-date{
margin-bottom: 15px;
}
.nav-tabs-links button{
font-size: 13px;
}
}
@media screen and (max-width: 575px) {
.tab-search .row{
min-height: 320px;
}
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
/* /.google_badge */
.google_badge{
display: flex;
align-items: center;
z-index: 1;
padding: 1rem;
position: fixed;
bottom: 20px;
margin-left: 8px;
margin-bottom: 0;
border-radius: 4px;
border: solid 1px #cfcfcf;
background-color: #ffffff;
box-shadow: 0 12px 24px 0 rgba(0,0,0,0.15);
}
.google_badge_details{
margin-left: 1rem;
line-height: 20px;
font-size: 14px;
}
.google_badge_details p{
margin-bottom: 8px;
line-height: 1;
}
.google_badge_details h5{
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 2px;
}
.google_badge_details h5 span{
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: rgb(231, 113, 27);
margin-right: 4px;
}
.google_badge_details h5 img{
display: inline-block;
}
.google_badge_details a{
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: rgb(59, 104, 218);
}
@media (max-width: 1279px){
.google_badge{
display :none ! important;
}
}
/* banners */
.section-banner .container{
max-width: 1130px;
}
.section-banner{
background: url('../images/banners/banner-bg.png') no-repeat center center;
background-size: cover;
padding-bottom: 50px;
position: relative;
padding-top: 190px;
min-height: 100vh;
}
.section-banner-inner{
padding-bottom: 45px;
padding-left: 150px;
position: relative;
padding-top: 30px;
}
.section-banner-inner h1{
font-family: 'Eina 04';
position: absolute;
font-weight: 600;
font-size: 100px;
line-height: 1;
color: #fff;
z-index: 55;
left: 0;
top: 0;
}
.section-banner-inner h1 span{
background-color: #0064a8;
display: inline-block;
padding-bottom: 0.2em;
padding-right: 0.2em;
padding-left: 0.2em;
margin-bottom: -0.15em;
line-height: 1;
position: relative;
}
.section-banner-inner h3{
font-family: 'Eina 04';
position: absolute;
font-weight: 600;
font-size: 40px;
line-height: 1;
color: #fff;
bottom: 20px;
z-index: 55;
left: 0;
}
.section-banner-inner h3 span{
background-color: #f25270;
display: inline-block;
padding-bottom: 0.2em;
padding-right: 0.2em;
padding-left: 0.2em;
margin-bottom: 0.05em;
line-height: 1;
position: relative;
}
.section-banner-inner h1 span:first-child, .section-banner-inner h1 span:nth-child(3){
z-index: 1;
}
.section-banner-content{
padding-top: 30px;
margin-right: 20px;
border-top: 3px solid #f25270;
}
.section-banner-content p{
font-family: 'Eina 04';
font-weight: 500;
max-width: 385px;
font-size: 18px;
color: #fff;
width: 100%;
}
.section-banner-content-controls{
gap: 24px;
}
.section-banner-content-controls a{
padding-left: 50px ;
padding-right: 25px;
}
.section-banner-content-controls a img{
left: 15px;
}
.section-banner .carousel-indicators{
margin-left: auto;
margin-right: 0;
bottom: -30px;
right: 18px;
left: auto;
}
.section-banner .carousel-indicators li{
background-color: #fff !important;
}
.section-banner .carousel-indicators li.active{
opacity: 0.6;
}
.secure-spot{
background: url('../images/banners/secure-spot-bg.png') no-repeat center center;
background-size: cover;
padding-bottom: 100px;
padding-top: 130px;
}
.secure-spot-content{
padding-left: 30px;
}
.secure-spot-content h2{
color: #fff;
line-height: 1;
font-size: 70px;
font-weight: 700;
white-space: nowrap;
margin-bottom: 0.8em;
position: relative;
z-index: 54;
}
.secure-spot-content h4{
color: #fff;
font-size: 26px;
font-weight: 600;
padding: 3px 15px;
margin-left: -12px;
margin-bottom: 40px;
display: inline-block;
background-color: #f25270;
}
.secure-spot-content h6{
max-width: 430px;
font-weight: 600;
font-size: 21px;
color: #fff;
width: 100%;
}
.secure-spot-content .carousel-indicators{
bottom: 30px;
left: auto;
right: 13%;
margin: 0;
}
.secure-spot-content .carousel-indicators li{
background-color: #fff;
}
.secure-spot-content .carousel-indicators li.active{
opacity: 0.6;
}
.secure-spot-form{
background-color: #0064a8;
border-radius: 65px 0 0;
padding: 30px 65px;
}
.secure-spot-form .col{
padding-top: 10px;
padding-bottom: 10px;
}
.secure-spot-form input{
width: 100%;
color: #fff;
font-size: 16px;
font-weight: 700;
padding-top: 6px;
padding-bottom: 6px;
border-color: #fff;
border-width: 0 0 1px 0;
background-color: transparent;
}
.secure-spot-form input::-webkit-input-placeholder {
color: #fff;
}
.secure-spot-form input::-moz-placeholder {
color: #fff;
}
.secure-spot-form input:-ms-input-placeholder {
color: #fff;
}
.secure-spot-form input:-moz-placeholder {
color: #fff;
}
.secure-spot-form button{
width: 100%;
color: #fff;
font-size: 16px;
padding: 8px 15px;
white-space: nowrap;
border-radius: 25px;
border: 1px solid #fff;
background-color: #f25170;
box-shadow: 0px 10px 45px 0 #f25170;
}
.secure-spot-form button:hover{
color: #f25170;
background-color: #fff;
box-shadow: 0px 10px 45px 0 #fff;
}
.gratuite-banner{
background: url('../images/gratuite-banner/gratuite-banner.png') no-repeat center center;
background-size: cover;
padding: 100px 0;
}
.gratuite-banner .container{
max-width: 1024px;
}
.gratuite-banner h1{
color: #fff;
font-weight: bold;
}
.gratuite-banner p{
text-align: center;
font-size: 13px;
color: #fff;
}
.gratuite-banner .form-control{
background-color: #fff;
border-radius: 8px;
padding: 10px 15px;
color: #0064a8;
font-weight: 600;
font-size: 18px;
height: auto;
border: none;
}
.gratuite-banner .form-control::-webkit-input-placeholder {
color: #0064a8;
}
.gratuite-banner .form-control::-moz-placeholder {
color: #0064a8;
}
.gratuite-banner .form-control:-ms-input-placeholder {
color: #0064a8;
}
.gratuite-banner .form-control:-moz-placeholder {
color: #0064a8;
}
.gratuite-banner .form-check-label{
color: #fff;
font-size: 13px;
}
.gratuite-banner .btn-outline-yellow{
border: 3px solid #fbb03b;
text-transform: uppercase;
border-radius: 8px;
font-weight: 600;
font-size: 21px;
color: #fff;
height: 50px;
}
.gratuite-banner .btn-outline-yellow:hover{
background-color: #fbb03b;
color: #fff;
}
@media screen and (max-width : 767px) {
.gratuite-banner{
padding: 50px 0;
}
.gratuite-banner h1{
margin-bottom: 25px;
}
}