body{background:#fff; font-family: calibri, Helvetica;padding-top: 80px;  font: 16px/160% Calibri,Helvetica,sans-serif;
    color: #333;}
/*a, a:hover, a:active{color: #3d549a;}*/
img{max-width:100%}
.cntr{text-align:left;}
.cntr p{text-align:justify;}
.cntr button{width:100%;text-align:center;margin-top: 20px;}
.ourServices {background:#fff; padding:0 0 20px 0;/*border-bottom:1px solid #f0f0f0 */}
/*.ourServices img{max-width:140px}*/
.title{ /*border-left:4px solid #3d549a;*/ font-size: 1.3em; color:#555;font-weight: 700;padding:30px 0 0 0; margin-bottom:20px;}
.topHeaderSection{background:#fff; padding:0; border-bottom: 1px solid #ddd}

.header {
z-index: 999;
position: relative;
padding: 0;
}
.is-sticky {
width: 100%;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.95);
}

#intro-desc{
	background: #E7E7E7;
	padding: 10px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

#intro-desc h3{
  font-size: 1.6em;
  font-weight: 400;
  padding: 20px 0;
}
#about-desc{
  margin-top: 40px;
    background: #fff;
  padding: 20px 0 ;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
h3.intro-text{margin: 20px 0;}
#intro-bottom{margin: 20px 0 10px 0}
/*-- thumb-overlay --*/
.item-thumbs{
	position: relative;
	overflow: hidden;
}
.thumb-overlay{
	width:100%;
	height: 100%;
	padding: 10px;
	position: absolute;
	background: rgba(0,0,0,0.8);
	color: #fff;
	bottom: -57%;
	-webkit-transition:bottom .2s ease-out;
	-moz-transition: bottom .2s ease-out;
	transition: bottom .2s ease-out;
	/*margin-bottom: -40px;	*/
	text-align: center
}
.thumb-overlay h4{

	margin-bottom:24.5% ;
}
.thumb-overlay button{
	margin-top: 20px;
}

.thumb-overlay h4 > a{
	color: #fff; 
  font-size: .8em;
	margin-bottom: 20px;
}

.item-thumbs:hover  .thumb-overlay {
	bottom: 0%;
}

.item-thumbs :hover  h4 {
	color:#004a99;
}

/*.solutions{
  color: #777;
}

.solutions h5{
  
  color: #333;
}
*/.solutions h4{
  font-size: 1.5em;
 color: #222;
}
.solutions strong {
    color: #222;
}
.solutions strong {
    font-weight: bold;
}
.solutions h3 {
  color: #888;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}
/*@media (min-width: 1200px) {
  .container, navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 980px;
}
}

.wrapper {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;    
}
.main-container {
  max-width: 980px;
  height: auto;
  padding: 0;
  margin: 0 auto; 
}*/
/* --------------------------- */
/* --------------------------- */
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #3d549a;
	z-index:9999;
}
.top .container {
    padding:0 15px;
}

#newsletter button{
margin-top: 10px;
}
/* --------------------------- */
/* --------------------------- */
.bannerSection{background:#e5e5e5; padding:0;}
.align-right{text-align:right}

.testimonails{background:#f7f7f7; padding:14px; margin:28px 0 44px }
.projectList{}
.projectList img{padding:4px; border:1px solid #eee; background:#f5f5f5;}


.projectImg{max-width:140px}
.clientSection{
  background:#fff; padding:20px 0; 
  /*border-top: 1px solid #f0f0f0;*/
}
#footer{background:#f2f2f2; padding:20px 0 0 0; color: #777}
#footer h3{
  font-size: 1.2em;
  padding-bottom: 20px;  
  color:  #3d549a;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
#foot-nav li a{
  color: #777
}
#footerTopSection ul li a{color: #777}

.footerBottomSection{/*background:#555;*/ padding:20px 0;border-top: 1px dotted #ccc;margin-top: 20px;color: #777;}

#topcontrol:hover {color: #a2c753;}
#topcontrol, #topcontrol:hover {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blockquote {border-left: 5px solid #FF792D;}
/* Toggle menu .navbar-collapse {background: #fff;z-index: 9999;font-weight: 500;}
.navbar-toggle {border-radius: 0;outline:0}
.navbar-toggle span {border-color: #ff0000;background: red;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background-color: #fff;;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #fff; border-color: #428bca;}
.navbar-nav>li>a {padding-top: 6px;padding-bottom: 6px;color: #333;margin: 0 10px}
.navbar-nav>li.active>a, .navbar-nav>li>a:hover {color: #fff; background-color: #3d549a;border-bottom: 4px solid #3d549a}

.navbar-nav.navbar-right:last-child {margin-right: -15px;margin-top: 34px; margin-bottom: -18px;}
.btn-brand{background-color: #3d549a; border-color: #3d549a;color:#fff}*/
.navbar-default {
 background: #fff; 
  border-radius: 0 ;
  border: 0;
  padding: 0;
}
.navbar-default .first a {
  border-radius: 0 0 0 5px;
}
.navbar-default .navbar-brand {
  margin-right: 50px;
  margin-left: 20px;
  margin-top: -7px;
  /*width: 200px;*/
  height: 80px;
}
.navbar-default .navbar-brand img{
  height: 65px;
}.navbar-default .navbar-nav > li {
  margin-left: 1px;
}
.navbar-default .navbar-nav > li > a {
  padding: 31px 20px; 
  font-size: 1.1em;
  line-height: 18px;
  color: #777;
}
.navbar-default .navbar-nav > li > a > i {
  display: inline-block;
}

.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > li:hover > a:focus,
.navbar-default .navbar-nav > li:focus > a:focus {
 background-color: #3d549a;
  color: #fff;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active:focus > a,
.navbar-default .navbar-nav > li.active:hover > a
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active:focus > a:focus,
.navbar-default .navbar-nav > li.active:hover > a:focus
{
  font-weight: 700;
  padding: 27px 20px 31px 20px;
  border-top: 4px solid #3d549a;
 background-color: #fff;
  color: #3d549a;
}

ul.dropdown-menu {background-color: #3d549a;
  color: #fff;border: none }

.nav li a.dropdown-toggle:hover,
.nav li a.dropdown-toggle:focus,
.nav li.active ul.dropdown-menu li a:hover,
.nav li.active ul.dropdown-menu li.active a {
 background-color: #3d549a;
  color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.dropdown-menu li a:hover {background-color: #3d549a;
  color: #67a3d0 !important }
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .nav li.dropdown > a:focus .caret {
  background-color: #3d549a;
  color: #fff;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
}
.dropdown-menu { box-shadow: none }
.nav li .dropdown-menu {
  background: #3d549a;
    margin-top: 0;
    padding: 0 10px 10px 10px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.nav li .dropdown-menu li a {

  padding: 10px 35px 10px 10px;
  color: #fff;
  font-size: 1.1em;
  line-height: 25px;
  border-bottom: 1px dotted #416fae;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 99999;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  border-bottom: 1px solid #e8e8e8;
}

.btn-brand:hover, .btn-brand:focus, .btn-brand:active, .btn-brand.active, .open .dropdown-toggle.btn-brand {color: #fff; background-color: #F07341; border-color: #F07341;}

.serviceBlock{ padding:38px 0; margin:18px 0}

.services {padding:10px 0 40px 0; margin:5px 0}
.serviceBlock i {
float: left;
padding: 14px;
color: #00B8FF
font-size: 6em;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
blockquote {
border-left: 5px solid #ff4800;
}



/* Media Query */

/* Small devices (tablets, 768px and up) */
@media (max-width: 480px) {
.topHeaderSection {padding: 0;}
.da-slide .da-img{display:none}
.da-slide h2 {top: 18px;}
.da-slide p {top: 255px;}
.navbar-nav.navbar-right:last-child {margin-top: 0px;margin-bottom: 0px;}
.navbar-toggle {margin-top: 21px;}
 }

/* ===================================
6. Sliders
==================================== */
/* --- flexslider --- */

#featured .flexslider {
	padding:0;
	margin: 50px 0 30px; 
	background: #fff; 
	position: relative; 
	zoom: 1;
}

.flex-caption {
  background:none;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
  zoom: 1;
}
.flex-caption-wrapper{max-width:980px;height:auto;padding:0;position:absolute;top:35%;left:50%;z-index:9999;margin-left:-30%;}
.flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: relative; right: 0; width: 100%;}
.flex-caption h3 {font-size: 2em;color: #fff; letter-spacing: 1px; margin-bottom: 18px; text-transform: uppercase;}
.flex-caption p {margin: 0 0 15px;}
.flex-control-nav li a:hover, 
.flex-control-nav li a.active {
  background-color: #68A4C4;
}
#featured .flexslider .slide-caption {
	border-left:5px solid #68A4C4;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

@media (max-width: 767px) { 

	#featured .flexslider .slide-caption {
		width: 90%; 
		padding: 2%; 
		position: absolute; 
		left: 0; 
		bottom: -40px; 
	}
}


@media (max-width: 480px) {

	.flexslider .flex-caption {
		display:none;
	}

}
.highlight{
	text-align: center;
	color: #aaa
}

.highlight h4{
	text-transform: uppercase;
	color: #555
}
.icon-md {
  font-size: 24px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: #3d549a;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 10px;
}
.icon-sm{
  font-size: 18px;
  height: 48px;
  width: 48px;
  line-height: 48px;
  color: #3d549a;
  margin-right: 10px;
  background-color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 10px;
}
.icon-color1 {
  background-color: #e74c3c;
}
.icon-color2 {
  background-color: #2ecc71;
}
.icon-color3 {
  background-color: #3498db;
}
.icon-color4 {
  background-color: #8e44ad;
}
.icon-color5 {
  background-color: #1abc9c;
}
.icon-color6 {
  background-color: #2c3e50;
}
#icon-facebook {
    color: #fff;
    background-color: #3c5899;
}

#icon-facebook:hover {
    text-decoration: none;
    color: #fff;
    background-color: #4e6fba;
}
#icon-linkedIn {
    color: #fff;
    background-color: #29c5f6;
}
#icon-linkedIn:hover {
    color: #fff;    
    text-decoration: none;
    background-color: #5ad2f8;
}

#icon-google, #icon-google:hover{background-color:#dd4b39;color:#fff;}
#icon-twitter, #icon-twitter:hover{ background-color: #00aced;color: #fff;}

.list-styled {
    list-style: none;
}

.list-styled li:before {
    margin-right: 10px;
    content: "\2192\0020";
    color: #b5cb58;
}
.breadcrumbs {
    background: #b5cb58;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 40px;/*
    -webkit-box-shadow: #52b6ec 0 1px 3px 0 rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);*/
}
.breadcrumb {
    margin-bottom: 0;
    background: none;
}
.breadcrumb li a { color: #fff }
.breadcrumb li.active { color: #34495e }
.breadcrumbs h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 7px 0 0;
    text-transform: uppercase;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.carousel-control {
    background: #000000 !important;
    bottom: 40%;
    color: #FFFFFF;
    font-size: 20px;
    left: 0;
    line-height: 53px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    top: 40%;
    width: 10%;
}
.carousel-control:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.carousel-control:hover,
.carousel-control:focus { opacity: 0.6 }
.carousel-caption {
    background: rgba(0,0,0,0.6);
    padding-bottom: 0px;
    bottom: 0;
    color: #FFFFFF;
    left: 0 !important;
    padding-bottom: 5px;
    padding-top: 10px;
    position: absolute;
    right: 0 !important;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    z-index: 10;
}
.carousel-caption p { text-align: center }
.about h3 {
    color: #475168;
    margin-top: 4px;
}

#bi-banner{
  background: url(../img/bi-banner.jpg);
  margin-bottom: 20px;
}

.space{
  padding: 20px 0;
}

.img-framed{
  display: block;
  height: auto;
  width: 98%;
  padding: 5px;
  border: 1px solid #eee;  
  background: #fff;
}

#desc-title h1{
  font-size: 35px;
  line-height: 35px;
  color: #444;
  font-weight: lighter;
}

#desc-title h4{

  color:#555;
  font-weight: lighter;
}

.bwWrapper {
    position:relative;
    display:block;
}

/* ----- CONTACT PAGE ----- */

/***** Form *****/

.contact-us-container {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}

.contact-us-container h3 {
    margin-top: 25px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.contact-us-container p {
    line-height: 28px;
    font-size: 13px;
}

.contact-form {
    padding-top: 25px;
    padding-bottom: 30px;
}

.contact-form form {
    margin-top: 25px;
}

.contact-form form .form-group {
  margin-bottom: 20px;
}

.contact-form input[type="text"] { width: 95%; height: 34px; }
.contact-form textarea { width: 95%; height: 170px; padding-top: 6px; padding-bottom: 6px; }
.contact-form label { font-size: 13px; font-weight: 400; }
.contact-form label .error-label { font-style: italic }
.contact-form button { margin-top: 5px; /*padding: 0 45px;*/ }

/***** Google map *****/

.contact-address {
  padding-bottom: 15px;
}

.contact-address .map {
    margin: 20px 0 40px 0;
    height: 300px;
    border: 5px solid #f8f8f8;
}

.well{background: #fff}
.well img{padding-bottom: 5%;}