:root{
    --color-white:#ffffff;
    --color-black:#000000;
    --color-black-light:#353535;
    --color-azul-ducald:#28256B;
    /* --color-naranja-ducald:#CD5B20; */
    --color-naranja-ducald:#EA5B13;
    --color-amarillo-ducald:#F9AE00;
    --color-gris-ducald:#C5C5C5;
    --font-open-sans: 'Open Sans', sans-serif;
}

body{
    padding: 0;
    margin: 0;
    font-size: 16px;
    overflow-x: hidden;
    font-family: var(--font-open-sans);
}

/* MENÚ PRINCIPAL */
.menu_principal{
    display: block;
    position: relative;
    box-shadow: 0px 6px 18px rgb(0 0 0 / 20%);
    z-index: 9;
    background-color: var(--color-white);
}

.cont_encabezado{
    max-width: 1200px;
    margin-left: calc(50% - 600px);
}
.cont_encabezado .tit_principal{
    margin-bottom: 48px;
}
.tit_principal, .tit_principal_bn, .tit_principal_bk{
    font-family: var(--font-open-sans);
    color: var(--color-azul-ducald);
    line-height: 3.6rem;
    font-weight: 800;
    font-size: 2.7vw;
}
.tit_principal{
    color: var(--color-azul-ducald);
}
.tit_principal_bn{
    color: var(--color-white);
}
.tit_principal_bk{
    color: var(--color-black);
}
.subtit_principal{
    font-family: var(--font-open-sans);
    color: var(--color-black);
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: bold;
}
h6.subtit_principal{
    font-size: 1.3rem;
}
.subtit_principal_bn{
    font-family: var(--font-open-sans);
    color: var(--color-white);
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: bold;
}
.subtit_secundario{
    font-size: 2rem;
    color: var(--color-black);
    font-weight: bold;
    line-height: 2.4rem;
}
.subtit_secundario_bn{
    font-size: 2rem;
    color: var(--color-white);
    font-weight: bold;
    line-height: 2.4rem;
}
.subtit_tercero{
    font-size: 2.1rem;
    color: var(--color-black);
    font-weight: bold;
    line-height: 2.4rem;
}
.txt_secundario{
    color: var(--color-black);
    font-size: 1.3rem;
    font-weight: 600;
}
.txt_tercero{
    font-family: var(--font-open-sans);
    font-size: 1.4rem;
    font-weight: 600;
}
.txt_general{
    font-family: var(--font-open-sans);
    color: var(--color-black);
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
}
.txt_general_bn{
    font-family: var(--font-open-sans);
    color: var(--color-white);
    line-height: 1.5rem;
    font-size: 1.3rem;
}
.txt_tercero_xb{
    font-family: var(--font-open-sans);
    font-size: 1.4rem;
    font-weight: 800;
}
.txt_rendimiento{
    font-family: var(--font-open-sans);
    margin-bottom: 8px;
    font-weight: 600;
}
.rendimiento{
    color: var(--color-naranja-ducald);
}
.w-400{
    width: 750px;
    margin-left: calc(50% - 375px);
}

/* BOTONES */
button.btn_gen{
    font-family: var(--font-open-sans);
    color: var(--color-azul-ducald);
    font-weight: 600;
    font-size: 1.4rem;
    background-color: #fff;
    border: none;
}
button.btn_gen:hover{
    font-family: var(--font-open-sans);
    color: var(--color-azul-ducald);
    font-weight: 600;
    font-size: 1.4rem;
    background-color: #fff;
    border: none;
}
.btn_gen{
    font-family: var(--font-open-sans);
    color: var(--color-naranja-ducald);
    font-weight: 600;
}
.btn_gen:hover{    
    color: var(--color-naranja-ducald);
    text-decoration: underline;
}
button.btn_ficha{
    background-color: #fff;
    border: 0px;
    margin-left: 0;
}
.modaldownload .modal-header{
    justify-content: end;
    align-items: center;
}
.btn_download_pdf{
    width: 28px;
    height: auto;
}
.modaldownload .modal-header .close{
    margin-right: 0;
}
.modaldownload .modal-header{
    padding: 0rem 1rem;
}
.tit_link, .tit_link_col{
    position: relative;
    font-size: 3vw;
    font-weight: 800;
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: none;
    padding: .6rem 0rem;
}
.tit_link{
    color: var(--color-white);
}
.tit_link:hover{
    color: var(--color-white);
    text-decoration: none;
}
.tit_link_col{
    color: var(--color-azul-ducald);
}
.link_slide{
    text-shadow: 1px 5px 7px rgb(0 0 0 / 30%), 0px -5px 35px rgb(255 255 255 / 30%);
}
.button::before,
.button::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button--telesto {
	overflow: hidden;
	font-weight: 800;
	background-color: transparent;
}

.button--telesto span {
	display: block;
	position: relative;
	z-index: 1;
}

.button--telesto > span {
	overflow: hidden;
}

.button--telesto:hover > span > span {
	animation: MoveRightInitial 0.1s forwards, MoveRightEnd 0.3s forwards 0.2s;
}

.button--telesto::before,
.button--telesto::after {
	content: '';
	background: var(--color-white);
}

.button--telesto::before {
	width: 132%;
    height: 10px;
	transform: translate3d(-100%,0,0);
    left: -1px;
}

