/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


@font-face {
  font-family:"InterstateThin";
  src:url("fuentes/InterstateThin.otf");  
}
@font-face {
  font-family:"InterstateBold";
  src:url("fuentes/InterstateBold.otf");  
}
@font-face {
  font-family:"Naga";
  src:url("fuentes/nagasaki.ttf");  
}
@font-face {
  font-family:"Square";
  src:url("fuentes/Square Chunks.ttf");  
}
@font-face {
  font-family:"AE";
  src:url("fuentes/AeonikTRIAL-Regular.otf");  
}
@font-face {
  font-family:"AEBold";
  src:url("fuentes/AeonikTRIAL-Regular.otf");  
}
@font-face {
  font-family:"CH";
  src:url("fuentes/CHANEYUltraExtended.ttf");  
}
@font-face {
  font-family:"SA";
  src:url("fuentes/safiro-medium.otf");  
}






@media all and (max-width: 767px){
	.page-id-2152 #breadcrumbs, .page-id-2152 #top, .page-id-2167 #breadcrumbs, .page-id-2167 #top, .page-id-2167 #header-outer, .page-id-2152 #header-outer {
		display:none !important;
	}
	.page-id-2152 .titulo-portada, .page-id-2167 .titulo-portada{
		top:0px !important;
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.page-id-2152 .wpb_wrapper h1.vc_custom_heading, .page-id-2167 .wpb_wrapper h1.vc_custom_heading{
		top:-40px !important;
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.page-id-2152 .btg-button-1 .btg-icon, .btg-button-1 img.btg-icon, .page-id-2167 .btg-button-1 .btg-icon, .btg-button-1 img.btg-icon{
		display:none !important;
	}
	.page-id-2152 #loader, .page-id-2167 #loader{
		display:none !important;
	}
	.btg-topRight {
		  opacity: 0 !important;
		  pointer-events: none !important;
	}

		.btg-topRight.show {
		  opacity: 1 !important;
		  pointer-events: auto !important;
	}
	
	.loader-container {
		display: block !important;
		font-size: 1.5em !important;
		font-weight: bold;
		color: white;
		text-align:center !important;
		max-width: 100% !important;
		padding:5px !important;
	}
	.loader-word {
	  	white-space: normal !important;   
	 	word-break: normal !important;         
	  	overflow-wrap: break-word !important;  
	  	max-width: 99% !important;
		display: inline-flex !important;
		word-spacing: 20px !important;	
	}
	#fixed-bottomright-menu .menu-logo{
		display:none !important;
	}
	#fixed-bottomright-menu .menu-item {
		padding: 3px 10px !important;
		font-size: 8.2px !important;
	}
	#fixed-bottomright-menu {
		gap: 5px;
		bottom: 2px !important;
		
	}
	#fixed-bottomright-menu a.active {
		background-color: #ec016e !important;
	}
	.titulo-portada{
		font-size: 28.5px !important;
        line-height: 22.5px !important;
		top:-200px !important;
	}
	.wpb_wrapper h1.vc_custom_heading {
        font-size: 13.75px !important;
        line-height: 2.85px !important;
        top: -41px !important;
        color: #fff !important;
        font-weight: bolder !important;
		top:-240px !important;
    }
	.divider-wrap{
		display:none !important;
	}
	.slide-out-widget-area-toggle{
		display:none !important;
	}
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 42px !important;
    }
	.btg-topRight{
		top: 2px !important;
        right: -35px !important;
	  }
	#logo {
		opacity: 1 !important;
		visibility: visible !important;
		align-content:left;
		left:-30px !important;
	}
	.principal .vertical{
		display:none !important;
	}
	.reveal-right{
		font-size: 35px !important;
		text-align: left !important;
		padding-left: 20px;
		line-height: 15px !important;
	}
	.textos{
		padding-left: 20px !important;
		padding-right: 25px !important;
		font-size: 16px !important;
		line-height: 22px;
		margin-top: 25px !important;
		margin-bottom: 40px !important;
	}
	.using-image{
		background-position: center !important;
	}
	#segunda6 h2, .servicios .titulo-imagen{
		font-size: 35px !important;
	}
	#segunda7 h2, #segunda .reveal-nosotros1{
		font-size: 28px !important;
		line-height: 25px !important;
	}
	#segunda .reveal-right2, #segunda .reveal-right4, #segunda .reveal-right5{
		font-size: 66px !important;
        line-height: 37px !important;
	}
	#segunda .reveal-right1, #segunda1 .reveal-right1{
		font-size: 15px !important;
	}
	.rompe .reveal-right1{
		font-size: 17px !important;
		margin-top:50px !important;
	}
	#segunda .rompe{
		font-size: 46px !important;
        line-height: 24px !important;
	}
	.caja {
		margin-right: 65px !important;
		margin-left: 65px !important;
		font-family: SA !important;
		margin-bottom: 60px !important;
	}
	.caja-servicios {
		padding: 20px 30px !important;
		width: 75% !important;
		margin-left: 60px !important;
		color: white !important;
		font-family: SA !important;
		margin-right: 60px !important;
		margin-bottom: 300px !important;
	}
	#contacto .row_col_wrap_12 {
		padding-right: 10px !important;
	}
	#contacto .row_col_wrap_12{
		padding-left: 10px !important;
	}
	.contacto-titulo {
		font-size: 30px !important;
    	line-height: 30px !important;
	}
	#contacto .img-with-aniamtion-wrap {
		display:none !important;
	}
	.tarjeta-texto {
		font-size: 28px !important;
		top: -130px !important;
	}
	.contact-bar {
		display: block !important;
		padding-left: 40px !important;
		justify-content: center;
		font-size: 13px !important;
		margin-top: -98px !important;
		color:white !important;
  
	}
	.tarjeta .titulo-portada{
		top:-98px !important;
	}
	.final{
		height: auto !important;
	}
	.contact-bar .contact-item, .contact-bar .contact-item span{
		color:#fff !important;
	}
	.final-footer {
		bottom: -320px !important;
	}
	.caja1, .caja2{
		margin-top:0px !important
	}
	.vertical, .principal .vertical{
		display:none !important;
	}
	
	
		
}

