a{color: #092E6B;}
#header{background: #fff!important; background-image: none; z-index: -1;position: relative; }
#header .grid12, #bottom .grid12, #bottom .container,  #main-bottom .grid12, #main-bottom .container{width: 100%;}
#utility{background: #fff;}
#utility:after{border: 0px;}
.ex-menu li > a{font-size: 14px; padding: 0 21px;}
.ex-menu > ul.l1 > li > a{color: #fff;}
.ex-menu > ul.l1 > li > a:hover{background: #6a6a6a;}
.ex-menu ul{margin:0;}
.ex-menu > ul.l1 > li{margin-right: 13px; background: #092E6B;}
#top{background: #fff;}
/*
.tophomepage#top{margin-bottom:-140px;}
#tophomepage.widget-menu{margin-bottom:-140px; background: rgba(6,52,129,0.8);}
*/
.menu-toggle{color: #092E6B;}
#top.container{z-index: 3; position: absolute;}
#main-top{background: none;}
.widget-logo{margin:0 -25px; padding: 0;} 
.widget-menu{padding: 0; top:25px;}
#copyright{background: #DBDDE2; color: #909090;}
#footer{background: #fff; color: #013178;}
#footer a{color: #013178;}
#absolute{display: none;}
h1{text-transform: uppercase; font-size: 2em; color: #092e6a;}
.social{margin-right: 5px;}
.title #main a{color: #092E6B!important;}
.btn-primary{margin-top: 20px;}
.btn:hover{background: #092E6B; }
a:hover{text-decoration: underline;}
#main h2{font-size: 20px!important; font-weight: 100; text-transform: uppercase;}
.btn {border:0px solid #6a6a6a!important;  -webkit-border-radius: 0px; 
-moz-border-radius: 0px; border-radius: 0px; background: #6a6a6a; color: #fff!important;}
/*
.topb{z-index: 10; position: absolute; top:47px; width: 100%;}
.topbback{background: #161616;}*/
.contact #sidebar-b .grid3{width: 400px;}
.contact #sidebar-b .grid9{width: 500px;}
#absolute.grid12.block{margin:0; padding: 0;}
#mainbody #component .block{margin: 30px 0;}
#sidebar-b{margin: 30px 0;}
#main-bottom h2{color: #fff; text-transform: uppercase;}
.currentproject{background: #fff; padding: 60px;}
.antena{margin: 40px 100px -11px;}
.currentproinfo{margin: 150px 90px 150px 0;}
.title span, h1, h2, h3, h4, h5, h6{font-weight: 100; color:#013178;}
#copyright body{color: #fff!important;}
#component .title{font-size: 30px;}
#header{background: url('/images/backgrounds/bannerinner.jpg');}
.titleproject{text-align: center;}
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}
.box2{background: #013178;}
.aboutus{float:right; margin-left: 30px;}
.about  #main,  .about #feature{background:#F7F9FF!important;}
.about #feature .block{padding: 15px 0 0 15px; margin: 10px 0 0px 10px;}
.about #bottom, .service #bottom{background: #013178; color: #fff; text-align: center;}
.contacttitle{font-size: 2em;}
.section {clear: both; padding: 0px; margin: 0px;}
.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.col {display: block; float:left; margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.widget-logo .image a{max-width: 66%;}
.services h2{font-size: 16px; text-transform: uppercase;}
.services{text-align: center; margin-bottom: 60px; }
.services a{color: #013178;}
.team{float: left; margin-right: 25px;}



.span_4_of_4 {width: 100%; }
.span_3_of_4 {width: 74.6%; }
.span_2_of_4 {width: 49.2%; }
.span_1_of_4 {width: 23.8%; }

@media only screen and (max-width: 480px) {
.span_4_of_4 {width: 100%; }
.span_3_of_4 {width: 100%; }
.span_2_of_4 {width: 100%; }
.span_1_of_4 {width: 100%; }
.span_1_of_2 {width: 100%; }
.span_2_of_2 {width: 100%; }
	.col {margin: 1% 0 1% 0%;}
}


@media only screen and (max-width: 767px) {
	#logo{width: 195px;margin: auto; height: 71px;}
	.topb{position: relative; top:0;}
	.menu-toggle{padding: 15px auto; margin-left: 28px!important;}
	.uk-offcanvas-bar{background: #063481!important;}
	.ex-menu > ul.l1 > li{background: #063481!important;}
}

@media only screen and (max-width: 1200px) and (min-width: 981px) {
	.widget-menu{top: 25px; margin-left: 45px;}
	.ex-menu > ul.l1 > li > a{font-size: 12px;}
	#logo{height: 105px;}

}


@media only screen and (max-width: 980px) and (min-width: 768px) {
	.widget-menu{top: 8px; margin-left: 45px;}
	#logo{height: 86px;}
}



@media only screen and (max-width: 480px) {
	.span_2_of_2 {width: 100%; }
	.span_1_of_2 {width: 100%; }
	.col {margin: 1% 0 1% 0%;}
	#logo{width: 195px;margin: auto; height: 71px;}
	.topb{position: relative; top:0;}
	.menu-toggle{padding: 15px auto; margin-left: 28px!important;}
	.uk-offcanvas-bar{background: #063481!important;}
	
}


.uk-offcanvas{background: #063481;}