.button--telesto:hover::before {
    transform: translate3d(0,0,0);
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--telesto::after {
    width: 105%;
    height: 10px;
	transform: translate3d(100%,0,0);
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--telesto:hover::after {
	transform: translate3d(0,0,0);
	transition: transform 0.01s 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.btn_ficha{
    color: #EA5B13;
    font-style: italic;
    margin-left: 8px;
}
.btn_ficha img{
    width: 30px;
}

#modalFicha .modal-body, #modalSeguridad .modal-body, #modalColores .modal-body {
    padding: 0;
    overflow: scroll;
    height: 100%;
}
#modalFicha .modal-content, #modalSeguridad .modal-content, #modalColores .modal-content{
    height: 566px;
}
.obj_pdf{
    overflow: scroll;
}

/* NAVEGACIÓN */
#sec_ducald_01{
    width: 100%;
    height: 90vh!important;
}

.navbar{
    width: 80%;
    margin-left: 10%;
    justify-content: space-between;
}
.navbar .navbar-brand{
    width: 120px;
    height: auto;
}
.modal-header .navbar-brand {
    width: 120px;
    height: auto;
    margin-left: 10%;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: 0;
    color: var(--color-azul-ducald);
    opacity: 1;
    font-size: 2rem;
    margin-right: 10%;
}
.modal-body{
    padding: 0;
    overflow: hidden;
}
.modal-fullscreen{
    max-width: 100%;
    max-height: 100vh;
    margin: 0;
}
.modal-content{
    height: 100vh;
}
.cont_img_menu{
    display: block;
    width: 100%;
    height: 87vh;
    background-image: url('../images/img_menu_principal.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(0px);
    animation-name: imageMenu1;
    animation-duration: 0.6s;
}
.cont_list_navbar{
    background-color: var(--color-azul-ducald);
}
/* MENÚ */
.list_navbar{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 0;
    list-style: none;
    height: 70vh;
}
.list_navbar a{
    color: var(--color-white);
    font-family: var(--font-open-sans);
    font-size: 2rem;
    font-weight: bold;
    position: relative;
}
.list_navbar li{
    padding-bottom: 1.8%;
    padding-left: 20px;
}
/* SOCIAL */
.list_navbar_social{
    width: 100%;
    padding-left: 12px;
    list-style: none;
    height: 12vh;
    display: flex;
    align-items: center;
}
.list_navbar_social a{
    margin: 0 12px;
}
.list_navbar_social img{
    height: 40px;
}



    /* SECCIONES */
.nav_prod .v_desktop{
    display: none;
}
.home_v_movil{
    display: none;
}
.v_movil{
    display: none;
}
.sec_general{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
    width: 100%;
    height: 100vh;
}
#sec_ducald_01, #sec_ducald_02, #sec_ducald_03, #sec_ducald_04, #sec_ducald_05, #sec_ducald_06{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
#sec_ducald_01{
    background-image: url('../images/Pinturas-fachada-ducald-tu-mejor-opcion.jpg');
}
#sec_ducald_02{
    background-image: url('../images/Pinturas-ducald-productos.jpg');
}
#sec_ducald_03{
    background-image: url('../images/Pinturas-ducald-nosotros.jpg');
}
#sec_ducald_04{
    background-image: url('../images/Pinturas-ducald-blog.jpg');
}
#sec_ducald_05{
    background-image: url('../images/Pinturas-ducald-facturacion.jpg');
}
#sec_ducald_06{
    background-image: url('../images/Pinturas-ducald-contacto-new.jpg');
}


    /* FOOTER */
