@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'nexa-bold';
  src: url('../fonts/extra/nexa-bold.otf');
}
@font-face {
  font-family: 'roboto-bold';
  src: url('../fonts/extra/roboto-bold.ttf');
}
@font-face {
  font-family: 'roboto-light';
  src: url('../fonts/extra/roboto-light.ttf');
}


body::-webkit-scrollbar {
    width: .8em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 144, 201, .8);
  outline: 1px solid slategrey;
}





.menuzord-brand img {
    max-height: 100%;
}


.sticky-logo {display:block;}
.main-logo {display:none;}
.header .animated-active .main-logo {display:none;}
.header .animated-active .sticky-logo {display:block;}
.header .animated-active .header-top {display:block;}
.header .header-top {display:none;}
.header .animated-active .menuzord-brand {margin:0; margin-top:-50px;}
.menuzord-brand {margin:5px auto;}

.header-nav.navbar-transparent.animated-active {
    /*background-color: rgba(0, 0, 0, 0);*/
 background-color:rgba(255, 255, 255, 1);
}
.header .menuzord-menu > li > a {text-transform:capitalize;}
.menuzord-menu > li > a {
    padding: 8px 30px;
}
.menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a {
    background: none;
    color: #0090c9;
}
.animated-active .menuzord.blue .menuzord-menu > li.active > a, .animated-active .menuzord.blue .menuzord-menu > li:hover > a, .animated-active .menuzord.blue .menuzord-menu ul.dropdown li:hover > a {
    /*color: #000;*/
	color:#0090c9;
}
.header-top {
    padding: 20px 0 10px;
}
.menuzord {
    width: 80%;
    float: right;
	border-top: 1px solid rgba(255, 255, 255, .3);
}
@media screen and (max-width: 992px) { .menuzord {width: 100%;} .header .animated-active .menuzord-brand {margin-top:0;} }

.animated-active .menuzord-menu > li {
    padding: 0;
}
.menuzord-menu > li {
    padding: 20px 0;
}

.animated-active .menuzord-menu > li > .megamenu {
    top: 37px;
}
.menuzord-menu > li > .megamenu {
    top: 78px;
}

.animated-active .menuzord-menu ul.dropdown {
    top: 37px;
}
.menuzord-menu ul.dropdown {
    top: 78px;
}
.menuzord-menu ul.dropdown li ul.dropdown {
    top: -1px;
}

