.clients{background: #fff;}
.clients h3, .client h5, .flex-active-slide p{color:#000;}
.wthree_copy_right a, .footer p, .footer p a{color:#fff;}
.footer a{margin: 0 15px;}
.footer i.fa {
  display: inline-block;
 font-size: 1.4em;
  padding: 0em;

}
.mar-l-15{margin-left:15px;}
.note {
    box-shadow: -6px 6px 10px 0px #040404;
    position:relative;
    width:100%;
    min-height:65px;
    padding:3em 1.5em;
    margin:2em auto;
    color:#fff;
    background:#04597d;
    overflow:hidden;
}

.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff #0383bb #0383bb ; /* A bit more verbose to work with .rounded too */
    background:#0383bb; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
       -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
            box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.note.red {background:#C93213;}
.note.red:before {border-color:#fff #fff #97010A #97010A; background:#97010A;}

.note.blue {background:#53A3B4;}
.note.blue:before {border-color:#fff #fff transparent transparent; background:transparent;}

.note.taupe {background:#999868;}
.note.taupe:before {border-color:#fff #fff #BDBB8B #BDBB8B; background:#BDBB8B;}

/* ROUNDED CORNERS VERSION
 * All modern browsers can produce this effect with a single pseudo-element.
 * However, they all have bugs (mainly to do with border-radius) that make this a bit tricky.
 * As far as I can tell, this is the only cross-browser method for the moment.
 * Can't use this method for the simple effect because Opera 11 will only show backgrounds
 * through transparent borders if there is a border-radius applied.
 */
 
.note.rounded {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.note.rounded:before {
    border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
    border-color:#fff #fff transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius:0 0 0 5px;
    border-radius:0 0 0 5px;
}

.note p {margin:0;}
.note p + p {margin:1.5em 0 0;}


.note2{ padding:1em 1.5em !important;   box-shadow:none;}
.note2 p{font-size: 1.3em;
    border-bottom: 1px solid;}
.note2 ul{
    margin: 10px 0;
    list-style-type: none;
}
.note2 ul li{padding:10px;}
.note2 a{color: #191719;}
.note2 .more{display: none;}

.service-left{list-style-type: none;}
.service-left li{background: #000;color:#fff;    border-right: 0.4em solid #0098da;
    padding: 1em;
    margin-bottom: 10px;}
.navbar-nav{margin: 1.9em 0 0 0;}
.w3layouts-logo img{width:4em;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{    background-color: #0098da;}
.services-bottom, .flex-control-paging li a.flex-active{background: #0098da;}
.callbacks_tabs{right:4%}
.callbacks_here a:after{
    background: #0098da;
    border: 2px solid #0098da;
}
.wthree-services-icon{color: #0098da;}
.wthree-services-grid:hover .wthree-services-icon,.wthree-services-grid:hover .wthree-services-icon,.wthree-services-grid:hover .wthree-services-icon,.wthree-services-grid:hover .wthree-services-icon{
	background:#FFFFFF;
	border:solid 2px #FFFFFF;
	color: #0098da;
}
.proj h4{
	margin-top:15px;
}
.proj p,.proj ul li{    font-size: 14px;
    line-height: 28px;
    letter-spacing: .2px;
    margin: 1em 0;}	
.wthree-services-info h5{color:#fff;}
.wrapper {	
	margin-top: 80px;
  margin-bottom: 80px;
}

.form-signin {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);  
}
  .form-signin-heading,
	.checkbox {
	  margin-bottom: 30px;
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
		   
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
	}
		
	

	input[type="text"] {
	  margin-bottom: 10px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}


.agileinfo_map_color_grid{text-align:left;    padding: 7em;}
.agileinfo_map_color_grid_left h4:after{    width: 42%;    left: 0;}