@charset "utf-8";
/* CSS document written by Harish Kohli */
@import url(font-awesome.min.css);
@font-face{ font-family:basicFont; src: url(../fonts/opensans.ttf);}
@font-face{ font-family:titleFont; src: url(../fonts/opensans-bold.ttf); }
@font-face{ font-family:subTitleFont; src: url(../fonts/Corbert.otf); }

body{ margin:0px; padding:0px; font-family:basicFont; font-size:13px; color:#666; overflow-y:scroll; font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, div{ margin:0px; padding:0px; float:left; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, ul, li, a, span, p, input{ margin:0px; padding:0px; float:left; box-sizing:border-box;}
a{ text-decoration:none; box-sizing:border-box;}
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:20px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:13px;}
img{ display:table; margin:0 auto; box-sizing:border-box;}
.lineheight{line-height:20px;}
.lineheightExtra{line-height:24px;}
.clear{ clear:both;}
.borderNone{ border:none!important;}
.boxsizing{ box-sizing:border-box;}
.fontBold{ font-weight:bold;}
.fontweightNone{ font-weight:normal;}
.floatNone{ float:none;}
.posRelative{ position:relative;}
.minWidth100{ width:100px!important}
.menuIcon{display:none;width:30px;height:30px;background:url(../images/mobicon.png) center center/30px 30px scroll no-repeat;}
.closeIcon{display:none;width:30px;height:30px;background:url(../images/closeicon.png) center center/30px 30px scroll no-repeat;}
.displayBlock{ display:block; }
.overflowDot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.upperCase{ text-transform:uppercase;}
.opty80{ opacity:0.8;}
.seprater{ background:#333; border-bottom:solid 1px #444; height:2px; width:100%;}
.mobGap{ display:none;}
.img100Percent img{ width:100%; height:100%;}
.titleFont{font-family:titleFont;}
.font11{ font-size:11px;}
.font30{ font-size:30px;}
.font28{ font-size:28px;}
.widthAuto{ width:auto;}
.cursorPointer{ cursor:pointer;}
.resizeNone{resize:none;}
.mob-navigation-Panel{ display:none;}

/*error or success class*/
.alertBox{ width:100%; padding:10px; box-sizing:border-box; float:left; margin:0px 0px 10px; line-height:20px; border-radius:5px; text-align:center;}
.error{ background-color:#FCE3E9!important; color:#a94442!important; border:solid 1px #9B0000!important;}
.success{ background-color:#dff0d8!important; color:#3c763d!important; border:solid 1px #d6e9c6!important;}
.notification{ background-color:#d9edf7!important; color:#31708f!important; border:solid 1px #bce8f1!important;}
.warning{background-color:#fbf4d6!important; color:#86721d!important; border:solid 1px #e9ddac!important;}

/*border*/
.borderTop{ border-top:solid 1px #ccc; box-sizing:border-box;}
.borderBottom{ border-bottom:solid 1px #ccc; box-sizing:border-box;}
.borderRight{ border-right:solid 1px #ccc; box-sizing:border-box;}
.borderLeft{ border-left:solid 1px #ccc; box-sizing:border-box;}
.borderDashed{ border:1px dashed #999999!important; box-sizing:border-box;}
.borderAll{ border:solid 1px #ddd;}

.pull_left{ float:left!important;}
.pull_right{ float:right!important;}

/*align Text*/
.alignRight{text-align:right;}
.alignCenter{ text-align:center;}
.alignLeft{ text-align:left;}
.alignJustify{ text-align:justify;}

/*margin*/
.marginRight{ margin-right:10px;}
.marginLeft{ margin-left:10px;}
.marginTop{ margin-top:10px;}
.marginBottom{ margin-bottom:10px;}
.marginNone{ margin:0px!important;}
.marginLeftNone{ margin-left:0px!important;}
.marginRightNone{ margin-right:0px!important;}
.marginTopNone{ margin-top:0px!important;}
.marginBottomNone{ margin-bottom:0px!important;}

/*padding*/
.paddingRight{ padding-right:10px; box-sizing:border-box;}
.paddingLeft{ padding-left:10px; box-sizing:border-box;}
.paddingTop{ padding-top:10px; box-sizing:border-box;}
.paddingBottom{ padding-bottom:10px; box-sizing:border-box;}
.paddingNone{ padding:0px!important; box-sizing:border-box;}
.paddingLeftNone{ padding-left:0px!important; box-sizing:border-box;}
.paddingRightNone{ padding-right:0px!important; box-sizing:border-box;}
.paddingTopNone{ padding-top:0px!important; box-sizing:border-box;}
.paddingBottomNone{ padding-bottom:0px!important; box-sizing:border-box;}

/*In Box*/
.paddingInBox{ padding:10px; box-sizing:border-box;}
.paddingInBoxExtra{ padding:20px; box-sizing:border-box;}
.paddingupdwn{ padding-top:10px; padding-bottom:10px;}
.paddinglftrgt{ padding-left:15px; padding-right:15px; box-sizing:border-box;}
.padding-sm-updwn{ padding:5px 0px; box-sizing:border-box;}
.padding-sm{ padding:5px; box-sizing:border-box;}
.padding-sm-lftrgt{ padding:0px 5px; box-sizing:border-box;}

/*rounded Corners*/
.roundCorner{border-radius:5px;}
.roundCornerExtra{border-radius:10px;}
.radius-1-0-0-1{ border-radius:10px 0px 0px 10px;}
.radius-0-1-1-0{ border-radius:0px 10px 10px 0px;}
.radius-0-0-1-1{ border-radius:0px 0px 10px 10px;}
.radius-1-1-0-0{ border-radius:10px 10px 0px 0px;}
.circle{border-radius:100%;}

/*btn css*/
.btn-lg{ border-radius:5px; padding:10px 30px; cursor:pointer; border:none; font-family:basicFont; font-size:16px; margin-bottom:10px; font-weight:normal; box-sizing:border-box;}
.btn{ border-radius:5px; padding:5px 10px; cursor:pointer; border:none; font-family:basicFont; font-size:13px; margin-bottom:10px; font-weight:normal; box-sizing:border-box;}
.btn-sm{ padding:2px 5px; border:none; font-family:basicFont; font-size:12px; margin-bottom:10px; font-weight:normal; box-sizing:border-box;}
.primary-btn{ background:#333; color:#fff;}
.primary-btn:hover{ background-color:#3296cb; color:#fff;}
.secondry-btn{ background:#3296cb; color:#fff;}
.secondry-btn:hover{ background-color:#333; color:#fff;}

/*Font colors*/
.white{ color:#fff!important;}
.yellow{ color:#f5a233;}
.pink{ color:#c9344d;}
.blue{ color:#1c88c8;}
.black{ color:#000;}
.grey{ color:#333;}
.blueBG{ background:#0685a1;}
.darkBlueBG{ background:#093f62;}
.baseColor{ color:#666;}
.baseBG{ background:#e7eaed;}
.greyBG{ background:#f1f1f1;}
.whiteBG{ background:#fff;}
.blackBG{ background:#000;}
.red{ color:#c12c35;}
.orange{ color:#d96b28;}
.green{ color:#005f94;}

/*link*/
.link{ color:#ccc; font-size:13px; padding:5px 0px; box-sizing:border-box; width:100%; text-decoration:none;}
.link:hover{ color:#ae7b44;}

/*form-controls*/
.label{ line-height:32px;}
.form-control{ width:100%; padding:10px; box-sizing:border-box; border:none; margin-bottom:10px; font-family:basicFont; font-size:13px; line-height:20px;}
.form-control-sm{ width:100%; padding:5px 10px; box-sizing:border-box; border:none; margin-bottom:10px; font-family:basicFont; font-size:13px; line-height:20px;}
.form-control-input{ width:100%; padding:5px 10px; box-sizing:border-box; border:solid 1px #ddd; margin-bottom:10px; font-family:basicFont; font-size:13px; line-height:20px; background:#fff;}
.form-control-select{ width:108%; padding:5px 10px; box-sizing:border-box; border:none; margin-bottom:10px; font-family:basicFont; font-size:13px; line-height:20px; background:url(../images/dropdown.png) 85% 12px scroll no-repeat #e6f2f9 ;}
.selectWrap{ overflow:hidden;}


/*width Definations*/
.col-sm-1{ width:10%; min-height:1px;}
.col-sm-2{ width:20%; min-height:1px;}
.col-sm-3{ width:30%; min-height:1px;}
.col-sm-4{ width:40%; min-height:1px;}
.col-sm-5{ width:50%; min-height:1px;}
.col-sm-6{ width:60%; min-height:1px;}
.col-sm-7{ width:70%; min-height:1px;}
.col-sm-8{ width:80%; min-height:1px;}
.col-sm-9{ width:90%; min-height:1px;}
.col-sm-1Forth{ width:25%; min-height:1px;}
.col-sm-1Third{ width:33.33%; min-height:1px;}
.col-sm-3Forth{ width:75%; min-height:1px;}

/*containers*/
.wrapper{width:100%;}
.row{width:100%;}
.container{ margin:0 auto; float:none; display:table;}
.wrap{width:1170px; margin:0px auto; display:table; float:none;}
.content{ line-height:20px; text-align:justify;}
.content p{ margin:0px 0px 20px;}
.content ul{ list-style:none;}
.content ul li{ width:100%; padding:3px 0px;}


/*theme styles*/
.headerSection{ position:fixed; left:0px; top:0px; z-index:100000;}
.logoPanel{ position:absolute; left:10px; top:-90px; background:#fff; padding:10px 10px; z-index:1; border:solid #ddd; border-width:0px 1px 2px 1px;}
.bannerSection{ background:url(../images/banner-bg.jpg) center center/100% auto scroll no-repeat #333; height:480px; width:100%; position:relative; border-bottom:solid 7px #333; margin-top:90px;}
.navigation-Panel{ width:100%; position:relative; background:#000;}
.navigation-Panel a:first-child{ margin-left:200px;}
.navigation-Panel a{ color:#fff; font-size:13px; padding:7px 25px;}
.navigation-Panel .active{ background:#fff; color:#000;}
.service-Panel{ width:100%; position:relative; background:#fff;}
.service-Panel a{ color:#000; font-size:13px; padding:20px 20px; text-transform:uppercase; border-right:solid 1px #eee;}
.service-Panel a:first-child{ margin-left:200px;}
.service-Panel a:hover{ color:#fff; background: #f24a36;
background: -moz-linear-gradient(top,  #f24a36 0%, #c12c35 100%);
background: -webkit-linear-gradient(top,  #f24a36 0%,#c12c35 100%);
background: linear-gradient(to bottom,  #f24a36 0%,#c12c35 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24a36', endColorstr='#c12c35',GradientType=0 );}
.socialLinks{ float:right; padding:0px;}
.socialLinks a{ float:right; padding:5px 8px; margin:0px!important;}
.captionPanel{ position:absolute; left:10px; top:-398px; width:172px; height:400px; padding:80px 10px 10px; background:rgba(0,0,0,0.8); color:#fff; font-size:16px; text-align:center; box-shadow:inset 0px 0px 50px #000; z-index:100;}
.captionPanel span{ font-size:24px; float:none; font-weight:normal; }
.captionPanelImgBox{ position:absolute; top:240px; right:150px; background:#fff; height:200px; width:200px; border-radius:100%; display:none;}
.captionPanelImgBox:after{ content:""; position:absolute; top:30px; left:-148px; width:300px; background:#000; height:5px;}
.welcomeTitleWrap{ width:100%; padding:0px; position:relative;}
.heading-panel{ font-size:36px; color:#000; font-family:titleFont; width:100%;}
.heading-panel span{ font-family:basicFont;}
.seprator{ width:100%; position:relative; margin-bottom:10px; min-height:32px;}
.seprator:before{ position:absolute; content:""; left:0px; right:0px; top:0px; margin:auto; width:120px; height:6px; background:#000;}
.seprator:after{ position:absolute; content:""; left:0px; right:0px; top:10px; margin:auto; width:80px; height:5px; background:#005f94;}
.whyUsPanel{ background:url(../images/dubai-city-tour.jpg) 0 -130px/100% auto fixed repeat; min-height:500px; position:relative;}
.whyUsPanel:before{ content:""; position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:rgba(0,0,0,0.7); margin:auto;}
.whyUsPanelBox{ position:relative; z-index:2; padding:50px 0px;}
.package-item{ width:29.33%; margin:30px 2% 0px; height:420px;}
.packageImg{ width:100%; min-height:210px; margin:20px 0px 10px;}
.packageImg img{ border-radius:100px 0px 100px 0px; border:solid 5px #ddd;}
.packageTitle{ font-family:titleFont; width:100%; text-align:center; color:#fff; margin-bottom:10px; font-size:16px;}
.packageContent{ width100%; text-align:center; line-height:20px; color:#fff; margin-bottom:20px;}
.gapping{ padding:50px 0px;}
.whyus{ width:100%; padding:30px 0px 30px;}
.whyus .fa{ font-size:36px; margin-bottom:15px; color:#005f94;}
.whyus ul{ width:100%; list-style:none;}
.whyus ul li{ width:24%; margin:10px 0.5% 0px; text-align:center; font-size:16px; min-height:150px; color:#000; background:#f1f1f1; padding:30px 20px; border:solid 1px #ddd;}
.whyus ul li:hover{ border-color:#ccc; background:#eee; box-shadow:0px 0px 3px #ccc; }
.bodypanel{ margin-top:90px;}
.footerSection{ background:#000; position:relative; margin-top:150px;}
.footerSection:before{ position:absolute; content:""; left:0px; top:-150px; background:url(../images/footerBG.png) 0 0 scroll repeat; height:150px; width:100%; }
.footerLogo{ padding:20px;}
.links{ padding:0px 0px 0px 100px;}
.links a{ color:#fff; width:100%; padding:7px 5px;}
.footerSection .socialLinks{ float:left; margin-top:20px;}
.footerSection .socialLinks a{ width:auto!important;}
.mailBox{ display:none;}




/* slides */
.slideshow { position:relative; margin:0px; float:left; width:100%; height:480px; overflow:hidden; }
.slideshow a { line-height:7px; width:10px; text-decoration:none; color:#fff; background:#d96b28; font-size:0px; border-radius:100%; }
.slideshow a:hover,
.slideshow .selected a { background-color:#fff; }
.carousel { margin:0; padding:0; list-style:none; }
.slide { z-index:100; width:100%; float:left; }
.slide img { display:block; }
/* pagination */
.slides-pagination { position:absolute; bottom:30px; right:30px; margin:0; padding:0; list-style:none; z-index:110; }
.slides-pagination li { display:inline; }
.slides-pagination a { display:block; float:left; padding:2px 5px; margin-right:5px; text-align:center; }
/* skip */
.slides-next,
.slides-prev { position:absolute; top:50%; margin-top:-1em; padding:0 .5em; z-index:120; }
.slides-next { right:0; }
.slides-prev { left:0; }
.slides-next.disabled,
.slides-prev.disabled { opacity:.5; cursor:auto; }

.portfolioLoopBox{ width:25%; height:175px; position:relative; overflow:hidden; border:solid 1px; border-color:#ccc transparent transparent #ccc;}
.portfolioLoopBox img{ width:100%; height:100%;}
.portfolioLoopBox .companyname{ float:left; width:100%; padding:7px 10px; box-sizing:border-box; font-size:12px; text-align:center; position:absolute; bottom:0px; background:rgba(0,0,0,0.8); color:#fff;}
.portfolioLoopBox .hideDiv{ top:153px; opacity:0;
-webkit-animation: slide 0.5s forwards;
-webkit-animation-delay: 2s;
animation: slide 0.5s forwards;
animation-delay: 2s;
width:100%; height:100%; position:absolute; padding:10px; box-sizing:border-box;}
.portfolioLoopBox:hover .hideDiv{ display:block; background:rgba(0,0,0,0.8); top:0px;  transition: 1s; opacity:1;}
.help-inline{ margin-top:-20px; margin-bottom:10px; padding-left:10px; width:100%; box-sizing:border-box;}
.branchBox{ width:24.2%; margin:5px 0.4%; position:relative; border:solid 1px #035f93; color:#035f93; background:url(../images/branch.png) 95% 5%/40px 40px scroll no-repeat #fff; padding:10px; height:100px;}
.branchBox a{ color:#000;}
.smLogo img{width:70px; height:69px;}

/*IE 11 Hack*/
@media all and (-ms-high-contrast:none)
{
.foo { color: green } /* IE10 */
*::-ms-backdrop, .foo { color: red } /* IE11 */
}

@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
@keyframes fadein{from{opacity:0;}to{opacity:1;}
}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
@-ms-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
@-webkit-keyframes fadeout{from{opacity:1;}to{opacity:0;}
}
@keyframes fadeout{from{opacity:1;}to{opacity:0;}
}
@-moz-keyframes fadeout{from{opacity:1;}to{opacity:0;}
}
@-ms-keyframes fadeout{from{opacity:1;}to{opacity:0;}
}
@-o-keyframes fadeout{from{opacity:1;}to{opacity:0;}
}
@-webkit-keyframes mymove{0%{opacity:0;left:105%;}
100%{opacity:1;left:102%;}
}
@keyframes mymove{0%{opacity:0;left:105%;}
100%{opacity:1;left:102%;}
}
.clouds-animate { animation: 150s linear 2s normal none infinite running clouds; display: block;  width: 100%;}