/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 02 2022 | 16:23:03 */
header .custom-logo-link img{
	width: 300px;
}

/* Home */

.f_services .elementor-tabs-content-wrapper .elementor-tab-title.elementor-tab-mobile-title {
    display: none;
}

.f_nombre{
    position: absolute;
    width: 100%;
    bottom: 30px;
    right: 0;
}

.f_readmore{
	background: #2E2E26;
}

.f_readmore:hover{
	background: #E53537;
}

.f_services .elementor-tab-title, .f_services .elementor-tabs-content-wrapper {
    box-shadow: 0px 5px 6px 0px rgb(0 0 0 / 10%) !important;
    background: #fff !important;
    margin: 15px !important;
	
}

.f_services .elementor-tabs-content-wrapper{
	padding: 30px !important;
}

.f_services .elementor-tab-title{
display: flex;
    align-items: center;
}

.f_services .elementor-tab-title.elementor-active{
	background: #E53537 !important;
	
}

.f_services .elementor-tab-title img {
    height: 30px;
    margin-right: 20px;
    display: block;
    width: 10%;
}

.f_services .elementor-tab-title.elementor-active img{
	filter: brightness(10);
}

.f_services.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper{
	width: 30% !important;
}


/* Services */

.services_steps h1 { 
    color:#fff;
}


.f_lista svg path {
    fill: #fff;
}

.f_slide {
    border-radius: 15px !important;
    overflow: hidden;
}


.form_contact_us .nf-form-fields-required, .form_contact_us .nf-form-content label, .form_contact_us .nf-error .nf-error-msg {
    display: none;
}


.form_contact_us .nf-form-content .list-select-wrap .nf-field-element>div, 
.form_contact_us .nf-form-content input:not([type=button]), 
.form_contact_us .nf-form-content textarea{
    background: #F9F9F9;
    color: #2e2e26;
    border: none;
    border-radius: 15px;
	font-family: "Raleway", Sans-serif;
}

.form_contact_us #ninja_forms_required_items, .form_contact_us .nf-field-container {
    margin-bottom: 10px;
}

.form_contact_us .nf-form-content .listselect-wrap .nf-field-element div, 
.form_contact_us .nf-form-content input.ninja-forms-field, 
.form_contact_us .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 40px;
}


.form_contact_us .nf-error.field-wrap .nf-field-element:after {
    background: #e80000;
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f12a";
    position: absolute;
    top: 0px;
    right: 1px;
    bottom: 1px;
    height: 40px;
    width: 40px;
    line-height: 44px;
    text-align: center;
    transition: all .5s;
    border-radius: 0 15px 15px 0;
}

.form_contact_us .nf-pass.field-wrap .nf-field-element:after {
    line-height: 40px;
}


.form_contact_us .nf-form-content textarea.ninja-forms-field{
	height: 110px;
}
.form_contact_us{
	font-family: "Raleway", Sans-serif;
}


.form_contact_us  .submit-wrap .nf-field-element {
    text-align: center;
}

.form_contact_us .nf-form-content button, 
.form_contact_us .nf-form-content input[type=button], 
.form_contact_us .nf-form-content input[type=submit] {
    background: #e53537;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
	font-family: "Raleway", Sans-serif;
	padding: 5px 20px;
}


.form_contact_us .nf-form-content button:hover, 
.form_contact_us .nf-form-content input[type=button]:hover, 
.form_contact_us .nf-form-content input[type=submit]:hover {
    background: #2e2e26;
    color: #ffffff;
    transition: all .5s;
}


/* commercial services */


