/* Add here all your CSS customizations */
.cus-header {
    font-family: 'PTSansNarrowRegular';
    font-size: 22px;
    font-weight: bold;
}
.projects {
    color: #000 !important;
    font-family: 'PTSansNarrowRegular';
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 18px;
}
.projects a {
	color: #000000;
}

.projects a:hover {
	color: #000033;
	text-decoration: none;
}

.projects-border {
	padding: 2px;
    border: 2px solid #000033;
}

.projects-header {
    color: #000 !important;
    font-family: 'PTSansNarrowRegular';
    font-size: 24px;
    font-weight: bold;
}

.cen {
	text-align:center;
	font-weight:bold;
	font-family: 'TrebuchetMs';
    font-size: 16px;
	color:#000000;
	padding-top: 10px;
}

.md-border {
	padding: 2px;
    border: 1px solid #000033;
}

.section-custom-construction .container:after {
    background: #036FBF !important;
}
.section-custom-construction .container:before {
    background: #961919 none repeat scroll 0 0;
}
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li > a.active {
    color: #fff;
    background-color: #961919;
}
#header .header-nav.header-nav-stripe nav > ul > li > a:hover, #header .header-nav.header-nav-stripe nav > ul > li:hover > a{
    color: #fff;
    background-color: #036FBF;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: #036FBF; 
}
#footer {
    background: #025898;
}
#header .header-btn-collapse-nav {
    background: transparent;
    font-size: 30px;
    color: #036FBF;
}

aside ul.nav-list #side-head{
    background-color: #036FBF;
}
ul.nav-list li { color:black;}

#footer h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: 'PTSansNarrowRegular';
}

@media screen and (min-width : 1000px){
.push-lg-3 {
    left: 25%;
}
.pull-lg-9 {
    right: 75%;
}
}

@media screen and (min-width : 300px) and (max-width:1000px){
  html #header.header-semi-transparent .header-body, html #header.header-semi-transparent-light .header-body{
        background-color: transparent;
    }
    .main{padding-top: 70px;}
  
}

@media (max-width:300px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
  html #header.header-semi-transparent .header-body, html #header.header-semi-transparent-light .header-body{
        background-color: transparent;
    }
    .main{padding-top: 70px;}

    .we-are{
        padding-top: 50px;
    }
}
@media (max-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 

    .we-are{
        padding-top: 50px;
    }
}
@media (max-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (max-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
   /* .push-lg-3 {
        left: 25%;
    }
    .pull-lg-9 {
        right: 75%;
    }*/
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

.btn:hover { 
    background-color: #036FBF;
}

@media screen and (min-width : 992px) and (max-width:1200px){
    #header .header-nav.header-nav-stripe nav > ul > li > a {
        padding: 0 0.5rem;
    }

}
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li > a.active.dropdown-toggle:after {
    border-color: #fff transparent transparent transparent;
}

.text-info2a {
    font-family: 'TrebuchetMS';
    color: #000000;
    font-size: 16px;
    text-align: justify;
}