/*
Theme Name: fairis child
Description: fairis Child Theme
Author: Kubek Agencia
Template: fairis
Version: 1.0
*//*
Theme Name: Rogan child
Theme URI: http://wordpress.creativegigs.net/rogan/
Author: CreativeGigs
Author URI: https://themeforest.net/user/creativegigs
Description: Rogan is a powerful, beautiful and pixel-perfect multi-purpose WordPress theme. Featuring stunning plugins, ideas and designs for a modern website.
Version: 1.7.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rogan
Template: rogan
*/

/* FEMEC ECUADOR*/

@import url("../rogan/style.css");
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,400&display=swap');

body{
    font-size: 18px;
}

body, p, span, ul, li, a, .iv-layout.top-header{
    font-family: 'Quicksand', sans-serif!important;
}

h1, h2, h3, h4, h5{
    font-family: 'Quicksand', sans-serif!important;
    color: #09373E;
}

P{text-align: justify;}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px!important;
}
}

.fa {
    font-family: FontAwesome!important;
    font-weight: normal!important;
}

.tran3s, h2 a, h3 a, h4 a, h5 a, h6 a, .svg path, body .video-button-one, body .video-button-one i, body .line-button-two, body .line-button-three, .agn-what-we-do .single-block .more-button, .agn-our-gallery .main-wrapper .img-box .hover-content, .owl-theme .owl-nav [class*=owl-], .theme-footer-three .social-icon li a, .theme-menu-one .logo, .theme-main-menu .header-right-widget, .agn-our-gallery .main-wrapper .view-gallery, .sass-contact-banner .subscribe-button, .language-switcher .dropdown-menu ul li a, .theme-footer-one .top-footer .footer-list ul li a, .theme-footer-one .top-footer .footer-information ul li a, .theme-footer-one .bottom-footer ul li a, .panel .panel-heading .panel-title a:before, .theme-menu-two .quote-button, .theme-menu-two .logo, .seo-what-we-do .single-block .wrapper, .seo-our-goal .text-wrapper .request-button, .our-service-seo .single-block .more-button, .our-service-seo .single-block p, .seo-our-pricing .single-pr-table .pr-footer .plan-button:before, .seo-our-pricing .single-pr-table .pr-footer .plan-button, .navbar-nav .nav-item .nav-link, .seo-our-pricing .single-pr-table .pr-footer .trial-button, .seo-contact-banner .contact-button, .theme-menu-three .header-right-widget .social-icon li a, .nav-tabs .nav-link, .theme-footer-four .social-icon li a, .about-me-portfo .inner-content .button-group li a, .our-service-portfo .service-block .read-more, .isotop-menu-wrapper li, .our-project-portfo .text-content .gallery-button, .btn, .portfo-footer form .input-group label, .portfo-footer form button, .portfo-footer .copyright-text .social-icon li a, .theme-menu-one .header-right-widget .call-us a, .theme-menu-one .navbar-nav .login-button a, .our-service-sass .service-block .icon-s, .our-service-sass .service-block p, #theme-banner-four .main-wrapper .button-group .more-button, .checkout-toggle-area p button, .theme-footer-four .footer-list ul li a, .our-service-sass .service-block .detail-button, .our-feature-sass .down-arrow, .our-feature-sass .single-feature-block .text-box .read-more, .sass-our-pricing .single-pr-table .upgrade-button:before, .sass-our-pricing .single-pr-table .upgrade-button, .sass-our-pricing .single-pr-table .trial-button, .sass-faq-section .sub-heading a, .sass-faq-section .down-button, .eCommerce-side-menu .main-menu-list>ul>li>a, .theme-menu-one.d-align-item .navbar-nav .login-button-two a, .our-service-app .main-content .more-button, .our-service-app .main-content .down-arrow, .our-feature-app .text-wrapper .explore-button, .theme-Ecommerce-menu .right-content .cart-action-wrapper .button-group a, .theme-Ecommerce-menu .right-content .user-profile-action .dropdown-menu ul li a, #eCommerce-carousel .color-tab ul li a, .eCommerce-side-menu .main-menu-list>ul .sub-menu a, #eCommerce-carousel .inner-item-wrapper .button-group .shop-now, #eCommerce-carousel .inner-item-wrapper .button-group .details-info-button, .eCommerce-hero-section .social-share li a, .eCommerce-hero-section .carousel-indicators li, .product-details-modal .main-bg-wrapper .close-button, .product-details-modal .main-bg-wrapper .next, .product-details-modal .main-bg-wrapper .prev, .theme-sidebar-widget .list-item li a, .theme-sidebar-widget .size-filter li a, .theme-sidebar-widget .color-filter li a, .shop-demo-filter .selectize-dropdown .option, .product-showcase .single-product-case, .product-showcase .single-product-case .info .name, .product-showcase .single-product-case .info .cart-button:before, .theme-sidebar-widget .sidebar-search button, .product-showcase .single-product-case .info .cart-button:after, .product-showcase .single-product-case .info .cart-button span, .theme-pagination-one ul li a, .theme-sidebar-widget .list-item li .sub-menu a, .cart-list-form .table .product-info .product-name, .cart-list-form .table .remove-product, .dark-button-one, .checkout-form .checkbox-list li label:before, .page-breadcrumbs li a, .theme-footer-four .bottom-footer ul li a, .theme-sidebar-widget .sidebar-popular-product .info a, .shop-details .procuct-details .product-info .cart-button, .shop-details .procuct-details .product-info .wishlist-button, .navbar .mega-dropdown-list li a .icon, .shop-details .product-review-tab .nav-tabs li a:before, .faq-page .faq-search-form button, .faq-page .submit-faq button, .our-team .single-team-member .info-meta, .our-blog .post-data .date, .our-team .single-team-member .hover-content ul li a, .our-team .single-team-member .hover-content, body .theme-button-one, body .theme-button-one:before, .our-service .service-block .read-more, .service-standard .service-block:before, .theme-action-banner-two .banner-button, #isotop-gallery-wrapper .isotop-item .hover-jojo ul li, .gallery-sidebar .sidebar-list li a, .our-blog .post-data .read-more, #isotop-gallery-wrapper .isotop-item .hover-jojo ul li a, #isotop-gallery-wrapper .isotop-item .hover-jojo, .our-project .project-item .hover-valina, .gallery-sidebar .sidebar-icon ul li a, .theme-footer-two ul li a, .project-with-sidebar .project-item .img-box a, .project-minimal-style .share-icon li a, .project-details .share-icon li a, .pd-footer .theme-pager, .pd-footer .theme-pager span, body .theme-button-two:before, .our-blog .img-holder .video-button, .theme-sidebar-widget .keywords-tag li a, .blog-details .post-tag-area .tags li a, .blog-details .post-tag-area .share-icon li a, .blog-details .user-comment-area .single-comment .reply, .blog-details-fg .blog-fg-data .video-banner-blog .video-button, #contact-form .form-group .help-block, .contact-us-section .contact-info ul li a, .form-style-three .send-button, .faq-tab-wrapper-four .faq-panel .panel .panel-heading .panel-title a i, .contact-address-two .address-block a, body .line-button-one, body .solid-button-one, body .white-shdw-button, #theme-banner-two .main-wrapper .button-group .contact-button, #theme-banner-two .main-wrapper .button-group .more-button, .top-header .infoList li a, .top-header .right-widget .user-profile-action .dropdown-menu ul li a, .shrt-menu .menu-social-icon li a, .shrt-menu .main-header .cart-action-wrapper .button-group a, #arch-carousel .indicators-one li i, #arch-carousel .indicators-one li span, .arch-footer .top-footer .footer-list ul li a, .theme-tab .tabs-menu li a{
    color: #227a62;
}

