@import url("css.css");

body{font-family:"Roboto";font-weight:normal;font-style:normal}
h1,h2,h3,h4,h5,h6{font-family:"Barlow Condensed";color:#0b1c39;margin-top:0px;font-style:normal;font-weight:500;text-transform:normal}
p{font-family:"Roboto";color:#506172;font-size:16px;line-height:30px;margin-bottom:15px;font-weight:normal}

.fix{overflow:hidden}
.clear{clear:both}
a,.button{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
a:focus,.button:focus{text-decoration:none;outline:none}a{color:#635c5c}
a:hover{color:#fff}
a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{text-decoration:none}
a,button{color:#fff;outline:medium none}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline:0}
.uppercase{text-transform:uppercase}
input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.capitalize{text-transform:capitalize}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}ul{margin:0px;padding:0px}
li{list-style:none}
.mb-30{margin-bottom: 30px;}.f-right{float:right}
#scrollUp{background:#014b85;height:50px;width:50px;right:31px;bottom:18px;color:#fff;font-size:20px;text-align:center;border-radius:50%;line-height:48px;border:2px solid transparent}
@media (max-width: 767px){
    #scrollUp{right:16px}
}
#scrollUp:hover{color:#fff}
.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}
.preloader .preloader-circle{width:100px;height:100px;position:relative;border-style:solid;border-width:3px;border-top-color:#014b85;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;border-radius:50%;-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);background-color:#ffffff;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.preloader .preloader-circle2{border-top-color:#0078ff}
.preloader .preloader-img{position:absolute;top:50%;z-index:200;left:0;right:0;margin:0 auto;text-align:center;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.preloader .preloader-img img{max-width:55px}
.preloader .pere-text strong{font-weight:800;color:#dca73a;text-transform:uppercase}
@-webkit-keyframes zoom{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
}
@keyframes zoom{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
}

.support-padding{padding-top:200px;padding-bottom:100px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .support-padding{padding-top:200px;padding-bottom:100px}
}@media only screen and (min-width: 992px) and (max-width: 1199px){
    .support-padding{padding-top:200px;padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .support-padding{padding-top:100px;padding-bottom:100px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .support-padding{padding-top:70px;padding-bottom:70px}
}
@media (max-width: 767px){
    .support-padding{padding-top:70px;padding-bottom:70px}
}


.footer-padding{padding-top:170px;padding-bottom:170px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .footer-padding{padding-top:170px;padding-bottom:170px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .footer-padding{padding-top:170px;padding-bottom:170px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .footer-padding{padding-top:100px;padding-bottom:100px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .footer-padding{padding-top:80px;padding-bottom:60px}
}
@media (max-width: 767px){
    .footer-padding{padding-top:80px;padding-bottom:60px}
}


.blog_right_sidebar .popular_post_widget .post_item .media-body{justify-content:center;align-self:center;padding-left:20px}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3{font-size:16px;line-height:20px;margin-bottom:6px;transition:all 0.3s linear}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{color:#fff}
.blog_right_sidebar .popular_post_widget .post_item .media-body p{font-size:14px;line-height:21px;margin-bottom:0px}



.header-area .header-top{padding:13px 0px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .header-area .header-top{padding:13px 0px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .header-area .header-top{padding:13px 0px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area .header-top{padding:13px 0px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header-area .header-top{padding:13px 0px}}
@media (max-width: 767px){.header-area .header-top{padding:13px 0px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area .header-bottom{padding:15px 0}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header-area .header-bottom{padding:15px 0}}
@media (max-width: 767px){.header-area .header-bottom{padding:15px 0}}
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}
@media (max-width: 767px){.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}
.header-area .header-top .header-info-left ul li{color:#fff;display:inline-block;margin-right:25px;font-family:"Barlow Condensed";font-size:14px}
.header-area .header-top .header-info-left ul li:last-child{margin-right:0px}.header-area .header-top .header-info-left ul li i{margin-right:8px}
.header-area .header-top .header-info-right .header-social li{display:inline-block}
.header-area .header-top .header-info-right .header-social li a{color:#fff;font-size:12px;padding:0 18px}
.header-area .header-top .header-info-right .header-social li a:last-child{padding-right:0}
.header-area .header-top .header-info-right .header-social li a:hover{color:#ffa801}
.main-header{position:relative;z-index:3}
.main-header .main-menu ul li{display:inline-block;position:relative;z-index:1}
.main-header .main-menu ul li a{color:#264247;font-family:"Barlow Condensed";font-weight:500;padding:39px 19px;display:block;font-size:16px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;text-transform:uppercase}
@media only screen and (min-width: 992px) and (max-width: 1199px){.main-header .main-menu ul li a{padding:39px 15px}}
.main-header .main-menu ul li:hover>a{color:#014b85}
.main-header .main-menu ul li:last-child a{padding-right:0}
.main-header .main-menu ul ul.submenu{position:absolute;width:170px;background:#fff;left:0;top:120%;visibility:hidden;opacity:0;box-shadow:0 0 10px 3px rgba(0,0,0,0.05);padding:17px 0;border-top:5px solid #014b85;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.main-header .main-menu ul ul.submenu>li{margin-left:7px;display:block}
.main-header .main-menu ul ul.submenu>li>a{padding:6px 10px !important;font-size:14px;color:#0b1c39;text-transform:capitalize}
.main-header .main-menu ul ul.submenu>li>a:hover{color:#014b85;background:none}
.header-area .header-top .header-info-right .header-social a i{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg)}
.header-area .header-top .header-info-right .header-social a:hover i{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.main-header ul>li:hover>ul.submenu{visibility:visible;opacity:1;top:100%}
.top-bg{background:#0e1c35}.header-sticky ul li a{padding:10px 19px}
.header-sticky.sticky-bar.sticky .main-menu ul>li>a{padding:26px 20px}
.header-sticky.sticky-bar{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}
.header-sticky{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}
.slicknav_menu .slicknav_icon-bar{background-color:#014b85 !important}
.slicknav_nav{margin-top:0px}
.header-sticky.sticky-bar.sticky .header-btn .get-btn{padding:20px 20px}
.header-area .slicknav_btn{top:-41px}
.slicknav_menu .slicknav_nav a:hover{background:transparent;color:#014b85}
.slicknav_menu{background:transparent;margin-top:5px !important}
.mobile_menu{position:absolute;right:0px;width:100%;z-index:99}
.sticky-bar{left:0;margin:auto;position:fixed;top:0;width:100%;-webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);box-shadow:0 10px 15px rgba(25,25,25,0.1);z-index:9999;-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;animation:300ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);background:#fff}

.slider-height{min-height:850px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.slider-active{ text-align: center;}
.slider-active img{width: 100%;}

@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .slider-height{min-height:700px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .slider-height{min-height:600px}
}
@media (max-width: 767px){
    .slider-height{min-height:550px}
}
.slider-height2{min-height:340px;background-repeat:no-repeat;background-position:center center;background-size:cover}
@media (max-width: 767px){
    .slider-height2{min-height:260px}
}
.slider-area{margin-top:-1px}
.slider-area .hero__caption h1{font-size:100px;font-weight:400;margin-bottom:14px;color:#fde02f;font-family:"Satisfy";line-height:1.3;margin-bottom:17px}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .slider-area .hero__caption h1{font-size:60px;line-height:1.2}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .slider-area .hero__caption h1{font-size:50px;line-height:1.2}
}
@media (max-width: 767px){
    .slider-area .hero__caption h1{font-size:35px;line-height:1.2}
}
.slider-area .hero__caption p{color:#fff;font-size:30px;line-height:1.2;font-weight:400;margin-bottom:39px;font-family:"Barlow Condensed"}
@media (max-width: 767px){
    .slider-area .hero__caption p{margin-bottom:30px}
}
.slider-area .hero-cap h2{color:#fff;font-size:50px;font-weight:700;text-transform:capitalize}


.section-tittle h2{color:#191d34;font-size:60px;font-weight:600;line-height:1;margin-bottom:95px}
@media (max-width: 767px){
    .section-tittle h2{font-size:39px;line-height:1.3;margin-bottom:50px}
}
.section-tittle span{color:#ffb400;text-transform:uppercase;margin-bottom:6px;display:block}
.section-tittle2 h2{margin-bottom:47px}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .section-tittle2 h2{font-size:49px}
}
@media (max-width: 767px){
    .section-tittle2 h2{font-size:29px}
}
.section-tittle2 span{color:#ffb400;text-transform:uppercase;margin-bottom:6px;display:block}
.favourite-place .single-place .place-img{overflow:hidden;border-radius:6px 6px 0 0}
.favourite-place .single-place .place-img img{width:100%;-webkit-transform:scale 1;-moz-transform:scale 1;-ms-transform:scale 1;-o-transform:scale 1;transform:scale 1;transition:all 0.5s ease-out 0s}
.favourite-place .single-place .place-cap{padding:28px 40px;border:1px solid #f0f1f2;border-top:0}
@media only screen and (min-width: 992px) and (max-width: 1199px){.favourite-place .single-place .place-cap{padding:28px 18px}}
@media (max-width: 767px){.favourite-place .single-place .place-cap{padding:28px 18px}}
.favourite-place .single-place .place-cap .place-cap-top{border-bottom:1px solid #f6f7f7;margin-bottom:24px}
.favourite-place .single-place .place-cap .place-cap-top span{margin-bottom:5px;display:inline-block}
.favourite-place .single-place .place-cap .place-cap-top span i{color:#ffa800;font-size:18px;margin-right:10px}
.favourite-place .single-place .place-cap .place-cap-top span span{font-family:"Barlow Condensed";color:#939ca3;font-size:16px}
.favourite-place .single-place .place-cap .place-cap-top h3 a{font-weight:600;font-size:24px;color:#072740;line-height:1.2;margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px){.favourite-place .single-place .place-cap .place-cap-top h3 a{font-size:23px}}
.favourite-place .single-place .place-cap .place-cap-top h3 a:hover{color:#014b85}
.favourite-place .single-place .place-cap .place-cap-top p.dolor{color:#4cafa4;font-weight:600;font-family:"Barlow Condensed";font-size:20px}
.favourite-place .single-place .place-cap .place-cap-top p.dolor span{color:#99a1a7;font-size:16px}
.favourite-place .single-place .place-cap .place-cap-bottom ul li{display:inline-block;margin-right:18px;color:#9da5ab}
.favourite-place .single-place .place-cap .place-cap-bottom ul li i{padding-right:8px}
.single-place:hover .place-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
@media only screen and (min-width: 992px) and (max-width: 1199px){.video-area{padding-top:150px;padding-bottom:150px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.video-area{padding-top:100px;padding-bottom:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.video-area{padding-top:100px;padding-bottom:100px}}
@media (max-width: 767px){.video-area{padding-top:100px;padding-bottom:100px}}


.support-company-area .support-location-img{position:relative}
.support-company-area .support-location-img::before{position:absolute;content:"";width:92%;height:95%;border:9px solid rgba(0,0,0,0.3);left:-4%;z-index:0;top:-4%}
@media only screen and (min-width: 1200px) and (max-width: 1250px){
    .support-company-area .support-location-img::before{left:-2%}
}
@media (max-width: 767px){
    .support-company-area .support-location-img::before{display:none}
}
.support-company-area .support-location-img img{width:100%}
.support-company-area .support-location-img .support-img-cap{position:absolute;bottom:138px;right:-104px;transform:rotate(-90deg)}
@media (max-width: 767px){
    .support-company-area .support-location-img .support-img-cap{right:-69px}
}
.support-company-area .support-location-img .support-img-cap span{background:rgba(1,75,133,0.8);padding:19px 55px;font-size:60px;color:#ffe42c;text-transform:uppercase;font-weight:700;font-family:"Barlow Condensed"}
@media (max-width: 767px){
    .support-company-area .support-location-img .support-img-cap span{padding:6px 40px;font-size:38px}
}
.support-company-area .right-caption{position:relative;right:-50px}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .support-company-area .right-caption{right:-25px}
}@media (max-width: 767px){
    .support-company-area .right-caption{right:0px}
}
.support-company-area .right-caption .support-caption p{padding-right:84px;margin-bottom:46px}

.contact-info__icon{margin-right:20px}.contact-info__icon i,.contact-info__icon span{color:#8f9195;font-size:27px}

.footer-area{background:#f8fafe}
.footer-area.footer-bg{background-size:cover;background-repeat:no-repeat}
.footer-area .footer-logo{margin-bottom:18px}
.footer-area .footer-pera p{color:#ced9e1;font-size:16px;margin-bottom:50px;line-height:1.8}
.footer-area .footer-pera.footer-pera2 p{padding:0}
.footer-area .footer-tittle h4{color:#FFF;font-size:20px;margin-bottom:35px;font-weight:500;text-transform:capitalize}
.footer-area .footer-tittle ul li{color:#ffff;margin-bottom:15px}
.footer-area .footer-tittle ul li a{color:#ced9e1;font-weight:300}
.footer-area .footer-tittle ul li a:hover{color:#ffa801;padding-left:5px}
.footer-area .footer-form{margin-top:40px}
.footer-area .footer-form form{position:relative}
.footer-area .footer-form form input{width:100%;height:43px;padding:10px 20px;border:1px solid #fff}
.footer-area .footer-form form .form-icon button{position:absolute;top:0;right:0;background:none;border:0;cursor:pointer;padding:13px 22px;background:#014b85;line-height:1}
.footer-area .info.error{color:#014b85}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .footer-social{float:left}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .footer-social{float:left}
}
@media (max-width: 767px){
    .footer-social{float:left}
}
.footer-social a{font-size:17px;color:#44474e;padding:0 10px}
.footer-social a i{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
.footer-social a i:hover{color:#fff;box-shadow:0 -3px 0 0 rgba(24,24,24,0.15) inset,0 3px 10px rgba(0,0,0,0.3);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
.footer-copy-right p{color:#fff;font-weight:300;font-size:16px;line-height:2;margin-bottom:20px}
.footer-copy-right p i{color:#ffa801 !important}
.footer-copy-right p a{color:#ffa801 !important}.footer-copy-right p a:hover{color:#fff}
.pt-padding{padding-top:50px}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .pt-padding{padding-top:0px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .pt-padding{padding-top:0px}
}
@media (max-width: 767px){
    .pt-padding{padding-top:0px}
}
.hero-caption span{color:#fff;font-size:16px;display:block;margin-bottom:24px;font-weight:600;padding-left:95px;position:relative}
.hero-caption span::before{position:absolute;content:"";width:75px;height:3px;background:#014b85;left:0;top:52%;transform:translateY(-50%)}
.hero-caption h2{color:#fff;font-size:50px;font-weight:700}

html,body{overflow-x: hidden!important;}
img{max-width: 100%;}
.logo{color: #0070c1; font-size: 40px; font-weight: bold;}
.main-header .main-menu li.active a{font-weight: bold; color:#0070c1;}
.header-area .slicknav_btn{top: -48px;}
.single-slider{background: url("../image/h1_hero.jpg") no-repeat; background-size: cover;}
.slider-area .hero__caption h1{font-size: 5.5em; font-weight: bold; color: #fff;letter-spacing: 5px; margin-bottom: 60px; text-shadow: 0 3px 10px rgba(0,0,0,.6);}
.slider-area .hero__caption p {font-size: 2.2em; color: #fff;  letter-spacing: 3px;text-shadow: 0 3px 6px rgba(0,0,0,.6);}
.support-company-area .support-location-img::before{height: 150%; top: -26%;}
.support-company-area .support-location-img .support-img-cap span{background:rgba(20,117,235,.8); bottom: 50px;}
.select-suport-items{display: flex; margin-bottom: 20px;}
.select-suport-items label{font-weight: bold; color: #0070c1; width: 110px;}
.select-suport-items label i{margin-right: 10px; }
.select-suport-items span{color: #121212; font-weight: bold;}
.circle-container{height: 600px; padding: 0 5%; background: url("../image/cloud-bg.png") no-repeat center; background-size: cover; display:flex; justify-content: center; align-items: center;}
.circle-item{display: flex; justify-content: center; align-items: center;}
.circle-item img{width: 60%;}
.cp-container{display: flex;}
.cp-item{flex:1;}
.table th, .table td{text-align: center; vertical-align: middle;}
.equip-item{background: #fff; position: relative; padding-bottom: 40px;}
.equip-item img{height: 300px; transition: all 0.3s;}
.equip-item p{background:#0070c1; margin:0; padding: 8px 0; font-size: 1em; font-weight: bold; color: #fff; position: absolute; width: calc(100% - 30px); bottom: 0; left: 15px;}
.equip-item p span{font-size: 0.75em;}
.equip-item .place-img{width: 100%; overflow: hidden;}
.pd-item{display: flex; margin-bottom: 40px; height: 360px; width: 100%;}
.pd-item:nth-of-type(2){flex-direction: row-reverse;}
.pd-item .pd-text{background: #0070c1; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 300px;}
.pd-item .pd-text h1{margin-bottom: 20px;}
.pd-item .pd-text *{color: #fff; font-weight:bold;}
.pd-item .pd-content{background: #f1f1f1; flex: 1; display: flex; align-items: center; justify-content: center; flex-wrap:wrap;}
.pd-item .pd-content img{height: 100%;}
.pd-content .pr-item{ width: 20%; height: 50%; display: flex; justify-content: center; align-items: center;}
.pd-content .pr-item img{height: auto; width: 65%;}
.ser-flex{display: flex;width: 100%;}
.ser-flex img{margin-bottom: 20px; width: 50%;}
.footer-logo{font-size: 26px; color: #fff; font-weight: bold;}
.footer-logo img{width: 180px;}
.footer-area .footer-pera p{margin-bottom: 15px;}
.footer-area{background: url("../image/footer_bg.jpg") no-repeat;}

@media (max-width:640px){
    .main-header .logo img{width: 120px;}
    .slider-area .hero__caption h1{font-size: 2.6em;}
    .slider-area .hero__caption p{font-size: 1.5em;}
    .select-suport-items{flex-direction: column; font-size: 0.875em;}
    .circle-container{height: 400px; flex-wrap: wrap; padding: 15% 0;}
    .circle-item{width: 33.3333%;}
    .cp-container{flex-direction: column;}
    .pd-item{ height: auto; flex-direction: column;}
    .pd-item:nth-of-type(2){flex-direction: column;}
    .pd-item .pd-text{flex-direction: row; width: 100%; justify-content: space-around; align-items: center; padding: 20px 0; flex-wrap: wrap;}
    .pd-item .pd-text h1{font-size:1.5em; margin: 0;}
    .pd-item .pd-text p{font-size: 0.8em; margin: 0;}
    .pd-content .pr-item{width: 50%;height: auto; margin: 20px 0;}
    .ser-flex{flex-direction: column;}
    .ser-flex img{width: 100%;}
    .footer-logo img{ display: block;}
}