@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
body{font-family: 'Poppins', sans-serif;background: #fafbff;font-size: 18px}
@font-face {
    font-family: 'Alternate Gothic No2 D';
    src: url('../fonts/AlternateGotNo2D.woff2') format('woff2'),
        url('../fonts/AlternateGotNo2D.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kunstler Script';
    src: url('../fonts/KunstlerScript.woff2') format('woff2'),
        url('../fonts/KunstlerScript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/logo.png) no-repeat center center #042039;
    width:100%;
	height:100%;
	z-index:9999;
    
}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-100px 0 0 -100px;
}
.rounded{border-radius: 11px!important}
.fw-700{font-weight: 700}
.fw-600{font-weight: 600}
.fw-400{font-weight: 400}
.fw-300{font-weight: 300}
.text-warning{color: #ec7b00!important}
.top-bg{background: url(../img/top-bg.jpg) no-repeat center top / cover;}
.top-bg .container.auto-width{width: auto;padding: 0 90px;max-width: 100%}
.top-bg .carousel{padding-bottom:200px}
ul.quick-contact{}

ul.quick-contact .phone{font-size: 25px;width: 40px; height: 40px;line-height: 37px;color: #ffffff;margin: 0 6px}
ul.quick-contact .facebook,
ul.quick-contact .twitter{font-size: 25px;width: 40px; height: 40px;border: 2px solid #ffffff;line-height: 37px;color: #ffffff;margin: 0 6px}
ul.quick-contact .facebook:hover,
ul.quick-contact .twitter:hover{color:#f4b33e;border-color: #f4b33e }
ul.quick-contact .phone{ font-family: 'Alternate Gothic No2 D';padding: 0 15px 0 10px;font-size: 27px;letter-spacing: -1px;}
ul.quick-contact .phone.text-primary{ color: #00a1e0!important}
ul.quick-contact .contact{padding-left: 10px}

.content-slider .carousel-fade .carousel-item h3{
    transition:All .8s ease;
-webkit-transition:All .8s ease;
-moz-transition:All .8s ease;
-o-transition:All .8s ease;
    opacity: 0;transform: translateX(20px)
}
.content-slider .carousel-fade .carousel-item.active h3{
    opacity: 1;
    transform: translateX(0px)
}

.content-slider{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4b43f+0,f78c13+100 */
background: #f4b43f; /* Old browsers */
background: -moz-linear-gradient(top,  #f4b43f 0%, #f78c13 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4b43f 0%,#f78c13 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4b43f 0%,#f78c13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b43f', endColorstr='#f78c13',GradientType=0 ); /* IE6-9 */

    
}
.hours{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f49b2f+0,f55703+85 */
background: #f49b2f; /* Old browsers */
background: -moz-linear-gradient(top,  #f49b2f 0%, #f55703 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f49b2f 0%,#f55703 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f49b2f 0%,#f55703 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49b2f', endColorstr='#f55703',GradientType=0 ); /* IE6-9 */
    padding: 42px 0;
}
.slider-text{margin-top:-136px;position: relative;z-index: 9;}
.content-slider p{padding: 0;margin: 0}

.gallery{padding:144px 0; }
.gallery img{box-shadow: 0 0 5px #ccc;border-radius: 11px;
    transition:All .2s ease;
-webkit-transition:All .2s ease;
-moz-transition:All .2s ease;
-o-transition:All .2s ease;}
.gallery img:hover{box-shadow: 0 0 5px #448bcb;transform: scale(1.05)}
.gallery .text-dark{color: #666666!important}

.established{background: url(../img/logo-bg.jpg) no-repeat center bottom / contain #ffffff;padding: 152px 0 126px;color: #666666;line-height: 40px}

.why-us{background:url(../img/why-us-bg.jpg) no-repeat center / cover;padding: 72px 0; }
.why-us .slide-col img{border-radius: 10px}
.why-us .center-slide{border-radius: 10px;border: 1px solid #f4b540;margin: 0 100px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008ac6+0,063355+100 */
background: #008ac6; /* Old browsers */
background: -moz-linear-gradient(top,  #008ac6 0%, #063355 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #008ac6 0%,#063355 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #008ac6 0%,#063355 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ac6', endColorstr='#063355',GradientType=0 ); /* IE6-9 */
}
.why-us .center-slide{padding:80px 50px }
.why-us #carouselExampleFade3 .content-text{opacity: 0;transition:All .8s ease;
-webkit-transition:All .8s ease;
-moz-transition:All .8s ease;
-o-transition:All .8s ease;
    opacity: 0;transform: translateY(20px)}
.why-us #carouselExampleFade3 .carousel-item.active .content-text{transform: translateY(0px);opacity: 1}
/**/
.enquiry{background: url(../img/top-bg.jpg) no-repeat center top / cover;padding: 65px 0 240px}
.enquiry .display-6{color:#faa31a;font-size: 30px }
.enquiry i{border: 2px solid #00acf1;border-radius:50px;width: 50px; height: 50px;text-align: center;font-size: 31px;color: #00acf1;line-height: 43px;}
.enquiry h3{font-size: 25px;margin: 0}

footer{background: url(../img/logo-bg.jpg) no-repeat center bottom / contain #ffffff;padding: 0 0 80px}
footer iframe{width: 100%;border-radius: 15px;height: 320px;margin-bottom: 80px;margin-top: -168px}
footer .text-feel{font-family: 'Kunstler Script';font-size: 50px}
footer ul.quick-contact li a.twitter{border-color: #626366;color: #626366}
footer ul.quick-contact li a.facebook{border-color: #626366;color: #626366}
@media (max-width: 1399px) {
    header{font-size: 15px}
    header .logo{max-width: 127px;height: auto}
    header ul.quick-contact .phone{padding: 0}
    header ul.quick-contact .facebook, 
    header ul.quick-contact .phone,
    ul.quick-contact .twitter{font-size: 18px;width: 34px;height: 34px;line-height: 31px;}
    ul.quick-contact .whatsapp{max-width: 36px;height: auto}
    .gallery{padding: 85px 0;}
    .established{padding: 81px 0 84px;}
    .established .est{max-width: 481px;}
    .established h2{font-size: 1.8rem; }
    .why-us .center-slide{padding: 69px 36px;margin: 0 70px}
    .why-us .center-slide{padding: 69px 26px;}
    .enquiry .display-6{font-size: 2.1rem;}
    .enquiry h3{font-size: 21px;}
    .enquiry {font-size: 16px;;}
    footer iframe{margin-bottom: 43px;}
    footer{padding: 0 0 46px;}
    .content-slider{font-size: 18px;}
    .content-slider h5{font-size:19px;}
}
@media (max-width: 1199px) {
    .content-slider h3{font-size: 23px}
    .why-us .center-slide{margin: 0 44px;}
    .top-bg .container.auto-width{padding: 0 23px;}
}
@media (max-width: 991px) {

    .established h2{font-size: 1.4rem;}
    .established .est{max-width: 380px;}
    .established{line-height: 26px;}
    .enquiry .display-6{font-size: 1.8rem;}
    ul.quick-contact .phone{border: 2px solid #ffffff;margin-right:10px;width: 35px!important;height: 35px!important;}
    .slider-text{margin-top: -107px;}
    .top-bg .carousel{padding-bottom: 150px;}
}
@media (max-width: 767px) {
    header .logo{max-width: 64px;}
   ul.quick-contact .facebook, 
    header ul.quick-contact .phone, 
    ul.quick-contact .twitter,
    ul.quick-contact .phone{font-size: 14px!important;width: 24px!important;height: 24px!important;line-height: 21px!important;}
    ul.quick-contact .whatsapp{max-width: 26px;}
    .top-bg .carousel{padding-bottom: 133px;}
    .gallery{padding: 27px 0;}
    #carouselExampleCaptions{padding-right: 40px;font-size: small}
    .established{padding: 23px 0 22px;}
    .why-us{padding: 32px 0;}
    .established {line-height: 22px;}
    .established .est{max-width: 259px;}
    .established h2{font-size: 1.1rem;}
    body{font-size: 14px;}
    .slider-text h2{font-size: 20px}
    .content-slider h3{font-size: 15px;}
    .enquiry{font-size:small}
    .enquiry h3{font-size: 15px;}
    .enquiry i{width: 26px;height: 26px;font-size: 18px;line-height: 21px;}
    .enquiry .display-6{font-size: 1.4rem;}
    .enquiry h5{font-size: .8rem;;}
    .enquiry{padding: 34px 0 153px;}
    footer iframe{height: 225px;margin-top: -116px;}
    footer .text-feel{font-size: 31px;}
    footer{font-size:13px}
    .why-us .center-slide{margin: 0 17px;}
    #carouselExampleFade3 .display-6{font-size: 16px}
    #carouselExampleFade3 .h3{font-size: 12px}
    .why-us .center-slide{margin:20px 0}
    .slider-text{margin-top: -88px;}
}
@media (max-width: 640px) {
    .top-bg .carousel{padding-bottom: 111px;}
}