.theme-footer-one .top-footer .footer-list ul li a:hover, .theme-footer-one .bottom-footer ul li a:hover, .seo-our-goal .text-wrapper .request-button:hover, body .video-button-one:hover, body .video-button-one:hover i, .seo-our-pricing .single-pr-table .pr-header .price, .seo-our-pricing .single-pr-table .pr-footer .trial-button:hover, .theme-menu-one .navbar-nav .nav-item:hover .nav-link, body .white-shdw-button, .theme-menu-one .navbar-nav .nav-item.active .nav-link, .sass-faq-section .sub-heading a:hover, .theme-Ecommerce-menu .right-content .user-profile-action .dropdown-menu ul li a:hover, .eCommerce-side-menu .main-menu-list>ul>li:hover>a, .eCommerce-side-menu .main-menu-list>ul .sub-menu a:hover, .eCommerce-hero-section .social-share li a:hover, .theme-counter-three .single-counter-box .number, .product-details-modal .main-bg-wrapper .close-button:hover, .theme-sidebar-widget .list-item li:hover a, .product-showcase .single-product-case:hover .info .name, .theme-title-one .upper-title, .theme-pagination-one ul li a:hover, .theme-pagination-one ul li.active a, .theme-sidebar-widget .sidebar-search button:hover, .theme-sidebar-widget .list-item li .sub-menu a:hover, .agn-what-we-do .single-block .more-button, .cart-list-form .table .product-info .product-name:hover, .cart-list-form .table .remove-product:hover, .checkout-toggle-area p button:hover, .checkout-toggle-area form .lost-passw:hover, .solid-inner-banner .page-breadcrumbs li a:hover, .theme-sidebar-widget .sidebar-popular-product li:hover .info a, .shop-details .procuct-details .product-info .price, .faq-page .faq-search-form button:hover, .shop-details .procuct-details .product-info .cart-button:hover, .realated-product .owl-theme .owl-nav [class*=owl-]:hover, .faq-tab-wrapper.faq-page .faq-panel .panel .panel-heading.active-panel .panel-title a:before, .faq-page .submit-faq button:hover, .team-standard .single-team-member .hover-content ul li a:hover, body .theme-button-one, .team-minimal .single-team-member .hover-content ul li a:hover, .team-classic .wrapper .hover-content li a:hover, .service-minimal .service-block:hover .read-more, .service-modren .service-block .service-info:hover .read-more, .gallery-sidebar .sidebar-icon ul li a:hover, .service-standard .service-block .hover-content .read-more:hover, .our-project .isotop-menu-wrapper li.is-checked, .gallery-sidebar .sidebar-list li a:hover, .gallery-sidebar .sidebar-list li.active a, .project-with-sidebar .project-item .hover-coco .title a:hover, .project-minimal-style .owl-theme .owl-nav [class*=owl-]:hover, .pd-footer .theme-pager:hover, .pd-footer .theme-pager:hover span, .related-project .owl-theme .owl-nav [class*=owl-]:hover, .our-blog .single-blog-post:hover .post-data .title a, .theme-sidebar-widget .recent-news-item li:hover .rn-title a, body .line-button-one, .blog-details .post-tag-area .share-icon li a:hover, #contact-form .form-group .help-block li:before, .contact-address-two .address-block p a:hover, .contact-address-two .address-block ul li a:hover, body .solid-button-one:hover, .navbar .navbar-toggler, .faq-tab-wrapper .faq-panel .panel .panel-heading.active-panel .panel-title button:before, .faq-tab-wrapper-two .faq-panel .panel .panel-heading.active-panel .panel-title a:before, .faq-tab-wrapper-four .faq-panel .panel .panel-heading .panel-title a i, .breadcrumbs-two .page-breadcrumbs li a:hover, .b-wh-text .page-breadcrumbs li a:hover, .agn-counter-section .counter-wrapper .single-counter-box .icon, .agn-counter-section .counter-wrapper .single-counter-box .number, .theme-counter-three .single-counter-box .icon, .theme-list-item li .color-style, .theme-menu-one .header-right-widget .call-us a, .theme-footer-two .social-icon li a:hover, .agn-our-pricing .table-wrapper .pr-column .pr-header .price, .theme-footer-one .about-widget .phone, .navbar .mega-dropdown-list li a:hover, .theme-menu-one .header-right-widget .language-switcher .dropdown-menu ul li a:hover, .theme-footer-three .phone, .theme-footer-four .footer-list ul li a:hover, .theme-footer-four .phone, .theme-footer-four .bottom-footer ul li a:hover, .theme-footer-four.light-v .footer-list ul li a:hover, .theme-footer-four.light-v .bottom-footer ul li a:hover, .shrt-menu .main-header .call-us a, .top-header .infoList li a:hover, .top-header .right-widget .language-switcher .dropdown-menu ul li a:hover, .top-header .right-widget .user-profile-action .dropdown-menu ul li a:hover, .shrt-menu.text-light .navbar .dropdown-menu .dropdown-item:hover, .shrt-menu.text-light .navbar .mega-dropdown-list li a:hover, .shrt-menu.text-light .top-header .infoList li a:hover, .shrt-menu.dark-bg .top-header .right-widget .language-switcher .dropdown-menu ul li a:hover, .shrt-menu.dark-bg .top-header .right-widget .user-profile-action .dropdown-menu ul li a:hover, .navbar .mega-dropdown-list li a:hover .icon, .pricing-tab-menu .nav-tabs .nav-item .nav-link, .signin-form-wrapper .signUp-text a, #arch-carousel .inner-item-wrapper .upper-title, #arch-carousel .indicators-one li i, .arch-project-gallery .isotop-menu-wrapper li.is-checked, .arch-service .single-block:hover .title a, .arch-blog .blog-post:hover .title a, .arch-contact .form-wrapper .contact-text .call-us, .arch-footer .top-footer h2 a, .arch-footer .top-footer .phone, .theme-footer-one.arch-footer .top-footer .footer-list ul li a:hover, .theme-tab-basic.theme-tab .tabs-menu li.z-active a, .theme-tab .z-content-inner ol li a:hover, .z-tabs.mobile > ul.z-tabs-mobile > li > a > span.drp-icon{
    color: #227a62;
}