#footer{
    position: relative;
    font-family: var(--font-open-sans);
    background-color: var(--color-amarillo-ducald);
    font-weight: 600;
    padding: 100px 0px 20px 0px;
}
#footer::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 68px;
    top: -60px;
    background-image: url('../images/svg/pleca_footer_top.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}
.cont_logo_foot{
    margin-bottom: 40px;
}
.tit_footer{
    color: var(--color-white);
    font-weight: 600;
    font-size: 1rem;
}
.tit_foot_principal{
    font-family: var(--font-open-sans);
    font-size: 1rem;
    font-weight: bold;
    color: var(--color-white);
}
.list_foot_product{
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
.list_foot_product a{
    color: var(--color-white);
    font-size: 1rem;
    font-weight: 500;
}
.list_social_foot{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 60px 0px;
}
.list_social_foot a{
    height: 28px;
    padding: 0px 6px;
    margin: 0 2px;
}
.list_social_foot li img{
    height: 28px;
}
.txt_legales{
    color: var(--color-white);
    font-family: var(--font-open-sans);
    font-size: 1rem;
    margin-bottom: 0;
}

/* __PÁGINA PRINCIPAL__ */
.sec_gen{
    position: relative;
    padding: 80px 0px 100px 0px;
}
.pleca_divider::before{
    position: absolute;
    content: "";
    top: -60px;
    width: 100%;
    left: 0;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center bottom -4px;
    background-size: 100%;
    z-index: 1;
}
.pleca_white::before{
    background-image: url('../images/svg/pleca_divider_white.svg');
}
.pleca_orange::before{
    background-image: url('../images/svg/pleca_divider_orange.svg');
}
.pleca_blue::before{
    background-image: url('../images/svg/pleca_divider_blue.svg');
}

/* SLIDER DUCALD */
.owl-carousel.home-slider .slider-item{
    padding-top: 150px;
}
.slider-item01{
    background-image: url('../images/Pinturas-ducald-slider-impermeables.jpg');
}
.slider-item02{
    background-image: url('../images/Pinturas-ducald-slider-inmejorable.jpg');
}
.slider-item03{
    background-image: url('../images/Pinturas-ducald-slider-calidad-es.jpg');
}
.slider-item04{
    background-image: url('../images/Pinturas-ducald-slider-maderas.jpg');
}
.slider-item05{
    background-image: url('../images/Pinturas-ducald-slider-trafico.jpg');
}
.home-slider{
    height: 80vh!important;
}
.owl-carousel .owl-stage-outer{
    height: 100%;
}
.owl-carousel.home-slider .slider-item .slider-text h1{
    font-family: var(--font-open-sans);
    font-size: 4vw;
    color: var(--color-azul-ducald);
    margin-bottom: 20px;
}
.cont_descrip_slider{
    max-width: 580px;
    margin-left: 40px;
}
.txt_slider{
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--color-azul-ducald);
}
.icon-arrow-back, .icon-arrow-next {
    display: block;
    width: 40px;
    height: 40px;
}
.owl-carousel.home-slider .owl-nav .owl-prev{
    position: relative;
    background-image: url('../images/svg/icon_arrow_back.svg');
    background-repeat: no-repeat;
    background-size: cover;
    left: calc(49% - 100px);
}
.owl-carousel.home-slider .owl-nav .owl-next{
    position: relative;
    background-image: url('../images/svg/icon_arrow_next.svg');
    background-repeat: no-repeat;
    background-size: cover;
    right: calc(-51% + 100px);
}
.owl-carousel.slide-img .owl-nav .owl-prev{
    position: relative;
    background-image: url('../images/svg/icon_arrow_back.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.owl-carousel.slide-img .owl-nav .owl-next{
    position: relative;
    background-image: url('../images/svg/icon_arrow_next.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent!important;
}
.owl-carousel.home-slider .owl-nav{
    top: 84%;
}

    /* FILA 4 PRODUCTOS */
.cont_productos{
    margin-top: 80px;
}
 .article_product_cover img{
    width: 80%;
    margin-bottom: 24px;
} 
.cont_tit{
    padding: 40px 0px;
}

    /* SECTION BLOG */
#sec_blog{
    background-color: var(--color-naranja-ducald);
}
#sec_blog .cont_txt{
    margin-left: 24px;
}
#sec_blog img{
    width: 50%;
}
#sec_factura{
    background-color: var(--color-azul-ducald);
}

    /* SECTION POR QUE ELEGIR */
#por_que_elegir{
    padding: 80px 5% 100px 5%;
}
.cont_elegir_gal{
    margin-top: 24px;
}
.cont_socios_comerciales h2.tit_principal{
    margin: 80px 0px;
}
.list_general{
    padding-left: 20px;
}
.list_general .item_general{
    font-family: var(--font-open-sans);
    font-size: 1.2rem;
    font-weight: 600;
}
.byp_download{
    color: var(--color-azul-ducald);
}
.img-alpha{
    width: 200px!important;
}

/* __PREGUNTAS FRECUENTES__ */
.sec_preguntas{
    padding: 80px 0px 100px 0px;
}
.sangria{
    padding-left: 20px;
}

/* __PRODUCTOS__ */
    /* NAV PRODUCTOS */
.nav_prod{
    position: relative;
    /* position: sticky;
    top: 0px; */
    /* padding: 20px 0px; */
    height: 60px;
    background-color: var(--color-naranja-ducald);
    z-index: 2;
    box-shadow: 0px 6px 24px rgba(0,0,0,0.6);
}
.nav_list{
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    margin: 0 auto;
    max-width: 1100px;
}
.nav_prod .item_nav{
    font-family: var(--font-open-sans);
    color: var(--color-white)!important;
    font-size: 1rem;
    cursor: pointer;
    margin: 0 20px 16px 20px;
}
#calc_litros{
    padding: 80px 0px;
}

    /* CUANTOS LITROS */
.cont_form_litros{
    margin-top: 60px;
}
.cont_form_calc{
    background-color: var(--color-naranja-ducald);
}
#form_litros{
    box-sizing: border-box;
    padding: 24px;
}
.group_input{
    width: 100%;
}
.group_input input{
    padding: 6px 16px;
    border: none;
    width: 100%;
    background-color: var(--color-gris-ducald);
    font-family: var(--font-open-sans);
    margin-bottom: 20px;
}
#form_litros .group_input input::placeholder{
    color: var(--color-black-light);
    font-family: var(--font-open-sans);
    font-weight: 600;
}
#form_litros label{
    display: block;
    font-family: var(--font-open-sans);
    color: var(--color-white);
    font-size: 1.4rem;
}
#form_litros #btn_form{
    margin-top: 8px;
    width: 100%;
    background-color: var(--color-white);
    font-size: 1.4rem;
    border: none;
    padding: 4px 0px;
}
#form_litros #btn_form::placeholder{
    font-family: var(--font-open-sans);
}
.cont_return_form{
    background-color: var(--color-white);
    border: 4px solid var(--color-naranja-ducald);
    padding: 40px 0px 60px 0px;
}
.tit_return{
    font-family: var(--font-open-sans);
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    color: var(--color-naranja-ducald);
}
.number_retur{
    font-family: var(--font-open-sans);
    font-weight: bold;
    font-size: 3rem;
    text-align: center;
}
.subTit_return{
    font-family: var(--font-open-sans);
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.2rem;
}
.caption_return{
    font-family: var(--font-open-sans);
    font-size: .9rem;
    font-weight: 600;
}
.w-300{
    width: 800px;
    margin-left: calc(50% - 400px);
}
.cont_img_balse{
    margin: 80px 0px 0px 0px;
}
.cont_img_balse img{
    max-width: 340px;
}


    /* BANNER MADERAS */