.menuzord-menu ul.dropdown li a {
    /*color: #555;
    font-weight: normal;*/
	color: #004d6b;
    font-size: 14px;
    font-weight: normal !important;
	padding: 3px 19px 3px 28px;
	border-bottom: 1px solid #eeeeee !important;
}
.menuzord-menu ul.dropdown li> ul {margin-left:0;}
.menuzord-menu ul.dropdown li> ul> li> a {color: #555 !important; font-weight: normal !important; font-size: 12px !important;}
.menuzord-menu ul.dropdown li> ul> li> a:hover {color: #0090c9 !important;}

@media (max-width: 900px) {
.menuzord-menu ul.dropdown li a {padding-left:22px !important;}
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a {
    padding-left:22px !important;
}
/*.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a:hover {
    padding-left:28px !important;
}*/
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
    padding-left: 22px !important;
}
}

.menuzord .menuzord-menu > li.active > a i, .menuzord .menuzord-menu > li:hover > a i, .menuzord .menuzord-menu ul.dropdown li:hover > a i {
    color: #000;
}

.menuzord-menu > li > .megamenu {
    border: solid 1px #f0f0f0;
}

.menuzord-menu > li:nth-last-child(2) a {padding-right:0;}

.menuzord-menu > li > .megamenu {padding:10px !important;}
/*.menuzord-menu > li > .megamenu { top:65px !important;}
.animated-active .menuzord-menu > li > .megamenu { top:71px !important;}*/
.menuzord-menu > li > .megamenu ul {margin:0 !important;}
.menuzord-menu > li > .megamenu .megamenu-row li {padding:0 !important; border-bottom: 1px solid #eeeeee !important;}
.menuzord-menu > li > .megamenu .megamenu-row li a {padding: 3px 0px; color: #555;}
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a {padding-left: 0px !important;}
.menuzord-menu > li > .megamenu .plr-5 {padding-left:5px; padding-right:5px;}

.header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {
  color: #000;
}
.header-nav.navbar-transparent.animated-active .menuzord-menu > li > a i {
  color: #000;
}

.menuzord-menu > li > .megamenu .megamenu-row li h5 {color: #0090c9; font-size: 14px; font-weight: 600;}
.menuzord-menu > li > .megamenu .megamenu-row li.sub-title {color: #004d6b; font-size: 14px;}


.inner-header .title {color:#fff;}
.breadcrumb a {color:#fff;}
.breadcrumb li.active {color:#CCC;}

.styled-icons.icon-sm a {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin: 2px 7px 2px 0;
    width: 20px;
}
.styled-icons.icon-gray a:hover {
    color: #0090c9;
}

.top-menu {float:right;}
.top-menu li {float:left;}
.top-menu li a {/*color:#fff;*/color:#000; font-family:'roboto-light'; font-size:14px; padding:5px 20px;}
.top-menu li span {font-weight:bold;}

.font-nexa-bold {
	font-family: 'nexa-bold';
}

#home-solutions {/*background-color:#f0f0f0;*/}
#home-solutions .border-bottom {border-bottom:3px solid #000 !important;}
#home-solutions .item h4 {
    font-family: 'nexa-bold';
    text-transform:none;
    font-size:20px;
    height:54px;
    overflow:hidden;
}
#home-solutions .item p {font-family:'roboto-light'; font-size:16px; line-height:24px; height:50px; overflow:hidden;}
#home-solutions .item .btn-sm {font-size:18px; line-height:18px; color:#0090c9; font-weight:bold;font-family: 'nexa-bold';}
#home-solutions .item .btn-sm i  {
    color: #f5d70b;
    background-color: #000;
    font-size: 16px;
    padding: 8px 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	margin-right:10px;
	}
#home-solutions .owl-theme .owl-dots .owl-dot span {
    background: #e5e5e5;
    border: 2px solid #e5e5e5;
    border-radius: 0;
    display: block;
    height: 5px;
    margin: 5px 3px;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100px;
}
#home-solutions .owl-theme .owl-dots .owl-dot.active span {
    background: #0090c9;
    border: 2px solid #0090c9;
}


.vertical-tab {
  zoom: 1;
  position: relative;
  height: auto;
  color: #8b8b8b;
  text-align: left;
}
.vertical-tab:after,
.vertical-tab:before {
  content: "";
  display: table;
}
.vertical-tab:after {
  clear: both;
}
.vertical-tab h4 {
  font-family:'nexa-bold';
  font-size:22px;
  background-color: #f0f0f0;
  cursor: pointer;
  border-bottom: 1px solid rgba(221,221,221,1);
  border-top: none;
  padding: 20px 20px;
  margin-bottom: 0;
  margin-top: 0;
}
.vertical-tab h4:first-child {
  /*border-top: 1px solid rgba(0,0,0,0.2);*/
}

.vertical-tab h4:hover {background-color: #000; color: #fff;}

.vertical-tab h4 img {padding-right:10px; }

.vertical-tab h4 span {width:35px; height:35px; float:left; margin-right:10px; margin-top:-10px;}

.vertical-tab h4 span.adventure-tour {background:url(../images/adventure-tour.png) no-repeat top;}
.vertical-tab h4:hover span.adventure-tour, .vertical-tab h4.active span.adventure-tour {background:url(../images/adventure-tour.png) no-repeat bottom !important; }

.vertical-tab h4 span.honeymoon {background:url(../images/honeymoon.png) no-repeat top;}
.vertical-tab h4:hover span.honeymoon, .vertical-tab h4.active span.honeymoon {background:url(../images/honeymoon.png) no-repeat bottom !important; }

.vertical-tab h4 span.city-tour {background:url(../images/city-tour.png) no-repeat top;}
.vertical-tab h4:hover span.city-tour, .vertical-tab h4.active span.city-tour {background:url(../images/city-tour.png) no-repeat bottom !important; }

.vertical-tab h4 span.beach {background:url(../images/beach.png) no-repeat top;}
.vertical-tab h4:hover span.beach, .vertical-tab h4.active span.beach {background:url(../images/beach.png) no-repeat bottom !important; }

.vertical-tab h4 span.culture {background:url(../images/culture.png) no-repeat top;}
.vertical-tab h4:hover span.culture, .vertical-tab h4.active span.culture {background:url(../images/culture.png) no-repeat bottom !important; }

.vertical-tab h4 span.safari {background:url(../images/safari.png) no-repeat top;}
.vertical-tab h4:hover span.safari, .vertical-tab h4.active span.safari {background:url(../images/safari.png) no-repeat bottom !important; }

.vertical-tab h4 span.wildlife {background:url(../images/wildlife.png) no-repeat top;}
.vertical-tab h4:hover span.wildlife, .vertical-tab h4.active span.wildlife {background:url(../images/wildlife.png) no-repeat bottom !important; }

.vertical-tab h4 span.luxury-tour {background:url(../images/luxury-tour.png) no-repeat top;}
.vertical-tab h4:hover span.luxury-tour, .vertical-tab h4.active span.luxury-tour {background:url(../images/luxury-tour.png) no-repeat bottom !important; }

.vertical-tab h4 span.ferrari {background:url(../images/ferrari.png) no-repeat top;}
.vertical-tab h4:hover span.ferrari, .vertical-tab h4.active span.ferrari {background:url(../images/ferrari.png) no-repeat bottom !important; }


@media screen and (min-width: 992px) {
  .vertical-tab h4 {
    position: relative;
    width: 33.333333333333336%;
    /*height: 20%;*/
    display: block;
  }
}
.vertical-tab ul {
  zoom: 1;
  position: relative;
  height: auto;
  min-height: 100%;
  /*border: 1px solid rgba(0,0,0,0.2);*/
  border-left: none;
  display: none;
  padding:0 0 0 30px;
}
.vertical-tab ul:after,
.vertical-tab ul:before {
  content: "";
  display: table;
}
.vertical-tab ul:after {
  clear: both;
}
.vertical-tab ul li {
  list-style: circle;
}

.vertical-tab h5 {
  font-family:'nexa-bold';
  font-size:22px;
  padding-left:15px;
}
.vertical-tab .view-all {    font-size: 14px;
    text-decoration: underline;
    float: right;
    padding-right: 30px;}

@media screen and (min-width: 992px) {
  .vertical-tab ul {
    position: absolute;
    width: 66.66666666666667%;
    right: 0;
    top: 0;
    /*padding: 15px 0 15px 30px;*/
  }
}
.vertical-tab .active {
  cursor: default;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  border-right: none;
  background-color: #000 !important;
  color:#f5d70b;
}
@media screen and (min-width: 992px) {
  .vertical-tab .active {
    background: rgba(0,0,0,0);
    border-right: 1px solid rgba(0,0,0,0);
  }
}
.vertical-tab .active + ul {
  display: block;
}


@media screen and (min-width: 992px){
.vertical-tab .active:before {
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #000;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
	
	content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: 2;
    display: inline-block;
	    border-style: solid;
}

}

.service-box {margin-bottom:30px; float:left;}
.service-box img {margin-bottom:30px;}
.service-box span {color: #000;
    font-size: 18px;
    line-height: 22px;
    font-family: 'nexa-bold';
    padding-left: 30px;
    display: flex;
	height: 52px;
    overflow: hidden;}
.service-box span a {color: #000;}
.service-box span i {color: #f5d70b;
    background-color: #000;
    font-size: 16px;
    padding: 8px 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	margin-right:10px;
	margin-left:-30px;}

@media screen and (max-width: 992px){
	.service-box {width:50%;} 
	.service-box img {width:100%;} 
	.vertical-tab ul {padding-left:0; padding-top:10px;}
}
@media screen and (max-width: 700px){
	.service-box {width:100%;}
}

#home-services .border-bottom {
    border-bottom: 3px solid #000 !important;
}


.partners .border-bottom {
    border-bottom: 3px solid #000 !important;
}
.partners .item {float:left; padding:14px;}
.partners h3 {font-size:36px; font-family:'nexa-bold'; text-transform:uppercase;}


.key-alliances .border-bottom {
    border-bottom: 3px solid #000 !important;
}
.key-alliances .item {float:left; padding:1px;}
.key-alliances h3 {font-size:36px;
    font-family:'nexa-bold';
    text-transform:none;}


.home-about .border-bottom {
    border-bottom: 3px solid #000 !important;
}
.home-about h3 {font-size:36px;
    font-family:'nexa-bold';
    text-transform:none;}
.home-about .left {min-height:380px; padding:30px; padding-top:150px;}
@media (max-width: 991px) {.home-about .left {min-height:auto; padding:50px 30px !important;}}
.home-about .left h4 {color:#fff; font-family:'nexa-bold'; /*font-size:30px;*/}
.home-about .right {min-height:380px;}
.home-about .right h4 {color:#000;
    font-family:'nexa-bold';
    font-size:22px;
    text-transform:none;
}
.home-about .right .btn-sm {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'nexa-bold';
	padding:0;
}
.home-about .right .btn-sm i {
    color: #f5d70b;
    background-color: #000;
    font-size: 16px;
    padding: 8px 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

#footer {color:#000;}
#footer h5 {color:#000;}
#footer .border-bottom {
    border-bottom: 3px solid #000 !important;
}

.footer-menu li a {color:#000; font-weight:bold;}

.footer-news post-title {color:#000; font-weight:bold;}.
#footer .footer-news.widget a {font-size:12px !important;}
.footer-news ul {padding-left:40px;}
.footer-news ul li {line-height:18px; font-size:14px;}
.footer-news ul li i {
    color: #f5d70b;
    background-color: #000;
    font-size: 16px;
    padding: 8px 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
	margin-left:-40px;
}

.footer-social .styled-icons.icon-sm a {
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin: 2px 7px 2px 0;
    width: 25px;
    border-radius: 50%;
}
 .border-bottom
 {    border-bottom: 3px solid #000 !important;}
 
  #servise-list .widget .post {
    margin-bottom: 8px;
    padding-bottom: 8px;
	color:#FFF;
    background-color: #1a96dc;
    padding: 10px;
}

 #servise-list .widget .list-border li {
    border-bottom: 2px solid #cdcccc;
	
}

 #servise-list .widget .list-border li .fa {
      float: right;
    padding-top: 7px;
	
}

 #servise-list ul.list li a {
    color: #FFF;
    width: 100%;
    display: block;
    padding: 10px;
}
 #servise-list ul.list li a:hover { background-color:#1374ab;
 color:#FFF;}
 	 
#servise-list .widget ul.list li {
    color: #FFF;
    background-color: #1a96dc;
    padding: 0;
}

 #servise-list .border-bottom {
    border-bottom: 3px solid #000 !important;
}


/****  Solutions ******/ 
#solutions .flip {border-right:1px solid #1a96dc;}
#solutions .sidebar {padding-left:0;}
@media screen and (max-width: 767px){
	#solutions .sidebar {padding-left:15px;}
}
#solutions .sidebar ul li {padding:0; margin:0; border-bottom: 1px solid #d3d3d3;}
#solutions .sidebar ul li a {padding:10px; display:block; background-color:#1a96dc; color:#fff;}
#solutions .sidebar ul li a:hover { background-color:#1374ab;}
#solutions .sidebar ul li a.active { background-color:#1374ab;}
#servise-list ul.list li a.active {
    background-color: #1374ab;
}


#strategic-alliances img {margin-bottom:20px; border: 1px solid #d3d3d3; width:100%;}

#awards .awards {border:1px solid #d3d3d3; text-align:center; margin-bottom:10px;}
#awards .awards .awards-img {width:100%;}
#awards .awards h4 {font-size:18px; margin:0; padding:10px; background-color:#eee; height:90px; min-height:90px; overflow:hidden;}


#news .news {text-align:justify; margin-bottom:20px;}
#news .news .news-img {width:100%;}
#news .news h4 {font-size:18px; margin:0; padding:10px 0; height: 60px; min-height: 60px; overflow: hidden;}
#news .news p {font-size:14px; height: 45px; min-height: 45px; overflow: hidden;}
#news .news a.readmore {font-size: 14px; color: #0090c9; font-weight: bold; display:block; border-bottom: 1px solid #eee;}
#news .news a.readmore:hover {color:#00A4EF; border-bottom: 1px solid #00A4EF;}


#news-details .news-details {text-align:justify; margin-bottom:20px;}
#news-details .news-details .news-img {width:100%;}
#news-details .news-details h4 {font-size:18px; margin:0; padding:10px 0; font-weight:bold;}
#news-details .news-details p {font-size:14px;}


.careers .panel-group .panel-title {text-transform:uppercase;}
.careers .panel-group .panel-title a.active {
    background: #00A4EF none repeat scroll 0 0;
    border-bottom: 1px solid #0086c3;
    color: #fff;
}
.careers .panel-group .panel-title a.active::after {
    color: #fff;
    background: #0086c3;
    content: "\f068";
}
.careers .panel-content .resume {padding:10px 0; background-color: #e2e2e2; color: #777575;}

.btn-info {
    color: #fff;
    background-color: #00a4ef;
    border-color: #00a4ef;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #0086c3 !important;
    border-color: #0086c3 !important;
}
.dynamic-content ul {
    list-style: disc;
    padding-left: 20px;
    text-align: justify;
}
.dynamic-content p {
text-align: justify;
}
.dynamic-content a {
    color: #0090d2;
}

.parallax::before {
    background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

@media screen and (max-width: 991px){
.menuzord {border-top:0; margin-top: -40px;}
}

body {color:#636b6f; /*font-family: 'Roboto', sans-serif;*/ font-size:14px;}

.footer a {
    color: #232020;
}
h1, h2, h3, h4, h5, h6 {/*font-family: 'Roboto Condensed', sans-serif;*/ font-family: 'nexa-bold';}

#drift-widget {
    bottom: 56px !important;
    right: 3px !important;
}
.inner-header {padding-top:50px;}

@media screen and (max-width: 991px){
.header-top .styled-icons {display:none;}
.top-menu li a {padding: 5px 12px;}
}


h4 {font-size:22px;}

.media-left, .media>.pull-left {
   width: 60px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.img-responsive {width:100% !important;}

#banner-video {width: 100%; height: 600px; object-fit: fill;}
	@media only screen and (min-width : 1367px) {
		#banner-video {height: 700px;}
	}
	@media only screen and (max-width : 648px) {
		#banner-video {height: 400px;}
	}

.breadcrumb > li + li::before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 14px;
    color: #1a96dc;
}

@media screen and (max-width: 991px){
.info_content h3 {font-size:18px;}
}