.theme-menu-one.fixed .navbar-nav .nav-item:hover .nav-link, .navbar .dropdown-menu .nav-item.active .dropdown-item, .navbar .dropdown-menu .menu-item.active > a, .theme-menu-one .navbar-nav .nav-item.current-menu-ancestor .nav-link{
    color: #227a62;
}

.scroll-top, .theme-footer-one .top-footer .footer-information ul li a:hover, .theme-menu-two .quote-button:hover, .theme-Ecommerce-menu .right-content .cart-action-wrapper .button-group a:hover, #eCommerce-carousel .inner-item-wrapper .button-group .shop-now:hover, #eCommerce-carousel .inner-item-wrapper .button-group .details-info-button:hover, .product-details-modal .main-bg-wrapper .cart-button, .theme-sidebar-widget .price-ranger .ui-slider .ui-slider-range, .theme-sidebar-widget .size-filter li a:hover, .shop-demo-filter .selectize-dropdown .option:hover, .shop-demo-filter .selectize-dropdown .active, .product-showcase .single-product-case .info .cart-button span, .dark-button-one:hover, .shop-details .procuct-details .product-info .cart-button, .shop-details .procuct-details .product-info .wishlist-button:hover, .shop-details .product-review-tab .tab-content .list-item li:before, .faq-page .submit-faq button, body .theme-button-one:before, .newsletter-section.agn-theme .main-wrapper form button, .newsletter-section.agn-theme .theme-title-one.upper-bar:before, .video-action-banner-one .video-button, .video-action-banner-one .video-button:before, .theme-action-banner-two .banner-button:hover, #isotop-gallery-wrapper .isotop-item .hover-jojo ul li a:hover, .gallery-sidebar .sidebar-title:before, .project-details .side-block .block-title:before, .our-blog .single-blog-post:hover .img-holder .video-button, .theme-sidebar-widget .keywords-tag li a:hover, .blog-details .user-comment-area .single-comment .reply:hover, body .theme-button-two, .blog-details-fg .blog-fg-data .video-banner-blog .video-button:hover, #contact-form .form-group .help-block, .contact-us-section .contact-info ul li a:hover, .form-style-three .send-button:hover, body .line-button-one:hover, body .solid-button-one, body .line-button-two:hover, .agn-our-pricing .table-wrapper .pr-column:hover .line-button-two, body .white-shdw-button:hover, #theme-banner-two .main-wrapper .button-group .contact-button:hover, .seo-what-we-do .single-block:nth-child(1) .wrapper .icon-box, .faq-tab-wrapper-three .faq-panel .panel .panel-heading.active-panel .panel-title a, .faq-tab-wrapper-four .faq-panel .panel .panel-heading.active-panel .panel-title a, .agn-our-gallery .main-wrapper .view-gallery:hover, .agn-home-blog .single-blog-post .flip-box-back, .seo-contact-banner .contact-button:hover, .navbar .dropdown-menu .dropdown-item span, .ln-inner-page-demo .inner-wrapper .single-page a .new, .theme-footer-three .social-icon li a:hover, .theme-footer-four .social-icon li a:hover, .navbar .mega-dropdown-list li a span, .btn-white:hover, .ln-home-demo .single-page-demo .new, .shrt-menu .main-header .cart-action-wrapper .button-group a:hover, .pricing-tab-menu .nav-tabs .nav-item .nav-link.active, #arch-carousel .indicators-one li.active span, .about-arch .text-wrapper .mark-text:before, .about-arch .img-box .sq-box, body .line-button-three:hover, .arch-testimonial .owl-theme .owl-dots .owl-dot.active span, .arch-testimonial .owl-theme .owl-dots .owl-dot span:hover, #arch-carousel .details-info-button, .theme-tab .tabs-menu li a:before, .theme-tab .z-content-inner .list-item li:before, .theme-tab-solid.theme-tab .tabs-menu li.z-active a, .theme-tab .nested-tab-menu li.z-active a:before{
    background: #227a62;
}

.pb-140 {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.solid-inner-banner .page-breadcrumbs li {
    font-size: 16px;
}

.page-breadcrumbs{display: none!important;}
/*##############################################

PAGINA PROYECTOS

##############################################*/

.iv-layout.footer{
    z-index: 1!important;
}

.logo img {
    max-width: auto;
    width: auto;
    height: 70px;
    display: block;
}

.logo {
    display: block;
    margin: 5px 10px 5px 10px;
}

.style4-right-menu.iv-layout.header a.logo {
    margin-left: 10px;
}

.style4-right-menu .mega_main_menu .mega_main_menu_ul > li:hover > .item_link {
    opacity: 1!important;
}

.style4-right-menu.classic-style .nav_menu .menu > li > .item_link > .item_link_content:after {
    height: 5px;
    background-color: #237a5f;
}


.style4-right-menu.classic-style .mega_main_menu .mega_main_menu_ul > li > .item_link {
    letter-spacing: 0px;
    font-weight: 500;
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    position: relative;
    font-weight: 500;
    padding: 0px 15px 0px 0px;
}

/* top header */

.top-header{
    background: #237a60!important;
}

.iv-layout.top-header{
    line-height: 35px!important;
    color: #fff;
    font-size: 12px;
    font-weight: 700!important;
}

.top-header.two-columns .iv-module, .top-header.two-columns .iv-module-menu{
    height: 35px;
    min-height: 35px;
}


.mega_main_menu .mega_main_menu_ul > li > .item_link.disable_icon i, .mega_main_menu a.disable_icon > i {
    display: block!important;
}



/*banner */
.banner-proyectos {
    margin-bottom: 80px;
}

.banner-proyectos h2{
    font-family: 'Be Vietnam Pro', sans-serif!important;
    font-size: 40px!important;
    color: #ffffff!important;
    padding-bottom: 0px!important;
    text-transform: uppercase!important;
    text-shadow: 0 0 20px rgb(0 0 0 / 50%)!important;
    font-weight: 800!important;
    letter-spacing: 10px!important;
        padding: 5px 20px;
    background: rgba(0,0,0,0.3);
    display: table;
    margin: auto!important;
    position: relative;
}

.vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0px;
}

.btn-contacto a{
    padding: 0px 0px 0px 0px!important;
    margin-left: 5px;
}

.btn-fairis a{
    padding: 0px 0px 0px 0px!important;
    margin-left: 10px;
}



/*##############################################

MENU

##############################################*/
/* top*/

.top-header .infoList li {
    color: #fff;
    border-right: 0px solid #fff!important;
    padding: 0 10px!important;
}

.top-header .infoList li a, .top-header .right-widget>li a{
    transition: all .3s ease-in-out;
}

.top-header .infoList li a:hover, .top-header .right-widget>li a:hover{
    color:#fff;
    opacity: 0.6;
}

.top-header .infoList li .phone{
    margin-left: 20px;
}

.action-list-item{
    display: none!important;
}

