@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic);
body{ font-size:13px; font-family: 'Lato', sans-serif;}
h1, h2, h3{ color:#666;}
.container{ width:1000px}
.red{ color:red;}

header{ background: url(../images/h_bg.jpg) repeat-x; padding:5px 0px 0px 0px; color:#FFF;}
.logo{ background: url(../images/logo.png) left top no-repeat; margin-top:10px; padding:75px 0 20px 105px; color:#FFF; }
.logo span{ color:red;}
.h-right{ background:url(../images/h-right_bg.png) right bottom no-repeat; padding:30px 0px 49px 0px; text-align:right}
.tmenu{ padding-right:100px;}

/*.nav > li > a{ font-weight:bold; color:#66aae4;}
.nav > li > a:hover, .nav > li > a:focus{ background:#f6a509; color:#FFF;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background:#9b0606;}*/

.navbar-default{ background: none !important; border:none}
.navbar-default .navbar-nav > li > a{ color:#FFF; font-weight:bold;}
.navbar-nav > li > a{ padding:5px 10px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:#fe7a04; color:#FFF; border-radius:3px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background:#fe7a04; border-radius:3px;}

.bwrap{ padding-top:20px; padding-bottom:20px}


#home {
    overflow: hidden;
    padding: 0;
    position: relative;
}
#main-carousel .carousel-inner .item {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
#main-carousel .carousel-indicators {
    bottom: 15px;
}
#main-carousel .carousel-indicators li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    display: inline-block;
    height: 13px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 13px;
}
.carousel-indicators .active {
    background-color: #fff !important;
}
.slider-content {
    height: 100%;
}
#main-carousel .carousel-caption {
    display: table;
    height: 100%;
    left: 0;
    min-height: 100%;
    top: 0;
    width: 100%;
    z-index: 11;
}
#main-carousel .carousel-caption > div {
    display: table-cell;
    vertical-align: middle;
}
#main-carousel .carousel-inner h2 {
    color: #f6f6f6;
    display: inline-block;
    font-family: roboto;
    font-size: 55px;
    font-weight: 800;
    margin-bottom: 40px;
    text-transform: uppercase;
}
#main-carousel .carousel-inner h2 span {
    color: #7ab700;
}
#main-carousel .carousel-inner p {
    color: #f6f6f6;
    font-family: roboto;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 59px;
    margin-top: 0;
    text-shadow: none;
}
#main-carousel .carousel-left {
    left: -50px;
}
#main-carousel .carousel-right {
    right: -50px;
}
#main-carousel:hover .carousel-left {
    left: 0;
    transition: all 300ms ease 0s;
}
#main-carousel:hover .carousel-right {
    right: 0;
    transition: all 300ms ease 0s;
}
#main-carousel .carousel-left, #main-carousel .carousel-right {
    color: rgba(255, 255, 255, 0.52);
    font-size: 60px;
    margin-top: -60px;
    padding: 15px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 300ms ease 0s;
    z-index: 12;
}
.carousel-right {
    right: 65px;
}
.carousel-left {
    left: 65px;
}
#main-carousel .carousel-left:hover, #main-carousel .carousel-right:hover {
    color: #f6f6f6;
}
#main-carousel .carousel-inner .item {
    height: 500px !important;
}

.enw {
    bottom: 15px;
    position: absolute;
    top: 25px;
}
.enq-bg {
    background: rgba(18, 18, 18, 0.7) none repeat scroll 0 0;
    color: #fff;
    left: 0;
    padding: 10px 40px 20px;
    right: inherit;
    text-align: left;
    text-transform: uppercase;
    top: 25px;
}
.enq-bg h2{ color:#fe7a04;}
.banner img{ width:100%; height:381px !important;}
.txt-quote{ font-size:25px; color:#0627ca; font-weight:bold; margin-top:0px; text-align:center}
.enq{ background:#cdeef1; border:1px solid #a7d8dc; position:relative; border-radius:5px; padding:10px 5px 0px 5px;   color:#0a1652}
.enq .arrow{ width:15px; height:15px; position:absolute; top:-8px; left:45%;
-ms-transform: rotate(134deg); /* IE 9 */
    -webkit-transform: rotate(134deg); /* Chrome, Safari, Opera */
    transform: rotate(134deg);
	border-left:1px solid #a7d8dc;
	border-bottom:1px solid #a7d8dc;
	background:#cdeef1;
}
section{ padding:20px 0px;}
.service{ margin:10px 0px;}
.media{ padding:25px 0px;}
.media-left img{ border:1px solid #a7d8dc; padding:5px; }
.media-ti{ margin-top:0px; color:#de4306; font-weight:bold; font-size:14px;}
.ser p{ height:80px; overflow:hidden; font-size:12px;}
.sec-client{ background:#ecebeb; border-top:1px solid #CCC;}

.carousel-control.left, .carousel-control.right{ background:none}
footer{ background:#115793; border-top:5px solid #fc6e06; padding:20px 0px; color:#FFF;}
.fmenu{ display:block; text-align: center}
.fmenu a{ color:#FFF; padding:0px 15px;}
.copy{ display:block; padding:5px 0px; border-top:1px dashed #05355f; font-size:11px;}

ul.listing{ padding-left:15px; line-height:22px; color:red;}
.connect{ font-size:18px; line-height:35px;}

ul.branch{ list-style:none; padding:0px;}
.branch-panel{ background: #dbe6ea; border:1px solid #bad5de; border-radius:5px; padding:5px; color:#0763b1; display:block; margin:10px 0px;}
.simg img{ width:120px;}
.h-s img{ width:144px; height:144px;}
.l-img{ width:400px; border:1px solid #CCC; box-shadow:0px 0px 5px #CCC; float:left; margin-right:10px; padding:5px;}

@media (max-width:768px){
.container{ width: auto}
.h-right{ background: none; text-align: left; padding-bottom:0px;}	
.navbar-nav > li > a{ padding:inherit}	
.tmenu{ padding:0px;}	
.nav > li > a{ padding:10px 15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ border-radius:0px;}
.navbar-default .navbar-nav > li > a{ background:#FFF;}
.tt{ background:#ffc80b}
.navbar-toggle{ top:5px;}
.topnav {
    overflow: hidden;
    background-color: #333;
    
}
.banner img{height:100%!important;}

.navbar-default .navbar-toggle{ background:#000;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:#333}
.navbar-default .navbar-nav > li > a{ color:red;}
.enw { position:inherit; top:0;}
.h-right{ display:none}
}


