html { height:100%}
*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-shadow:none;text-rendering: optimizeLegibility;}
 
 
body{color:#333333;font-family:"Open Sans", sans-serif; font-size:14px; }
a:hover, a:active, a:selected, a:focus { text-decoration:none ;}
.downlink{
	color:#000;padding-left:23px; background:url(../img/pdf.png) no-repeat left;
}
.downlink:hover{
	color: #ffc20e; 
}
.navbar-wrapper{top:0;right:0;left:0;z-index:20;position:relative; border-bottom:solid 2px #ffc20e}
.navbar-wrapper>.container{padding-right:0;padding-left:0;}
.navbar-wrapper .navbar{padding-right:15px;padding-left:15px;}
.navbar-wrapper .navbar .container{width:auto;}
.carousel{ }
.carousel .item > img{ margin:0 auto; }
.carousel-caption{z-index:10;}
 
p{text-align:justify;line-height:18px;}
h1,h2, h3,h4 { text-transform:uppercase; font-family:"Roboto", sans-serif; font-weight:700; }
h1 { font-size:24px; background:url(../img/header-bg1.png) no-repeat bottom center; margin:0; padding:25px 0 }
h1.extendedbg {background:url(../img/header-bg3.png) no-repeat bottom left;}
h1.blankline {background:url(../img/header-bg4.png) no-repeat bottom left;}
h4{text-transform:uppercase; font-size:23px;font-weight:500;color:#000;}
h3 { font-size:18px; font-weight:300; border-bottom:solid 1px #ffc20e; padding-bottom:5px;}
h3 i{ color:#D5D5D5}
.navbar { border:none;}
.navbar-nav{float:right; padding:17px 0 0 10px;}
.navbar-brand{padding:10px 0;}
.navbar-nav > li{ }
.navbar-nav > li > a{ font-size:17px; font-weight:700; padding:5px 20px; font-family:"Roboto", sans-serif; color:#7b7d80; border-left: solid 1px #ccc;   }
.navbar-default .navbar-nav > li > a:hover{color:#000 ; background-color:#ffc20e}
.navbar-nav > li.active > a{color:#000 ;  }
.navbar-nav > li:last-child > a { border-right: solid 1px #ccc;}
.dropdown-menu { padding:0; }
.dropdown-menu > li > a { border-bottom:solid 1px #CCCCCC; padding:6px 20px;}
.dropdown-menu > li > a:hover {background-color:#ffc20e}
 
 .navbar-left { padding:0; margin: 0; width:90%;} 
.navbar-left a { font-size:14px; color:#393838;display:block;border-bottom:solid 1px #c3c3c3; padding:10px 0 }
.navbar-left li {   padding:5px 0; margin:2px 0; list-style:none;  }
 .navbar-left a:hover { color:#ffc20e;}
.navbar-left .active { color:#ffc20e}

.navbar-left ul { padding:0; margin:0}
.navbar-left ul li a{ padding-left:15px;}
 .margin10 { margin:20px 10px 0 0;}
 .innerbanner img { margin:0 auto}
 
footer{background:#262525; padding:10px 0; margin-top:30px;}
footer p{font-size:12px; font-family:"Roboto", sans-serif; color:#ddd; font-weight:300;}
footer p.largefont { font-size:16px; text-transform:uppercase;}
.white  { color:#ddd;}

.pad0 { padding:0;}
.pad40 { padding:40px 0}
.pad20 { padding:20px 0}
.pad10 { padding:10px 0}
strong { color:#5c502d;}

.socialicons { float:right;}
.socialicons a { color:#000; background:#ffc20e;   padding:5px; font-size:18px; font-weight:700;  display:inline-block; min-height:40px; min-width:40px;  text-align:center; float:left; margin-left:1px;     }
.socialicons a:hover { background:#008bcf}
 
 
 textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #ffffff;  border: 1px solid #cccccc;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
label, input, button, select, textarea {  font-size: 12px;  font-weight: normal;  line-height: 20px;}
input[type="checkbox"], input[type="radio"] { margin-top:-3px;}
label {  margin-bottom: 5px;  margin-right: 10px;  padding: 5px;}

.inlineblock { display:inline-block;}
.clear { clear:both;} 
.font14 { font-size:14px;}
.lnht22 { line-height:22px;}
.imgholderbox { border: solid 2px #fbb911; text-align:center; padding:10px; min-height:130px;}
.greybg { background:url(../img/grey-bg.png) repeat-x top; padding:30px 0}
.readmore {background:#ffc20e; display:inline-block; color:#000; padding:2px 5px; text-transform:uppercase; font-weight:bold; }
.readmore:hover { background:#008bcf; color:#fff;}
.ui-tabs ul { margin:0; padding:15px 0; float:left; width:100%;}
.ui-tabs li{ display:inline-block; float:left;}
.ui-tabs li a { padding:0 20px; border-right: solid 2px #666; color:#575757; font-size:18px; font-weight:700;font-family:"Roboto", sans-serif; text-transform:uppercase;  }
.ui-tabs li:first-child a { padding-left:0;}
.ui-tabs li:last-child a { border:none}
.ui-tabs li.ui-state-active a { color:#ffc20e}

.bluebg {background:#cce6f4; padding:20px; border:solid 2px #009de1}
.bluebg h1 {background:url(../img/header-bg2.png) no-repeat bottom center; }
.bluish { background:#0080c8; color:#FFF;}
.bluish:hover { background:#ffc20e}
.textbox { background:#0074c0; padding:40px; min-height:214px;}
.ui-tabs-anchor:hover { color:#0080c8}
 
.projectslider li:nth-child(4n)  .textbox {background: #ffc20e}
 
.textbox h4 { color:#FFF; text-align:center; } 
.innerbanner { margin:0 auto; padding:0;}

.grey { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */}


#accordion .accordionholder{   }
#accordion h5.head {   padding:15px 10px ; margin:10px 0 0 0;font-size:16px;   font-weight:700; cursor:pointer; border: solid 2px #edeced; clear:both;}
#accordion  .ui-accordion-header {    }
#accordion  .ui-accordion-header span { }
#accordion  .ui-accordion-header span:after { font-family:"FontAwesome"; content:"\f107"; float:right;font-size:24px}
#accordion  h5.ui-accordion-header-active { border-bottom:none;}
#accordion  .ui-accordion-header-active span:after {font-family:"FontAwesome"; content:"\f106"; float:right; font-size:24px}
#accordion  .ui-accordion-content { border: solid 2px #edeced; padding:10px; border-top:none; margin-bottom:20px;}
#accordion img { margin:5px 20px 0 0; }
 
.icons .col-lg-1 { padding-left:10px; padding-right:10px;}
.dubai-backdrop { background:url(../img/dubai-backdrop.png) no-repeat; background-size:cover;}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th
{ border:solid 1px #fff}
.keydates td, .keydates td strong {  padding:2px 5px !important;}
 
/* animations; */

 a{-webkit-transition: background-color 0.2s ease-out;-moz-transition: background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition: background-color 0.2s ease-out;transition: background-color 0.2s ease-out;  outline: 0;}
 
 
.imgAnim img:hover {
  transform: scale(1.1);
}
.projectslider  img {
  max-width: 100%;
  transition: all 1s ease 0s;
}
 
.animation-element {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.in-view  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.bx-caption {
    display: none;
}

.normal:hover{background:#FFC20E !important}
.enq input,.enq textarea{margin-bottom:10px; resize:none} 

.errors span {
    color: #f00 !important;
    display: block !important;
    font: bold 12px "Source Sans Pro",sans-serif;
    padding: 3px 3px 3px 10px;
}



@media only screen and (min-width:960px){
/* styles for browsers larger than 960px; */
 }
@media only screen and (min-width:1440px){
/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
/* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
/* default iPad screens */

}
@media only screen and (max-width:960px){
/* styles for browsers lesser than 960px; */
#navbar { width:100%;}
.navbar-wrapper .container{padding-right:15px;padding-left:15px;}
.navbar-wrapper .navbar{padding-right:0;padding-left:0; margin:0;}
.carousel-caption p{margin-bottom:20px;font-size:21px;line-height:1.4;}
.navbar-nav { width:100% ;}
.navbar-nav li {padding:0; margin:0;}
.navbar-nav li a{ border:none ; font-size:14px; padding:5px; margin:5px;} 
.dropdown-menu li a { font-size:16px;}
.navbar-nav > li:last-child > a { border-right: none;}
.bx-controls { display:none;}
.carousel-indicators { display:none;}
.pad0 { padding:0 10px}
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
.bx-controls { display:none;}
.pad0 { padding:0 10px}
}
@media print {
.noprint {display:none !important;}
-webkit-print-color-adjust:exact;
body { margin:0;}
a:link:after, a:visited:after {display: none;  content: "";    }
*{ position:unset !important; }
.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 { width:8% !important; float:left;}
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2{ width:15% !important;float:left;}
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3{ width:23% !important;float:left;}
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4{ width:32% !important;float:left;}
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5{ width:40% !important;float:left;}
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6{ width:49% !important;float:left;}
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7{ width:57% !important;float:left;}
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 {width: 65% !important;float:left;}
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9{ width:74% !important;float:left;}
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10{ width: 82% !important;float:left;}
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11{ width:90% !important;float:left;}
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12{ width: 100% !important;float:left;}
.container , .row { clear:both !important; width:100% !important;float:left;}
.navbar-toggle { display:none;    }
.navbar { display: block;float:left;        border-width:0 !important;}
img { max-width:100%;}
}


.bx-wrapper{position:relative;zoom:1;margin:0 auto 60px;padding:0;}
.bx-wrapper img{width:100%;display:block;}
.bx-wrapper .bx-viewport{ }
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}
.bx-wrapper .bx-loading{min-height:50px;background:url(../img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em; font-weight:700;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{zoom:1;display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}
.bx-wrapper .bx-prev{left:-40px;background:url(../img/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next{right:-40px;background:url(../img/controls.png) no-repeat -43px -32px;}
#slider-thumbs .bx-wrapper .bx-prev{left:-40px;}
#slider-thumbs .bx-wrapper .bx-next{right:-20px;}
.bx-wrapper .bx-prev:hover{background-position:0 0;}
.bx-wrapper .bx-next:hover{background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:999;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../img/controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../img/controls.png) -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,0.75);width:100%;}
.bx-wrapper .bx-caption span{color:#fff; display:block; padding:10px;}