.commercial_services .elementor-flip-box__front .elementor-flip-box__layer__inner {
    position: absolute;
    bottom: 0px;
    right: 0px;
    align-items: center;
    display: flex;
    width: 100%;
    background: linear-gradient(0deg, #e53537, transparent);
    justify-content: flex-end;
    padding: 20px 20px 10px;
}


.commercial_services .elementor-flip-box__layer, 
.commercial_services .elementor-flip-box__layer__overlay {
    overflow: hidden;
}



.commercial_services .elementor-flip-box__front .elementor-flip-box__layer__title, .commercial_services .elementor-flip-box__front .elementor-icon-wrapper {
    margin-bottom: 0 !important;
	margin-right: 15px;
}

/* .service_carousel img {
    width: 100%;
    height: 488.88px;
} */

/* About */

.commercial_services.about .elementor-flip-box__front .elementor-flip-box__layer__inner {
    padding: 150px 20px 10px;
}

/* Pestañas */

.f_pestanas .background{
    padding: 50px; 
    min-height: 600px; 
    display: flex; 
    align-items: flex-end; 
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #fff;
}

.f_pestanas .texto{
	padding: 50px;
}

.f_pestanas .elementor-tab-title.elementor-active, .f_pestanas .elementor-tab-title:hover{
    color: #fff;
    background: #e53537;
    height: 130px !important;
    transition: height .4s, background .4s;
}

.f_pestanas .elementor-tab-title {
    background: #2e2e26;
    text-align: center;
    box-shadow: 0 0 5px #00000091;
    height: 110px !important;
    transition: height .4s, background .4s;
    border-radius: 15px 15px 0 0;
}

.f_pestanas .elementor-tabs-content-wrapper {
    border-radius: 0 15px 15px 15px;
    overflow: hidden;
    box-shadow: 0 0 5px #8f8989;
}

.f_pestanas.elementor-widget-tabs .elementor-tabs-wrapper {
    overflow: revert !important;
    display: flex !important;
    align-items: end;
}

.f_pestanas .elementor-widget-container {
    padding: 20px;
}

.f_pestanas .elementor-tab-content p {
    opacity: 0%;
}

.f_pestanas .elementor-tab-content.elementor-active p {
    opacity: 100%;
    transition: opacity 0.4s;
}

.f_pestanas .elementor-tab-content {
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 21%);
    
}

.f_pestanas .fa, .f_pestanas .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
	padding-bottom: 20px;
}

.f_pestanas {
    border-radius: 15px !important;
    overflow: hidden;
    /*box-shadow: 0px 7px 10px #ccc;*/
    border: 1px solid #d4d4d4;
}

.f_pestanas .elementor-tab-content{
	padding: 0px;
}

.f_pestanas h1{
    color: #fbf7ec;
}

.f_pestanas.faq h1{
	margin: 0;
	color: #fff;
}

.f_pestanas.faq .elementor-active h1{
	color: #fff;
}

.f_pestanas.faq .elementor-tab-title.elementor-active, .f_pestanas.faq .elementor-tab-title:hover {
	height: 180px !important;
}

.f_pestanas.faq .elementor-tab-title {
	height: 160px !important;
}


@media (max-width:767px){
	
	.f_pestanas .texto{
	padding: 20px;
}
	
	.f_pestanas h1{
		display: none;
    color: #2e2e26;
}
	
	.f_pestanas.faq h1{
	display: block;
		font-size: 40px;
}
	
	.f_pestanas .elementor-tabs-content-wrapper {
		border-radius: 15px 15px 15px 15px;}
	
	.f_pestanas.elementor-widget-tabs .elementor-tabs-wrapper {
    display: none !important;
}
	
	.f_pestanas .elementor-tab-title {
		height: 130px !important;
		padding:20px 10px;
	}
	
	.f_pestanas .background{
        background-image: none !important;
        color: #2E2E26;
        padding: 20px;
        min-height: 100px
        
    }
	
	.f_services .elementor-tabs-content-wrapper .elementor-tab-title.elementor-tab-mobile-title {
    display: flex;
}
	
    .f_nombre{
    bottom: 20px;}
	
	.home .f_lista .elementor-icon-list-item:after{
		border-color: #fff !important;
	}
		
		.f_lista .elementor-icon-list-item:after {
    border-color: #e53537 !important;
}
	
	.f_lista li {
		height: 50px;
	}
	
	.f_services .elementor-tab-title, .f_services .elementor-tabs-content-wrapper {
    margin: 15px 0 !important;
	
}
	
	
	.f_pestanas .fa, .f_pestanas .fas {
    padding-bottom: 0px;
}
	
	.f_pestanas h1{
    margin: 0;
}
	
	.f_slide .elementor-slide-heading, .f_slide  .elementor-slides .swiper-slide-inner .elementor-slide-description:not(:last-child), 
	.f_slide  .elementor-slides .swiper-slide-inner .elementor-slide-heading:not(:last-child){
    margin-bottom:: 15px !important;
}
	
	

}