.femec-menu-top ul{
    text-decoration: none;
    list-style: none;
}

.femec-menu-top ul li{
    float: left;
    position: relative;
    display: block;
    margin: 0px 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.top-header {
    background: #237a60;
    border-bottom: 1px solid #237a60;
}

.top-header .infoList li, .top-header .right-widget>li,
.top-header .right-widget .theme-button-two{
    line-height: 35px!important;
}

.top-header .infoList li a, .top-header .right-widget>li a,
.top-header .right-widget .theme-button-two{
    line-height: 35px!important;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

body .theme-button-two {
    background: #145642;
    color: #3ac299!important;
}


/* main menu */

.theme-menu-three .navbar-nav .nav-item .nav-link {
    color: #333;
}

.theme-menu-three .header-right-widget .social-icon li a {
    border: 2px solid rgba(0,0,0,0.8);
}


.has_header_top.admin-bar .theme-main-menu {
    height: 80px;
}

.navbar-nav{
    line-height: 46px;
    padding: 17px 0px;
}

.logo a img{
    max-height: 70px!important;
    width: auto;
    max-width: none;
}


.theme-menu-three .navbar-nav .nav-item .nav-link:before {
    bottom: 3px;
    background: #227a62;
}

.fixed .navbar-nav .nav-item .nav-link:before {
    bottom: 3px;
    background: #fff;
}

.theme-menu-three .navbar-nav .nav-item {
    padding-bottom: 0px;
}

.theme-main-menu {
    padding: 0px 0 0;
    border-bottom: 1px solid #d1d1d1;
}


.theme-menu-three .header-right-widget {
    top: 20px;
}

/* menu fixed */

.theme-main-menu.theme-menu-three.fixed {
    background: #227a62;
    border-bottom:  #227a62;
}


.theme-main-menu.theme-menu-three.fixed {
    padding: 0px 0 0px;
}

.theme-main-menu.theme-menu-three.fixed .navbar-nav .nav-item .nav-link {
    color: #fff;
}

.theme-main-menu.theme-menu-three.fixed  .header-right-widget .social-icon li a {
    border: 2px solid rgba(255,255,255,.5);
}

.theme-main-menu.theme-menu-three.fixed  .header-right-widget .social-icon li a i{
    color: #fff;
}

.navbar-nav .nav-item .nav-link {
    padding: 0 0 22px;
    margin: 0px 12px;
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    font-weight: 400;
}

.theme-menu-three .header-right-widget {
    right: 15px;

}

.theme-menu-three #mega-menu-holder {
    margin-right: 0px;
}

.btn-contacto{
    margin-left: 5px;   
}


.btn-contacto a .item_link_content{
    color: #237a61!important;
    text-transform: uppercase!important;
    font-size: 15px!important;
    font-weight: 600!important;
    padding: 13px 15px!important;
    border: 1px solid #237a61;
    transition: all .3s ease-in-out!important;
    margin: 0px!important;
}

.btn-contacto a .item_link_content:hover{
    color: #fff!important;
    background: #237a61!important;
}

.btn-contacto a .item_link_content:after, .btn-fairis a .item_link_content:after{
    display: none!important;
}

.fixed .btn-contacto a{
    color: #fff!important;
    border: 1px solid #fff;
    transition: all .3s ease-in-out!important;
}

.fixed .btn-contacto a:hover{
    background: #fff!important;
    color: #237a61!important;
}

.btn-fairis{
    margin-right: 10px!important; 
}

.btn-fairis a .item_link_content{
    background: #237a61;
    color: #FFF;
    padding: 13px 32px 13px 15px!important;
    color: #fff!important;
    border: 1px solid #237a61;
    text-transform: uppercase!important;
    font-size: 15px!important;
    font-weight: 600!important;
    margin: 0px!important;
    transition: all .3s ease-in-out!important;
}

.fixed .btn-fairis a{
    background: #145642;
}

.btn-fairis a .item_link_content:hover, .fixed .btn-fairis a:hover{
    background: #053d2c!important;
}






.btn-fairis i{
    padding-left: 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

/* columnas menu */

.sub-menu { width:
600px;
}

.sub-menu-columns ul.sub-menu {
display: inline-block;
float: left;
width: 200px;
}
.sub-menu-columns ul.sub-menu:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu:nth-child(even) {
float: right;
}

/* social media movile */

.social-icon{
    margin-top: 18px;
    margin-right: 25px;
}

.theme-menu-three .header-right-widget .social-icon li a {
    border: 2px solid rgb(37 127 102);
    font-size: 15px;
    margin: 0px;
    padding: 0px!important;
    width: 36px;
    height: 36px;
    line-height: 33px!important;
}

.theme-menu-three .header-right-widget .social-icon li a:hover {
    color: #fff;
    background: #257f66;
    border-color: #257f66;
}

/* menu idiomas*/

.wpml-ls-legacy-list-horizontal {
    border: 0px solid transparent;
    padding: 0px!important;
    clear: both;
    float: left!important;
}

.wpml-ls-legacy-list-horizontal a {
    display: block;
    text-decoration: none;
    padding: 0px 10px 0px 10px!important;
    line-height: 1;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a{
    background-color: #2d9f7d!important;
}

/*##############################################

FOOTER

##############################################*/

.shape-one, .shape-two{display: none;}

.theme-footer-one .top-footer .widget_nav_menu ul li a:hover {
    color: #fff;
}

#about-widget-1 br{display: none;}


.iv-layout.footer, .iv-layout.bottom-footer {
    border-top: 1px solid #ededed;
    background: #fff;
}

.iv-layout.footer .widget .widget-title{
    font-family: 'Be Vietnam Pro', sans-serif!important;
    color: #09373E;
    font-size: 22px;
    padding: 12px 0 25px;
    border-bottom: 0px;
    letter-spacing: 0px;
    text-transform: capitalize;
        font-weight: 500;
    margin-bottom: 0px;
}

.iv-layout.footer a{
    display: block;
    line-height: 38px;
    font-size: 17px;
    color: #76797e;
}

.iv-layout.footer a:hover{
    color: #237a61;
}

.phone{
    color: #227a62!important;
    font-size: 22px!important;
}

.email, .textwidget p {
    font-size: 16.5px!important;
    color: #76797e!important;
    margin: 15px 0 15px;
    display: block;
}

#about-widget-1 br{
    display: none!important;
}

.textwidget .logo img{
    height: auto;
}
.textwidget ul li a {
    width: 40px;
    height: 40px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
     color: #227a62!important;
    margin-right: 10px;
    float: left;
}

.iv-layout.footer .widget .textwidget ul li i {
    margin-right: 0px;
}

.iv-layout.bottom-footer{
    color: rgba(87,102,126,0.8)!important;
        line-height: 28px!important;
        font-size: 17px!important;
    text-transform: normal!important;
}


.bottom-footer .mega_main_menu .mega_main_menu_ul > li > .item_link {
    color: #227a62!important;
    font-size: 17px!important;
    line-height: 28px!important;
}



/*##############################################

HEADER

##############################################*/


.solid-inner-banner .page-title {
    font-size: 40px;
    color: #ffffff;
    padding-bottom: 120px;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgb(0 0 0 / 50%);
    font-weight: 700;
    letter-spacing: 10px;
}


/* title*/

.solid-inner-banner {
    background: #fafcff;
    text-align: center;
    padding: 250px 50px 0;
}

.solid-inner-banner .page-title {
    margin: auto;
    margin-bottom: 150px;
    padding: 5px 20px;
    background: rgba(0,0,0,0.3);
    display: inline-block;
}

.solid-inner-banner {
    background-position: center center!important;
}


/*##################################################

inicio

##################################################*/

.pt-150, .pb-150, .pb-350 {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.disena-inicio h3{
    color: #fff;
}

.about-us-block-two{
    padding: 120px 0px 150px 0px!important;
}

.nosotros-ini .upper-title, .productos-ini .upper-title, .design-ini .upper-title{
    color:  #227a62!important;
}

.nosotros-ini .main-title, .productos-ini .main-title, .design-ini .main-title, .proyectos-ini .main-title{
    margin-bottom: 26px;
    margin-top: 20px;
    line-height: 52px;
    color: #333;
}

.design-ini .main-title span{
    color: #fff;
}


.design-ini .main-title span:before {
    background: #0e565e!important;
}

.nosotros-ini p, .productos-ini p, .design-ini p{
    color: #666;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 32px;
    padding-bottom: 40px;
}

.design-ini p{
    color: #fff!important;
}

.nosotros-ini .solid-button-one.button-rose, .productos-ini .line-button-one.button-orange, .about-us-block-one .solid-button-one,
.proyectos-ini .solid-button-one.button-rose{
    background: #227a62!important;
    color: #fff!important;
    border-radius: 0px!important;
    transition: all .3s ease-in-out;
}

.nosotros-ini .solid-button-one.button-rose:hover, .productos-ini .line-button-one.button-orange:hover, .about-us-block-one .solid-button-one:hover,
.proyectos-ini .solid-button-one.button-rose:hover{
    background: #09373C!important;
    border-color: #fff!important;
    border-radius: 0px;
}

.nosotros-ini .solid-button-one.button-rose:before, .productos-ini .line-button-one.button-orange:before, .about-us-block-one .solid-button-one:before,
.proyectos-ini .solid-button-one.button-rose:before{
display: none!important;
}

.design-ini .about-us-block-one{
    padding: 180px 0px 30px 0px!important;
}


.design-ini  .about-us-block-one .inner-wrapper .path-shape-holder .image-box {
    top: -60px;
}

.procesos-ini .pb-50 {
    padding-bottom: 0px!important;
}

.project-gallery-home-one .gallery-polar-state{
    margin: 40px 0;
}

.pb-80 {
    padding-bottom: 0px!important;
}

.gallery-polar-state .img-holder {
    background: #333!important;
}

.productos-ini .pt-40{display: none;}
.productos-ini p{padding-bottom: 20px;}
.nosotros-ini .shape-wrapper, .productos-ini .shape-wrapper, .design-ini .shape-wrapper, .procesos-ini .shape-wrapper{display: none;}


.productos-ini p.tran3s {
    font-size: 14px;
    line-height: 20px;
}

.productos-ini .feature-block-one {
    padding: 60px 30px 35px 30px;
}

.productos-ini .feature-block-one h5.tran3s{
    font-size: 20px!important;
    padding: 15px 0px;
}

/* productos */

@media (min-width: 992px){
.productos-ini .order-lg-first {
    -ms-flex-order: 1!important;
    order: 1!important;
}

}

.blog-post-block-one .flip-box-back {
    background: linear-gradient( -60deg, #237a61 0%, #145642 100%);
}


.elementor-4762 .elementor-element.elementor-element-dd06478 .elementor-button:hover,
.productos-contacto .elementor-button:hover{
background: #000!important;
color: #fff!important;
}

.theme-footer-one .top-footer .footer-information ul li a:hover, .seo-contact-banner .contact-button:hover, .theme-Ecommerce-menu .right-content .cart-action-wrapper .button-group a:hover, body .theme-button-one, .theme-sidebar-widget .size-filter li a:hover, .shop-details .procuct-details .product-info .cart-button, .shop-details .procuct-details .product-info .wishlist-button:hover, .faq-page .submit-faq button, .theme-action-banner-two .banner-button:hover, .our-project .isotop-menu-wrapper li.is-checked, #isotop-gallery-wrapper .isotop-item .hover-jojo ul li a:hover, .theme-sidebar-widget .keywords-tag li a:hover, .blog-details .user-comment-area .single-comment .reply:hover, .contact-us-section .contact-info ul li a:hover, .form-style-three .send-button:hover, body .line-button-one, body .solid-button-one, body .line-button-two:hover, .agn-our-pricing .table-wrapper .pr-column:hover .line-button-two, #theme-banner-two .main-wrapper .button-group .contact-button:hover, .agn-our-gallery .main-wrapper .view-gallery:hover, .theme-footer-three .social-icon li a:hover, .theme-footer-four .social-icon li a:hover, .pricing-tab-menu .nav-wrapper, body .line-button-three:hover, .arch-testimonial .owl-theme .owl-dots .owl-dot span{
   border-color: #09373C; 
}

.volver-productos .elementor-button:hover{
    width: 100%;
    background: #053d2c;
}

/*##################################################

NOSOTROS

##################################################*/

.box-nosotros img{
        border-radius: 20px;
        box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}


/*##################################################

CATALOGOS

##################################################*/

.box-catalogos img{
    border-radius: 20px;
    box-shadow: 0 20px 30px -21px rgb(0 0 0 / 62%), 0 20px 30px -30px rgb(0 0 0 / 40%);
    border: 0px solid #d1d1d1;
}

.box-catalogos h3 a{
    font-size: 34px;
    color: #278068!important;
}

.box-catalogos .elementor-image-box-description{
    font-size: 16px;
    line-height: 20px;
}

.box-catalogos .elementor-button {
    background-color: #278068;
    text-transform: uppercase;
    font-size: 13px;
}
/*##################################################

PRODUCTOS

##################################################*/

.productos-catalogo{display: none!important;}

.box-productos-dark img, .box-productos img{
    width: 80px!important;
}

.box-productos-dark h3, .box-productos h3{
    font-size: 22px;
}

.box-productos-dark p, .box-productos p{
    font-size: 16px;
    line-height: 22px;
}

.box-productos-dark h3{
    color: #fff;
    font-weight: 600;
}

.box-productos-dark p{
    color: #fff;
    font-weight: 300;
}

.box-productos h2{
    color: #333;
    font-weight: 600;
}

.box-productos-dark .elementor-button-wrapper a{
    background: transparent;
    color: #fff;
    fill: #fff;
    border: 1px solid #fff;
}

.box-productos .elementor-button-wrapper a{
    background: transparent;
    color: #227A62;
    fill: #227A62;
    border: 1px solid #227A62;
}

.box-productos .elementor-button-wrapper a:hover{
    background: #053d2c;
    color: #fff;
    fill: #053d2c;
    border: 1px solid #053d2c;
}

.elementor-5879 .elementor-element.elementor-element-540648a0 .elementor-button{
    border: 1px solid #175D68;
}

.box-productos-dark .elementor-button-wrapper a:hover,
.elementor-5879 .elementor-element.elementor-element-540648a0 .elementor-button:hover{
    background: #fff;
    color: #053d2c;
    fill: #fff;
    border: 1px solid #fff;
}

/* items productos */

.item-productos img{
        border-radius: 20px;
        box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}

.item-productos p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.volver-productos .elementor-button-text {

    flex-grow: 0;
}

.productos-catalogo img{
    border-radius: 20px;
        box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}

.elementor-slideshow__footer{display: none!important;}

/*##################################################

PROCESOS

##################################################*/

.box-procesos-black h2{
    color: #fff;
    font-weight: 600;
}

.box-procesos-black p{
    color: #abcbce;
    font-weight: 300;
}

.box-procesos h2{
    color: #333;
    font-weight: 600;
}

.box-procesos .img-procesos img, .box-procesos-black .img-procesos img{
    border-radius: 20px;
        box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}

/*items*/

.procesos-items img, .procesos-sirve img, .procesos-beneficios img{
        border-radius: 20px;
        box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}

 .procesos-beneficios table td{
    font-size: 13px;
    text-align: center;
    padding: 8px 0px;
 }


.procesos-sirve ol li:before {
    color: #fff;
}

/* muestras */

.rg-view{display: none!important;}

.box-muestras ul li:before{
    display: none!important;
}

.box-muestras ul li{
    padding-left: 0px!important;
    padding-bottom: 0px!important;
}

.box-muestras .rg-caption p{
    text-align: center;
    margin-bottom: 10px;
}


.es-carousel-wrapper {
    background: #fff!important;
    box-shadow: none!important;
    border-radius: 0px!important;
    border: 1px solid #999;
    margin-bottom: -1px!important;
}

.es-carousel{background: transparent!important;}

.box-muestras .rg-image-wrapper {
    background: none!important;
    border: 1px solid #999;
    overflow: hidden;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}

.rg-image-nav a {
    background-color: #237a61!important;
    border-radius: 0px!important;
    opacity: 1!important;
    transition: all .3s ease-in-out!important;
}

.rg-image-nav a:hover {
    opacity: 1!important;
    background-color: #0b373e!important;
}

.box-muestras .es-carousel ul li a {
    opacity: 1;
}

.rg-image-nav a {
    background: #237a61 url(muestras/images/nav.png) no-repeat -20% 50%!important;
}

.rg-image-nav a.rg-image-nav-next{
    background-position:115% 50%!important;
}

.rg-loading {
    background: #000 url(muestras/images/ajax-loader.gif) no-repeat center center!important;
}

/*##################################################

PROYECTOS

##################################################*/

.proyectos ul li:nth-child(2n){
    /*display: none;*/
}

.txt-proyectos h3{
    color:#333;
      font-size: 25px;
      line-height: 40px;
    text-transform: uppercase;
    font-weight: 900;
    float: left;
}

.txt-proyectos a{
  background: #9acdbf;
    color: #fff;
    padding: 0px 20px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    float: right;
    line-height: 40px;

    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.txt-proyectos  a:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.txt-proyectos  a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #237a5f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


.arrow-project{
    color: #fff;
    background-color: #000!important;
    background: #000!important;
    border-color: #000!important;
    padding: 4px 6px;
    opacity: 0.75;
}

.arrow-project:hover{
    opacity: 1;
        background-color: #000!important;
    background: #000!important;
    border-color: #000!important;
}

.box-proyectos{
    margin-top: 40px;
}



.box-proyectos form{
    background: #237a5f;
    padding: 20px;
    margin-bottom: 60px;
    border-radius: 0px;
    border: 1px solid #fff;
    box-shadow: 0 20px 30px -21px rgb(0 0 0 / 62%), 0 10px 30px -30px rgb(0 0 0 / 40%);
}


.box-proyectos label{
    color:#fff;
    text-align: center;
    display: table;
    width: 100%;
    position: relative;
}

#buscador-proyectos button{
width: 100%;
    line-height: 48px;
    background: #53958e;
    color: #9cccc0;
    padding: 0px;
    margin-top: 27px;
    font-size: 15px;
}

#buscador-proyectos button{
    background: #0b4936!important;
    color: #fff!important;
}

#buscador-proyectos label{
        color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 3px;
}

#buscador-proyectos select{
    background: #fff;
    border: 1px solid #75ad9f;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    height: auto;
    padding: 0px 15px;
}

