/*
Theme Name:     constructo Child
Description:    constructo Child Theme
Author:         ACSES
Template:       constructo

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/********************** css for top header **************************/

/*@font-face {
    font-family: 'dinregular';
    src: url('fonts/din-regular-1361534659.woff2') format('woff2'),
         url('fonts/din-regular-1361534659.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
  font-family: 'DINBold';
  src: url('fonts/DINBold.eot?#iefix') format('embedded-opentype'),  
  	   url('fonts/DINBold.woff') format('woff'), 
	   url('fonts/DINBold.ttf')  format('truetype'), 
	   url('fonts/DINBold.svg#DINBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Anton';
  src: url('fonts/Anton.eot?#iefix') format('embedded-opentype'),  
  	   url('fonts/Anton.woff') format('woff'), 
	   url('fonts/Anton.ttf')  format('truetype'), 
	   url('fonts/Anton.svg#Anton') format('svg');
  font-weight: normal;
  font-style: normal;
}

.top_header {
    font-family: Montserrat;
    font-weight: bold;
    color: #3c3c3c;
    margin: 0px auto;
    font-size: 16px;
    /*text-align: center;*/
    text-transform: uppercase;
	letter-spacing: 6.3px;
	line-height: 30px;
}

.top_header span {
    font-family: Montserrat;
    font-weight: bolder;
    margin-left: 10px;
    color: #0b0e41;
    font-size: 31px;
    position: relative;
    top: 5px;
}

.top_header span:first-child{margin-left: 2px;}

@media (min-width:993px) {
	.responsive .site-navigation > ul > li > a { 
		font-size: 13px !important; 
		padding-left: 2px !important; 
		padding-right: 2px !important; 
		padding-top: 15px !important; 
		padding-bottom:15px !important;
	} 
	.top_header {/*padding-left: 170px;*/}
	.responsive .site-navigation > ul > li {
		height: 35px !important;	
	}
	.responsive .site-navigation > ul {
		margin: 15px 0px 0 0 !important;
	}
	.top_header { padding-top: 11px;}

}

@media (max-width: 992px){
	.responsive section {
		margin-top: 0px !important;
	}
	nav.site-navigation.open {
		margin-top: 25px;
	}


}
@media (max-width:768px) {
	.top_header_desktop {display:none;}
	.top_header_mobile {
		display:block;
	}
	
}

@media (max-width:425px) {
	.top_header {
		font-size: 8px;
		position: relative;
		letter-spacing: 0px;
		/*top: -14px;*/
		text-align: center; 
	}
	
	.top_header span {
		font-size: 15px;
		position: relative;
		top: 2px;
		margin-left: 5px;
	}
}

@media (min-width:426px) and (max-width:768px){
	.top_header {
		font-size: 14px;
		position: relative;
		letter-spacing: 2px;
		top: -7px;
		text-align: center; 
	}
	
	.top_header span {
		font-size: 28px;
		position: relative;
		top: 5px;
		margin-left: 5px;
	}
}

@media (min-width:769px) {
	.top_header_mobile {
		display:none;
	}
	.top_header_desktop {
		display:block;
	}
	.site-logo {
		float: none !important;
		margin: 0 auto;
	}
}

@media (min-width:769px) and (max-width:992px) {
	.top_header {
		position: absolute;
		/*left: 150px;*/
		top: 19px;
		width: 600px;
		font-size: 15px;
    	letter-spacing: 1px;
	}
	.top_header span {font-size: 29px; top: 5px; }
	.navbar-toggle {top:24px !important;}
	
} 

@media (min-width:993px) and (max-width:1200px) {
	.responsive .site-navigation > ul > li > a {font-size:11px !important;padding:5px;}	
	.responsive .site-navigation > ul > li.megamenu + li:before, .responsive .site-navigation > ul > li:after {
		height: 25px !important;
		right: -7px !important;
		top: 0px !important;
	}
	.responsive .site-navigation > ul > li {
		margin:0 5px !important;
	}
	
	.responsive .site-navigation > ul > li:first-child{margin-left: 0px !important;}
	.top_header {letter-spacing: 3.1px; font-size: 15px;}
	.top_header span { font-size: 30px; top: 6px; }
}

.site-navigation{
	float:left !important;
}
.nav-wrap .site-logo a img {
	height:80px !important;
}
.nav-wrap .container {
    height: 80px !important;
}
.nav-wrap .container button.fa-search.mobile {
    display: none!important;
}

.responsive .site-navigation > ul > li:nth-last-child(2):after {
    /*border-right: none!important;*/
}

.top_header_desktop, .top_header_mobile {
	/*display:none !important;*/
}