/*
1.Fonts 
---------------------------------------*/
@import url('owlcarousel/owl.carousel.min.css');
@import url('owlcarousel/owl.theme.default.min.css');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Spinnaker&display=swap');

/*Fonts 
---------------------------------------*/

/*Topography 
---------------------------------------*/
a {color:#1270b8}
a:hover {color:#f15f5e; text-decoration:none!important}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Spinnaker', sans-serif; font-weight: 500;} 
.Lato {font-family: 'Lato', sans-serif;}
/*Topography  
---------------------------------------*/

/*
1.Body 
---------------------------------------*/
body {font-family: 'Open Sans', sans-serif; padding:140px 0 0 0; font-size:17px; line-height:28px; color:#323232}
/*
1.Body 
---------------------------------------*/

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

/*
3.top-bg 
---------------------------------------*/
.top-bg {background:#f5635e;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:#f15f5e;}

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


@media (min-width:992px) {
.dropdown-menu {top:97%;}
#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:#f15f5e}
.navbar-expand-lg .navbar-nav .nav-link:focus{color:#f15f5e}
.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 #1270b8}
.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}
.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:#1270b8!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:#f15f5e}
.get-a-free-quote {background:#f15f5e; 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:60px 0 60px 0}
.heading {font-size:16px;}
.heading p {margin:0 0 5px 0; padding:0;color:#000}
.heading h2 {color:#f15f5e; 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:#1270b8; 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: #f15f5e;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 #f15f5e;
box-shadow: 0 0 0 8px #f15f5e;
box-shadow: 0 0 0 8px #f15f5e;
box-shadow: 0 0 0 8px #f15f5e;
}}


.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/subscribe.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} 
.customers-section .btn.ss-btn { background:#ed5a5e!important; color:#fff!important}
.customers-section .btn.ss-btn:hover { background:#fff!important; color:#f5635e!important }
/*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:#f15f5e; 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:#f5f5f5;}
.news-boder { border:solid 1px #e5e5e5; min-height:200px; text-align:center}
.news-boder:hover { border:solid 1px #f15f5e;}

.news-boder:hover a {color:#f15f5e!important}

.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:#f15f5e; 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/bg-footer.jpg) repeat;
width: 100%;
padding:40px 0 0 0;
bottom: 0;
border-top: solid 5px #e6e6e6;}
.footer .invalid-feedback {color:#f1b92a!important}
.footer p { font-weight:300; font-size:14px; font-family: 'Open Sans', sans-serif; line-height:23px;}
.footer li, .footer ul {margin:0; padding:0; font-family: 'Open Sans', sans-serif; }
.footer .list2 ul { float:left;}
.list3 { float:right!important} 


.footer li {list-style:none; color:#000; font-size:15px; padding:7px 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 {padding:13px 0 0 30px; margin-bottom:0}
.footer a {color:#000} 
.footer a:hover {color:#f15f5e}
.footer h3 {font-size: 18px; margin: 0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase; border-bottom:solid 1px #d4d4d4; color:#f15f5e; font-weight:700} 
.footer-text {padding:0 30px 0 0}
.footer i {color:#f5635e}
.subscribe-us {padding:80px 0 80px 0; background:#f15f5e;}
.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:#fff!important}
.home-newsletter .form-control:invalid {border-color:#fff!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:#fff;color:#f5635e; 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:#f15f5e; text-align:center;}
.sent-message {background:#f15f5e; 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:#fff} 
.copyright p {margin:0; vertical-align:middle; color:#fff}
.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:#f15f5e; color:#1270b8}
.progress-bar {background:#f15f5e}
.theme-color {color:#236ea2}
.footer-logos {padding: 60px 0;}


.social-media-1 a {margin:20px 10px 0 0px; color:#f5635e;}
.social-media-1 a i:hover {color:#1270b8 !important;}
.footer .social-media-1{ margin-top:30px;}
.footer .social-media-1 a svg {
    fill: #f5635e !important;
	margin-top:-1px;
}
.footer .social-media-1 a svg:hover {
    fill: #1270b8 !important;
}
/*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;}

.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:5px;
padding-bottom:5px;
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}
}

 @media (min-width: 1601px) {.slider-content { margin-top:-100px!important}}

/*slider-content*/

.color2 {color:#f15e5e!important}

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

.slider-content{
border: 10px solid #f15f5e;
background:rgba(0,0,0,0.3);
border-right:none;
padding:50px ; position:relative
}

.slider-content::after {
content: "";
background:#f15f5e;
height: 15%;
position: absolute;
width: 10px;
right:0;
border-right: 0;
bottom: 0;
}
.slider-content::before {
content: "";
background:#f15f5e;
height: 15%;
position: absolute;
width: 10px;
right:0;
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: #1672b5;
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 { background:#f15f5e!important}
.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: #f5635e;
box-shadow: none;
color:#fff;
text-transform:uppercase; font-weight:800;
padding:15px 35px;
border-radius:56px; position:relative; -webkit-transition: .5s;
transition:.5s; border:0;
}

.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:#f15f5e!important; color:#fff!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/ocean-cruise-lines.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 #f15f5e} 

/*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;
}


.bg-form { background:#f4f6f2}
.cnt-frm {
width: 100%;}
.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;  transition: transform .5s ease;
} 

.icon-box-classic:hover .text-box {transition: transform .5s ease;}
.icon-box-classic:hover .text-box a {color:#f5635e!important}
.icon-box-classic:hover span {color:#f5635e!important}
 

.text-box {background:#f9f7f7; padding:15px; min-height:139px}
.icon-box-classic h2 { font-size:14px; margin-bottom:15px; padding-bottom:10px; position:relative; text-transform:capitalize}
.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:14px; margin-bottom:0; line-height:20px;}
.icon-box-classic p span { font-weight:600; color:#f15f5e}

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



.card-header { padding:0 .5rem; background:#1672b5!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:#f15f5e
}
.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;
}

.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: #f15f5e; font-weight:600; font-size:15px; margin-bottom:15px;}

.box-boder { border:solid 1px #ccc; padding-top:15px; padding-bottom:15px}
.box-boder .fa-star { margin-top:20px; margin-bottom:10px;}


.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;}



/*services*/
.services2 { margin-bottom:25px}
.services2 .media-body h3 {
font-size: 18px;
font-weight: 600; margin:0 0 5px 0; padding:0;
}

.block-6 .media-body p {
font-size: 16px; color:#999
}
.order-md-last p {color:#999}

.heading-section h2 {
font-size: 40px;
font-weight: 600;
line-height: 1.4;
}

.d-n { height:20px;}
/*services*/

.form-css h4 { color:#f36562}
.form-css ul { margin:0; padding:0;}
.form-css li { list-style:none; margin-bottom:50px; position:relative; padding: 0 0 0 70px}
.form-css li i { font-size:30px; color:#1d1d1d;display: inline-block;
position: absolute;left: 15px; vertical-align: middle;}

.bg2 {background:#f5f5f5; padding:60px 0 30px 0; margin-bottom:60px}



.hover-img-div { position:relative; width:100%; height:100%; display:block; cursor:pointer; overflow:hidden}
.hover-img-text {background:rgba(241,95,94,0.9); width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; z-index:999;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear}
.hover-img-text  { text-align:center; color:#fff; padding-top:25%; }
.hover-img-div:hover .hover-img-text {opacity:1;} 


.hover-text-center {-webkit-transform:translateY(8px);
-ms-transform:translateY(8px);
transform:translateY(8px);
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;  overflow: hidden;}

.hover-text-center:hover  .hover-text-center   {-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)} 	

.hover-img-text img { transform: scale(0);   transition: transform .5s ease;}
.hover-img-div:hover  img {  transform: scale(1.1);   transition: transform .5s ease;}


.hover-text-center a { color:#fff;}


.text-3 { font-size:13px; margin-bottom:10px!important; margin-top:10px!important; display:block}
.text-3 a {color:#1270b8}

.pd-l {padding-left:3rem;}


.hover-text-center  h3 { font-size:20px; text-transform:uppercase}
.hover-text-center  p { font-size:15px; margin:0; padding:0;}

.banner-text1 {left:20px;top:18px;width:500px;position:absolute;color:#edf1f2;font-size:25px;font-weight:700;}

.banner-text2 {left:19px;top:50px;width:600px;position:absolute;color:#edf1f2;font-size:28px;}
.navbar-toggler { padding:0.5rem .75rem}

.text-color2 {color:#ed5a5e!important}
.text-color3 {color:#ed5a5e!important; font-size:70px; font-weight:900!important;}




.boder-2 {border:solid 6px #dadbdd; padding:0; text-align:center; min-height:450px; cursor:pointer;   transition: 0.3s;}
.boder-2:hover {border:solid 6px #f15e5e; background:#1270b8; color:#fff;   transition: 0.3s;}
.boder-2  h2 {font-size:17px; margin-top:20px; padding:0 15px}
.boder-2  p { font-size:14px; line-height:20px; padding:0 15px}
.boder-2 a {margin-bottom:20px; display:inline-block; font-size:14px; background:#f15e5e; padding:10px 30px; color:#fff; border-radius:100px; line-height:25px; font-weight:700; text-transform:uppercase}

.boder-2:hover a {background:#fff; color:#f15e5e!important}

.boder-2 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;
}
.boder-2 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;
}


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



#topcontrol{ z-index:9999!important;}

.boder-3 {border:0; padding:0; text-align:center; cursor:pointer; background:#f1f1f1; transition: 0.3s;}
.boder-3 img{ width:100%;}
.boder-3:hover {border:0; background:#ed595e; color:#fff;   transition: 0.3s;}
.boder-3  h2 {font-size:22px; margin-top:20px; margin-bottom:10px; padding:0 15px; font-weight:900}
.boder-3:hover h2 { color:#fff}

.boder-3  p { font-size:14px; line-height:20px; padding:0 15px}
.boder-3 a {margin-bottom:20px; display:inline-block; font-size:14px; font-weight:700;}
.boder-3:hover a {color:#fff!important}





.box-css { position:relative; cursor:pointer; background:#000}
.box-inner { border:solid 1px #fff; position:absolute; left:10px; right:10px; top:10px; bottom:10px; z-index:3}
.box-inner:hover { border:solid 1px #f5635e;}
.box-css { background:#000}
.box-css img {opacity: 0.8; width:100%;}

.overlay-div-css {
position: absolute;
z-index: 2;
width: 100%;
bottom: 0;
left: 0;
padding: 0 30px;
padding-bottom:25px;
background: rgba(0,0,0,.6);
box-sizing: border-box;
text-align: center;pointer-events: none;transform: translate3d(0,0,0);transition: all .3s ease-in;}
.overlay-div-css h2 {font-size:15px; color:#fff; margin:0; padding:20px 0 0 0;} 

.read-more { background:#1270b8; color:#fff; position:absolute; left:0; right:0; width:100px;
 margin:0 auto 0 auto; z-index:9999; font-size:13px; display:block; bottom:25%}
 

.box-css:hover .read-more {background:#f5635e; color:#fff;}




.d-n { height:24px}

.font-13 { font-size:15px; line-height:25px}

.img-left { float:left; margin-bottom:20px; vertical-align:middle; margin-right:19px;}
.text-left-css { float:left; margin-bottom:20px; margin-top:20px}
.star-css {color:#ffdc00}

.border-css { border:solid 1px #e5e5e5; padding:20px;}
.owl-carousel-2 .owl-item {padding:5px}
.border-css i { position:absolute; font-size:30px; right:30px; color:#21b1d5}

.box-text { border:solid 1px #f1f3f2; padding:20px; min-height:385px;}
.box-text:hover {background:#f8f8f8}
.box-text p { font-size:16px; text-align:center}
.icon-css {border-radius:100%; border:solid 2px #f1f3f2; padding:20px}

@media (min-width:767px){ 
.pdl {padding-left:7.5px; padding-right:7.5px}
.pdr {padding-left:7.5px; padding-right:7.5px}
}


.input-css { border-radius:50px; background:#fff; border: solid 1px #e6e6e6; padding:10px 20px}
.input-css2 { border-radius:30px; background:#fff; border: solid 1px #e6e6e6; padding:10px 20px; height:85px!important;}
.submit-btn { background:#f15e5e;  border-radius:50px; color:#fff; width:100%;     z-index: 999;
right:0;margin-top: 5px;display: inline-block;padding: 7px 30px;color: #fff;font-size: 15px;
font-weight: 600;text-transform: uppercase;cursor: pointer;
 }
.submit-btn:hover { background:#1672b5;  border-radius:50px; color:#fff; width:100%;}

.round-circle-css {background-color:#f15f5e; width:153px; height:153px; text-align:center; margin:0 auto 30px auto; padding:40px 0; border-radius:100%;}


.bg-2 {background: #f5f5f5;}






/*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*/

.close2 {border: 0;background: none;right:0;position:absolute;font-size:33px; z-index:999}
.example { width:100%;}
.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}

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

.section {padding: 35px 0 60px 0 !important;}
.about-2 {padding: 35px 0 60px 0 !important;}
.footer {padding:35px 0 0 0 !important;}

@media (max-width: 767px){
.section {padding: 28px 0 40px 0 !important;}
.footer {padding: 20px 0 0 0 !important;}
}


 

.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:#e35c60}
.box-css2 { min-height:480px; border:solid 1px #f5f4f4; padding:10px 10px 60px 10px; position:relative}
.box-css2 h2 {font-size:20px; color:#e35c60; margin: 15px 0 5px 0;}


.title-css { font-size:20px; color:#e35c60}
.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;} 
 
  

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

.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: #f5635e;font-size: 14px;border-radius: 0;font-weight: 800; border: solid 2px #f5635e;padding: 7px 10px;border-radius: 50px;}
.box-css2 .btn2:hover { color:#fff!important; background:#f5635e; border: solid 2px #f5635e;}


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




.table-css thead { background:#f0f0f0; line-height:20px;}
.table-css p { margin:0; padding: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:#053c62;
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: 15px;}
.categories li a { color:#323232;}
.categories li a:hover { color:#e35c60;}
.categories li span { display:inline-block; float:right}

#search-addon {background:#e35c60; color:#fff; margin-left:5px}
.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:#e76060; border-color:#e76060;}

.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:#f5635e; color:#fff}
.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 { text-transform:uppercase; margin-bottom:30px}
.page-css h4 { margin-top:10px;}
.page-css ul {margin: 0 0 15px 15px; padding:0;}
.page-css li { line-height:30px;}

.page-css img { width:auto!important; max-width:100%!important; height:auto!important}

.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;} 


.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;}
.partner-links { margin:0; padding:0;}
.partner-links li  {
border: .3px solid #dee2e6;  border-bottom: .1px solid #dee2e6;   padding: 0.3rem 1rem;     font-size: 15px!important; list-style:none;
}
.partner-links { margin:0; padding:0;}
.partner-links li  {
border: .3px solid #dee2e6;  border-bottom: .1px solid #dee2e6;   padding: 0.3rem 1rem;     font-size: 15px!important; list-style:none;
}