.proyectos {
    padding-bottom: 60px;
}

.proyectos ul{
    padding-left:0px;
    list-style: none;
    text-decoration: none;
}

.proyectos ul li{
        width: 32.333%;
        float:left;
        position: relative;
        margin-left: 0.5%;
        margin-right: 0.5%;
        display: inline-block;
        overflow: hidden;
    margin-bottom: 12px;
}

.proyectos ul li img{
        width: 100%;
        position: relative
}

.hover-proyecto {
    background: rgb(11 73 54 / 80%)!important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 20px;
    margin: 0%;
    bottom: 0px;
    box-shadow: 0px -10px 80px rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hover-proyecto:hover{
        opacity: 1;
        cursor:pointer;
     z-index: 100
}


.proyectos li{
        cursor: pointer;
}

.proyectos ul li h3{
        color:#fff;
        font-size:20px;
        font-weight: 600;
    text-align: center;
    padding-top:20%;
}

.proyectos ul li h4{
        color:#fff;
        font-size:15px;
        font-weight: 600;
    text-align: center;
}

.proyectos ul li p{
        color:#fff;
        font-size:15px;
        font-weight: 400;
        margin-bottom: 4px;
    text-align: center;
}

.proyectos ul li .modal-body h3 {
    color: #333!important;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
}

.proyectos ul li .modal-body h4{
        color:#333;
        font-size:15px;
        font-weight: 600;
    text-align: center;
}

.proyectos ul li .modal-body p{
        color:#333;
        font-size:15px;
        font-weight: 400;
        margin-bottom: 4px;
    text-align: center;
}

.modal{
    z-index: 1400001!important;
        background: rgba(0,0,0,0.5);
}

.modal-content{
    z-index: 1042!important;
}

.modal-body {
    padding: 0px!important;
}

.modal-backdrop.show {
    display: none!important;
}

.modal-content {
    width: 85%!important;
    margin: auto!important;
}


.box-modal-info{
        position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    text-align: left;
    color: #fff;
    padding: 0px 10px 10px 20px;
    background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%);
}