#banner_maderas{
    padding: 120px 0px 120px 0px;
    margin-bottom: 40px;
    background-image: url('../images/Pinturas_ducald_bg_maderas.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    /* SLIDER FOTOS */
#sec_tecnologia{
    padding: 20px 0px 0px 0px;
    height: auto;
}
.slide-img .owl-nav{
    position: absolute;
    bottom: 100px;
    width: 100%;
}
#sec_tecno_descrip{
    padding: 80px 5% 60px 5%;
}

    /* FILOSOFÍA */
#sec_filo{
    padding: 0px 5% 60px 5%;
}
#sec_filo h2{
    margin-bottom: 80px;
}
#sec_filo > div{
    margin-bottom: 30px;
}

    /* LISTADO DE UBICACIONES */
#sec_directorio{
    padding: 80px 5% 120px 5%;
    background-color: var(--color-azul-ducald);
}

/* __BLOG__ */
#sec_blog_encab{
    padding: 80px 0px 40px 0px;
}
.item_article_blog{
    padding: 40px 0px 0px 0px;
}
/* __CONTACTO__ */
#sec_ubicacion{
    padding: 0px 5% 60px 5%;
}
.list_atencion{
    list-style: none;
    padding-left: 0;
}
.list_atencion a{
    font-family: var(--font-open-sans);
    color: var(--color-black);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5rem;
}

    /* FORMULARIO TABULACION */
#sec_form_navTab{
    padding: 0px 5% 60px 5%;
}
.form_contacto label{
    font-family: var(--font-open-sans);
    color: var(--color-azul-ducald);
    font-size: 1.4rem;
    line-height: 1.3rem;
    font-weight: 500;
}
.form_contacto .group_input input{
    margin-bottom: 20px;
}
.label_cont{
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
}
.form_contacto .group_input input[type=radio]{
    width: 10px;
}
.form_contacto h2{
    font-family: var(--font-open-sans);
    color: var(--color-azul-ducald);
    font-size: 1.6rem;
    line-height: 1.3rem;
    font-weight: 500;
}
.form_contacto .form-check-label{
    color: var(--color-black);
}
.form_contacto textarea{
    display: block;
    width: 100%;
    padding: 6px 16px;
    height: 34px;
    border: none;
    background-color: var(--color-gris-ducald);
}
.form_contacto .btn_submit{
    color: var(--color-white);
    width: 100%;
    border: none;
    padding: 4px 0px;
    background-color: var(--color-naranja-ducald);
}
.cont_input_radio{
    margin-bottom: 20px;
}
.nav-tabs .nav-link{
    padding: 8px 16px;
    font-size: 1.6rem;
}
.nav-tabs .nav-link.active{
    background-color: var(--color-naranja-ducald);
    color: var(--color-white);
}
#myTab .nav-item{
    width: 25%;
}
#myTab .nav-item .nav-link{
    width: 100%;
}
.tab-pane{
    box-sizing: border-box;
    border: 2px solid var(--color-naranja-ducald);
}
    /* BTN PREGUNTAS FAQS */
#sec_faqs{
    padding: 20px 0% 100px 0%;
}
#exampleModal{
    z-index: 999;
}
.modal-backdrop{
    z-index: 1;
}

    /* __PRODUCTOS */

