body{ background:#fff;  font:400 15px/24px 'Montserrat', sans-serif; color:#2c2828; overflow-x:hidden;}
.wp-block-image {    margin:0!important;}
#wpadminbar ul:after{ clear:inherit;}
#navigation button, .mobile-parent-nav-menu-item, .main-menu-more{ display:none;}
a{ color:#00a1e4; display:inline-block; text-decoration:none;}
ul{ list-style-type:none;}
.flex-s{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.flex-m{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.flex-l{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.equal-height{align-items: initial!important;}
.white-text{ color:#fff;}
.black-text{ color:#000!important;}
.red-text{ color:#fa0300 !important;}
.light-text{ font-weight:300 !important;}
.hidden{	opacity: 0;}
.visible{	opacity: 1;}
.full-height{ height:100%}
.flex-re{ flex-direction:row-reverse}
.row.flex-re [class*="col-"]{ margin-right:2.5641%; margin-left:0;}
.row.flex-re [class*="col-"]:first-child{ margin-right:0;}
.small-icon{ font-size:50%;}
.td-n{ text-decoration:none;}
.ta-j{text-align:justify;}
.dis-ib{ display:inline-block;}



header{ position:absolute; left:0; right:0; top:0; z-index:99;}
#logo{ float:left}
#navigation{ float:right;}

#navigation{ float:right; padding:40px 0 0;}
#navbtn{ display:none; background:url(../images/navigation.png) no-repeat 0 50%;  height:40px; font:400 18px/40px 'Lato', sans-serif; font-style:italic; cursor:pointer; color:#fff; text-align:right;}
.nav-menu{}
.nav-menu li{ float:left; position:relative; font:400 18px/20px 'Source Sans Pro', sans-serif; color:#024ba0;}
.nav-menu li+li:before{ content:"|"; position:absolute; left:0; top: 50%; transform: translate(0,-50%);}
.nav-menu li > a{ color:#024ba0; padding:10px 20px; display:block; white-space:nowrap; text-transform:uppercase;}
.nav-menu li > a:hover{ color:#000;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(../images/nav-arrow.png) no-repeat 50% 50%; display:none; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(../images/nav-arrow.png) no-repeat 50% 50% #407504;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; min-width:260px; background:#6bb814; display:none;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu li a{ font:400 15px/40px 'Lato', sans-serif;}
.nav-menu .sub-menu li+li{ border-top:1px solid #407504;}


.nav-box{ position:relative; z-index:999; background:#fff; padding:5px;}
#left-slider{ position:fixed; top:0; bottom:0; width:260px; background:#fff; left:0; z-index:999; display:none;}
#left-slider.active{ left:0;}
#afterleft-slider{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:991;  transition: all 300ms ease-out 0s; opacity:0; display:none;}
#afterleft-slider.active{opacity:1; display:block;}

#left-slider ul li{ float:none; position:relative; font:400 18px/20px 'Source Sans Pro', sans-serif; color:#024ba0;}
#left-slider ul li+li{ border-top:1px solid #ccc;}
#left-slider ul li> a{ color:#024ba0; padding:10px 20px; display:block; white-space:nowrap; text-transform:uppercase;}
#left-slider ul li > a:hover{ color:#000;}

#banner{ text-align:center;}
#banner > img{ width:100%;}
#banner, .blue-before, .white-after{ position:relative;}
#banner:before, .white-after:before{ position:absolute; width:380px; max-width:100%; bottom:-1px; left:50%; transform:translate(-50%,0); content:""; background:url(../images/banner-bottom.png) no-repeat 50% 100%; background-size:100% auto; height:72px; z-index:1}
.blue-before:before{ position:absolute; width:380px; max-width:100%; top:-1px; left:50%; transform:translate(-50%,0); content:""; background:url(../images/blue-top.png) no-repeat 50% 100%; background-size:100% auto; height:72px; z-index:1}

#banner .banner-text{ position:absolute; left:50%; top:55%; transform:translate(-50%,-50%);}
#banner .banner-text > div{ width:64%; text-align:center;}
#banner h1{ font:700 65px/65px 'Playfair Display', serif; color:#024ba0; text-transform:uppercase; padding:0 18px 30px; background:url(../images/line-left.png) no-repeat 0 100%, url(../images/line-right.png) no-repeat 100% 100%; border-bottom:3px solid rgba(0,0,0,0.5)}
#banner h1 span{ display:block; font-size:40px; line-height:40px;}
#banner h2{ font:700 31px/32px 'Playfair Display', serif; color:#000; text-transform:uppercase;}
#banner .btn{ font:700 20px/22px 'Playfair Display', serif; padding:15px 30px; color:#fff; background:#024ba0; border:1px solid #024ba0; text-transform:uppercase; margin:-20px 0 0;}
#banner .btn:hover{ color:#024ba0; background:#fff;}
#banner:not(.home) .banner-text > div{ text-align:left;}
#banner:not(.home) h1{ display:inline-block; padding:0 20px 10px; background-position:0 20px, 100% 20px;}

footer{ background:url(../images/footer.jpg) no-repeat 50% 0 #024ba0; padding:100px 0 30px; color:#fff; text-align:center;}
footer ul{ display:table; margin:0 auto;}
footer ul li{ float:left; position:relative; font:400 16px/20px 'Source Sans Pro', sans-serif; color:#fff;}
footer ul li+li:before{ content:"|"; position:absolute; left:0; top: 50%; transform: translate(0,-50%);}
footer ul li > a{ color:#fff; padding:5px 20px; display:block; white-space:nowrap; text-transform:uppercase;}
footer ul li > a:hover{ color:#000;}
footer h5{ font:400 32px/34px 'Source Sans Pro', serif; text-transform:uppercase; padding:10px 0;}
footer p{ font:400 18px/20px 'Source Sans Pro', serif; text-transform:uppercase;}

.content{ color:#5b5b5b;}
.content h1, .content h2{ color:#024ba0; font:700 56px/58px 'Playfair Display', serif;}
.content h3{ color:#024ba0; font:700 46px/48px 'Playfair Display', serif; padding:15px 0 0;}
.content h4{ color:#024ba0; font:700 34px/36px 'Playfair Display', serif; padding:15px 0 0;}
.content h5{ color:#024ba0; font:700 24px/26px 'Playfair Display', serif; padding:15px 0 0;}
.content p{ font:400 16px/24px 'Source Sans Pro', serif; padding:10px 0 0;}
.blue-bg{ background:#4d9edc; color:#fff;}
.blue-bg h2, .blue-bg h3, .blue-bg h4, .blue-bg h5, .blue-bg h6{ color:#fff;}
.more{ color:#024ba0; background:#fff; font:400 18px/50px 'Playfair Display', serif; display:inline-block; padding:0 30px; text-transform:uppercase;}
.more:hover{ background:#024ba0; color:#fff;}
.more-btn{ color:#fff; background:#4d9edc; border:1px solid #4d9edc; font:400 12px/38px 'Source Sans Pro', serif; display:inline-block; padding:0 30px; text-transform:uppercase;}
.more-btn:hover{ background:#fff; color:#024ba0;}

.more-btn2{ color:#4d9edc; background:#fff; border:1px solid #fff; font:400 12px/38px 'Source Sans Pro', serif; display:inline-block; padding:0 30px; text-transform:uppercase;}
.more-btn2:hover{ background:#4d9edc; color:#fff;}

.title-s{ font:400 38px/40px 'Source Sans Pro', serif; padding:10px 0 0;}
.travel-sec {   position: relative;    padding:25px 0;}
.jcarousel {    overflow: hidden;    width: 100%;    padding: 0; margin:10px 0 0;}
.jcarousel ul {    width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
.jcarousel li {    width: 400px;    float: left;}
.jcarousel li > div{ padding:0 10px; text-align:center;}
.jcarousel-control-prev {    left:-28px;  position:absolute;  top:50%;  width:25px; height:45px; border:0; cursor:pointer; font-size:0;    background: url(../images/left.png) no-repeat 50% 50%; margin:-22px 0 0;}
.jcarousel-control-next { right:-28px;  position:absolute;  top:50%;  width:25px; height:45px; border:0; cursor:pointer; font-size:0;    background: url(../images/right.png) no-repeat 50% 50%; margin:-22px 0 0;}
.bannerslider-pagination{ margin:25px 0 0;}
.bannerslider-pagination > a{ width:14px; height:14px; border-radius:16px; font-size:0; display:inline-block; cursor:pointer; background:#19163d; margin:0 3px;}
.bannerslider-pagination > a:hover, .bannerslider-pagination > a.active{ background:#3eb0e3;}

.team-sec{ display:flex;}
.team-sec .item{ width:50%; float:left; display:flex; flex-wrap:wrap; justify-content:center;}
.team-sec .item .item-l{ width:48%; float:left; background:#4d9edc; text-align:center; display:flex; justify-content:center; align-items:center;}
.team-sec .item .item-l img{ max-width:174px; border-radius:200px;}
.team-sec .item .item-r{ width:52%; float:left; background:#f2f2f2; padding:35px 25px;}

.team-dtl{ padding:0 0 20px;}
.team-dtl .team-item{ display:flex; margin-top:30px;}
.team-dtl .team-item:nth-child(even){ display:flex; flex-direction:row-reverse;}
.team-dtl .team-item .team-le{ width:30%; float:left; background:#4d9edc; text-align:center; display:flex; justify-content:center; align-items:center;}
.team-dtl .team-item .team-le img{ max-width:174px; border-radius:200px;}
.team-dtl .team-item .team-ri{ width:70%; float:left; background:#f2f2f2; padding:35px 25px;}
.pagination{ text-align:center;}

.gray-sec{ background:#ebebeb;}
.box{ background:#ececec; padding:15px; text-align:center; margin-top:20px;}
.box h4{ text-transform:uppercase; color:#000;}
ul.listing{ color:#565656; padding:10px 0 0; list-style-type:circle; list-style-position:inside; font:400 16px/24px 'Source Sans Pro', serif;}
ul.listing li{ padding:10px 0 0;}
ul.listing.white{ color:#fff;}

.pagination{ text-align:center;}
.pagination a{ display:inline-block; padding:0 10px; border-radius:0; color:#fff; background:#024ba0; font:400 20px/24px 'Source Sans Pro', serif; margin:5px;}
.pagination span{ display:inline-block; padding:0 10px; border-radius:0; color:#000; font:400 20px/24px 'Source Sans Pro', serif; margin:5px;}
.pagination a:hover{ background:#fff; color:#024ba0;}
.services-sec h4{ color:#000;}
.services-sec > div:nth-child(even){ background:#4d9edc; color:#fff; flex-direction: row-reverse;}
.services-sec > div:nth-child(even) h4{ color:#fff;}
@media only screen and (max-width: 1390px) {





}





@media only screen and (max-width: 1198px) {
.flex-xl{ display:block;}

#banner h1{ font:700 50px/52px 'Playfair Display', serif;}
#banner h1 span{ font-size:34px;  line-height:34px;}
}

@media only screen and (max-width: 990px) {
.flex-l{ display:block;}


#logo{ margin-top:-30px;width: 110px;}
.nav-menu li > a{ padding:0 7px;}

#banner:before, .white-after:before, .blue-before:before{ width:280px;height: 52px;}

#banner h1 {  font: 700 34px/36px 'Playfair Display', serif; padding: 0 18px 20px;}
#banner h1 span {  font-size: 30px;  line-height:32px;}
#banner .banner-text { top:65%;}
#banner .btn {  font: 700 16px/20px 'Playfair Display', serif;  padding: 10px 30px;  margin: -30px 0 0;}

.content h1, .content h2 {  font: 700 46px/48px 'Playfair Display', serif;}
.content h3{ font:700 40px/42px 'Playfair Display', serif;}
.content h4{ font:700 28px/30px 'Playfair Display', serif;}
.content h5{ font:700 22px/24px 'Playfair Display', serif;}

.blue-before{ padding-top:70px;}
.title-s{  font: 400 30px/32px 'Source Sans Pro', serif;}
}

@media only screen and (max-width: 740px) {
.flex-m{ display:block;}
footer{ background-size:200px;padding:60px 0 30px;}
footer p {  font: 400 14px/20px 'Source Sans Pro', serif;}

#navigation{ position:relative;}
#navbtn{ display:block; background:url(../images/navigation.png) no-repeat 50% 50% #000; width:40px;  height:40px; font-size:0; cursor:pointer; color:#fff; text-align:right;}
ul.nav-menu{ position:absolute; right:0; top:100%; width:220px; background:#000; box-shadow:0 0 5px #333; display:none;}
ul.nav-menu li{ float:none;}
ul.nav-menu li+li{ border-top:1px solid #e6d7c4;}

.content h1, .content h2 {  font: 700 40px/42px 'Playfair Display', serif;}
.content h3{ font:700 36px/38px 'Playfair Display', serif;}
.content h4{ font:700 28px/30px 'Playfair Display', serif;}
.content h5{ font:700 20px/22px 'Playfair Display', serif;}

.travel-sec { padding:20px 25px;}
.jcarousel-control-prev {  left: 0;}
.jcarousel-control-next {  right: 0;}


}

@media only screen and (min-width: 740px) {
/*.nav-menu{ display:block !important;}*/

}

@media only screen and (max-width: 450px) {
.flex-s{ display:block;}
#banner .banner-text > div { width:80%; }
#banner .banner-text {  top: 55%;}
#banner:not(.home) h1 { background-position: 0 14px, 100% 14px;}
#banner img{ width:140%; max-width:140%; margin:0 -20%;}
#banner h1 {  font: 700 24px/26px 'Playfair Display', serif;  padding: 0 10px 15px; background-position-y:10px;}
#banner h1 span {  font-size: 20px;  line-height: 22px;}
#banner h2 { font: 700 20px/22px 'Playfair Display', serif;}
#logo {  margin-top: -20px;  width: 80px;}
footer ul li{ float:none; display:inline-block; position:relative; font:400 14px/20px 'Source Sans Pro', sans-serif; color:#fff;}
footer ul li+li:before{ display:none;}
footer ul li > a{ padding:5px 10px;}
.team-sec{ display:block;}
.team-sec .item{  width: 100%;  float: none;}
.team-sec .item:nth-child(even) { flex-direction:row-reverse;}

.team-dtl .team-item, .team-dtl .team-item .team-le, .team-dtl .team-item .team-ri, .team-dtl .team-item:nth-child(even){ float:none; width:100%; display:block;}
.team-dtl .team-item .team-le{ padding:30px 0;}
}