/*

1.Fonts 

---------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

@import url('owlcarousel/owl.carousel.min.css');

@import url('owlcarousel/owl.theme.default.min.css');



@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200&display=swap');

 

/*Fonts 

---------------------------------------*/



/*Topography 

---------------------------------------*/

a {color:#002e5b}

a:hover {color:#019dea; text-decoration:none!important}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;font-weight: 700;} 

.Lato {font-family: 'Lato', sans-serif;}

/*Topography  

---------------------------------------*/



/*

1.Body 

---------------------------------------*/

body {font-family: 'Lato', sans-serif;  padding:120px 0 0 0; font-size:17px; line-height:28px}

/*

1.Body 

---------------------------------------*/

 

.bg-light{position:relative;z-index:999; background:#fff!important}



/*

3.top-bg 

---------------------------------------*/

.top-bg {background:#2c2c2c;line-height:46px; width:100%; font-size:14px; border-bottom:solid 1px #f2f2f2; color:#fff}

.top-bg a {color:#fff}

/*3.top-bg  

---------------------------------------*/



/*

4.navbar

---------------------------------------*/

.navbar {position:relative;display: -ms-flexbox;

display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between; }



.navbar-default .navbar-nav>li>a {color:#000;}

.navbar-toggler { float:right;}

.fixed-top { position:fixed; background-color:#fff}

#mainNav {box-shadow:0 .5rem 1rem rgba(0, 0, 0,.15);background-color:#fff;transition:background-color .2s ease}

.navbar-light .navbar-nav .nav-link {color:#2c2c2c;text-transform:capitalize; font-size:15px;font-weight:600;}



.navbar-default {background:#fff}

.navbar-expand-sm .navbar-nav .nav-link { padding:30px 28px; color:#000}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#019dea;}



.navbar .bg-dark{background:#000!important}





@media (min-width:992px) {

.dropdown-menu {top:80%;}

#mainNav {box-shadow:none;background-color:#fff}

#mainNav .navbar-brand {color:rgba(255, 255, 255, .7)}

#mainNav.navbar-scrolled {box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);background-color:#fff}



.navbar-expand-lg .navbar-nav { float:right;}



.navbar-expand-lg .navbar-nav .nav-link{padding-top:33px; padding-bottom:33px; padding-left:10px; padding-right: 10px; text-transform:uppercase}

.navbar-expand-lg .navbar-nav .nav-link:hover{color:#019dea}

.navbar-expand-lg .navbar-nav .nav-link:focus{color:#019dea}

.top-bg {height:46px; transition: all 0.5s ease;}

.navbar-shrink .top-bg {height:0;  transition: all 0.5s ease; overflow:hidden}

.nav-link img {transition: all 0.5s ease; width:255px}

.navbar-shrink .nav-link img {width:180px; margin-top:15px; transition: all 0.5s ease;}

.navbar-shrink {border-bottom:solid 1px #002e5b}

.logo-mobile {display:none}

.mx-auto2 {margin:0 auto!important}

.navbar {padding:0}

}



.top-css p {font-size:15px; padding:15px 0 0 0} 

.top-icon i {width:45px; height:45px; text-align:center; border:solid 1px  #f7be02; color:#f7be02; line-height:45px; position:absolute; padding:0}

.top-css ul {margin:15px 0; padding:0; float:right}

.top-css li {display:inline-block; list-style:none; float:left; float:left; padding:0 10px 0 60px;  position:relative; font-family: 'Lato', sans-serif; line-height:23px; font-size:14.5px}

.top-css li i {width:45px; height:45px; text-align:center; border:solid 1px #f7be02; color:#f7be02; line-height:45px; border-radius:100%; display:inline-block; position:absolute; left:0;}

.top-css li a {color:#666}

.social-media-1 a {margin:0 10px; color:#fff;}

.social-media-1 a:hover {color:#357ec2;}

.portfolio-item {margin-bottom: 30px;}



/*

4.navbar

---------------------------------------*/



/*

5.carousel

---------------------------------------*/

#carousel-1 .carousel-item {height:80vh;min-height: 300px;background: no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.carousel-caption {bottom:25%;}

.banner-text p {max-width:680px; margin:0 auto}

.banner-text h3 {max-width:680px; text-transform:uppercase; font-size:50px; font-weight:700; margin:0 auto 15px auto; padding:0;}

.banner-text .btn {background:#0b9ce0; border:0; font-size:15px; padding:15px 40px; margin-top:40px;border-radius:50px; text-transform:uppercase; color:#fff; font-weight:700}

.banner-text .btn:hover {background:#00284c; color:#fff}

.banner-text .btn:focus {background:#002e5b!important; color:#fff}

.social-media {position:absolute; top:0; z-index:999;}

.social-media a {background:#303c57; padding:20px 0; margin:0 5px; color:#fff; display:inline-block; width:55px; text-align:center; border-bottom-left-radius:10%; border-bottom-right-radius:10%;}

.social-media a:hover {background:#019dea}

.get-a-free-quote {background:#019dea; z-index:999; right:-15px; display:block; padding:10px 30px;font-size:15px; border-radius:50px; font-weight:600; text-transform:uppercase}

.get-a-free-quote:hover {color:#fff; text-decoration:none; background:#00284c;}

.arrow-css {border:solid 1px #dfdfdf; width:40px; height:40px; line-height:40px;}

/*

5.carousel

---------------------------------------*/



/*6 .section

---------------------------------------*/

.section {padding:35px 0 60px 0}

.heading {color:#666d81; font-size:16px;}

.heading p {margin:0 0 5px 0; padding:0;color:#000}

.heading h2 {color:#019dea; font-weight:800; font-size:35px; position:relative; padding:0 0 20px 0; margin-bottom:40px;}

.heading h2:before {width:60px; height:3px; background:#053c62;

 content:""; position:absolute; bottom:0; margin:0 auto; left:0; right:0}

.heading h2 span {color:#323232}



.heading2 h2:before {left:0; right:auto!IMPORTANT}}



/*6 .section

---------------------------------------*/



/*7 .services

---------------------------------------*/

.services-sec .position-absolute.box h4{text-transform:uppercase; font-size: 20px; font-weight: 800;}

.services {margin-bottom:50px}

.box {left:0; right:0; z-index:999; background:#002e5b; top:0; width:100%; height:100%; padding:50px; color:#fff; overflow:hidden; opacity:1; cursor:pointer}

.box .icon-css { margin-bottom:20px;} 

.box-section:hover .box {opacity:.8; background:#040303;} 

.btn-css {background: #019dea;border:0;font-size:15px;padding: 15px 40px;border-radius:50px;text-transform:uppercase;color:#000;font-weight:700;}

.btn-css:hover {background:#173171} 

.btn-css:focus {background:#173171}

/*7 .services

---------------------------------------*/



/*8 .projects-section

---------------------------------------*/

.projects-section {background: url(../imgs/projects.jpg) no-repeat center center; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover; padding:80px 0 0 0}

.boder2 h2:before { width:60px; height:3px; background:#fff!important; content:""; position:absolute; bottom:0; margin:0 auto; left:0; right:0}



.img-hover-div { position:relative; width:100%; height:100%} 

.img-hover { width:100%; height:100%; left:0; right:0; top:0; bottom:0; background:rgba(25,47,115,0.8); opacity:0; padding:35% 0 0 0; cursor:pointer}

.img-hover-div:hover .img-hover{ opacity:1} 

.img-text h4 { color:#fff; font-size:30px;}

.img-text p { color:#fff; font-size:13px; font-weight:300; letter-spacing:1px}

.img-hover a { background:#f7be02; width:45px; height:45px; margin:0 10px; color:#fff; display:inline-block; line-height:45px; border-radius:100%;}

.img-hover a:hover { background:#fff; color:#2c2c2c}

/*8 .projects-section

---------------------------------------*/



/*9 .About Us

---------------------------------------*/

.about-us { padding:80px 0 0 0}

.icon-css-2 { background:#01398c; color:#fff; border:solid 2px #bababa; font-size:25px; width:70px; height:70px; line-height:65px; text-align:center; border-radius:100%} 

.about-us h3{ font-size:22px; color:#01398c; font-weight:800; margin-top:30px;}



/*about-2*/



.about-wrp {

float: left;

width: 100%;

}

.abt-bx {

float: left;

position: relative;

width: 100%;

}

.abt-thumb {

float: left;

width:70%;

}





@media (min-width:992px){.abt-us-2 {

position: absolute;

max-width: 650px;

background: rgba(255, 255, 255, 0.9);

padding:35px;

right: 0;

top:50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

box-shadow: 0 0 0 8px #019dea;

box-shadow: 0 0 0 8px #019dea;

box-shadow: 0 0 0 8px #019dea;

box-shadow: 0 0 0 8px #019dea;

}}



 

.abt-us-2 > span {

font-size: 13px;

font-weight: 300;

color: #000000;

text-transform:uppercase;

display: inline-block;

}

.abt-us-2 > h2 {

font-size: 35px;

color: #000000;

margin-bottom:15px;

}

.abt-us-2 > p {

font-size: 16px;

line-height:30px;

font-weight: 300;

margin-bottom:15px;

color: #000000;

}

.abt-us-2 > a {

display: inline-block;

border-radius:5px;

padding: 9px 30px;

background-color: #3B362F;

font-size: 14px;

color: #ffffff;

font-family: 'Montserrat', sans-serif;

font-weight:700;

text-transform:uppercase

}

.abt-us-2 > a:hover {

background-color: #00274d;

}

.fea-bx {

background: #fff;

border: 2px solid #d7dce8;

-webkit-border-radius: 13px;

border-radius: 13px;

float: left;

-webkit-transition: 0.2s ease-in;

-o-transition: 0.2s ease-in;

transition: 0.2s ease-in;

;

padding: 30px 30px 35px;

width: 100%;

}

.fea-bx > i {

font-size: 50px;

color: #2b2b2b;

position: relative;

display: inline-block;

}

.fea-bx-inf {

float: left;

width: 100%;

margin-top: 20px;

}

.fea-bx-inf > h4 {

font-weight: 600;

text-transform:uppercase;

color: #000;

font-size: 18px;

margin-bottom: 10px;

}

.fea-bx-inf > p {

margin-bottom: 0;

color: #7d7d7d;

}



.projects-section {background: url(../imgs/projects.jpg) no-repeat center center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:80px 0 0 0}







/*9 .About Us

---------------------------------------*/



/*10 .customers-section

---------------------------------------*/

.customers-section { padding:60px 0 60px 0; background: url(../imgs/home.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover;}

.customers-text p { font-size:16px; line-height:30px; margin-bottom:25px}

.owl-theme .owl-nav{margin-top:20px}

.customers-text h4 { font-size:18px; font-weight:700}

.customers-text span { font-size:16px; display:inline-block}

.left-text { text-align:left; float:left} 

/*10 .customers-section

---------------------------------------*/



/*11 .work-with-us

---------------------------------------*/

.work-with-us {background: url(../imgs/work-with-us.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:100px 0}

.work-with-us a { font-size:25px; background:#019dea; border-radius:50px; color:#000; font-weight:700; 

padding:8px 50px; margin-top:25px}

.work-with-us a:hover {background:#173171}

/*11 .work-with-us

---------------------------------------*/



/*12 .our-blogs

---------------------------------------*/

.our-blogs {padding:60px 0 30px 0; background:#f6f6f6;}

.news-boder { border:solid 1px #e5e5e5; min-height:200px; text-align:center}

.news-boder p {padding:0 15px}

.news-boder h2 {padding:0 15px}

.news-boder h2 {font-size:18px;  font-weight:800; margin-top:30px}

.news-boder a {margin-bottom:20px; display:block; color:#212529; text-transform:uppercase; font-weight:600}

.news-boder i {margin-left:10px}

.news-boder a:hover {color:#2c2c2c}

.date-1 {position:absolute; left:0; right:0; margin:0 auto; background:#019dea; font-size:15px; line-height:34px; width:140px; margin:0 auto;  border-top-left-radius:10px; border-top-right-radius:10px; font-weight:600; bottom:0; color:#fff}

/*12 .our-blogs

---------------------------------------*/



/*13 .footer 

---------------------------------------*/

.footer {background: url(../imgs/footer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;width:100%; padding:35px 0 0 0; color:#fff; bottom:0;}

.footer .invalid-feedback {color:#f1b92a!important}

.footer p { font-weight:300; font-size:14px; font-family: 'Open Sans', sans-serif; line-height:25px;}

.footer li, .footer ul {margin:0; padding:0; font-family: 'Open Sans', sans-serif; }



.footer li {list-style:none; color:#eee; font-size:15px; padding:10px 0; line-height:18px}





.icon-css2 {color:#f7be02;  display:inline-block; position:absolute; left:15px; vertical-align:middle}

.icon-css2 span {display:block}

.no-css {font-size:18px; font-weight:700; color:#ccc}

.contact-us li:first-child {margin-bottom:0px}

.contact-us li {padding:13px 0 0 30px; margin-bottom:15px}

.footer a {color:#eee} 

.footer a:hover {color:#019dea}

.footer h3 {font-size: 18px; margin:20px 0 19px 0;padding:0; text-transform:uppercase} 

.footer-text {padding:0 30px 0 0}

.footer i {color:#019dea}

.subscribe-us {padding:80px 0 80px 0; background: url(../imgs/subscribe.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.subscribe-us i {font-size:16px; margin-bottom:0px; margin-left:10px}

.subscribe-us i.fa-envelope{font-size:35px; }

.subscribe-us h2 {color:#fff; font-weight:800; font-size:35px; position:relative; padding:0;} 

.subscribe-us p {font-size:15px; letter-spacing:1px}

.home-newsletter {max-width: 750px; margin: 0 auto;}



.home-newsletter .invalid-feedback {color:#019dea!important}

.was-validated .form-control:invalid {border-color:#019dea!important;} 



.home-newsletter   h2 {font-size: 22px; color: white; text-transform: uppercase; margin-bottom: 40px; }

.home-newsletter .form-control {height: 55px; background:transparent; border-color:#fff; border-radius: 50px 0 0 50px; padding:.5rem 30px .5rem 60px; color:#fff; position:relative; background:url(../imgs/email.png) no-repeat 26px 20px}

.home-newsletter .form-control:focus {box-shadow: none; border-color:#fff;}



.home-newsletter .btn {min-height:55px; border-radius: 0 50px 50px 0; background:#019dea;color:#fff; font-size:16px; text-transform:uppercase; font-weight:700; padding:0 45px;}

.home-newsletter .btn:hover {background:#fff; color:#2c2c2c}

.home-newsletter input::-webkit-input-placeholder {color:#fff!important;}

.home-newsletter input::-moz-placeholder {color:#fff!important;}

.home-newsletter input:-ms-input-placeholder {color:#fff!important;}

.home-newsletter input:placeholder {color:#fff!important;}



.copyright {font-size:14px; color:#b1b7bb; padding:20px 0; margin-top:40px; background:rgba(0,0,0,0.3); text-align:center;}

.sent-message {background:#019dea; z-index: 999; right: 0; margin-top:5px; display:inline-block; padding:7px 30px; color: #fff; font-size:15px; border-radius:0; font-weight: 600; text-transform:uppercase; cursor:pointer; border-radius:0}

.sent-message:hover {background:#091d32; color:#fff}

.sent-message:focus {background:#091d32; color:#fff}



.request-a-quote input::-webkit-input-placeholder {color: #fff}

.request-a-quote input:-moz-placeholder { /* Firefox 18- */color:#fff}

.request-a-quote input::-moz-placeholder {  /* Firefox 19+ */color:#fff}

.request-a-quote input:-ms-input-placeholder {color:#fff}



.request-a-quote textarea::-webkit-input-placeholder {color: #fff}

.request-a-quote textarea:-moz-placeholder { /* Firefox 18- */color:#fff}

.request-a-quote textarea::-moz-placeholder {  /* Firefox 19+ */color:#fff}

.request-a-quote textarea:-ms-input-placeholder {color:#fff}



 



.request-a-quote  .form-control {background:#272727; border:0; color:#fff;}

.request-a-quote input:-ms-input-placeholder {color:#fff;}

.request-a-quote  .form-control{background:rgba(0,0,0,0.3);border:0;color:#fff;border-radius:0; font-size:14px; line-height:30px;}

.request-a-quote  input:placeholder {color:#fff;}

.request-a-quote .form-group {margin:0 0 5px 0;}

.copyright a {color:#019dea} 

.copyright p {margin:0; vertical-align:middle}

.social-media2 {float:right;}

.social-media2 a {background:#2d3235; width:43px; height:43px; text-align:center; display:inline-block; line-height:43px; color:#fff; margin-left:10px; border-radius:100%}

.social-media2 a:hover {background:#019dea; color:#002e5b}

.progress-bar {background:#019dea}

.theme-color {color:#236ea2}

.footer-logos {padding: 60px 0;}

/*13 .footer 

---------------------------------------*/



@media (min-width: 768px){

.modal-header {background: #fecb17;}

}



.bgcolor {background:#fff!important;min-height: 400px;}

.page-subheader {margin: 0 0 10px 0;}

.page-subheader h1, .page-subheader h2 {

color: #ffffff;

font-size: 20px;

font-weight: 700;

letter-spacing: 1px;

margin-bottom: 0;

text-transform: uppercase;

}

.border {

height: 3px;

width: 30px;

background: #f7b432;

margin: 5px 0 20px 0;

}

.description {

color: #777777;

}

.no-margin {

margin: 0!important;

}

.no-padding-left {

padding-left: 0;

}

.form-sec .form-control {

margin:0;

display: block;

width: 100%;

}

.no-padding-right {

padding-right: 0;

}

.form-group {

margin-bottom: 15px;

}

.btn-clear {

color: #ffffff;

background: #ffd200;

font-size: 16px;

cursor: pointer;

display: inline-block;

font-weight: 600;

padding: 7px 20px;

border-radius: 0;

border-bottom: 3px solid #ef7001;

text-transform: uppercase;

transition: all 0.3s ease;

}

.blue-btn {background: #002e5a; color: #FFFFFF; border-bottom: 3px solid #000000;}

.blue-btn:hover {background:#000!important; color:#fff!important;}



.contact-us li:nth-child(2){margin-bottom:0}

.text-themecolor {color:#fff;}



/*14 .preloader 

---------------------------------------*/

#preloader {

background:#fff url(../imgs/loading.gif) no-repeat center center;

height:100%;

position: fixed;

width: 100%;

z-index: 9999999;

right: 0;

left: 0;

bottom: 0;

top: 0;

overflow-y: hidden

}

.loading {

overflow: hidden

}

#preloader > img {

display: none

}

/*14 .preloader 

---------------------------------------*/





.navbar-brand {

display: inline-block;

padding-top:15px;

padding-bottom:15px;

margin-left:0;

line-height: inherit;

white-space: nowrap;

}



.navbar-nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}



@media (min-width: 992px){

.pull-nav-r {

    float: right;

}

.navbar-brand {margin-left:15px}

}



/*slider-content*/



.color2 {color:#019ce9!important}



.slider-content h5 { color:#fff;}



.slider-content{

	border: 10px solid #019dea;

	background:rgba(0,0,0,0.3);

	border-right:none;

	padding:50px ;

}



.slider-content::after {

    content: "";

    background:#019dea;

    height: 15%;

    position: absolute;

    width: 10px;

    right: 5px;

    border-right: 0;

    bottom: 0;

}

.slider-content::before {

    content: "";

    background:#019dea;

    height: 15%;

    position: absolute;

    width: 10px;

    right: 5px;

    border-right: 0;

    top: 0;

}

.slider-content ul li {

	margin-bottom: 20px;

	margin-right:20px;

	color:#000;

	display:inline;

}

.slider-content ul li i {

	color: #0E4D92;

	display: inline-block;

	margin-right: 5px;

	font-size:18px;

}





/* 3. slider */

.slider-bg {

	min-height:90vh!important;

	background-position: center;

	background-size: cover;

	position: relative;

	z-index: 1;

}

  

.slider-content h5 { font-size:38px; font-family: 'Work Sans', sans-serif;} 

 

.slider-content h2 {

font-family: 'Work Sans', sans-serif;

font-size:17px;

color: #fff;

line-height: 1.2;

margin-bottom:40px; font-weight:400;

}

.slider-content h2 span {

	color: #0E4D92;

}

.slider-content p span {

	display: inline-block;

	height: 2px;

	width: 40px;

	background: #0E4D92;

	margin-right: 20px;

	position: relative;

	top: -4px;

}

.slider-content p {

	color: #fff;

	font-size: 18px;

	margin-bottom: 0;

}

.slider-btn .btn {

	background: #fff;

	color: #0E4D92;

}

.slider-btn .btn::before {

	content: none;

}

.slider-btn .btn {

	box-shadow: 3px 3px 0 0 #0E4D92;

}

.slider-btn .btn:hover{box-shadow: none;}

.p-relative{position: relative;}

 

.slider-active .slick-arrow {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 70px;

	height: 60px;

	width: 60px;

	color: #0E4D92;

	font-size: 18px;

	line-height: 65px;

	border: none;

	background: #fff;

	border-radius: 50%;

	text-align: center;

	z-index: 9;

	cursor: pointer;

	padding: 0;

	box-shadow: 4px 2px 8px 0 rgba(0,0,0,0.1);

	transition: .5s;

}

.slider-active .slick-next {

	right: 70px;

	left: auto;

}

.slider-active .slick-arrow:hover {

	box-shadow: 4px 2px 0 0 #019dea;

}

.second-slider-content h2 {font-size: 90px; margin-bottom: 20px;}

.second-slider-bg::before{opacity: .5;}

.second-slider-content {

	padding-top: 85px;

	padding-bottom: 5px;

}



.s-slider-content p {

	font-size: 16px;

	padding-right: 50px;

}

.btn.ss-btn {

background: #0491d7;

box-shadow: none;

color:#fff;

text-transform:uppercase; font-weight:800;

padding:15px 35px;

border-radius:56px; position:relative; -webkit-transition: .5s;

transition:.5s;

}



.btn.ss-btn:after{

font-family: "Font Awesome 5 Free";

content: "\f30b";

display: inline-block;

padding-left:5px;

vertical-align: middle;

font-weight: 900;

}



.btn.ss-btn:hover:after{

font-family: "Font Awesome 5 Free";

content: "\f30b";

display: inline-block;

padding-left:25px;

vertical-align: middle;

font-weight: 900; -webkit-transition: .5s;

transition:.5s;

}

.btn.ss-btn:hover {background: #fff; color:#003c5e; -webkit-transition: .5s;

transition:.5s;}



.slider-shape{position: absolute!important;z-index: 9;}

 

.slick-arrow::before{display:none}

.slider-area .slick-prev:hover, .slider-area .slick-next:hover{background:#fff!important; color:#019dea!important;}

/*slider*/







/*Counter*/

.numscroller {

font-size: 34px;

color: #fff;

font-weight:700;

line-height: 1.5em;

letter-spacing: 3px; text-align:center

}

.counter-section .counter-div {

}

.stats-2-img {

margin-bottom: 10px;

text-align: center;

}

 

.counter-section p {

font-size:17px;

text-transform:uppercase;

font-weight:500;

margin-bottom:0;

letter-spacing:0.5px; text-align:center;

}

.counter-section .container {

color:#fff;

padding: 0 0 20px text-align:center;

}

.counter-section .container h2 {

color:#fff; text-align:center;

}



.counter-section .container h3 { font-size:50px; font-weight:800}





.inner-header {

background: url(../imgs/inner-header-bg.jpg) no-repeat center top;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

height: 350px;

display: table;

width: 100%;

position: relative

}



.inner-header .container {

z-index: 9

}

.display-cell {

display: table-cell;

vertical-align: middle;

}

.home-builder-page-title {

position: relative;

z-index: 2;

}

.pos-relative {

position: relative

}

.home-builder-page-title h1 {

color: #fff;

font-family: 'Roboto Condensed', sans-serif;

font-size:45px;

margin: 0;

line-height: 55px;

font-weight: 700;

text-transform: uppercase;

}



.breadcrumb { background:rgba(0, 0, 0, 0.05); padding:.75rem 15px; margin-top:10px;}

.breadcrumb>li {text-transform:uppercase;font-size:13px;  text-shadow: 2px 2px 4px #000000;}

.breadcrumb>li a { color:#fff}

.breadcrumb>li+li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}

.home-builder-page-title h1.titlecolor {

color: #ffc300;margin:0;display: block;padding-bottom:15px;}

.breadcrumb>.active {color:#45a7f2;  text-shadow: 2px 2px 4px #000000;}

/*Net Pattern*/

.pattern {

background: url(../imgs/dots.png) repeat;

position: absolute;

width: 100%;

height: 100%;

z-index:2;

top: 0;

left: 0

}

 

.inner-page-css { margin-bottom:10px; float:left; margin-right:15px; max-width:570px;} 



.inner-page-css2 { margin-bottom:10px; float:right; margin-left:15px; max-width:570px; border:solid 8px #019dea} 



/*form-css*/

.cnt-inf {

float: left;

width: 100%;

}

.cnt-inf > h2 {

font-size: 25px;

text-transform:uppercase;

font-weight:800;

font-family: 'Montserrat', sans-serif;

color: #2a2a2a;

margin-bottom: 15px;

}

 

.cnt-frm {

width: 100%; background-color: #ffffff;

box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); padding:30px;

border-radius: 8px; cursor:pointer; max-width:800px; margin:0 auto}

.cnt-frm > form {

float: left;

width: 100%;

}



.cnt-frm  { font-size:16px;}

.cnt-frm  p { line-height:25px; margin-bottom:20px; font-size:15px;}





.cnt-frm > form input, .cnt-frm > form textarea {

padding:10px 10px;

border-radius:3px;

font-size:16px;

color: #000;

border: 1px solid #cdcdcd;

}

.cnt-frm form  .input-css { height:40px}

.mrg10 input, .mrg10 textarea {

margin-bottom: 10px;

}

.cnt-frm > form textarea { color:#000}

.cnt-frm > form button {

border:0 none

}



.theme-btn {

    display: inline-block;

    position: relative;

    padding: 11.5px 40px;

    font-size: 14px;

    font-family: poppins;

    color: #fff;

    font-weight: 600;

    background: #212121;

    z-index: 1;

    overflow: hidden;

}



.bg-form {background:#f5f5f5; padding:60px 0}

.btn.ss-btn2:hover {background:#2c2c2c!important; color:#fff!important; -webkit-transition: .5s;

transition:.5s;}



.select-css { padding:9px 10px}

.date-css { font-size:13px!important;  padding:9px 10px!important}

/*form-css*/





/*table*/

.table { margin-bottom:0}

.table td, .table th {padding:.5rem 1rem;}

.table th {padding:.5rem 1rem; color:#fff!important; font-size:15px!important}

.table tr { font-size:15px!important;}

.t-h th  {color:#fff!important; background:#15a0e7!important;}

.t-h th  a { color:#fff!important;  display:block; text-align:center }

.t-h { background:#033d5d; color:#fff;}

.t-h td{ background:#033d5d; color:#fff;}







.table2 { margin-bottom:0}

.table2 td {padding:1.4rem .5rem}

.table2 th {color:#fff!important; font-size:14px!important; line-height:18px}

.table2 td, .table2 th {padding:.4rem!important;vertical-align: top;border-top: 1px solid #dee2e6;}

.table2 tr {font-size:14px!important; line-height:15px}

.table2 td, .table2 th

 

/*table*/



.link {text-decoration:none}

.link:hover {text-decoration:none}

.top-text {margin-top:3rem }



.dropdown-submenu {

  position: relative;

}



.dropdown-submenu>a:after {

content: "";

float: right;

border-top:.3em solid;

border-top: .3em solid transparent;

border-bottom: .3em solid transparent;

border-left:.3em solid;

margin-top:13px

}

.dropdown-item { padding:0 1rem; line-height:30px}

.dropdown-menu {min-width:15rem;}



.dropdown-submenu>.dropdown-menu {

  top: 0;

  left: 100%;

  margin-top: 0px;

  margin-left: 0px;

}



@media (min-width:992px){

.dropdown:hover>.dropdown-menu {

display: block;

}



.dropdown>.dropdown-toggle:active {

/*Without this, clicking will make it sticky*/

pointer-events: none;

}





.dropdown-submenu:hover>.dropdown-menu {

  display: block;

}



.dropdown-submenu>.dropdown-toggle:active {

  /*Without this, clicking will make it sticky*/

    pointer-events: none;

}

}





.icon-box-classic {

width: 100%;

margin-left: auto;

margin-right: auto;

padding: 15px 15px 15px 17px;

background-color: #ffffff;

box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);

border-radius:5px; cursor:pointer;

} 





.text-box {background:#f9f7f7; padding:15px; min-height:200px}

.icon-box-classic h2 { font-size:18px; margin-bottom:15px; padding-bottom:10px; position:relative}

.icon-box-classic h2:before {

    width:30px;

    height:2px;

    background: #053c62;

    content: "";

    position: absolute;

    bottom: 0;

    margin: 0 auto;

    left: 0;

    right: 0;

}



.icon-box-classic p { font-size:15px; margin-bottom:5px; line-height:20px;}

.icon-box-classic p span { font-weight:600; color:#019dea}



.about-2 {padding:60px 0 60px 0; background:#f6f6f6;}







.card-header { padding:0 .5rem; background:#15a0e7!important; font-size: 14px!important; line-height: 18px;}

.card-header i { float:right} 

.card-header .btn-link { color:#fff; width:100%; text-align:left; text-decoration:none; font-weight:bold;     line-height: 0.5; line-height:20px}

.card-header .btn-link:hover {text-decoration:none}

.card { border:0; border-radius:0!important;}

.card-header:first-child {border-radius:0!important;}

.accordion>.card .card-header {border-radius:0!important;}

.accordion>.card .card-header {margin-bottom:0!important;}



.list-css  {margin-top:30px; margin-bottom:20px; background:#f5f5f5; padding:20px;}

.list-css ul{ margin:0; padding:0}

.list-css li { margin:0 0 10px 0; padding:0 0 0 24px; list-style:none; position:relative; font-size:15px;}

.list-css li::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f35a"; position:absolute; left:0; font-size:15px; color:#033d5d;}

















/*contact 2*/

.no-spacing, .spacing.no-spacing {

padding: 0;

}

.overlap50 {

margin-top: -50px;

}

.gl-mp {

float: left;

width: 100%;

height: 530px;

margin-bottom: 60px;

}

.gl-mp.style2 {

margin-bottom: 0;

}

.cnt-info-wrp {

float: left;

width: 100%;

}

.cnt-inf-bx {

border-radius:10px;

background-color: #fff;

float: left;

max-width:100%;

width: 100%;

-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .1);

-ms-box-shadow: 0 0 13px rgba(0, 0, 0, .1);

-o-box-shadow: 0 0 13px rgba(0, 0, 0, .1);

box-shadow: 0 0 13px rgba(0, 0, 0, .1);

padding: 30px 20px 30px 85px;

position: relative;

min-height:180px

}

.remove-ext3 .cnt-inf-bx {

margin-bottom: 30px;

}

.cnt-inf-bx > i {

position: absolute;

left: 25px;

font-size: 35px; color:#019dea

}

.cnt-inf-bx > strong {

display: inline-block;

font-size:20px;

color:#000;

margin-bottom: 5px;

}

.cnt-inf-bx > span, .cnt-inf-bx > a {

display: block;

margin-top:0;

font-size: 15px;

}

.cnt-frm-dta {

float: left;

width: 100%;

}

.cnt-inf {

float: left;

width: 100%;

}

.cnt-inf > h2 {

font-size: 25px;

text-transform:uppercase;

font-weight:800;

font-family: 'Montserrat', sans-serif;

color: #2a2a2a;

margin-bottom: 15px;

}

.cnt-inf > p {

margin-bottom: 0;

color: #2a2a2a;

}



.cnt-frm > form {

float: left;

width: 100%;

}

 

.mrg10 input, .mrg10 textarea {

margin-bottom: 10px;

}

.cnt-frm > form textarea {

height: 165px;

}

.cnt-frm > form button {

border:0 none

}

.fixed-bg.stl {

background-attachment: initial;

background-size: contain;

background-position: center right;

background-repeat: no-repeat;

}

#back-countdiown li span {

cursor:default

}

.breadcrumb>li {

text-transform:uppercase;

font-size:13px;

}

.twitter-handle .tweet {

color:#FFFFFF

}

.details2 ul {

width:100%

}

.details2 li {

width:47%;

display:block;

float:left;

margin:0 2px

}

.details2 .orange-txt {

min-width:auto!important;

}



.img-m { margin-bottom:30px}



.text-color2 h4 { margin:5px 0 0 0; padding:0;}

.text-color2  p {color:#878585; margin:0; font-size:14px}

.text-color2  .text-2 {color: #019dea; font-weight:600; font-size:15px; margin-bottom:15px;}



 





.social-media-2 a {margin:20px 6px; color:#fff; background:#15a0e7; width:40px; height:40px; border-radius:100%; display:inline-block; text-align:center;}

.social-media-2 a i {line-height:40px!important}

.social-media-2 a:hover {color:#fff; background:#323232;}





.banner-css table { text-align:center; width:100%}

.banner-css img { max-width:100%;}











.counter-section  h3 { font-size:40px; font-weight:800; text-align:center}

.counter-section h3 a { border:solid 3px #019ce9; display: inline-block; color:#fff; font-size:20px; padding:15px 40px; 

border-radius:50px; margin-top:20px}

.counter-section  h3 a:hover { border:solid 3px #fff; background:#fff; display: inline-block; color:#019ce9;}









/*multiselect*/



.multiselect  {border:1px solid #cdcdcd!important; width:100%!important; text-align:left!important}

.example .btn-group {width:100%!important; text-align:left!important;}

.multiselect-container { height:300px; overflow-y:scroll; width:100%!important}

.custom-select { overflow:hidden}







.multiselect-container .multiselect-option, .multiselect-container .multiselect-group, .multiselect-container .multiselect-all {

    padding:0!important;

}



span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 20px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}



.multiselect-container>li>a { display:block; width:100%; color:#323232}



.multiselect { overflow:hidden}



/*multiselect*/



/*---------------*/

/***** Ming *****/

/*---------------*/

.cookie {font-family: 'Cookie', cursive; font-size:24px; color:#055a90;}

.bg-1 {background:#f5f5f5;}

.text-css h2 {font-weight: 800;font-size:25px;position:relative; padding-bottom:10px; color:#323232; margin-top:30px; margin-bottom:30px}

.text-css h2:before {width:40px;height:2px;background:#053c62;content:"";position:absolute;bottom:0;margin:0 auto;left:0;right:0}



.list-css2 {margin:0 0 15px 25px; padding:0; float:left; width:100%}

.list-css2 ul {margin:10px 0 0 0;padding:0; display:block;}

.list-css2 li {

margin:0 0 5px 5px;

padding:0 10px 0 20px;

list-style:none;

position:relative;

font-size:15px; float:left; width:48%; border-bottom:dashed 1px #ccc;

}

.list-css2 li::before {

font-family: "Font Awesome 5 Free";

font-weight: 900;

content: "\f111";

position:absolute;

left:0;

font-size:9px;

color:#31b3d3;

}









.box-boder {border:solid 6px #dadbdd; padding:2px; text-align:center; min-height:450px; cursor:pointer;   transition: 0.3s;}

.box-boder:hover {border:solid 6px #055a90; background:#055a90; color:#fff;   transition: 0.3s;}



.box-boder  h2 {font-size:17px; margin-top:20px; padding:0 15px}

.box-boder  p { font-size:14px; line-height:20px; padding:0 15px}



.box-boder a {margin-bottom:20px; display:inline-block; font-size:14px; background:#1d75bd; padding:10px 30px; color:#fff; border-radius:100px; line-height:25px; font-weight:700; text-transform:uppercase}



.box-boder a:after {

font-family: "Font Awesome 5 Free";

content: "\f30b";

display: inline-block;

padding-left:5px;

vertical-align: middle;

font-weight: 900;   transition: 0.3s;

}

.box-boder a:hover:after {

font-family: "Font Awesome 5 Free";

content: "\f30b";

display: inline-block;

padding-left:25px;

vertical-align: middle;

font-weight: 900;

-webkit-transition: .5s;

transition:.5s;   transition: 0.3s;

}







.dropdown-toggle2::after {

display: inline-block;

margin-left: .255em;

vertical-align: .255em;

content: "";

border-top: .3em solid;

border-right: .3em solid transparent;

border-bottom: 0;

border-left: .3em solid transparent; z-index:1

}






 

.navbar-form { margin-top:0}
.navbar-form .form-control { font-size:14px;}
.title-css { margin:15px 0 5px 0; padding:0;}
.title-css a { font-size:20px; color:#019dea}
.box-css2 { min-height:480px; border:solid 1px #f5f4f4; padding:10px 10px 60px 10px; position:relative}


.box-css2 { margin-bottom:20px}
.box-css2 p { font-size:15px; line-height:22px; height:60px}


.box-css3 { min-height:480px; border:solid 1px #f5f4f4; padding:10px}
.box-css3 h5 {font-size: 20px; color:#e35c60; margin-top:10px}
.box-css3 p {line-height: 24px; font-size:15px}
.text-1{color:#00285d; font-size:14px; font-weight:800}
.text-1 p { margin:0; padding:0;}
.box-css3 h6 {color: #FFF;
font-size: 14px;
background: #00285d;
padding: 10px;
font-weight:500;
text-align: center; margin-top:20px; text-transform:uppercase}




.box-css2 .btn2 {color: #019dea;font-size: 14px;border-radius: 0;font-weight: 800; border: solid 2px #019dea;padding: 7px 10px;border-radius: 50px;}
.box-css2 .btn2:hover { color:#fff!important; background:#019dea; border: solid 2px #019dea;}

.left-btn {position: absolute; bottom:20px; left:0}
.right-btn {position: absolute; bottom:20px; right:0}



.meta-date {color:#aaaaaa}
.title-css3 { font-size:20px}

.heading4 h2 {
color: #323232;
font-weight: 800;
font-size:20px;
position: relative;
padding: 0 0 10px 0;
margin-bottom:20px;
}

.heading4 h2:before {width:60px; height:3px; background:#019dea;
content:""; position:absolute; bottom:0; margin:0; left:0; right:0}

.categories ul { margin:0; padding:0;}
.categories li { list-style: none;
border-bottom: solid 1px #e8e8e8;
padding-bottom: 5px;
margin-bottom: 5px;
font-size: 14px;}
.categories li a { color:#323232;}
.categories li a:hover { color:#019dea;}
.categories li span { display:inline-block; float:right}

#search-addon {background:#019dea; color:#fff; margin-left:5px; padding:11px 15px}
#search-addon:hover {background:#01070f;}

.page-item.disabled .page-link, .page-item:last-child .page-link, .page-item.active .page-link, .page-link { font-size:12px;}
.page-item.active .page-link { background:#019dea; border-color:#019dea;}

.title-bg { background:#3b6eb8; color:#fff; text-align:center; padding:10px 0; margin-bottom:15px}
.title-bg h2 { margin:0; padding:0; font-size:25px; text-transform:uppercase}

.text-css-2 { padding:25px}
.text-css-2 h5 { margin:0; padding:0}

.bt-2 {background:#019dea; color:#fff; padding-bottom:8px!important; padding-top:8px!important}
.bt-2:hover {background:#1270b8; color:#fff}
.text-css1 a { color:#323232}
.text-css1 a:hover { color:#323232}

.btn-2 {color:#f5635e; font-size:14px; border-radius:0; font-weight:800}
.btn-2:hover { color:#3b6eb8!important; }

.bt2 { background:#f1f1f1}


.bt-3 {background:#f5635e; color:#fff}
.bt-3:hover {background:#fff; color:#000}

.snapwidget-widget { width:100%!important;}


.page-css .table thead th, .page-css .table tfoot th{ background:#353a40!important;}
.page-css h3 { margin-bottom:30px}
.page-css h4 {  margin-top:15px}
.page-css h5 {   margin-top:15px}
.page-css ul {margin: 0 0 0 15px; padding:0;}
.page-css li { line-height:30px;}
.page-css img { max-width:100%!important; width:auto!important; height:auto!important}


/*new-css*/
.box-css2 h2 {font-size: 20px; margin: 15px 0 5px 0; color:#019dea}
.box-css2 ul { margin:0; padding:0}
.box-css2 li { list-style:disc; padding:0; margin:0 0 0 20px; position:relative; font-size:15px; line-height:25px;}
.table-css {margin-bottom:1rem!important}
.table-css thead { background:#f0f0f0; line-height:20px}
.table-css p { margin:0; padding:0;}

.page-css h3 {font-size: 1.75rem; text-transform:inherit!important; margin:0 0 10px 0}
/*new-css*/
 

.travel-news {border:solid 1px #f5f4f4;   border-radius: 5px 5px 5px 0px;
box-sizing: border-box;
padding:15px 15px;
background-color: rgb(255, 255, 255);
box-shadow: rgb(35 47 53 / 9%) 0px 2px 8px 0px;}
.travel-news { margin-bottom:20px}
.travel-news p { font-size:15px; line-height:22px;font-family: 'Open Sans', sans-serif;}
.travel-title { margin:0; padding:0; font-size:20px;}

.top-bg svg {fill:#fff!important;} 
.top-bg svg:hover {fill:#2670a0!important;}