/* @import url("//hello.myfonts.net/count/369983"); */

/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/


  
/* @font-face {font-family: 'DINN';src: url('fonts/369983_0_0.eot');src: url('fonts/369983_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/369983_0_0.woff2') format('woff2'),url('fonts/369983_0_0.woff') format('woff'),url('fonts/369983_0_0.ttf') format('truetype');} */
 
/*
@font-face {
	font-family: 'DINN';
	src: url('fonts/DINNeuzeitGroteskStd-Light.otf'),
		 url('fonts/dinneuzeitgrotesk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINN';
	src: url('fonts/DINNeuzeitGroteskStd-Light.otf'),
		 url('fonts/dinneuzeitgrotesk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


*/

html, body, *,p {
    -webkit-font-smoothing: antialiased;
}





html, body, *,p {
    -webkit-font-smoothing: antialiased;
}

#header-secondary-outer {border:0;background-color: transparent;}

.inner-wrap h1 {font-family:'DINN'}
 #header-secondary-outer nav {/* margin: 0 153px; padding: 0px 15px; */ font-family: 'Poppins', sans-serif;} 
.page-id-6535 #header-outer header,.page-id-6535 #header-secondary-outer,
.page-id-6553 #header-outer header,.page-id-6553 #header-secondary-outer,
body[data-bg-header="false"] #header-outer header,body[data-bg-header="false"] #header-secondary-outer
{ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='green', endColorstr='purple',GradientType=1 ); /* IE6-9 */

}

body.page #header-secondary-outer nav >ul >li >a {
    font-size:13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

#footer-widgets li.menu-item a {
	font-family: 'DINN';
    font-weight: 300!important;
    text-transform: uppercase;
    font-size:13px;

}
#search-outer {display:none!important;}
body #page-header-bg h1 {border-bottom:2px #09BCEF solid;    display: inline-block;}

body #header-secondary-outer {
    border: 0;
    background-color: transparent!important;
}



@media only screen and (min-width: 1001px) {
	body.material #header-outer #logo, body.material #header-outer .logo-spacing {
	    margin-top: 0!important;
	    margin-bottom:15px!important;
	}
}

#footer-outer #social {padding-right: 24%}
#footer-outer #social li {width: auto!important}
#footer-outer #social .fa-houzz:before {
	content:'Site by Grafik';
	font-family:'DINN';
	font-size:13px;
}

#footer-outer img.eoh-img {width:30px;height:auto;margin-bottom: -3em;}
@media only screen and (min-width: 1000px)
	{
		body #footer-outer .row {
		    padding-bottom: 30px;
		}
	}


#footer-widgets .sub-menu {display:none!important;}

header#top > .container > .row nav >ul > li.menu-item-has-children:after {
	 content: "\f0d7";
	 position: absolute;
	 right:18px;
	 color:#09BCEF;
	 font-family: FontAwesome;
	 top: 18px;
	 transform: scale3d(1.3, 1.3, 1.3);
}
@media (min-width:1900px) and (max-width:2000px){
    header#top > .container > .row nav >ul > li.menu-item-has-children:after {
	 content: "\f0d7";
	 position: absolute;
	 right:4px;
	 color:#09BCEF;
	 font-family: FontAwesome;
	 top: 7px;
	 transform: scale3d(1.3, 1.3, 1.3);
}
}
@media (min-width:1000px) and (max-width:1199px){
    header#top > .container > .row nav >ul > li.menu-item-has-children:after {
	 content: "\f0d7";
	 position: absolute;
	 right:6px;
	 color:#09BCEF;
	 font-family: FontAwesome;
	 top: 18px;
	 transform: scale3d(1.3, 1.3, 1.3);
}

#header-secondary-outer nav {
    margin: 0 60px;
    padding: 0px 15px;
    font-family: 'Poppins', sans-serif;
}
}

@media (min-width:1250px) and (max-width:1380px){
    #header-secondary-outer nav {
    /* margin: 0 60px;
    padding: 0px 15px; */
    font-family: 'Poppins', sans-serif;
}
}


body.page #header-secondary-outer nav >ul {
    padding-bottom: 0;}

@media only screen and (min-width: 1000px) {
	body.page-id-6553.material[data-hhun="1"]:not(.no-scroll) #header-outer[data-permanent-transparent="false"][data-using-secondary="1"]:not(.detached):not(.parallax-contained):not(.at-top-before-box) {
	    top: 42px!important;
	}

	body.page[data-bg-header="false"][data-hhun="1"] #header-outer[data-permanent-transparent="false"][data-using-secondary="1"]:not(.detached):not(.parallax-contained):not(.at-top-before-box) {
	    top: 42px!important;
	}



}


body[data-form-style="minimal"] .widget_search .search-form .search-submit {top:20px;}


@media only screen and (min-width: 1000px) {

body.material[data-hhun="1"]:not(.no-scroll) #header-outer[data-permanent-transparent="false"][data-using-secondary="1"]:not(.detached):not(.parallax-contained):not(.at-top-before-box) {top:40px!important;}

}






/* move to  salinet */



@media only screen and (max-width: 1400px) {
	body[data-form-style="minimal"] .minimal-form-input label:before,body[data-form-style="minimal"] .minimal-form-input label:after {
		    width: 75%;
		}


}

@media only screen and (max-width: 1200px) {
	body[data-form-style="minimal"] .minimal-form-input label:before,body[data-form-style="minimal"] .minimal-form-input label:after {
		    width: 70%;
		}
}

