/*

Theme Name: Consulting Engineer Services
Theme URI:
Author:
Author URI:
Description: Consulting Engineer Services
Version: 1
Tags: black, blue, white, light, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/
html {
  position: relative;
  min-height: 100%;
}


body {
   font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #090909;
    background-color: #164a79;
}
ul#linkedin-con #linkedin-item h3 {
    font-family: 'open sans';
    font-weight: 600;
    padding: 0 6px 0 0;
    color: #164a79 !important;
    font-size: 16px;
    display: inline;
}
ul#linkedin-con #linkedin-item i {
    background: #cfe0ef;
    display: block;
    margin: -1px -1px 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 15px 20px;
}
ul#linkedin-con {
    box-shadow: none;
    background: #ffffff;
    margin: 0;
    width: 100%;
    padding: 20px;
    font-size: 14px;
}
ul#linkedin-con {
    box-shadow: none;
    background: #ffffff;
    margin: 0;
    width: 100%;
    padding: 0px;
    font-size: 16px;
}
ul#linkedin-con h2 {
    display: none;
}
ul#linkedin-con #linkedin-item {
    padding-top: 0;
    border: solid 0px #969696;
    list-style: none;
    margin: 0 0 20px;
    position: relative;
    background: white;
}
.upw-posts .entry-image img {
    max-width: 100%;
    height: auto;
    min-height: 248px;
}
.upw-posts .entry-image {
    margin-bottom: 0;
}
.upw-posts article {
    display: block;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 0px solid #ddd !important;
    float: left;
    width: 25%;
    padding: 0 25px 0 0;
    font-size: 12px;
}
.upw-posts .entry-title a {
    text-decoration: none;
    color: #4699b9;
    font-weight: 800;
    font-size: 20px;
}
.upw-posts .more-link {
    white-space: nowrap;
    color: #3484a3;
    font-weight: 700;
    font-size: 14px;
    float: right;
    margin-top: 20px;
}
.home-column {
    padding: 0 5px;
}
.home-row {
    max-width: 1151px;
    margin: 0 auto;
}
.wp-tiles-tile-with-image .wp-tiles-byline-title {

    text-shadow: 1px 1px 1px rgb(0, 0, 0) !important;
    font-weight: 700 !important;
}
.wp-tiles-tile-text-only .wp-tiles-byline-title {
    margin: 0;
    font-size: 18px !important;
    line-height: 1.15em;
    padding-top: 15px;
    text-shadow: 1px 1px 1px rgb(0, 0, 0) !important;
    font-weight: 700 !important;
    color: #fff;
    font-size: 18px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
      border-top: 1px solid #cfcfcf;
    clear: both;
}
#header-wrapper {
height: 250px;
width: 100%;
}
.featured {

}
.featured-area {
    margin: 0 auto;
}
.widget_sp_image:hover {

-webkit-filter: brightness(1.2); filter: brightness(1.2);
}
.main-background {
background-color: #fff;
}
input, button, select, textarea {
    border: 1px solid #ccc;
}

.page-content {
    margin: 20px 0 30px 0;
}
.home-badges {

}

.home-badge {

}
.home-content {
    margin: 5px 0 30px 0;
}
.thumbnail {
    display: inherit;
    padding: 0px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd !important;
    border-radius: 0px;
    transition: border .2s ease-in-out;
}
.post-thumbnail {
float: left;
margin: 10px;
}
span.wpcf7-list-item { display: block; }
.form-control {
    color: #555;
    background-color: #fff;
    border-radius: 4px;
    max-width: 100%;
}
.wpcf7-list-item-label {
    display: block;
    position: relative;
    top: -22px;
    left: 30px;
    max-width: 250px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
    position: relative;

}
.form-control:focus {
   border-color: #ccc;
    outline: 0;
    box-shadow: none;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    position: relative;
    top: 5px;
}
#logo {
    float: left;
    margin: 7px 0 0 12px;
    position: absolute;
    z-index: 9999;
    top: 0;
}
a {
    color: #0081f5;
    text-decoration: none;
}
.title-pad {
padding: 0 15px;
}
.blog-post-title {
    margin-bottom: 5px;
    font-size: 30px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
   font-family: 'Open Sans', sans-serif;
    font-weight: normal;

}
h1, .h1 {
    font-size: 30px;
 font-weight: 600;
    text-transform: uppercase;
}

h2, .h2 {
    font-size: 26px;
 font-weight: 600;
    text-transform: uppercase;
}
h3, .h3 {
    font-size: 22px;
 font-weight: 600;
    text-transform: uppercase;
}

.post-title {
    color: #164a79;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

#widget-title-one {
    color: #0a5691;
    font-weight: 600;
    font-size: 25px;
text-transform: uppercase;
    margin-bottom: 10px;
}
#widget-title-two {
    color: #c0bd8a;
    font-weight: 600;
    font-size: 30px;
text-transform: uppercase;
    margin-bottom: 10px;
}
.top-widget {
display: inline-block;
    float: right;
    color: #c42c3b;
    font-weight: 600;
    font-size: 14px;
    margin: 12px 0px 0px 20px;
position: relative;
    z-index: 999;
}
.top-widget2 a {
    display: inline-block;
    float: right;
    color: #c0bd8a;
    font-weight: 600;
    font-size: 18px;
    margin: 57px 10px 0px 0px;
    position: relative;
    z-index: 999;
}
.blog-header {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
    color: #164a79;
    font-size: 18px;
    border-left: 1px solid #3484a3;
   
          padding: 0px 50px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;


}



.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #6dcdf2;
  background-color: transparent;
}



.navbar-nav > li:first-child > a {
    background: none;
    border-left: none;
    padding: 0px 40px 0 15px;
}
.navbar-nav > li:last-child > a {

}

.navbar-default {
    background-color: transparent;
    border-color: #e7e7e7;
      margin: 23px 0 5px 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #fff;
}
.navbar-nav {
    float: left;
    margin: 60px 0 20px 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
      color: #fff;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #dca1a1;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 220px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
      text-align: left;
    list-style: none;
    background-color: #164a79;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    border-bottom: 1px #2b6ba5 solid;
}
ul.cnss-social-icon {
       margin: 0;
    padding: 0;
    list-style-type: none;
}
.widget_search {

    width: 130px;
}
#section1 {
	    background-color: #cfe0ef;
	padding: 10px 0;
}
#section2 {
	background-color: #fff;
	padding: 10px 0;

}
#section3 {
	background-color: #bfeafb;
	padding: 10px 0;
}
#section4 {
	background-color: #7C7C7C;
	padding: 10px 0;
}
/* =Top Menu
-------------------------------------------------------------- */
#top-menu-container {
  margin: 0;
  display: block;
  max-width: 1135px;
  margin: 0 auto;
}
.top-menu {
	float: right;
	margin: 10px 0;
    padding: 0;
}
#top-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
}
.top-menu li {
	display: inline;
	list-style-type: none;
}
.top-menu li a {
	border-left: 1px solid #ccc;
	color: #333;
	font-size: 11px;
	padding: 0 4px 0 8px;
}
.top-menu > li:first-child > a {
	border-left: none;
}
.top-menu li a:hover {
	color: #333;
}
.blog-nav .active:after {
    display: none;
}
.caret {
    display: none;
}
/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
	border-top: none;
	clear: both;
	margin: 0 auto;
}
#sub-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
display:none;
}

