/*
Theme Name:     Thebuilders Child
Theme URI:      http://ninzio.com/thebuilders
Description:    Thebuilders Corporate Responsive Retina-Ready WordPress Premium Theme
Author:         Ninzio Themes
Author URI:     http://ninzio.com
Version:        2.2
Template:       thebuilders
*/
/* =Theme customization starts here
-------------------------------------------------------------- */

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

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

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

h3, h4, h5, h6{
	 font-family: 'Gotham Medium'!important;
	font-weight: 500!important;
    margin-bottom: 0px;
}

body, p, span, li, a, h1, h2{
	 font-family: 'Gotham Light'!important;
	font-weight:700!important;
}
[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
}
.desk-menu > ul > li > a, .desk-menu > ul > li > a span{
   font-family: 'Gotham Medium'!important;
    letter-spacing: 0;
    font-weight: 600!important;
}
b, strong {
font-family: 'Gotham bold'!important;
	    color: #000;;
}

.abt b, .abt strong {
font-family: 'Gotham bold'!important;
	    color: #000;
    padding-bottom: 10px !important;
    display: block;
	    font-size: 17px;
}
.green.button-ghost{
	    box-shadow: inset 0 0 0 2px #00B8B0;
    color: #00B8B0;
}

.green.button-ghost.hover-fill:hover, .green.button-ghost.hover-drop:after, .green.button-ghost.hover-side:after, .green.button-ghost.hover-scene:after, .green.button-ghost.hover-screen:after{
	background-color:#00B8B0!important;
}

.hm-servc h3{
	color: #fff;
    font-size: 21px!important;
    font-family: 'Gotham Light'!important;
}

.hm-servc .nz-content-box.version2 > .nz-box:after, .ninzio-filter .filter:before{
	display:none!important;
}
a:focus {
    outline: none;
}

.post-type-archive-projects .rich-header{ display: none !important; }

.rich-header.version1 h1, .rich-header.version2 h1 {
    font-size: 40px;
    text-shadow: #000000 1px 2px 3px;
    font-family: 'Gotham bold'!important;
    line-height: 50px;
}
.rich-header.version1 {
    height: 400px;
	    background-size: cover;
    background-position: center!important;
}
.service-page .nz-content-box .nz-box > .nz-box-wrap {
    padding: 5px 0px;
    background: #e4e1e1;
    padding-top: 20px;
    border: 2px solid #00b8b0;
}

.contct-detail .social-links a{
	background-color:#000!important;
}

.contct-detail .social-links a:hover{
	background-color:#00B8B0!important;
}

footer .link-site li a{
  font-size: 15px;
    text-transform: capitalize;
    color: #fff!important;
	letter-spacing: 0px;
}

footer .link-site li a:hover{
  color:#00B8B0!important;
}

.contct-form input[type=text], .contct-form input[type=email], .contct-form textarea{
	    border: 1px solid #8e8e8e!important;
    background: #fff0;
}

.contct-form textarea{
		height:100px;
}

.master-builders{
	    width: 140px;
    margin-top: 20px;
}

.servc-box h3{
	    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.61);
    color: #fff;
	font-family: 'Gotham Light'!important;
    font-weight: 700!important;
	    font-size: 16px;
    line-height: 22px;
}

.servc-box h3:hover{
	 background: #00B8B0;
}

.servc-box .nz-column-text{
	position:relative!important;
}

.sub-slide-txt{
		text-shadow:1px 2px 3px #000;
}

/* .post-type-archive-projects .projects-category-floor-plan{
	display:none !important; 
}*/
/* ---------- Media Screen Css ------------ */

@media only screen and (max-width:767px){
	h2{
	font-size: 25px!important;
    line-height: 32px!important;
}
	
	#mob-hide, #global{
			display:none!important;
	}
	
	.get-touch, .hm-servc{
		padding: 50px 0px 30px!important;
	}
	
	.get-touch p{
		    font-size: 15px!important;
    line-height: 24px!important;
	}
	
	.nz-content-box > .nz-box{
		margin-bottom:10px!important;
	}
}

@media only screen and (min-width:768px){
	#desk-hide, #why-global{
			display:none!important;
	}
}

@media only screen and (max-width:1099px){
	.mob-header .logo a img{
		max-height: 85px !important;
	}
	
	.mob-header-top {
    height:100px !important;
    line-height: 100px !important;
	}
	
	header .slogan, header .social-links , header .search{
		display:none;
	}
	
	.logo-mob{
		    width: 100%;
    display: table-cell!important;
	}
	
	.mob-header-content{
		background-color:#00B8B0;
	}
	
	.mob-header-content .menu a{
		color: #fff;
	}
	
	.mob-header-content .current_page_item a, .mob-header-content li a:focus{
		color:#000!important;
	}
	
	.mob-header-top .mob-menu-toggle, .mob-sidebar-toggle{
			top:35px!important;
	}
}

@media only screen and (max-width:992px){
	footer .footer-wa{
		padding: 30px 0 0!important;
	}
	
	.footer-top-column, .footer-ser li{
		width:100%!important;
	}
	
	#global .right-servc{
			padding-top:40px;
	}
}

@media only screen and (max-width:1024px) and (min-width:768px){
	#global .box-data{
		padding-right:0px;
	}
	
	#global .nz-content-box.right .box-title, #global p{
		text-align:center!important;
	}
	
	#global .left-servc .nz-content-box.right .box-icon-wrap{
		right:0px!important;
	}
}

@media only screen and (min-width:1200px){
	#global .left-servc, #global .right-servc{
		padding-top:25px;
	}
}