@media only screen and (max-width: 1024px) {
	body[data-form-style="minimal"] .minimal-form-input label:before,body[data-form-style="minimal"] .minimal-form-input label:after {
		    width: 65%;
		}

		.contact-row .col-label h4, .contact-row .col-label p {
			    font-size: 17px;
    			line-height: 21px!important;
		}
		.contact-row .col-follow-label p {
		    color: #003e69!important;
		    font-size: 17px;
    		line-height: 21px!important;
		}

.contact-row .col-label.wpb_column.column_container {width:100%!important;    margin-bottom: 0px!important;margin-top:30px;}
.contact-row .col-label.wpb_column.column_container  br {display:none;}
.contact-row .col-follow-label.wpb_column.column_container {width:100%!important;text-align: left;margin-left: 0;}


}

@media only screen and (max-width: 991px) {
	body[data-form-style="minimal"] .minimal-form-input label:before,body[data-form-style="minimal"] .minimal-form-input label:after {
		    width: 75%;
		}


}

@media only screen and (max-width: 691px) {

	body[data-form-style="minimal"] .minimal-form-input label {
	
		height: 60px;
  	 overflow: hidden;
    pointer-events: none;
    display: block;
    margin: 0!important;



	}

	.contact-row .col-form .wpcf7-form-control-wrap.your-email {float: none!important;margin-bottom: 10px;}
	body[data-form-submit="see-through"][data-form-style="minimal"] .container-wrap .contact-row .col-form input[type="submit"] {

		float: none!important;
		margin-top:20px;
		width: 100%;
	}

	body[data-form-style="minimal"] .minimal-form-input label:before,body[data-form-style="minimal"] .minimal-form-input label:after {
		    width: 100%;
		       max-width: none!important;
		}

}




.content-inner .contact-row {display:none;}
.content-inner .contact-row.vc_row-o-content-bottom.standard_section .span_12 {padding:0 20px;}
.content-inner .contact-row .col-label h4,.content-inner .contact-row .col-label p,.content-inner .contact-row .col-follow-label p {
    font-size: 17px;
    line-height: 21px!important;
}


body[data-form-style="minimal"] .content-inner  .minimal-form-input label:before,body[data-form-style="minimal"] .content-inner .minimal-form-input label:after {
		    width: 65%;
		}


@media only screen and (max-width: 1000px) {
	.portfolio-items[data-ps="8"] .col p,.portfolio-items[data-ps="8"] .col h3 {max-width: 100%}

	.portfolio-items .col .work-info h3 {
	    font-size: 21px!important;
    line-height: normal!important;
	}

}


.col-follow .x-nectar-social a.nectar-sharing i {
	    color: #003e69;
}
.col-follow .x-nectar-social a.nectar-sharing:hover i {
	    color: #fff!important;
}


p.slider-caption {text-align: center;color:#000; font-size:14px;margin-top:10px;    line-height: normal;}

.facebook-share-x{
	    color: inherit;
    height: 20px;
    transition: width 0.2s linear;
    background-repeat: no-repeat;
    position: relative;
}

a.facebook-share-x i{
	    background-color: transparent!important;
    border-radius: 0px!important;
    font-weight: normal!important;
    font-size: 20px!Important;
    height: 20px!important;
    width: auto!important;
    line-height: 19px!important;
    color: #ddd;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
}

}}
.dud {}

.auto_meta_overlaid_spaced .masonry-blog-item span.post-featured-img:after {
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.95) 100%)!important;
	height:100%;
}


.wpcf7 .wpcf7-response-output {border:0!important;background-color: transparent!important;}


@media only screen and (min-width: 1024px) {

	body.page .row .col .flickity-slider  h3 {
	    max-height: 280px;
	    overflow: hidden;
	}

		body.page .row .col .flickity-slider  h3 {
	    max-height: 280px;
	    overflow: hidden;
	}


	body.page-id-5835 .posts-container .content-inner .post-header h3{
    font-size: 24px;
    line-height: normal;
	}


}


body.page-id-6363 .row-bg-wrap.instance-0:after {
    background: linear-gradient(180deg,#000000 0%,rgba(255,255,255,0.01) 100%);
    opacity: 0.7;
}

@media only screen and (max-width: 1024px) {
body.page #header-secondary-outer { 
	
	} 

body.page	#header-secondary-outer nav {
    margin-right: 50px!important;
	}



}


@media only screen and (max-width: 1023px) {


	.contact-row .col-follow-label {margin-top:30px;margin-bottom:10px!important;}
	.contact-row  .col-follow {margin-bottom:40px!important;}

	#footer-outer #menu-main-navigation-1 li, #menu-utility-navigation-1 li, #nav_menu-4 li {text-align: center}
	#footer-widgets .container > .row > .col:first-child {width:100%!important;text-align: center;}
	#footer-widgets .container > .row > .col{clear:none!important;}
	#footer-outer img.eoh-img {    position: absolute;
    right: 0;
    bottom: -55px;}


    body.page .clients.no-carousel.six-cols > div {
    margin-right: 11%!important;
    margin-bottom: 5%;
	}
}

@media only screen and (max-width: 767px) {
	body.page .clients.no-carousel.six-cols > div {
    margin: 0px 10px!important;
        margin-bottom: 45px!important;
	}

	.nectar-flickity[data-controls="material_pagination"] .flickity-page-dots {
		    bottom: -100px;
	}

	.home-blub .wpb_wrapper span br {display:none;}
}