.proyectos ul li .modal-body h3, .proyectos ul li .modal-body p,
.proyectos ul li .modal-body h4{
    color: #fff!important;
text-align: left;
margin-bottom: 0px!important;

}

.btn-close{
        position: absolute;
    z-index: 5;
    right: 15px;
    top: 15px;
    font-size: 34px;
    padding: 0px;
    line-height: 34px;
    background: transparent;
    border: 0px;
    color: #fff;
}

.btn-next {
    position: absolute;
    right: 0px;
    z-index: 6;
    top: 50%;
    margin-top: -30px;
    font-size: 20px!important;
    color: #fff!important;
}

.btn-prev {
    position: absolute;
    left: 0px;
    z-index: 6;
    top: 50%;
    margin-top: -30px;
    font-size: 20px!important;
    color: #fff!important;
}



/*##################################################

RECICLAJE

##################################################*/

.box-reciclaje img{
        border-radius: 20px;
         box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}


/*##################################################

TRABAJA

##################################################*/

.box-trabaja img{
        border-radius: 20px;
         box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}


/*##################################################

DATOS TECNICOS

##################################################*/

.box-datos h3{
    font-size: 36px;
    color: #333;
    font-weight: 600;
}


.box-datos img{
    border-radius: 20px;
        box-shadow: 0 30px 60px -21px rgb(0 0 0 / 62%), 0 20px 60px -30px rgb(0 0 0 / 40%);
}