/*ENCABEZADOS*/
.center-block{
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.vinilica_ducald, .esmalte_ducald, .epoxico_ducald, .sellador_ducald, .poliuretano_ducald, .impermeabilizante_ducald, .trafico_ducald, .fondo_estructural, .barniz_ducald, .alberca_ducald, .pegamento_ducald, .tintas_ducald, .accesorios_ducald{
    background-repeat: no-repeat;
    background-size: contain;
}

.vinilica_ducald{
    background-image: url('../images/ducald_encabezado_vinilica.jpg');
}
.esmalte_ducald{
    background-image: url('../images/ducald_encabezado_esmalte.jpg');
}
.epoxico_ducald{
    background-image: url('../images/ducald_encabezado_epoxico.jpg');
}
.sellador_ducald{
    background-image: url('../images/ducald_encabezado_sellador_polivinilico.jpg');
}
.poliuretano_ducald{
    background-image: url('../images/ducald_encabezado_poliuretano.jpg');
}
.impermeabilizante_ducald{
    background-image: url('../images/ducald_encabezado_impermeabilizante.jpg');
}
.impermeabilizante_ducald{
    background-image: url('../images/ducald_encabezado_impermeabilizante.jpg');
}
.impermeabilizante_ducald{
    background-image: url('../images/ducald_encabezado_impermeabilizante.jpg');
}
.trafico_ducald{
    background-image: url('../images/ducald_encabezado_trafico.jpg');
}
.fondo_estructural{
    background-image: url('../images/ducald_encabezado_fondo_estructural.jpg');
}
.barniz_ducald{
    background-image: url('../images/ducald_encabezado_barniz.jpg');
}
.alberca_ducald{
    background-image: url('../images/ducald_encabezado_alberca.jpg');
}
.pegamento_ducald{
    background-image: url('../images/ducald_encabezado_pegamento.jpg');
}
.pasta_acrilica_ducald{
    background-image: url('../images/ducald_encabezado_pasta_acrilica.jpg');
}
.tintas_ducald{
    background-image: url('../images/ducald_encabezado_tinta.jpg');
}
.accesorios_ducald{
    background-image: url('../images/ducald_encabezado_accesorios.jpg');
}
.accesorios_img img{
    width: 100%;
}

.sec_pintura_producto{
    padding: 80px 0px 60px 0px;
    width: 100%;
    overflow: hidden;
}
.sec_distribuidor_producto{
    padding: 00px 0px 80px 0px;
}
.divider_p{
    width: 100%;
    height: 50px;
}
.hidden-menu{
    position: absolute;
    display: none;
    width: 100%;
    top: 100px;
    box-sizing: border-box;
    background-color: var(--color-amarillo-ducald);
    z-index: 1;
    height: 200%;
    overflow: hidden;
    animation-name: hidden__menu;
    animation-duration: .4s;
    animation-timing-function: ease-in-out;
    /* añadir animación */
}
.tit_menu{
    padding-top: 20px;
    display: block;
    color: var(--color-white);
    text-align: center;
    cursor: pointer;
}

.display_none{
    display: none;
}
.display_block{
    display: none;
}
.show_menu{
    animation-name: show_menu_anima;
    animation-duration: .4s;
    animation-fill-mode: forwards;
}
.show_menu .v_desktop{
    display: block;
}
.show_menu .item_nav{
    animation-name: item_nav_anima;
    animation-fill-mode: forwards;
    animation-duration: .2s;
    opacity: 0;
}
.show_menu .item_vinilica{
    animation-delay: .3s;
}
.show_menu .item_esmalte{
    animation-delay: .4s;
}
.show_menu .item_epoxico{
    animation-delay: .5s;
}
.show_menu .item_polivinilico{
    animation-delay: .6s;
}
.show_menu .item_poliuretano{
    animation-delay: .7s;
}
.show_menu .item_impermeabilizante{
    animation-delay: .8s;
}
.show_menu .item_trafico{
    animation-delay: .9s;
}
.show_menu .item_alberca{
    animation-delay: 1.0s;
}
.show_menu .item_estuctural{
    animation-delay: 1.1s;
}
.show_menu .item_barniz{
    animation-delay: 1.2s;
}
.show_menu .item_pegamento{
    animation-delay: 1.3s;
}
.show_menu .item_pasta_acrilica{
    animation-delay: 1.4s;
}
.show_menu .item_tintas{
    animation-delay: 1.5s;
}
.show_menu .item_accesorios{
    animation-delay: 1.6s;
}

.nav_list div.d-none{
    display: none!important;
}
.subMenu_productos{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 12px;
}
.subMenu_productos img{
    width: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    max-height: 124px;
}
.subMenu_productos a{
    display: inherit;
    width: 100%;
    height: 50px;
    font-size: .8rem;
    line-height: 1rem;
    color: var(--color-black);
    font-family: var(--font-open-sans);
    font-weight: 600;
    height: 100%;
}
.subMenu_productos{
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.subMenu_productos li{
    text-align: center;
    width: 120px;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: itemMenu01;
    animation-duration: .5s;
}

.subMenu_productos li:nth-child(1){
    animation-delay: .3s;
}
.subMenu_productos li:nth-child(2){
    animation-delay: .4s;
}
.subMenu_productos li:nth-child(3){
    animation-delay: .5s;
}
.subMenu_productos li:nth-child(4){
    animation-delay: .6s;
}
.subMenu_productos li:nth-child(5){
    animation-delay: .7s;
}
.subMenu_productos li:nth-child(6){
    animation-delay: .8s;
}
.subMenu_productos li:nth-child(7){
    animation-delay: .9s;
}
.subMenu_productos li:nth-child(8){
    animation-delay: 1s;
}
.subMenu_productos li:nth-child(9){
    animation-delay: 1.1s;
}
.subMenu_productos li:nth-child(10){
    animation-delay: 1.2s;
}
.subMenu_productos li:nth-child(11){
    animation-delay: 1.3s;
}
.subMenu_productos li:nth-child(12){
    animation-delay: 1.4s;
}
.subMenu_productos li:nth-child(13){
    animation-delay: 1.5s;
}
.subMenu_productos li:nth-child(14){
    animation-delay: 1.6s;
}
.subMenu_productos li:nth-child(15){
    animation-delay: 1.7s;
}
.nav_list_offset .hidden-menu {
    top: 60px;
}
/* NAV */
.list_navbar a:nth-child(1){
    animation-name: animaItem1;
    animation-duration: .4s;
}
.list_navbar a:nth-child(2){
    animation-name: animaItem1;
    animation-duration: .6s;
}
.list_navbar a:nth-child(3){
    animation-name: animaItem1;
    animation-duration: .7s;
}
.list_navbar a:nth-child(4){
    animation-name: animaItem1;
    animation-duration: 1.0s;
}
.list_navbar a:nth-child(5){
    animation-name: animaItem1;
    animation-duration: 1.2s;
}
.list_navbar a:nth-child(6){
    animation-name: animaItem1;
    animation-duration: 1.4s;
}
.list_navbar a:nth-child(7){
    animation-name: animaItem1;
    animation-duration: 1.6s;
}

/* NAV BEFORE */
.list_navbar a::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    background-color: var(--color-white);
}
.list_navbar a:nth-child(1)::before{
    animation-name: animaLine1;
    animation-duration: .4s;
}
.list_navbar a:nth-child(2)::before{
    animation-name: animaLine1;
    animation-duration: .6s;
}
.list_navbar a:nth-child(3)::before{
    animation-name: animaLine1;
    animation-duration: .8s;
}
.list_navbar a:nth-child(4)::before{
    animation-name: animaLine1;
    animation-duration: 1.0s;
}
.list_navbar a:nth-child(5)::before{
    animation-name: animaLine1;
    animation-duration: 1.2s;
}
.list_navbar a:nth-child(6)::before{
    animation-name: animaLine1;
    animation-duration: 1.4s;
}
.list_navbar a:nth-child(7)::before{
    animation-name: animaLine1;
    animation-duration: 1.6s;
}
/*NAV SOCIAL*/
.list_navbar_social a:nth-child(1){
    animation-name: animaItem1;
    animation-duration: .3s;
}
.list_navbar_social a:nth-child(2){
    animation-name: animaItem1;
    animation-duration: .6s;
}
.list_navbar_social a:nth-child(3){
    animation-name: animaItem1;
    animation-duration: .9s;
}
.list_navbar_social a:nth-child(4){
    animation-name: animaItem1;
    animation-duration: 1.2s;
}
.cont_btn_float{
    position: fixed;
    display: flex;
    flex-direction: row;
    align-items: center;
    bottom: 24px;
    right: 24px;
    z-index: 999;
}
.cont_arrow_float{
    position: fixed;
    bottom: 24px;
    right: unset;
    left: 16px;
    z-index: 999;
}
.cont_logo{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 60px;
    margin-bottom: 20px;
}
.cont_logo:nth-child(2){
    margin-top: 60px;
}
.cont_logo img{
    width: 260px;
    height: auto;
    margin-right: 180px;
}

/* SCROLL UP */
.cont_btn_float a:nth-child(1){
    margin-right: 10px;
}
.cont_btn_float a img{
    width: 60px;
    height: auto;
}

.line_relacion{
    height: 1px;
    width: 80%;
    background-color: #000;
}
.productos_relacionados{
    padding: 40px 0px 140px 0px;
}
.btn_pto_relacion{
    display:inline-block;
    width: 100%;
}
.btn_pto_relacion span{
    color: #000000;
    font-size: 1.2rem;
    font-weight: 600;
}
.btn_pto_relacion img{
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: auto;
    max-height: 240px;
}
.cont_btn_pdf{
    display: block;
    margin-bottom: 10px;
}

/* ANIMACIONES TITULOS DUCALD */
.cont_animado_t1{
    max-width: 800px;
    margin: 0 auto;
}
.cont_animado_t2{
    max-width: 560px;
    margin: 0 auto;
}
.cont_animado_t3{
    max-width: 830px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.cont_animado_t4{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.cont_animado_t5{
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 40px;
}


/* __MENSAJE DE ERROR__ */
.formulario__input-error {
    font-size: 16px;
    margin-top: -16px;
    display: none;
}
.formulario__input-error-activo {
	display: block;
}
.formulario__validacion-estado {
    position: absolute;
    right: 28px;
    margin-top: 8px;
    z-index: 100;
    font-size: 16px;
    opacity: 0;
}
.formulario__mensaje, .formulario__captcha{
	height: 45px;
	line-height: 45px;
	background: #F66060;
	padding: 0 15px;
	border-radius: 3px;
	display: none;
}
.formulario__mensaje-activo {
	display: block;
}
.formulario__mensaje-exito {
	font-size: 14px;
	color: #119200;
	display: none;
}
.formulario__mensaje-exito-activo {
	display: block;
}
.txt_producto{
    font-family: var(--font-open-sans);
    color: var(--color-black);
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 600;
}
.cubo_rendimiento{
    width: 200px;
    margin-bottom: 20px;
}

/* ----- -----  Estilos para Validacion ----- ----- */

.formulario__grupo-correcto .formulario__validacion-estado {
	color: #1ed12d;
	opacity: 1;
}

.formulario__grupo-incorrecto .formulario__label {
	color: #bb2929;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
	color: #bb2929;
	opacity: 1;
}

.formulario__grupo-incorrecto .formulario__input {
	border: 3px solid #bb2929;
}


/* ANIMACIONES MENU */
@keyframes show_menu_anima {
    from {
        height: 60px;
	}
    to {
        height: 100px;
    }
}

/* ANIMACIONES MENU */
@keyframes show_menu_anima_movil {
    from {
        height: 60px;
	}
    to {
        height: 160px;
    }
}

/* ANIMACIONES MENU */
@keyframes show_menu_anima_sm {
    from {
        height: 60px;
	}
    to {
        height: 220px;
    }
}

/* ANIMACIONES MENU */
@keyframes item_nav_anima {
    from {
        opacity: 0;
	}
    to {
        opacity: 1;
    }
}

/* ANIMACIONES MENU */
@keyframes hidden__menu {
    from {
        height: 0%;
	}
    to {
        height: 200%;
    }
}

/* ANIMACIONES SUB-MENU */
@keyframes itemMenu01 {
    from {
        opacity: 0;
        transform: translate(20px, 20px);
	}
    to {
        opacity: 1;
        transform: translate(0px, 20px);
    }
}

/* ANIMACIONES MENU */
@keyframes animaItem1 {
    from {
        transform: translateX(40px);
        opacity: 0;
	}
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

/* ANIMACIONES LINE */
@keyframes animaLine1 {
    from {
        width: 40%;
        opacity: 0;
	}
    to {
        width: 100%;
        opacity: 1;
    }
}

/* ANIMACIONES LINE */
@keyframes imageMenu1 {
    from {
        transform: translateY(80px);
        opacity: 0;
	}
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}




    /* ANIMACIONES */
@keyframes MoveRightInitial {
	to {
		transform: translate3d(105%,0,0);
	}
}
@keyframes MoveRightEnd {
	from {
		transform: translate3d(-100%,0,0);
	}
	to {
		transform: translate3d(0,0,0);
	}
}

    /* __RESPONSIVE__ */

    
    /* 1415px */
@media only screen and (max-width:1415px){
    .hidden-menu{
        top: 100%;
    }
}
@media only screen and (max-width:1023px){
    #sec_ducald_01, #sec_ducald_02, #sec_ducald_03, #sec_ducald_04, #sec_ducald_05, #sec_ducald_06{
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: initial;
    }
}
    /* 1200px */
@media only screen and (max-width:1200px){
    .hidden-menu{
        top: 100px;
    }
    .tit_link{
        font-size: 4vw;
    }
    #sec_for_product .cont_encabezado{
        max-width: 768px;
        margin-left: calc(50% - 384px);
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .owl-carousel.home-slider .slider-item{
        background-position: 70% center;
    }
}

/* 1100px */
@media only screen and (max-width:1280px){
    .home_v_desktop {
        display: none;
    }
    .home_v_movil{
        display: block;
    }
    .sec_general{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        
        width: 100%;
        height: 80vh;
    }
    .foreground{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    #sec_ducald_01, #sec_ducald_02, #sec_ducald_03, #sec_ducald_04, #sec_ducald_05, #sec_ducald_06{
        position: relative;
    }
    #sec_ducald_01 > div, #sec_ducald_02 > div, #sec_ducald_03 > div, #sec_ducald_04 > div, #sec_ducald_05 > div, #sec_ducald_06 > div{
        position: absolute;
        top: -40px;
        left: 0;
        width: 100%;
        height: 80vh;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        transform: translateZ(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
    }
    #sec_ducald_02{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-productos.jpg'); */
    }
    #sec_ducald_03{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-nosotros.jpg'); */
    }
    #sec_ducald_04{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-blog.jpg'); */
    }
    #sec_ducald_05{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-facturacion.jpg'); */
    }
    #sec_ducald_06{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-contacto.jpg'); */
    }
    #sec_ducald_06 > div{
        background-position: center right;
    }
}