#sub-menu-container {
  margin: 0;
  display: block;
  max-width: 1180px;
  margin: 0 auto;
}
.sub-header-menu,
.sub-header-menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sub-header-menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}
.sub-header-menu li:hover {
	white-space: normal;
	z-index: 10000;
}
.sub-header-menu li li {
	float: none;
}
.sub-header-menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.sub-header-menu li:hover > ul {
	top: 100%;
	visibility: visible;
}
.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}
.sub-header-menu:after,
.sub-header-menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.sub-header-menu,
.sub-header-menu ul {
	min-height: 0;

}

.sub-header-menu ul,

.sub-header-menu ul ul {

	margin: 0;

	padding: 0;

}

.sub-header-menu ul li a:hover,



.sub-header-menu li li a:hover {

	color: #484848;

	text-decoration: none;

}

.sub-header-menu ul {

    margin-top: 1px;

	min-width: 15em;

	width: auto;

}

.sub-header-menu a {

	border-left: 1px solid #e5e5e5;

	color: #333;

    cursor: pointer;

	display: block;

	font-size: 12px;

	font-weight: 400;

	height: 35px;

	line-height: 35px;

	margin: 0;

	padding: 0 0.9em;

	position: relative;

	text-decoration: none;

	text-shadow: none;



}

.sub-header-menu a:hover {

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-color: #f9f9f9;

	background-clip: padding-box;

}

.sub-header-menu .current_page_item a,

.sub-header-menu .current-menu-item a {

	background-color: #f9f9f9;

}

.sub-header-menu li li {

	background: #fff;

	background-image: none;

	border: 1px solid #e5e5e5;

	color: #444;

	filter: none;

    margin: -1px 0 1px 0;

	width: auto;

}

.sub-header-menu li li a {

	border: none;

	color: #444;

	font-size: 12px;

	font-weight: 400;

	height: 20px;

	line-height: 20px;

	padding: 5px 10px;

}

.sub-header-menu li li a:hover {

	background: #f9f9f9;

	background-image: none;

	border: none;

	color: #444;

	filter: none;

}

.sub-header-menu ul > li + li {

	border-top: 0;

}

.sub-header-menu li li:hover > ul {

	left: 100%;

	top: 0;

}

.sub-header-menu > li:first-child > a {

	border-left: none;

}