/*##################################################

BLOG

##################################################*/

.blog .solid-inner-banner{
    background: url(../../uploads/2022/03/blog-banner.jpg) center center!important;
    margin-bottom: 40px;
}

/*##################################################

CONTACTO

##################################################*/

.form-contacto select{
    border: 0px;
    width: 100%;
    border: 1px solid #ebebeb;
    color: #999;
    margin-top: 10px;
    padding: 5px;
}


.form-contacto .form-group{
        color: #999;
}

.elementor-3960 .elementor-element.elementor-element-3176626 .elementor-social-icon:hover {
    background-color: #227a62;
    border-color: #227a62;
    color: #fff!important;
}

/*##################################################

MEDIA QUERIES

##################################################*/

.menu-productos-pc{display: block;}
.menu-productos-movil, .header-right-widget, .menu-links, .wpml-ls-item,
.header-right-area .social-icons{display: none!important;}

.top-header-right-area .wpml-ls-item{display: block!important;}

.theme-menu-three .navbar-nav .nav-item .nav-link:hover:before, .theme-menu-three .navbar-nav .nav-item.active .nav-link:before {
    width: 100%;
}

/* menu responsive */

.iv-mobile-menu-wrapper {
    background: #378b71!important;
}

.iv-mobile-menu-wrapper ul li {
    display: block;
    margin: 0;
    padding: 0px;
    width: auto !important;
    float: auto !important;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.iv-mobile-menu-wrapper .menu > li > .item_link {
    border-bottom: 1px solid #fff;
}

.iv-mobile-menu-wrapper{
    width: 85%!important;
}
.iv-mobile-menu-wrapper .iv-mobile-menu-holder{
    width: 100%;
}

.iv-mobile-menu-wrapper ul li .item_link {
    padding: 0px;
    line-height: 50px;
    font-weight: 600;
    font-size: 14px!important;
}

/* mneu */

@media (max-width: 991px){

/* menu responsive */

.btn-contacto a .item_link_content, .btn-fairis a .item_link_content {
    color: #ffffff!important;
    text-transform: uppercase!important;
    padding: 0px;
    border: 0px solid #237a61;
    transition: all .3s ease-in-out!important;
    margin: 0px!important;
    background: transparent;
}

.btn-fairis a {
    padding: 0px!important;
    margin-left: 0px;
}

.btn-fairis i {
    display: none;
}

.btn-fairis {
    margin-right: 0px!important;
}

.btn-fairis a .item_link_content{
    padding: 0px!important;
}

.btn-contacto a {
    padding: 0px!important;
    margin-left: 0px;
}

.btn-contacto a, .btn-fairis a {
    color: #fff!important;
    border-color: #fff;
    line-height: 38px;
    margin-bottom: 0px!important;
}

.menu-item-5454, .menu-item-5455, .menu-item-5456{
    display: none!important;
}

/* fin menu responsive */

.social-icon{
    margin-top: 5px;
    margin-right: 20px;
}

.menu-productos-pc{display: none!important;}
.menu-productos-movil, .header-right-widget, .menu-links, .wpml-ls-item{display: block!important;}

#menu-item-5395, #menu-item-5402, #menu-item-5403{
    display: none;

}

#mega-menu-holder.navbar .dropdown .fa {
    line-height: 77px;
    color: #fff;
}

.fixed .logo a img {
    max-height: 60px!important;
    width: auto;
    max-width: none;
}

.theme-menu-three .navbar .navbar-toggler {
    color: #237a61!important;
}

.top-header{display: none!important;}

.theme-menu-three #navbarSupportedContent {
    background: #378b71!important;
}

.btn-fairis, .btn-contacto{
    padding: 0 0px;
    margin-left: 0px;
}

#menu-item-5686, #menu-item-5687, #menu-item-5688{
    display: none;
}


.theme-menu-three .navbar .navbar-toggler {
    color: #333;
}

.fixed .navbar .navbar-toggler {
    color: #fff!important;
}

.theme-menu-three .navbar-nav .nav-item .nav-link {
    color: #fff;
    text-align: center;
}

.navbar .dropdown-menu .dropdown-item{
   text-align: center; 
}

.navbar .dropdown-menu .dropdown-item:hover{
color:#145642!important;
}


/* inicio */

.about-us-block-two {
    padding: 40px 0px 150px 0px!important;
}

}

@media (max-width: 782px){
.admin-bar .theme-main-menu {
    margin-top: 0px!important;
}
}

@media (max-width: 767px){
.solid-inner-banner .page-title {
    font-size: 25px!important;
    letter-spacing: 0px;
    padding-bottom: 5px!important;
    margin-bottom: 100px;
}

.solid-inner-banner {
    padding: 150px 0px 0!important;
}

/*inicio*/
.nosotros-ini .main-title, .productos-ini .main-title, .design-ini .main-title, .proyectos-ini .main-title,
.theme-title-one .main-title, .elementor-heading-title{
    font-size: 34px!important;
    line-height: 40px!important;
}

.sm-mt-40 {
    margin-top: 20px !important;
}

/* productos */

.productos-contacto {
    padding: 30px 0px 30px 0px!important;
}

/* footer */


.theme-footer-one.top-border {
    padding-top: 40px;
}

}