/* 991px */
@media only screen and (max-width:991px){
    .show_menu .v_desktop {
        display: none;
    }
    .show_menu .v_movil{
        display: block;
    }
    .sec_general{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        
        width: 100%;
        height: 80vh;
    }
    .foreground{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    #sec_ducald_01, #sec_ducald_02, #sec_ducald_03, #sec_ducald_04, #sec_ducald_05, #sec_ducald_06{
        position: relative;
    }
    #sec_ducald_01 > div, #sec_ducald_02 > div, #sec_ducald_03 > div, #sec_ducald_04 > div, #sec_ducald_05 > div, #sec_ducald_06 > div{
        position: absolute;
        top: -40px;
        left: 0;
        width: 100%;
        height: 80vh;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        transform: translateZ(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
    }
    #sec_ducald_02{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-productos.jpg'); */
    }
    #sec_ducald_03{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-nosotros.jpg'); */
    }
    #sec_ducald_04{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-blog.jpg'); */
    }
    #sec_ducald_05{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-facturacion.jpg'); */
    }
    #sec_ducald_06{
        background-image: none;
        /* background-image: url('../images/Pinturas-ducald-contacto.jpg'); */
    }
    #sec_ducald_06 > div{
        background-position: center right;
    }
    #footer::before{
        background-size: 400%;
        top: -56px;
    }
    .hidden-menu{
        top: 160px;
        height: fit-content;
        padding-bottom: 30px;
    }
    .subMenu_productos li{
        margin-bottom: 16px;
    }
    .subMenu_productos{
        flex-wrap: wrap;
    }
    .nav_list{
        max-width: 700px;
    }
    .show_menu{
        animation-name: show_menu_anima_movil;
    }
    .btn_pto_relacion{
        margin-bottom: 2rem;   
    }
}

    /* 768px */