.sub-header-menu ul.children a,

.sub-header-menu .current_page_ancestor,

.sub-header-menu .current_page_ancestor ul a {

	background: none;

	background-image: none;

	filter: none;

}

.blog-footer {
font-size: 12px;
color: #fff;
  background-color: #164a79;
    border-top: 0px solid #e5e5e5;
}
.blog-footer a {
    color: #fff;
}
.blog-footer a:hover, .blog-footer a:focus {
    color: #000;
    text-decoration: underline;
}
/* =Footer Menu

----------------------------------------------------------- */

.footer-menu {

	margin-left: 0;

    padding: 0;

}

.footer-menu li {
	display: inline;
	list-style-type: none;
}
.footer-menu li a {
	border-left: 1px solid #fff;
	color: #fff;
	padding: 0 8px;
}
.footer-menu > li:first-child > a {
    border-left: none;
    padding: 0 8px 0 0;
}
.footer-menu li a:hover {
	color: #222;
}
.footer-menu > li:first-child > a {
	border-left: none;
	padding: 0 8px 0 0;
}

.btn-default {
    color: #fff;
       background-color: #164a79;
    border-color: #ccc;
 -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
    padding: 10px 40px !important;
    border-radius: 20px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #fff;
   background-color: #011a31;
    border-color: #ccc;
}
.btn {
    padding: 5px 12px;
    outline: medium none !important;
}
.btn-primary {
    color: #000;
    background-color: rgb(255, 255, 255);
    border-color: #CCC;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #000;
    background-color: rgb(255, 255, 255);
    border-color: #CACACA;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
    border-left: none;
}
.mapp-layout{
  width:100% !important;
  overflow: hidden;
}
/*Search box and button colors*/
.btn-primary {
   color: #646464;
       background-color: #f5f5f5;
    border-color: #CCC;
 padding: 3px 12px !important;
border-radius: 4px !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #646464;
   background-color: #f5f5f5;
    border-color: #ccc;

}
input[type="search"] {
    background-color: #f5f5f5;
height: 30px;
border-right: 0;
}

/*Responsive for mobile code here */
@media (max-width: 1199px) {
.navbar-default .navbar-nav > li > a {
    padding: 0px 26px;
 
}
#top-menu-container {
    max-width: 920px;

}

div#n2-ss-3 .nextend-arrow img {
    display: none !important;
}
}

@media (max-width: 991px) {
#logo {
    width: 420px;
}
.upw-posts article {
        width: 44.4%;

}
.navbar-default .navbar-nav > li > a {
    padding: 0px 15px;
    font-size: 15px;
}
#top-menu-container {
    max-width: 710px;
}
.alignleft {
    max-width: 50%;
}
.alignright {
    max-width: 50%;
}
}

@media (max-width: 767px) {

#logo {
    width: 65%;
}
.post-title {
    font-size: 40px;

}
.upw-posts article {
    width: 100%;
max-width: 248px;
float: none;
margin: 0 auto;

}
#widget-title-one {
    font-size: 38px;
    text-align: center;
}
#widget-title-two {
    font-size: 38px;
 text-align: center;
 
}
.upw-posts .entry-image {
    text-align: center;
}
#top-menu-wrapper {
    display: none;
}
.navbar-brand > img {
    display: none;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    padding: 10px !important;
    background-color: #6486e0;
    border-radius: 6px !important;
    display: none;
}

#sub-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
display:block;
}

#sub-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
display:block;
}
	.comment-list,
	.children:nth-child(n+1) {
		padding: 0;
  	}
.navbar-nav {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

}
#responsive-menu-button {
    padding: 0 !important;
    border-radius: 6px !important;
}
/* =WordPress Core

-------------------------------------------------------------- */
.alignnone {
    margin: 5px auto 20px 0;
}
.aligncenter,
div.aligncenter {
 display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;

}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
   
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 0px solid #f0f0f0;
    max-width: 100%;
    padding: 0;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text, .gallery-caption {
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
        padding: 10px 0;
}
.gallery-item img {
    border-width: 1px;
    margin-bottom: 0;
}
.wp-post-image {
    margin-bottom: 0px;
}
.sticky {
}
.bypostauthor {
}
.entry {
	margin-bottom: 20px;
}


.widget {
	text-align: initial;
}

#searchsubmit {
	margin: 4px 0;
}
.comment-list {
	padding: 0;
}
.comment-list,
.children:nth-child(n+1) {
	list-style: none;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
a {
outline: medium none !important;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    z-index: 9;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  z-index: initial;
}
.widget_media_video .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 0%;
}
#navContainer ul li a {
text-decoration: none;
color: #333;
    display: block;
    padding: 7px;

    border-bottom: 1px solid #E0E0E0;

}
#navContainer ul li a:hover{
color: #f00;
}
#navContainer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.blog-sidebar, .blog-sidebar-right {
    float: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}