@media all and (max-width: 767px) and (orientation: landscape){
	.page-id-2152 #breadcrumbs, .page-id-2152 #top, .page-id-2167 #breadcrumbs, .page-id-2167 #top, .page-id-2167 #header-outer, .page-id-2152 #header-outer {
		display:none !important;
	}
	.page-id-2152 .titulo-portada, .page-id-2167 .titulo-portada{
		top:0px !important;
	}
	.page-id-2152 .wpb_wrapper h1.vc_custom_heading , .page-id-2167 .wpb_wrapper h1.vc_custom_heading {
		top:-40px !important;
	}
	.page-id-2152 .btg-button-1 .btg-icon, .btg-button-1 img.btg-icon, .page-id-2167 .btg-button-1 .btg-icon{
		display:none !important;
	}
	.page-id-2152 .divider-wrap, .page-id-2167 .divider-wrap {
        display: inline !important;
    }
	.page-id-2152 #loader, .page-id-2167 #loader{
		display:none !important;
	}
	.btg-topRight {
		  opacity: 0 !important;
		  pointer-events: none !important;
	}

		.btg-topRight.show {
		  opacity: 1 !important;
		  pointer-events: auto !important;
	}
	.loader-container {
		display: block !important;
		font-size: 1.5em !important;
		font-weight: bold;
		color: white;
		text-align:center !important;
		max-width: 100% !important;
		padding:5px !important;
	}
	.loader-word {
	  	white-space: normal !important;   
	 	word-break: normal !important;         
	  	overflow-wrap: break-word !important;  
	  	max-width: 99% !important;
		display: inline-flex !important;
		word-spacing: 20px !important;	
	}
	#fixed-bottomright-menu .menu-logo{
		display:none !important;
	}
	#fixed-bottomright-menu .menu-item {
		padding: 3px 10px !important;
		font-size: 9px !important;
	}
	#fixed-bottomright-menu {
		gap: 12px;
		bottom: 2px !important;
		
	}
	#fixed-bottomright-menu a.active {
		background-color: #ec016e !important;
	}
	.titulo-portada{
		font-size: 48.5px !important;
        line-height: 22.5px !important;
		top:-20px !important;
	}
	.wpb_wrapper h1.vc_custom_heading {
        font-size: 16.75px !important;
        line-height: 2.85px !important;
        top: -41px !important;
        color: #fff !important;
        font-weight: bolder !important;
		top:-40px !important;
    }
	.divider-wrap{
		display:none !important;
	}
	.slide-out-widget-area-toggle{
		display:none !important;
	}
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 42px !important;
    }
	.btg-topRight{
		top: 2px !important;
        right: -35px !important;
	  }
	#logo {
		opacity: 1 !important;
		visibility: visible !important;
		align-content:left;
		left:-45px !important;
	}
	.principal .vertical{
		display:none !important;
	}
	.reveal-right{
		font-size: 60px !important;
		text-align: left !important;
		padding-left: 20px;
		line-height: 15px !important;
		margin-top: 40px !important;
	}
	.titulo-imagen .reveal-nosotros {
		font-size: 50px !important;
		text-align: center !important;
		line-height: 15px !important;
		margin-top: 40px;
	  }
	.textos{
		padding-left: 20px !important;
		padding-right: 25px !important;
		font-size: 16px !important;
		line-height: 22px;
		margin-top: 25px !important;
		margin-bottom: 40px !important;
	}
	.using-image{
		background-position: center !important;
	}
	#segunda6 h2, .servicios .titulo-imagen{
		font-size: 50px !important;
		text-align: center !important;
	}
	#segunda7 h2, #segunda .reveal-nosotros1{
		font-size: 23px !important;
		line-height: 0px !important;
		text-align: center !important;
		margin-top: -3px !important;
	}
	#segunda .reveal-right2, #segunda .reveal-right4, #segunda .reveal-right5{
		font-size: 66px !important;
        line-height: 20px !important;
	}
	#segunda .reveal-right1{
		font-size: 15px !important;
	}
	.rompe .reveal-right1{
		font-size: 17px !important;
		margin-top:50px !important;
	}
	#segunda .rompe{
		font-size: 66px !important;
        line-height: 24px !important;
	}
	.caja {
		margin-right: 200px !important;
		margin-left: 200px !important;
		font-family: SA !important;
		margin-bottom: 60px !important;
	}
	.caja-servicios {
		padding: 20px 30px !important;
		width: 75% !important;
		margin-left: 200px !important;
		color: white !important;
		font-family: SA !important;
		margin-right: 200px !important;
		margin-bottom: 300px !important;
	}
	#contacto .row_col_wrap_12 {
		padding-right: 10px !important;
	}
	#contacto .row_col_wrap_12{
		padding-left: 10px !important;
	}
	.contacto-titulo {
		font-size: 55px !important;
    	line-height: 49px !important;
	}
	#contacto .img-with-aniamtion-wrap {
		display:none !important;
	}
	.tarjeta-texto {
		font-size: 28px !important;
		top: -90px !important;
	}
	.contact-bar {
		display: block !important;
		padding-left: 60px !important;
		justify-content: center;
		font-size: 13px !important;
		margin-top: -98px !important;
		color:white !important;
  
	}
	.tarjeta .titulo-portada{
		top:-62px !important;
	}
	.final{
		height: auto !important;
	}
	.contact-bar .contact-item, .contact-bar .contact-item span{
		color:#fff !important;
	}
	.final-footer {
		bottom: -140px !important;
	}
	.caja1, .caja2{
		margin-top:0px !important
	}
	.vertical, .principal .vertical{
		display:none !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px){
	.page-id-2152 #breadcrumbs, .page-id-2152 #top, .page-id-2167 #breadcrumbs, .page-id-2167 #top, .page-id-2167 #header-outer, .page-id-2152 #header-outer {
		display:none !important;
	}
	.page-id-2152 .titulo-portada, .page-id-2167 .titulo-portada{
		top:0px !important;
	}
	.page-id-2152 .wpb_wrapper h1.vc_custom_heading, .page-id-2167 .wpb_wrapper h1.vc_custom_heading{
		top:-40px !important;
	}
	.page-id-2152 .btg-button-1 .btg-icon, .btg-button-1 img.btg-icon, .page-id-2167 .btg-button-1 .btg-icon{
		display:none !important;
	}
	.page-id-2152 .divider-wrap, .page-id-2167 .divider-wrap {
        display: inline !important;
    }
	.page-id-2152 #loader, .page-id-2167 #loader{
		display:none !important;
	}
	.btg-topRight {
		  opacity: 0 !important;
		  pointer-events: none !important;
	}

		.btg-topRight.show {
		  opacity: 1 !important;
		  pointer-events: auto !important;
	}
	
	.loader-container {
		display: block !important;
		font-size: 1.5em !important;
		font-weight: bold;
		color: white;
		text-align:center !important;
		max-width: 100% !important;
		padding:5px !important;
	}
	.loader-word {
	  	white-space: normal !important;   
	 	word-break: normal !important;         
	  	overflow-wrap: break-word !important;  
	  	max-width: 99% !important;
		display: inline-flex !important;
		word-spacing: 20px !important;	
	}
	#header-outer ul li{
		display:none !important;
	}
	.titulo-portada{
		font-size: 48.5px !important;
        line-height: 22.5px !important;
		top:-340px !important;
	}
	.wpb_wrapper h1.vc_custom_heading {
        font-size: 23.75px !important;
        line-height: 2.85px !important;
        top: -41px !important;
        color: #fff !important;
        font-weight: bolder !important;
		top:-360px !important;
    }
	.divider-wrap{
		display:none !important;
	}
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 46px !important;
    }
	.btg-topRight{
		top: 2px !important;
        right: -35px !important;
	  }
	#logo {
		opacity: 1 !important;
		visibility: visible !important;
		align-content:left;
		left:-40px !important;
		top: 5px !important;
	}
	.btg-button-1 .btg-icon, .btg-button-1 img.btg-icon {
		--font-size: 35px !important;
		--color: rgb(236, 1, 110);
	}
	.principal .vertical{
		display:inline !important;
	}
	.reveal-right{
		font-size: 60px !important;
		text-align: left !important;
		padding-left: 20px;
		line-height: 15px !important;
		margin-top: 40px !important;
	}
	.titulo-imagen .reveal-nosotros {
		font-size: 63px !important;
		text-align: center !important;
		line-height: 46px !important;
		margin-top: 40px;
	  }
	.textos{
		padding-left: 20px !important;
		padding-right: 25px !important;
		font-size: 16px !important;
		line-height: 22px;
		margin-top: 25px !important;
		margin-bottom: 40px !important;
	}
	.using-image{
		background-position: center !important;
	}
	#segunda6 h2, .servicios .titulo-imagen{
		font-size: 63px !important;
		text-align: center !important;
		line-height: 46px !important;
	}
	#segunda7 h2, #segunda .reveal-nosotros1{
		font-size: 30px !important;
		line-height: 0px !important;
		text-align: center !important;
		margin-top: -3px !important;
	}
	#segunda .reveal-right2, #segunda .reveal-right4, #segunda .reveal-right5{
		font-size: 66px !important;
        line-height: 20px !important;
	}
	#segunda .reveal-right1{
		font-size: 15px !important;
	}
	.rompe .reveal-right1{
		font-size: 17px !important;
		margin-top:50px !important;
	}
	#segunda .rompe{
		font-size: 66px !important;
        line-height: 24px !important;
	}
	.caja {
		margin-right: 250px !important;
		margin-left: 250px !important;
		font-family: SA !important;
		margin-bottom: 60px !important;
	}
	.caja-servicios {
		padding: 20px 30px !important;
		width: 75% !important;
		margin-left: 200px !important;
		color: white !important;
		font-family: SA !important;
		margin-right: 200px !important;
		margin-bottom: 300px !important;
	}
	#contacto .row_col_wrap_12 {
		padding-right: 10px !important;
	}
	#contacto .row_col_wrap_12{
		padding-left: 10px !important;
	}
	.contacto-titulo {
		font-size: 55px !important;
    	line-height: 49px !important;
	}
	#contacto .img-with-aniamtion-wrap {
		display:none !important;
	}
	.tarjeta-texto {
		font-size: 33px !important;
		top: -190px !important;
	}
	.contact-bar {
		display: flex !important;
		padding-left: 0px !important;
		justify-content: center;
		font-size: 13px !important;
		margin-top: -36px !important;
		color:white !important;
		height:auto !important;
  
	}
	.tarjeta .titulo-portada{
		top:-170px !important;
	}
	.final{
		height: auto !important;
	}
	.contact-bar .contact-item, .contact-bar .contact-item span{
		color:#fff !important;
	}
	.final-footer {
		bottom: -450px !important;
	}
	.caja1, .caja2{
		margin-top:0px !important
	}
	.marketing .span_12, .insurreccion .span_12 {
		min-height:550px !important;
	}
	.marketing, .insurreccion{
		min-height: 0px !important;
	}
	.vertical, .principal .vertical{
		display:none !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.page-id-2152 #breadcrumbs, .page-id-2152 #top, .page-id-2167 #breadcrumbs, .page-id-2167 #top, .page-id-2167 #header-outer, .page-id-2152 #header-outer {
		display:none !important;
	}
	.page-id-2152 .titulo-portada, .page-id-2167 .titulo-portada{
		top:0px !important;
	}
	.page-id-2152 .wpb_wrapper h1.vc_custom_heading, .page-id-2167 .wpb_wrapper h1.vc_custom_heading{
		top:-40px !important;
	}
	.page-id-2152 .btg-button-1 .btg-icon, .btg-button-1 img.btg-icon, .page-id-2167 .btg-button-1 .btg-icon{
		display:none !important;
	}
	.page-id-2152 .divider-wrap, .page-id-2167 .divider-wrap {
        display: inline !important;
    }
	.page-id-2152 #loader, .page-id-2167 #loader{
		display:none !important;
	}
	.btg-topRight {
		  opacity: 0 !important;
		  pointer-events: none !important;
	}

		.btg-topRight.show {
		  opacity: 1 !important;
		  pointer-events: auto !important;
	}
	
	.btg-topRight{
		top: 2px !important;
        right: -25px !important;
	  }
	#logo {
		opacity: 1 !important;
		visibility: visible !important;
		align-content:left;
		left:-20px !important;
		top: -20px !important;
	}
	.btg-button-1 .btg-icon, .btg-button-1 img.btg-icon {
		--font-size: 35px !important;
		--color: rgb(236, 1, 110);
	}
	.vertical, .principal .vertical{
		display:none !important;
	}
	.titulo-portada{
		font-size: 68.5px !important;
        line-height: 22.5px !important;
		top:-200px !important;
	}
	.wpb_wrapper h1.vc_custom_heading {
        font-size: 23.75px !important;
        line-height: 2.85px !important;
        top: -41px !important;
        color: #fff !important;
        font-weight: bolder !important;
		top:-220px !important;
    }
	.divider-wrap{
		display:none !important;
	}
	.caja {
        margin-right: 90px !important;
        margin-left: -36px !important;
    }
	.experiencia .numero span {
		padding-right: 10px !important;
		padding-left: 10px !important;
		font-family: CH !important;
		font-size: 63px !important;
	}
	.caja1 {
        margin-top: -6px !important;
    }
	.caja-servicios {
        border: 0.7px solid #2b2b2b;
        border-radius: 20px;
        background-color: #2b2b2b;
        padding: 20px 13px !important;
        width: 20% !important;
        margin-left: 58.4px !important;
        margin-right: -25.6px !important;
        color: white !important;
        font-family: SA !important;
    }
	.caja-servicios h4{
		font-size:21px !important;
	}
	#contacto .img-with-aniamtion-wrap {
		display:inline !important;
	}
	#contacto .img-with-animation {
		margin-left: -246px !important;
		margin-top: -25px !important;
	}
	.tarjeta .titulo-portada {
        top: 0px !important;
    }
	.tarjeta-texto {
		font-size: 47px !important;
		top: 6px !important;
    }
	.contact-bar {
        display: flex !important;
        padding-left: 0px !important;
        justify-content: center;
        font-size: 13px !important;
        margin-top: 14px !important;
        color: white !important;
        height: auto !important;
    }
	.final-footer {
        bottom: -330px !important;
    }
}