@media only screen and (max-width:768px){
    .tit_link{
        font-size: 5vw;
    }
    #sec_for_product .cont_encabezado{
        max-width: 480px;
        margin-left: calc(50% - 240px);
    }
    .owl-carousel.home-slider .slider-item .slider-text h1{
        font-size: 8vw;
    }
    #footer > .container > .row > .col-md-3:nth-child(1){
        margin-bottom: 1rem;
    }
    html, body{
        overflow-x: hidden;
    }
}

    /* 764px */
@media only screen and (max-width:764px){
    .hidden-menu{
        top: 160px;
    }
    .nav_prod .item_nav{
        margin: 0 12px 16px 12px;
    }
}

    /* 620px */
@media only screen and (max-width:620px){
    .hidden-menu{
        top: 220px;
    }
    .show_menu {
        animation-name: show_menu_anima_sm;
    }
}

    /* 568px */
@media only screen and (max-width:568px){
    .hidden-menu{
        top: 107%;
    }
    .owl-carousel.home-slider .slider-item {
        background-position: 30% center;
    }
}

    /* 560px */
@media only screen and (max-width:560px){
    .tit_link{
        font-size: 2.5rem;
        line-height: 1.2;
    }
    .cont_img_menu{
        display: none;
    }
    .list_navbar li {
        padding-bottom: 6%;
        padding-left: 40px;
    }
    .list_navbar_social{
        padding-left: 40px;
    }
    .list_navbar{
        height: 73.4vh;
    }
    .nav_list{
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }
    .nav_prod .item_nav{
        margin: 6px 12px;
    }
    .w-400, .cont_encabezado{
        width: 100%;
        margin: 0;
        padding: 0 16px;
    }
    .tit_principal, .tit_principal_bn, .tit_principal_bk{
        font-size: 8vw;
        line-height: 1.2;
    }
    /* .article_product_cover{
        margin-bottom: 40px;
    } */
    .sec_pintura_producto{
        padding: 80px 0px 0px 0px;
    }
    .tit_link_col{
        font-size: 8vw;
        line-height: 1.2;
    }
    #sec_blog .container{
        flex-direction: column;
    }
    #sec_blog img {
        width: 100%;
    }
    #sec_blog .cont_txt {
        margin-top: 24px;
        margin-left: 0;
    }
    .pleca_divider::before{
        background-size: 400%;
        top: -56px;
    }
    .sec_gen{
        padding: 80px 16px 100px 16px;
    }
    .cont_descrip_slider{
        margin-left: 0px;
        padding-left: 16px;
    }
    #por_que_elegir img{
        margin-bottom: 20px;
    }
    #por_que_elegir {
        padding: 80px 0% 100px 0%;
        overflow-x: hidden;
    }
    #por_que_elegir > .align-items-center{
        padding: 0px 16px;
    }
    .cont_socios_comerciales .col-12{
        box-sizing: border-box;
        padding: 0;
    }
    #calc_litros .cont_encabezado{
        padding: 0px 16px;
    }
    .w-300{
        width: 100%;
        margin: 0;
    }
    .cont_return_form {
        padding: 40px 0px 40px 0px;
    }
    #sec_tecno_descrip img{
        margin-bottom: 20px;
    }
    #arcticle_blog .item_article_blog{
        padding: 40px 0px 0px 0px;
    }
    .item_article_blog h2, .item_article_blog p{
        padding: 0 16px;
    }
    #myTab .nav-item {
        width: 100%;
    }
    #sec_for_product .cont_encabezado{
        max-width: 320px;
        margin-left: calc(50% - 160px);
    }
    .sec_pintura_producto .subtit_principal{
        font-size: 1.4rem;
        padding-left: 16px;
        padding-right: 16px;
    }
    .subMenu_productos{
        flex-wrap: wrap;
    }
    .subMenu_productos img {
        width: 60px;
    }
    .subMenu_productos li {
        width: 31%;
        margin-bottom: 16px;
    }
    .hidden-menu {
        top: 164px;
    }
    .nav_list_offset .hidden-menu {
        top: 128px;
    }
    #footer .container .row{
        text-align: center;
    }
    #por_que_elegir .cont_elegir_txt .list_general{
        margin-bottom: 0;
    }
    .mb0-sm{
        margin-bottom: 0;
    }
    #footer > .container > .row > .col-md-3:nth-child(1){
        margin-bottom: 1rem;
    }
}

    /* 414 */
@media only screen and (max-width:414px){
    .hidden-menu {
        top: 220px;
    }
}

    /* 400 */
@media only screen and (max-width:400px){
    .nav_list .item_nav li{
        font-size: .9rem;
    }
    /* .hidden-menu {
        top: 236px;
    } */
}

    /* 393 */
/* @media only screen and (max-width:393px){
    .hidden-menu {
        top: 200px;
    }
} */

    /* 375 */
/* @media only screen and (max-width:375px){
    .hidden-menu {
        top: 236px;
    }
} */