/*!
Theme Name: CASAMADA
Theme URI: https://osuu.pe/
Author: OSUU
Author URI: https://osuu.pe/
Description: Tema de Osuu
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: osuu
Tags: osuu, web

 */
@charset "utf-8";

@font-face {
  font-family: 'Casamada';
  src:  url('assets/fonts/Casamada.eot?7cv3w1');
  src:  url('assets/fonts/Casamada.eot?7cv3w1#iefix') format('embedded-opentype'),
    url('assets/fonts/Casamada.ttf?7cv3w1') format('truetype'),
    url('assets/fonts/Casamada.woff?7cv3w1') format('woff'),
    url('assets/fonts/Casamada.svg?7cv3w1#Casamada') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
    font-family: 'BrittanySignature';
    src: url('assets/fonts/BrittanySignature.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Casamada' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-down:before {
  content: "\e905";
}
.icon-down-v:before {
  content: "\e900";
}
.icon-left:before {
  content: "\e903";
}
.icon-left-v:before {
  content: "\e904";
}
.icon-play:before {
  content: "\e907";
}
.icon-right:before {
  content: "\e908";
}
.icon-right-v:before {
  content: "\e909";
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #818181;
}

/*--GENERALES--*/

body {
    padding-right: 0;
    padding-left: 0;
    transition: all 0.25s ease-in-out;    
    font-family: 'Poppins', sans-serif !important;
}

::selection {
    background: #212120;
    color: #F6F0EB;    
}

/* Firefox */
::-moz-selection {
    background: #212120;
    color: #F6F0EB;    
}

.btn, .btn:visited{
	display: inline-block;
	font-size: 16px;	
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
	border: none;
	padding: 8px 18px;    
    
}
body.block-scroll {
    overflow: hidden;
}
ul li {
  list-style: none;
}

a,
a:hover,
.btn:focus,
.owl-theme .owl-dot:focus,
input:focus {
  outline: none !important;
    text-decoration: none;
  box-shadow: none !important;
}
.owl-theme .owl-dot {
  background: transparent !important;
  border: 0 !important;
}
.owl-theme .owl-dots .owl-dot {
  padding: 0;
}
.tab-content,
.tab-panel{
    display: none;
}
.section{
    padding: 60px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
}
@media(max-width:1200px){
    .section{
        padding: 50px 0;
    }
}
.container {
  max-width: 1200px;
  margin: auto ;
  width: 100% ;
    position: relative;
}
.modal,
.tab-panel-cc,
.tab-panel,
.item_collapse .c-collapse {
  display: none;
}
button{
    background-color: transparent;
}
/*GENERALES*/


.section--general{
    min-height: calc(100vh);
    padding-top: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.general_content{
    text-align: center;
    max-width: 600px;
    width: 100%;
    padding: 0 10px;
}
.general_image{
    margin-bottom: 20px;
}
.general_title::after{
    content: '';
    position:absolute;
    width:100%;
    background-color:#FFF;
    height:4px;
    top: 0;
    left: 0;
}
.general_title::before{
    content: '';
    position:absolute;
    width:100%;
    background-color:#FFF;
    height:4px;
    left: 0;
    bottom: 0;
}
.general_title{    
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 63px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px;
    margin: 5px 0;
    display: inline-block;
    position: relative;
    margin-bottom: 40px;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.general_subtitle{    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 40px;
}
.general_subtitle.success{
    text-align: left;
}
.general_subtitle a{
    color: #FFF;
    text-decoration: underline;
}
.general_subtitle p{
    font-size: 14px;
    line-height: 17px;;
}

.general_text{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #FFFFFF;    
    margin-bottom: 20px;
}
.general_btns .btn--transparent_white{
    border: 2px solid #FFF;
    max-width: 160px;
}
.general_btns .btn--transparent_white:hover{
    border: 2px solid #FFF;
}

.btn--black{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #FFF;
    background-color: #FFF;
    max-width: 197px;
    margin: auto;
    width: 100%;
    padding: 10px 12px;
    background-color: #212120;
    border: 1px solid #212120;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.btn--black:hover{
    background-color: transparent;
    color: #212120;
}

.btn--white{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #212120;
    background-color: #FFF;
    max-width: 197px;
    margin: auto;
    width: 100%;
    padding: 10px 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.btn--white:hover{
    background-color: #212120;
    color: #FFF;
}
.btn--transparent_white{
    
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    border: 2px solid #FFF;
    padding: 9px 20px;
    max-width: 160px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.btn--transparent_white:hover{
    background-color: #212120;
    border: 2px solid #212120;
}
.section--home{
    padding: 0 !important;
}

@media (min-width:1200px){
    .mobile{
        display: none;
    }
    .desktop{
        display: block;
    }
}

@media (max-width:1200px){
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
}
/*HEADER*/

header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease-in-out;
}
header.sticky {
    background-color: #FFF;
}

.nav_primary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 90%;
    margin: auto;
    padding: 20px 0;
}
.nav_primary_logo .custom-logo{
    max-height: 25px;    
}
.hwhite .nav_primary_logo .custom-logo{    
    filter: brightness(0) invert(1);
}
header.sticky  .nav_primary_logo .custom-logo{    
    filter: none;    
}

.nav__menu{
    display: flex;
}

@media (min-width:1200px){
    header.sticky-hide{
        top: -87px;
    }
    .nav__menu{
        display: flex;
        height: 100%;
        align-items: center;
    }
    .nav__menu .menu-item{
        margin: 0 20px;
        display: flex;
        align-items: center;
        height: 100%;
        position: relative;
    }        
    .nav__menu  > .menu-item a{
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 17px;
        text-transform: uppercase;
        color: #212120;
        letter-spacing: .1em;
    }
    .hwhite .nav__menu  > .menu-item a{
        color: #FFF;
    }
    header.sticky .nav__menu  > .menu-item a{
        color: #212120;
    }
    .nav__menu .contact > .menu_title a{
        border: 1px solid #212120;
        background-color: #212120;
        padding: 7px 20px !important;
        border-radius: 20px;
        transition: all 0.25s ease-in-out;
        color: #212120
    }
    .hwhite .nav__menu .contact > .menu_title a{
        color: #212120;
    }
    header.sticky .nav__menu  > .contact .menu_title a{
        color: #FFF;
    }
    header.sticky .nav__menu  > .contact .menu_title a:hover{
        color: #212120;
    }
    header.sticky .nav__menu > .menu-item-has-children > .menu_title i::after{
        color: #212120;
    }
    .hwhite .nav__menu > .menu-item-has-children > .menu_title i::after{
        color: #FFF;
    }
    
    .nav__menu > .menu-item-has-children:hover li ul,
    .nav__menu li ul{
        height: 0;
        overflow: hidden;
        transition: height 0.25s ease-in-out;
        position: absolute;
    }
    .nav__menu > .menu-item-has-children:hover ul{
        display: block;
        height: auto;
        width: 245px;
        background-color: #FFF;        
        top: 30px;        
        left: 50%;
        transform: translateX(-50%);
        padding: 10px;
    }
    .nav__menu > .menu-item-has-children:hover li:hover ul{
        display: block;
        width: 245px;
        background-color: #FFF; 
        top: -7px;        
        left: -130px;            
    }
    .nav__menu > .menu-item{    
        position: relative;
        bottom: -15px;    
        padding-bottom: 30px;
    }
    .nav__menu > .menu-item:last-child{
        margin-right: 0;
    }
    .nav__menu li li{    
        margin: 10px !important;        
    }
    .nav__menu .menu-item li a{
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 17px;
        text-transform: uppercase;
        color: #212120;
    }
    .hwhite .nav__menu .menu-item li a{
        color: #212120;
    }
    
    .nav__menu li li:last-child{
        border-bottom: 0
    }
    .nav__menu li li:hover::after{
        height: 70%;  
        top: 5px;
    }
    .nav__menu li li a{
        font-style: normal;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 17px !important;
        color: #212120;
    }
    .nav__menu li li:hover > a{
        color:#212120;    
    }
    .nav__menu > .menu-item-has-children:hover .menu-item-has-children > a{
        position: absolute;
        padding-left: 30px;
        left: -23px;
    }
}
@media (max-width:1200px){   
    .hwhite .nav_primary_logo .custom-logo{    
        filter: none
    } 
    header.sticky-hide{
        top: -60px;
    }
    .nav_sup{
        display: none;
    }
    header{        
        background-color: #FFF;        
    }
    .nav_primary_icon{
        display: block;
        margin: auto 0;
        position: relative;
        height: 15px;
        width: 20px;
        cursor: pointer;
        margin-left: 15px;
    }
    .nav_primary_icon .i_large{
        position: absolute;
        content: '';
        transform: translateY(-50%);
        background-color:#212120;
        width: 100%;
        height: 2px;
        transition: all 0.25s ease-in-out;
    }
    .nav_primary_icon .large_firts{
        top:0
    }
    .nav_primary_icon .large_middle{
        top:50%
    }
    .nav_primary_icon .large_last{
        top:100%
    }
    .nav_primary_icon.active .large_firts{
        top:50%;
        transform: rotate(45deg);
    }
    .nav_primary_icon.active .large_middle{
        display: none;
    }
    .nav_primary_icon.active .large_last{
        top:50%;
        transform: rotate(135deg);
    }
    
    .nav_primary_logo {
        height: 60px;
        display: flex;
        align-items: center;
    }
    .nav_primary_logo .custom-logo {
        filter: none;
        max-height: 20px;
    }
    .nav_primary{
        padding: 0 20px;
        max-width: 100%;
    }
    .nav__menu {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 10px;
        height: calc(100vh - 60px);
        z-index: 9999999999;
    }
    .nav__menu {
        width: 100%;
        display: none;
    }
    .nav__menu a {
        display: block;
        padding: 10px;        
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #212120;
    }
    .nav__menu > .menu-item .sub-menu{        
        padding: 0px 0 0px 20px;
        height: 0;
        overflow: hidden;
        transition: height 0.25s ease-in-out;
    }
    .nav__menu > .menu-item .sub-menu.active{        
        padding: 5px 0 5px 20px;
        height: auto;
    }
    .nav__menu > .menu-item-has-children > .menu_title{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nav__menu > .menu-item-has-children > .menu_title i::after{
        content: "\e900";
        font-family: 'Casamada';
        font-size: 9px;
        margin-left: 5px;
        color: #212120;
    }
    .nav__menu > .menu-item-has-children > .menu_title .active i::after{
        transform: rotate(-180deg);
        display: flex;
    }
    .nav__menu > .menu-item > .menu_title > a{
        display: flex;
        align-items: center;
    }
    .nav__menu > .menu-item{
        margin: 7px 0;
    }
    .nav__menu > .menu-item ul li a{
       padding: 5px;
        display: flex;
        align-items: center;
        text-transform: initial;
    }
}


/*FOOTER*/

footer{
    background-color: #212120;
}
@media (min-width:1200px){
    footer{
        position: fixed;
        bottom: 0;
        z-index: -1;
        left: 0;
        width: 100%;
    }
    .footer-bottom{
        z-index: 999999;
    }
    body{
        padding-bottom: 262px;
    }
}

.footer{
    max-width: 90%;
    margin: auto;
    padding: 60px 0 30px;
}
.footer_columns{
    display: flex;
    flex-wrap: wrap;
}
.footer_column{
    width: calc(100% / 4);
    
}
.footer_column:nth-child(1){
    padding: 0;
}
.footer_column:nth-child(2){
    padding: 0 40px;
}
.footer_column:nth-child(3){
    padding-right: 40px;
}
.footer_column:nth-child(4){
    padding-left:40px;
}
.footer_column_logo{
    margin-bottom: 20px;
}
.footer_column_image{
    height: 200px;
    width: 300px;
    margin-bottom: 20px;
}
.footer_column_image img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.footer_column_logo .custom-logo{
    filter: brightness(0) invert(1);
    max-height: 30px;
}
.footer_column_p{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #8d8d8d;
    max-width: 300px;
}
.footer_column_title{
    font-size: 17px;
    line-height: 22px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: .1em;
}

.footer_column_navigation li a{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #FFF;
    transition: all 0.25s ease-in-out;
}
.footer_column_navigation li a:hover{
    color: #F6F0EB;
}
.footer_column_it{
    margin-bottom: 5px;
    color: #8d8d8d;
    transition: all 0.25s ease-in-out;
}
.footer_column_it a{    
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #8d8d8d;
    transition: all 0.25s ease-in-out;
}
.footer_column_it:hover,
.footer_column_it:hover a{
    color: #FFF;
}
.footer_column_it i{
    font-size: 13px;
    margin-right: 5px;
}
.footer_column_it--last{
    margin-bottom: 20px;
}
.footer_column_redes{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.footer_column_redes a{
    color: #8d8d8d;
    font-size: 16px;
    margin-right: 15px;
    transition: all 0.25s ease-in-out;
}
.footer_column_redes a:hover{
    color: #FFF;
}
.footer_column_redes a:last-child{
    margin-right: 0;
}
.footer_column_redes .fa-facebook-f{
    font-size: 14px;    
}
.owl_hashtaginsta .image{
    height: 300px;
}
.owl_hashtaginsta .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.copyright{
    padding: 0;
    margin: 0;
}
.copyright p{    
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #8d8d8d;
}

/*BANNER*/
.section--bandefault{
    min-height: 400px;
    display: flex;
}
.bandefault_h1{
    font-size: 40px;
    text-align: center;    
    font-weight: 600;
    color: #FFF;
    margin-bottom: 10px;    
    letter-spacing: .1em;
    text-transform: uppercase;
}
.bandefault_h2{
    text-align: center;
    color: #FFF;
    max-width: 500px;
    line-height: 20px;
    font-size: 14px;
    margin: auto;
}
.section--hdecrip{
    min-height: 350px;
    display: flex;
}
.hdecrip{
    display: flex;
    flex-wrap: wrap;
}
.hdecrip_cc{
    width: 354px;
    padding-right: 30px;
}
.hdecrip_title{
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    color: #212120;
    line-height: 1.45em;
}
.hdecrip_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}
.hdecrip_images{
    width: calc(100% - 354px);
    display: flex;
    flex-wrap: wrap;
}
.hdecrip_images_item{
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    height: 290px;
}
.hdecrip_images_item img{
    object-fit: cover;
    object-position: left;
    height: 100%;
    transition: all 2s ease;
}
.hdecrip_images_item:hover img{
    object-position: right;
}
.hintroduccion{
    display: flex;
    flex-wrap: wrap;
}
.hintroduccion_content{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    max-width: 900px;
    margin: auto;
    width: 100%;
    text-align: center;
}
.hintroduccion_title{
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    color: #212120;
    max-width: 432px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: .1em;
}
@media (max-width:1200px){
    .section--hdecrip{
        min-height: auto;
        display: flex;
    }
}
.title{
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
    text-align: center;
    color: #212120;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.title.title--medio {
    font-size: 25px;
    max-width: 700px;
    line-height: 30px;
    margin: auto;
    margin-bottom: 15px;
}
.subtitle{
    color: #666;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;    
    text-align: center;
    max-width: 609px;
    width: 100%;
    margin: auto;
    margin-bottom: 40px;
}
.section--contact .container{
    display: flex;
    flex-wrap: wrap;
}
.content_contact{
    width: 50%;
}
.contact_title{
    font-size: 47px;
    text-transform: uppercase;
    line-height: 60px;
    font-weight: 600;
    max-width: 465px;
    margin-bottom: 30px;
    width: 100%;
    letter-spacing: .1em;
}
.section--sec_color_beige .contact_title,
.section--sec_color_beige .contact_subtitle{
    color: #fff;
}
.section--sec_color_beige .frm{
    background-color: transparent !important;
    border: 2px solid #fff;
}
.section--sec_color_beige .frm::placeholder{
    color: #FFF!important;
}

.contact_subtitle{
    max-width: 450px;
    width: 100%;
    line-height: 24px;
    font-weight: 400;
}
.section--contact .wpcf7{
    width: 50%;
}
.section--homedetalle .title{
    margin-bottom: 60px;
}

@media (max-width: 992px){
    .contact_title {
        font-size: 26px;
        text-transform: uppercase;
        line-height: 39px;
        font-weight: 600;
        max-width: 465px;
        margin-bottom: 20px;
        width: 100%;
        letter-spacing: .1em;
    }
    .content_contact{
        width: 100%;
        margin-bottom: 20px;
    }
    .section--contact .wpcf7{
        width: 100%;
    }
}

.hservices_grid{
    display: flex;
    flex-wrap: wrap;
}
.hservices_grid_item{
    width: calc(100% / 3 - 30px);
    margin: 15px;
}
.hservices_grid_item_image{
    height: 266px;
    margin-bottom: 20px;
}
.hservices_grid_item_image img{
    height: 100%;
    object-position: center;
    object-fit: cover;
    width: 100%;
}
.hservices_grid_item_title{
    font-size: 21px;
    color: #212120;
    line-height: 27px;
    font-weight: 600;
    letter-spacing: .1em;
}
.section--sec_color{
    background-color: #f5f5f5;
}
.section--ter_color{
    background-color: #AEB9AD;
}

.section--textandimage .container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 900px;
    margin: auto;
    width: 100%;
}
.section--textandimage_reverse .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}

.textandimage{
    width: 50%;
    text-align: center;
}
@media (min-width:1200px){
    .hdetalles_grid{
        margin: 0 -15px !important;
    }
}
@media (min-width:992px){
    .section--textandimage:not(.section--textandimage_reverse) .textandimage{
        padding-right: 30px
    }
    .section--whowork{
        padding: 80px 0;
    }
    .section--testimonios{
        padding-bottom: 90px;
    }
    .section--ptop{
        padding-top: 100px !important;
    }
    .section--pbottom{
        padding-bottom: 100px !important;
    }
    .section--pbottom2{
        padding-bottom: 150px !important;
    }
}
.textandimage img{
    height: 550px;
    width: 450px;
    margin: auto;
    object-fit: cover;
    object-position: center;
}
.textandimg{
    width: 50%;
    padding-left: 50px;
}
.section--textandimage_reverse .textandimg{
    padding-left: 0;
    padding-right: 50px;
}
.textandimg_title{
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 10px;
    letter-spacing: .1em;
    color: #212120;
}
.textandimg_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}

.textandimg_text_btn{
    margin-top: 20px;
}
.section--hdetalles{
    padding: 80px 0;
}
.section--hdetalles--mid{
    min-height: 300px;
    display: flex;
}
.section--hdetalles--mid .container{
    max-width: 800px;
}

.hdetalles_grid{
    display: flex;
    flex-wrap: wrap;
}
.hdetalles_grid_item{
    width: calc(100% / 3 - 30px);
    margin: 0 15px;
}
@media (max-width:768px){
    .hdetalles_grid_item {
        width: calc(100% / 1 - 30px);
        margin: 0 15px;
    }
}
@media (max-width:480px){
    .hdetalles_grid_item {
        width: calc(100% / 1);
        margin: 0;
        margin-bottom: 20px;
    }
    .hdetalles_grid_item:last-child{
        margin-bottom: 0;
    }
}
.hdetalles_grid_item_icon{
    margin-bottom: 20px;
    min-height: 90px;
    display: flex;    
    align-items: center;
    text-align: center;
    justify-content: center;
}
.hdetalles_grid_item_icon img{
    width: auto!important;
    max-width:80px;
}
.section--hdetalles--mid .hdetalles_grid_item_icon img{
    max-width:55px;
}
.hdetalles_grid_item_title{
    color: #000;
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 20px;
}
.hdetalles_grid_item_lorem{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #666;
}
.hdetalles_grid_item_lorem a{
    color: #666;
    transition: all 0.25s ease-in-out;
}
.hdetalles_grid_item_lorem a:hover{
    color: #000;
}

.owl_hbrands{
    margin-top: 40px;
}

.history{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    align-items: center;
}
.history:last-child{
    margin-bottom: 0;
}
.history_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    width: 60%;
    padding-right: 120px;
}
.history_text_title{
    font-family: 'BrittanySignature';
    font-size: 25px;    
    line-height: 30px;
    letter-spacing: .1em;
    margin-bottom: 20px;
    color: #A26D2E;
}
.history_image{
    width: 40%;
    height: 550px;
    background-color: #D3D1CD;
}
.history_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin-top: -20px;
    margin-left: -20px;
}
.numbers{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.numbers_item{
    text-align: center;
    min-width: 200px;
    margin: 10px;
}
.numbers_item_num{
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: .1em;
    margin-bottom: 10px;
}
.numbers_item_title{
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}
@media (max-width: 480px) {
    .numbers_item{
        width: calc(50% - 20px);
        min-width: auto;
        margin: 10px;
    }
}
.history:nth-child(2n + 2){
    flex-direction: row-reverse;
}
.history:nth-child(2n + 2) .history_text{
    padding-right: 0px;
    padding-left: 40px;
}
.section--founder .container{
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: auto;
    width: 100%;
}
.founder_image{    
    text-align: center;
    width: 400px;
}
.founder_image img{
    border-radius: 50%;
    width: 400px;
    height: 400px;
    object-fit: cover;
    object-position: center;    
}
.founder_info{
    width: calc(100% - 400px);
    margin: auto;    
    padding-left: 60px;
}
.founder_info_title{
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
    color: #212120;
}
.founder_info_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}
.frm{
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #8d8d8d;
    border: 1px solid rgba(229, 229, 229, 1);
    padding: 7px 10px;
}
.form__input::placeholder,
.form__input{
    font-family: 'Poppins', sans-serif !important;
}
.form__input--textarea::placeholder,
.form__input--textarea{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #8d8d8d;
    font-family: 'Poppins', sans-serif !important;
}
.defaultext{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}
.section--whowork .container{
    max-width: 1220px
}
.whowork{    
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.whowork_item{
    width: calc(100% / 3);
    padding: 10px 20px;
    position: relative;    
    text-align: center;
}
.whowork_item::before{
    content: "\e909";
    font-family: 'Casamada';
    position: absolute;
    font-size: 15px;
    line-height: 0;    
    top: 81px;
    right: -4px;
    color: #212120;
}
.whowork_item:last-child::before{
    content: none;
}
.whowork_item_image{
    margin: auto;
}
.whowork_item_image img{
    max-width: 60px;
    max-height: 60px;
}

.whowork_item_cc{
    position: relative;            
}
.whowork_item_number{    
    text-align: center;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: auto;
    color: #212120;
    border: 1px solid #212120;
    border-radius: 50%;
    z-index: 9;
}
.whowork_item_title{
    margin-top: 20px;   
}
.whowork_item_title_h3{
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    color: #212120;    
    letter-spacing: .1em;
    margin-bottom: 20px;
}
.whowork_item_title_p{
    font-weight: 300;
    font-size: 12px;
    line-height: 19px;
    color: #666;
    max-width: 250px;
    margin: auto;
    width: 100%;
    min-height: 80px;
    margin-bottom: 20px;
    text-align: center;
}
.whatdesign_part_title--white{
    color: white!important;
}
@media (max-width:992px){
    .whowork_item::before{
        content: none !important;        
    }
    .whowork_item{    
        width: 100%;
        padding: 20px 10px;        
    }

    .whowork_item_title_h3 {
        text-align: center;
        font-weight: 600;
        font-size: 17px;
        text-transform: uppercase;
        color: #212120;
        letter-spacing: .1em;
        margin-bottom: 20px;
    }
}
.owl_beneficios{
    margin-top: 30px;
}
.owl_beneficios .hdetalles_grid_item{
    width: 100% !important;
    margin: 0;
}
.hdetalles_grid_item_image{
    margin-bottom: 20px;
    height: 200px;
}
.hdetalles_grid_item_image img{
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    width: 100% !important;
}

.section--whatdesign .container {
    max-width: 990px;
}
.whatdesign{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.whatdesign_part{
    width: calc(100% / 2 - 20px);
    margin: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
    height: 400px;
    position: relative;
    transition: all 0.25s ease-in-out;
}
.section--whatdesign_3 .whatdesign_part:hover {
    background-color: transparent!important;
}
.section--whatdesign_3 .whatdesign_part_cc{
    opacity: 1;
    transition: all 0.25s ease-in-out;
}
.section--whatdesign_3 .whatdesign_part:hover .whatdesign_part_cc{
    opacity: 0;
}

.section--whatdesign_3 .whatdesign_part{
    width: calc(100% / 3 - 20px);
    height: 450px;
}
.section--whatdesign_3 .container{
    max-width: 1200px;
}
.whatdesign_part_opacity{
    height: 100%;
    background-color: rgba(255,255,255,0.2);
    transition: all 0.25s ease-in-out;
}
.whatdesign_part_cc{
    position: absolute;
    top: 50%;
    left: 20px;
    width: calc(100% - 40px);
    transform: translateY(-50%);
}
.section--sec_color_black{
    background-color: #212120;
}
.section--sec_color_black .title{
    color: #FFF;
}
.section--sec_color_beige{
    background-color: #C6BFAF;
}
.section--sec_color_beige .title{
    color: #FFF;
}
.whatdesign_part_title{
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #212120;
    text-align: center;
}
.whatdesign_part_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    height: 0;
    overflow: hidden;
    transition: height 0.25s ease-in-out;
}


.dcaracteristicas_grid{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    align-items: center;
}
.dcaracteristicas_text{
    width: 50%;
    padding-right: 50px;
}
.dcaracteristicas_text_car1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.dcaracteristicas_text_car1:last-child{
    margin-bottom: 0;
}
.dcaracteristicas_text_car1_number{
    width: 30px;
    font-weight: 600;
    font-size: 30px;
    margin-top: 5px;
}
.dcaracteristicas_text_car1_text{
    width: calc(100% - 30px);
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}
.dcaracteristicas_image{
    width: 50%;
    height: 400px;
}
.dcaracteristicas_image img{
    object-fit: cover;
    object-position: center;
    height: 100%;
}
.section--dcaracteristicas_invert .dcaracteristicas_grid{
    flex-direction: row-reverse;
}
.section--dcaracteristicas_invert .dcaracteristicas_text{
    width: 50%;
    padding-right: 0px;
    padding-left: 50px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;    
    color: #666;
}
.section--dcaracteristicas_invert .dcaracteristicas_image{
    height: 400px;
}
.section--dcaracteristicas_invert .dcaracteristicas_text ul{
    padding-left: 20px;
}
.section--dcaracteristicas_invert .dcaracteristicas_text li{
    list-style-image: url('assets/images/icons/check.svg');
    margin-bottom: 20px;
}
.section--dcaracteristicas_invert .dcaracteristicas_text li:last-child{
    margin-bottom: 0;
}
.testimonios{
    margin-top: 80px;
}

.owl_testimonios_item_text{
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}
.owl_testimonios_item_title{
    font-weight: 600;
    text-align: center;
    letter-spacing: .1em;
    margin-bottom: 15px;
}
.owl_cc_default{
    margin-top: 30px;
}

.owl_cc_default .owl-dots .owl-dot.active span {
    background-color: #212120 !important;
    transform: scale(1.4);
}
.owl_cc_default .owl-dots .owl-dot span {
    background-color: rgb(24 24 24 / 30%) !important;    
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.portafolio_ul{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.portafolio_li{
    color: grey;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0 10px;
    cursor: pointer;
    letter-spacing: .15em;
}
.portafolio_li.active{
    color: #000;
}
.portafolio_content{
    display: flex;
    flex-wrap: wrap;
}
.portafolio_content_item{
    width: calc(100% / 4 - 30px);
    margin: 15px;    
    position: relative;
    transition: transform 0.4s ease;
    overflow: hidden;
    transform: scale(1);
    cursor: pointer;
}
.portafolio_content_item_image{
    height: 410px;
    margin-bottom: 15px;
}
.portafolio_content_item_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.portafolio_content_item.hide{
    z-index: -1;
    position: absolute;
    transform: scale(0);
}
.portafolio_content_item_title{
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    letter-spacing: .1em;
    color: #212120;
    text-transform: uppercase;
}
.portafolio_content_item_text{    
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    transition: height 0.25s ease-in-out;
}
.section--top0{
    padding-top: 0;
}
.hashtag{
    height: 300px;
}
.owl_beneficios .owl-prev,
.owl_beneficios .owl-next{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;    
    background-color: #000 !important;
    background: #000 !important;
    z-index: 999;
    border-radius: 50% !important;    
    cursor: pointer;
    padding: 0!important;    
    font-size: 20px!important;  
    margin: 0 10px;
}

.portadetail{
    display: flex;
    flex-wrap: wrap;
}
.portadetail_slider{
    width: calc(100% - 320px);
}
.portadetail_text{
    width: 320px;
    padding-left: 30px;
}
.portadetail_t_title{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.portadetail_t_text{    
    font-weight: 300;
    font-size: 13px !important;
    line-height: 22px;
    color: #666;
    margin-bottom: 20px;
}
.portadetail_t_category{
    margin-bottom: 20px;
}
.portadetail_t_share strong,
.portadetail_t_category strong{
    font-weight: 500;
    margin-right: 10px;
}
.portadetail_t_category a{
    color: #666;
    font-size: 14px;
    line-height: 26px;
    transition: all 0.25s ease-in-out;
}
.portadetail_t_share a:hover,
.portadetail_t_category a:hover{
    color: #000;
}
.portadetail_t_share{
    display: flex;
}
.portadetail_t_share a{
    font-size: 15px;
    margin-left: 5px;
    transition: all 0.25s ease-in-out;
    color: #666;
}
.portadetail_t_share a:first-child{
    margin-left: 0;
}
.portadetail_t_share .fa-facebook-f{
    font-size: 14px;
}

.owl_gallery_portafolio{
    position: relative;         
}
.portadetail_slider .item{
    height: 600px;
}
.portadetail_slider .item img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.owl_gallery_portafolio .owl-prev,
.owl_gallery_portafolio .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000 !important;    
    background-color:transparent!important;    
    z-index: 999;
    border-radius: 50% !important;    
    cursor: pointer;
    padding: 0!important;
    margin: 0!important;
    font-size: 25px!important;        
}
.owl_gallery_portafolio .owl-prev{
    left: 10px;   
    transition: all 0.25s ease-in-out;
}
.owl_gallery_portafolio .owl-prev:hover{
    left: 5px;
}

.owl_gallery_portafolio .owl-next{
    right: 10px;
    transition: all 0.25s ease-in-out;
}
.owl_gallery_portafolio .owl-next:hover{
    right: 5px;
}



@media (max-width:1400px){
    .footer_column:nth-child(1){
        padding: 0;
        width: 30%;
    }
    .footer_column:nth-child(2){
        padding: 0 0 20px;
        width: 20%;
    }
    .footer_column:nth-child(3){
        padding-right: 20px;
        width: 30%;
    }
    .footer_column:nth-child(4){
        padding-left:20px;
        width: 20%;
    }
    .footer_column_logo .custom-logo {        
        max-height: 26px;
    }
    .footer_column_image {
        height: 200px;
        width: 280px;
        margin-bottom: 20px;
    }
    .footer_column_p{
        max-width: 280px;
    }
    .owl_gallery_portafolio .item{
        height: 500px;
    }
}
@media (max-width:1200px){
    .portadetail_slider{
        width: calc(100%);
        margin-bottom: 20px;
    }
    .portadetail_text{
        width: 100%;
        padding-left: 0px;
    }
    .footer_column:nth-child(1){
        padding: 0;
        width: 50%;
        margin-bottom: 20px;
    }
    .footer_column:nth-child(2){
        padding-left:30px;
        width: 50%;
    }
    .footer_column:nth-child(3){
        padding-right: 20px;
        width: 50%;
    }
    .footer_column:nth-child(4){
        padding-left:30px;
        width: 50%;
    }
    .section--textandimage .container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-end;        
    }
    .textandimage {
        width: 100%;        
    }
    .textandimg {
        width: 100%;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    body{
        padding-top: 60px;
    }
}
@media (max-width:1024px){
    .hdecrip_cc {
        width: 100%;
        padding-right: 00px;
        margin-bottom: 30px;
        padding: 0 10px;
    }
    .hdecrip_images {
        width: calc(100%);
        display: flex;
        flex-wrap: wrap;
    }
    .section--homedetalle .owl_beneficios{
        margin-top: 0;
    }
}
@media (max-width:992px){
    .portafolio_content_item_title {
        font-size: 17px;        
        line-height: 27px;
    }
    .portafolio_content_item {
        width: calc(100% / 2 - 20px);
        margin: 10px;        
    }
    .title {
        font-size: 27px;        
        line-height: 35px;        
    }
    .subtitle{
        font-size: 14px;
        line-height: 27px;
    }
    .hservices_grid_item {
        width: calc(100% / 2 - 30px);
        margin: 15px;
    }
    .section--bandefault {
        min-height: 300px;        
    }
    .bandefault_h1 {
        font-size: 35px;
    }
    .dcaracteristicas_text {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .section--dcaracteristicas_invert .dcaracteristicas_text{
        width: 100%;
        padding-right: 0px;
        padding-left: 0;
    }
    .dcaracteristicas_image {
        width: 100%;
        height: 300px;
    }
    .whatdesign_part_title {
        font-size: 20px;        
        line-height: 27px;        
    }
    .history_text {        
        color: #666;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .history_image {
        width: 100%;
        height: 550px;
        padding-left: 20px;
        padding-top: 20px;
    }
    .history:nth-child(2n + 2) .history_text {
        padding-right: 0px; 
        padding-left: 0px;
    }
}
@media (max-width:768px){   
    .owl_gallery_portafolio .item{
        height: 400px;
    }
    .portafolio_content_item_title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    }
    .portafolio_content_item_text{
        display: none;
    }
    .portafolio_ul{
        flex-wrap: wrap;
    }
    .portafolio_li:first-child{
        border-top: 1px solid #000;
    }
    .portafolio_li {        
        line-height: 30px;
        margin: 0 10px;
        cursor: pointer;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #000;
    }
    .section--founder .container{
        flex-direction: column-reverse;
    }
    .founder_info {
        width: calc(100%);
        margin: auto;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    .founder_image {        
        width: 100%;                
    }
    .whowork_item_title {        
        font-size: 16px;        
    }
    .owl_introimages{
        position: relative;
        padding: 0 20px;        
    }
    .owl_introimages .owl-prev,
    .owl_introimages .owl-next{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff !important;    
        background-color: #000 !important;
        background: #000 !important;
        z-index: 999;
        border-radius: 50% !important;    
        cursor: pointer;
        padding: 0!important;
        margin: 0!important;
        font-size: 20px!important;        
    }
    .owl_introimages .owl-prev{
        left: 0;   
    }
    .owl_introimages .owl-next{
        right: 0;
    }
    .hdecrip_cc {
        padding: 0 20px;
    }
    .hdecrip_images_item{
        width: 100%;
        margin: 0;
    }
    .hdecrip_images_item img{
        object-position: center;        
    }
    .hdecrip_images_item:hover img{
        object-position: center;
    }
    .footer_columns{
        max-width: 280px;
        margin: auto;
        width: 100%;
    }
    .footer_column:nth-child(1){
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .footer_column:nth-child(2){
        padding-left:00px;
        width: 100%;
    }
    .footer_column:nth-child(3){
        display: none;
    }
    .footer_column:nth-child(4){
        padding-left:0px;
        width: 100%;
    }
    .whatdesign_part {        
        height: 300px;        
    }
    .whatdesign_part .whatdesign_part_opacity {
        background-color: rgba(255,255,255,.6);
    }
    .whatdesign_part .whatdesign_part_text {
        height: auto;
        font-size: 13px;
    }    
    .whatdesign_part {
        width: calc(100% / 1);
        margin: 0;
        margin-bottom: 20px;
    }
    .whatdesign_part:last-child{
        margin-bottom: 0;
    }
    .section--whatdesign_3 .whatdesign_part {
        width: calc(100% / 1);
    }
    .bandefault_h1 {
        font-size: 30px;
    }
}
@media (max-width:650px){
    
    .portafolio_content_item_image {        
        height: 250px;
    }
    .hservices_grid_item {
        width: calc(100% / 2 - 20px);
        margin: 10px;
    }
    .hservices_grid_item_image {
        height: 200px;
        margin-bottom: 15px;
    }
    .hservices_grid_item_title {
        font-size: 15px;
        color: #212120;
        line-height: 20px;
        font-weight: 600;
    }
}
@media (max-width:480px){
    .owl_gallery_portafolio .item{
        height: 300px;
    }
    .bandefault_h1 {
        font-size: 26px;        
    }
    .history_image {
        width: 100%;
        height: 250px;
    }
    .founder_info_title{
        text-align: center;
    }
    .whowork_item_title {
        font-size: 14px;
    }
}

.wpcf7-form-control-wrap{
    width: 100%;
}
.whatsapp_link{
    position: fixed;
    bottom: 30px;
    right: 20px;
    height: 50px;
    width: 50px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background-color: #0DC143;
    border-radius: 50%;
    z-index: 9999;
}

.tabs_ul{
    display: flex;
    min-height: 36px;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #9E632B;
}
.tabs_li{    
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-right: 20px;
    cursor: pointer;
}
.tabs_li.active{
    color: #9E632B;
}
.tabs_button{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .1em;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
    background-color: #F7F7F9;
}
.tabs_button i{
    width: 50px;
    text-align: left;
}

.tabs_button span{
    width: calc(100% - 50px);
    text-align: left;
}
.tabs_panel_content{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    padding-bottom: 30px;
}

@media (max-width:1200px){
    .section--tabs{
        padding-top: 70px;
    }
    .tabs_ul{
        display: none;
    }
    .tabs_panel_content{
        margin-bottom: 20px;
    }
}
.breadcrumbs{
    display: flex;    
    white-space: nowrap;
    margin-bottom: 20px;
    overflow: hidden;
}
.breadcrumbs_li{
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .1em;
    list-style: none;
    padding-right: 10px;
    margin-right: 5px;
    position: relative;
}
.breadcrumbs_li::after{
    content: '/';
    position: absolute;
    right: 0;
}
.breadcrumbs_li:last-child::after{
    content: none;
}
.breadcrumbs_li a{
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .1em;
}
@media (max-width:1200px){
    .breadcrumbs_li a,
    .breadcrumbs_li{
        font-size: 10px;
        line-height: 18px;
    }
}
.owl_hbrands_item{
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl_hbrands_item img{
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto!important;
}
.tabs_panel_content ul{
    padding-left: 20px;
}
.tabs_panel_content li{
    list-style-image: url(assets/images/icons/check.svg);
    margin-bottom: 10px;
}

.modal.active{
    display: flex;
}
.modal{
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 999999999999999999999;
    overflow: hidden;
    display: none;
}
.close::after{
    content:'';
    background-image: url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgMUwxIDE5LjUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjUgMUwyMCAxOS41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;    
    transition: all 0.25s ease-in-out;
}
.modal--portafolio .contenedor{
    max-width: 1200px;
    width: calc(100% - 30px);
    padding: 0 50px;
    position: relative;
    margin: auto;
}
.close{
    position: absolute;
    top: 10px;
    right: 60px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;    
    padding: 0;
    font-size: 15px;
    color: #FFF;
    border-radius: 50%;
    z-index: 9;
    cursor: pointer
}
.modal .contenedor .content{
    position: relative;
    background-color: #fff;
    height: 100%;
    position: relative;    
    padding: 40px 40px 40px;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }
  
  .loading {
    width: 100%;
    display: flex;
    color: #000;
    justify-content: center;
  }
  .loading_cc {
    font-size: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
        width: 20px;
    height: 20px;
  }
  @media (max-width:1200px){
    .modal--portafolio .contenedor{
        padding: 0 20px;
    }
    .owl_gallery_portafolio .item {
        height: 340px;
    }
    .close {        
        right: 30px;
    }
    .portadetail {
        display: flex;
        flex-wrap: wrap;
        overflow: auto;
        height: 560px;
        padding-right: 25px;
        margin-bottom: 20px;
    }
    .portadetail::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      }
     .portadetail::-webkit-scrollbar {
        width: 4px;
        height: 4px;
      }
      .portadetail::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #000;
      }
  }
  .owl_gallery_portafolio .owl-nav{
      margin-top: 0;
  }
  .text-left{
      text-align: left;
  }

.section--dgallery{
    padding-bottom: 0;
}
.owl_design_gallery{
    width: 100%;
    margin: auto;
    
}
.design_gallery_item{
    height: 363px;
    position: relative;
    display: flex;
}
.design_gallery_item img{
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.design_gallery_item_content{
    background-color: #fff;
    padding: 15px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    min-height: 110px;
    width: calc(100% - 40px);
}
.design_gallery_item_titl{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #181818;
    letter-spacing: .1em;
    margin-bottom: 10px;
}
.design_gallery_item_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}
.owl_design_gallery .owl-prev:hover,
.owl_design_gallery .owl-next:hover{
    background-color: transparent !important;
    background: transparent !important;
}
.owl_design_gallery .owl-prev,
.owl_design_gallery .owl-next{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000 !important;    
    z-index: 999;  
    cursor: pointer;
    padding: 0!important;    
    font-size: 30px!important;  
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.owl_design_gallery .owl-prev{
    left: -5px;
    
}
.owl_design_gallery .owl-next{
    right: -5px;
}

@media (max-width: 1440px){
    .owl_design_gallery{
        max-width: 1200px;
    }
}
@media (max-width: 1200px){
    .owl_design_gallery{
        padding:  0 20px;
    }
}

.owl_prds_item{
    min-height: 300px;
    display: flex;
    padding: 20px;
    align-items: end;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.owl_prds{
    margin-top: 50px;
}
.prds_title{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #181818;
    letter-spacing: .1em;
    opacity: 0;
    transition: all 0.25s ease-in-out;
}

.owl_prds_item:hover .prds_title{
    opacity: 1;
}

.owl_prds .owl-prev:hover,
.owl_prds .owl-next:hover{
    background-color: transparent !important;
    background: transparent !important;
}
.owl_prds .owl-prev,
.owl_prds .owl-next{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000 !important;
    z-index: 999;
    margin: 0;
    cursor: pointer;
    padding: 0!important;
    font-size: 30px!important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.owl_prds .owl-prev{
    left: 5px;

}
.owl_prds .owl-next{
    right: 5px;
}

.procesos{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    max-width: 930px;
    margin: auto;
    width: 100%;
}

.proceso_item{
    width: calc(100% / 2 - 30px);
    margin: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}
.proceso_item_cc{
    width: 100%;
    max-width: 348px;
    padding: 20px;
}
.proceso_item_title{
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 10px;
    letter-spacing: .1em;
    text-align: center;
    color: #FFF;
}
.proceso_item_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    text-align: center;
}
.section--ctaimle .container{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
}
.ctaimle_title_cc{
    background-color: #D3D1CD;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px
}
.ctaimle_title{
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 10px;
    letter-spacing: .1em;
    text-align: center;
    color: #FFF;
    max-width: 504px;
    width: 100%;
}
.ctaimle_image{
    width: 50%;
    padding-left: 5px;
}
.ctaimle_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.owl_beneficios{
    margin-top: 60px;
}
.ibeneficios_item{
    background-color: #EFEEE6;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 20px;
}
.ibeneficios_item_text{
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #666;
}
.section--dmtext .textandimg_title{
    line-height: 53px;
}
.section--dmtext .textandimage{
    position: relative;    
}
.section--dmtext .textandimage img{
    position: relative;
    z-index: 10;
}

.section--dmtext .textandimage::after{
    content: '';
    position: absolute;
    background-color: #D3D1CD;
    width: 100%;
    height: 100%;
    right: -40px;
    bottom: -40px;
    z-index: 5;
}

.section--portafolio .title{
    max-width: 430px;
    margin: auto;
    width: 100%;
    margin-bottom: 50px;
}
.porteext{
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    max-width: 900px;
    margin: auto;
    width: 100%;
    margin-bottom: 60px;
}
.section--tabs .container{
    max-width: 1000px;
    margin: auto;
    width: 100%;
}
@media (max-width:1200px){
    .section--dmtext .textandimage {
        position: relative;
        width: 50%;
    }
    .section--textandimage_reverse .textandimg{
        padding-right: 0;
        text-align: center;
    }
}
@media (max-width:998px){
    .history_image{
        width: 100%;
        height: 550px;
        background-color:transparent;
        padding: 0;
    }
    .history_image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        margin-top: 0px;
        margin-left: 0px;
    }
    .proceso_item {
        width: calc(100% / 1 );
        margin: 15px 0;        
        min-height: 300px;
    }
    .section--ctaimle{
        padding: 0;
    }    
}
@media (max-width:768px){
    .section--dmtext .textandimage::after{
        content: none;
    }
    .section--dmtext .textandimage {
        position: relative;
        width: 100%;
    }
    .ctaimle_title {
        font-size: 17px;
        font-weight: 400;
        line-height: 36px;
        margin-bottom: 10px;
        letter-spacing: .1em;
        text-align: center;
        color: #FFF;
    }
    .section--ctaimle .container{
        max-width: 300px;
    }
    .ctaimle_title_cc{
        width: 100%;
    }
    .ctaimle_image{
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
        height: 300px;
    }
    
}
@media (max-width:480px){
    .founder_image img {        
        width: 200px;
        height: 200px;
    }
    .textandimg_title {
        font-size: 22px;        
        line-height: 33px;        
    }

}


.item_collapse {
    width: 100%;
    margin-bottom: 20px;
}
.item_collapse .c-collapse {
    display: none;
    padding: 30px 20px;
}

.item_collapse button {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #F7F7F9;
    padding: 15px;
}
.item_collapse.active button {
    background-color: #C6B5A5;
}
.item_collapse button i {
    width: 50px;
    font-size: 20px;
    color: #000;
}
.item_collapse.active button i {
    color:#fff;
}

.item_collapse button i::before {
     content: "+";
}
.item_collapse.active button i::before {
    content: "-";
}

.item_collapse button span {
    width: calc(100% - 50px);
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    text-align: left;
    letter-spacing: 0.1em;
}
.item_collapse.active button span {
    color: #fff;
}
.item_collapse_p{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}