/*
*
* Force animations in Elementor
* (ignores prefers-reduced-motion media feature)
* 
*/
.animated{
    -webkit-animation-duration: 1.25s !important;
    animation-duration: 1.25s !important
}
@keyframes bounce{
    20%,53%,80%,from,to{
        animation-timing-function: cubic-bezier(.215, .61, .355, 1) !important;
        transform: translate3d(0, 0, 0)
    }
    40%,43%{
        animation-timing-function: cubic-bezier(.755, .050, .855, .060) !important;
        transform: translate3d(0, -30px, 0)
    }
    70%{
        animation-timing-function: cubic-bezier(.755, .050, .855, .060) !important;
        transform: translate3d(0, -15px, 0)
    }
    90%{
        transform: translate3d(0, -4px, 0)
    }
}
.bounce{
    animation-name: bounce !important;
    transform-origin: center bottom
}
.flash{
    animation-name: flash !important
}
.pulse{
    animation-name: pulse !important
}
.rubberBand{
    animation-name: rubberBand !important
}
.shake{
    animation-name: shake !important
}
.headShake{
    animation-timing-function: ease-in-out !important;
    animation-name: headShake !important
}
.swing{
    transform-origin: top center !important;
    animation-name: swing !important
}
.tada{
    animation-name: tada !important
}
.wobble{
    animation-name: wobble !important
}
.jello{
    animation-name: jello !important;
    transform-origin: center !important
}
@keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        animation-timing-function: cubic-bezier(.215, .61, .355, 1) !important
    }
    0%{
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20%{
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40%{
        transform: scale3d(.9, .9, .9)
    }
    60%{
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80%{
        transform: scale3d(.97, .97, .97)
    }
    to{
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn{
    animation-name: bounceIn !important
}
@keyframes bounceInDown{
    60%,75%,90%,from,to{
        animation-timing-function: cubic-bezier(.215, .61, .355, 1) !important
    }
    0%{
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60%{
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75%{
        transform: translate3d(0, -10px, 0)
    }
    90%{
        transform: translate3d(0, 5px, 0)
    }
    to{
        transform: none
    }
}
.bounceInDown{
    animation-name: bounceInDown !important
}
@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1) !important
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}
.bounceInLeft {
    animation-name: bounceInLeft !important
}
@keyframes bounceInRight {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1) !important
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}
.bounceInRight {
    animation-name: bounceInRight !important
}
@keyframes bounceInUp {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1) !important
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp {
    animation-name: bounceInUp !important
}
.fadeIn {
    animation-name: fadeIn !important
}
.fadeInDown {
    animation-name: fadeInDown !important
}
.fadeInLeft {
    animation-name: fadeInLeft !important
}
.fadeInRight {
    animation-name: fadeInRight !important
}
.fadeInUp {
    animation-name: fadeInUp !important
}
.lightSpeedIn {
    animation-name: lightSpeedIn !important;
    animation-timing-function: ease-out !important
}
.rotateIn {
    animation-name: rotateIn !important
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft !important
}
.rotateInDownRight {
    animation-name: rotateInDownRight !important
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft !important
}
.rotateInUpRight {
    animation-name: rotateInUpRight !important
}
.rollIn {
    animation-name: rollIn !important
}
.zoomIn{
    animation-name: zoomIn !important
}
@keyframes zoomInDown{
    from{
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19) !important
    }
    60%{
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1) !important
    }
}
.zoomInDown{
    animation-name: zoomInDown !important
}
@keyframes zoomInLeft{
    from{
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19) !important
    }
    60%{
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1) !important
    }
}
.zoomInLeft{
    animation-name: zoomInLeft !important
}
@keyframes zoomInRight{
    from{
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19) !important
    }
    60%{
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1) !important
    }
}
.zoomInRight{
    animation-name: zoomInRight !important
}
@keyframes zoomInUp{
    from{
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19) !important
    }
    60%{
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1) !important
    }
}
.zoomInUp{
    animation-name: zoomInUp !important
}
.slideInDown{
    animation-name: slideInDown !important
}
.slideInLeft{
    animation-name: slideInLeft !important
}
.slideInRight{
    animation-name: slideInRight !important
}
.slideInUp{
    animation-name: slideInUp !important
}
.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{
    animation-name: elementor-animation-pulse !important;
    animation-duration: 1s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important
}
.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover{
    animation-name: elementor-animation-pulse-grow !important;
    animation-duration: .3s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-direction: alternate !important
}
.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{
    animation-name: elementor-animation-pulse-shrink !important;
    animation-duration: .3s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-direction: alternate !important
}
.elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover{
    animation-name: elementor-animation-push !important;
    animation-duration: .3s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{
    animation-name: elementor-animation-pop !important;
    animation-duration: .3s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-bob:active,.elementor-animation-bob:focus,.elementor-animation-bob:hover{
    animation-name: elementor-animation-bob-float, elementor-animation-bob !important;
    animation-duration: .3s, 1.5s !important;
    animation-delay: 0s, .3s !important;
    animation-timing-function: ease-out, ease-in-out !important;
    animation-iteration-count: 1, infinite !important;
    animation-fill-mode: forwards !important;
    animation-direction: normal, alternate !important
}
.elementor-animation-hang:active,.elementor-animation-hang:focus,.elementor-animation-hang:hover{
    animation-name: elementor-animation-hang-sink, elementor-animation-hang !important;
    animation-duration: .3s, 1.5s !important;
    animation-delay: 0s, .3s !important;
    animation-timing-function: ease-out, ease-in-out !important;
    animation-iteration-count: 1, infinite !important;
    animation-fill-mode: forwards !important;
    animation-direction: normal, alternate !important
}
.elementor-animation-wobble-vertical:active,.elementor-animation-wobble-vertical:focus,.elementor-animation-wobble-vertical:hover{
    animation-name: elementor-animation-wobble-vertical !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-wobble-horizontal:active,.elementor-animation-wobble-horizontal:focus,.elementor-animation-wobble-horizontal:hover{
    animation-name: elementor-animation-wobble-horizontal !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-wobble-to-bottom-right:active,.elementor-animation-wobble-to-bottom-right:focus,.elementor-animation-wobble-to-bottom-right:hover{
    animation-name: elementor-animation-wobble-to-bottom-right !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-wobble-to-top-right:active,.elementor-animation-wobble-to-top-right:focus,.elementor-animation-wobble-to-top-right:hover{
    animation-name: elementor-animation-wobble-to-top-right !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{
    animation-name: elementor-animation-wobble-top !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-wobble-bottom:active,.elementor-animation-wobble-bottom:focus,.elementor-animation-wobble-bottom:hover{
    animation-name: elementor-animation-wobble-bottom !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-wobble-skew:active,.elementor-animation-wobble-skew:focus,.elementor-animation-wobble-skew:hover{
    animation-name: elementor-animation-wobble-skew !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important
}
.elementor-animation-buzz:active,.elementor-animation-buzz:focus,.elementor-animation-buzz:hover{
    animation-name: elementor-animation-buzz !important;
    animation-duration: .15s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important
}
.elementor-animation-buzz-out:active,.elementor-animation-buzz-out:focus,.elementor-animation-buzz-out:hover{
    animation-name: elementor-animation-buzz-out !important;
    animation-duration: .75s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: 1 !important
}