@font-face {
  font-family: Hatton;
  src: url("fonts/silver/PP_Hatton_Ultralight_200.otf") format("opentype");
}

@font-face {
  font-family: TTCommons;
  src: url("fonts/silver/TT Commons Light.otf") format("opentype");
}

@font-face {
  font-family: TTCommons-medium;
  src: url("fonts/silver/TT Commons Medium.otf") format("opentype");
}

strong{ font-family: TTCommons-medium; }

.silver_bt_center_transparent{ /*width: fit-content;*/ border:1px solid #000; padding:10px 25px; margin:25px auto 0 auto; text-align:center; font-size:15px; color:#000; }

.silver_landing{ font-family: TTCommons; font-size: 20px; line-height: 1.4; background-color:#ebebeb; }


/* HEADER */
.silver_header{ width:100%; height:100px; background-color:#fff; position:fixed; z-index: 999; top:0; left:0; }
    
    .silver_header_lang{ position:absolute; right:10px; top: 10px; font-size:12px; width:70px; }
    .silver_header_lang section div ul li, .silver_header_lang section div ul li a{ height:30px !important; line-height:1.2; }

    .silver_header_content{ width: 100%; display:flex; align-items: center; justify-content: center; padding-top: 15px;}

        .silver_menu{ width:500px; display:flex; align-items: center; text-align:center; font-size:16px; font-family: TTCommons-medium; line-height:1; }
            .silver_menu_item{ width:250px; cursor:pointer; }

        .silver_logo{ cursor:pointer; padding:0 25px; }

.menu_movil_trigger_silver{ display:none; }

@media only screen and (max-width: 1350px) {
    .silver_header{ height:85px; }
        .silver_menu{ width:400px; font-size:15px; }
        .silver_logo img{ width:150px; height:auto; }
}

@media only screen and (max-width: 1180px) {
    .silver_header{ height:70px; }
        .silver_menu{ width:300px; font-size:14px; }
        .silver_logo img{ width:120px; height:auto; }
}

@media only screen and (max-width: 940px) {

    .silver_header{ position:absolute; }
    .silver_menu{ display:none; }
    .silver_header_lang{ top: 20px; }

    .menu_movil_trigger_silver{ position: absolute; display:inherit; left:10px; top:5px; }
    .menu_movil_trigger_silver img{ width:60px; height:auto; }
}


#sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto;
  font-size: 14px; background: #fff; color: #333; box-shadow: 0 0 5px 5px #F0F3F7 inset; padding: 15px; }

#sidr .sidr-inner { padding: 0 0 15px; }

.sidr.right { left: auto; right: -260px; }
.sidr.left { left: -260px; right: auto; }

    #sidr a{ color: #adadad; }
    #sidr ul{ list-style-type: none; }
    #sidr ul li{ padding: 10px 0; }
    #sidr ul li a{ display: block; width: 230px !important; border-bottom: 1px solid #adadad; padding-bottom: 20px; font-weight: 300;  line-height: 1;}



/* BANNER  */
.silver_banner{ margin-top: 100px; width:100%; /*height:80vh;*/ position: relative;
    /*background-image: url('../images/silver/silver-banner-linea-de-coloracion3.jpg'); background-size:cover; background-position:center; background-repeat: no-repeat;*/ }

    .silver_banner img{ width:100%; height:auto; }

.silver_banner_content{ font-family: Hatton; width: 100%; margin-top: 20px; text-align:center; padding:10px; color:#000; line-height:1.1; }
    .silver_banner_txt1{ font-size:60px; }
    .silver_banner_txt2{ font-size:35px; margin-top:30px; }

@media only screen and (max-width: 1350px) {
    .silver_banner{ margin-top: 85px; }
}

@media only screen and (max-width: 1180px) {
    .silver_banner{ margin-top: 70px; }
}

@media only screen and (max-width: 768px) {
    .silver_banner{ height:60vh; }
    .silver_banner_txt1{ font-size:30px; }
    .silver_banner_txt2{ font-size:18px; margin-top:0; line-height:1; }
}






.silver_content{ width:100%; max-width:1200px; margin:auto; padding:0 10px; }
.silver_content p, .silver_content ul{ margin-bottom:25px; }
.silver_content ul{ padding-left:40px; }


.silver_top_video{ width:100%; max-width:900px; margin:60px auto; }
.silver_top_video iframe{ width:100%; aspect-ratio:16 / 9; }


/* LA HISTORIA DE VIRGINIA */
.silver_virginia{ display:flex; width:100%; max-width:800px; margin:50px auto; }

    .silver_virginia_iframe{ width:40%; }
        .silver_virginia_iframe iframe{ width:100%; aspect-ratio:0.5625; }

    .silver_virginia_txt{ width:60%; padding-left:50px; }

        .silver_virginia_txt1{ font-family: Hatton; font-size: 50px; line-height: 1.1; }
        .silver_virginia_txt2{ margin-top:20px; }
        

/* SEC 1 */
.silver_sec1{ margin-top:70px; }
    .silver_sec1_logo{ text-align:center; margin-bottom:25px; }

    .silver_sec1_content{ display:flex; }
        .silver_sec1_col1{ width:60%; padding-right:25px; margin-top:15px; }
            .silver_sec1_title{ font-family: Hatton; font-size:50px; line-height:1.1; }
            .silver_sec1_text{ margin-top:25px; }

        .silver_sec1_col2{ width:40%; padding-left:25px; margin-top:15px; }
            .silver_sec1_col2 img{ width:100%; height:auto; }

@media only screen and (max-width: 768px) {
    .silver_sec1{ margin-top:40px; }
        .silver_sec1_logo img{ width: 100%; max-width:300px; height:auto; }

        .silver_sec1_content{ display:block; }
            .silver_sec1_col1{ width:100%; padding-right:0px; }
                .silver_sec1_title{ font-size:30px; }
                .silver_sec1_text{ margin-top:18px; }

            .silver_sec1_col2{ width:100%; padding-left:0px; }
}


/* SEC 2 */
.silver_sec2{ margin-top:90px; display:flex; }
    
    .silver_sec2_col1{ padding-top:50px; padding-right:25px; width:75%; }
        .silver_sec2_title{ font-family: Hatton; font-size:50px; line-height:1.1;  }
        .silver_sec2_text{ margin-top:25px; }

        .silver_bt_ver_productos{ width: fit-content; background-color:#fff; border:1px solid #000; padding:10px 25px; margin-top:25px; text-align:center; color:#000; }

        .silver_sec2_col1 img{ margin-top:25px; max-width:100%; height:auto; }

    .silver_sec2_col2{ width: 25%; }
        .silver_sec2_col2 img{ width:100%; height:auto; }
    

.silver_sec2_table{ display:flex; font-size:15px; margin-top:40px; }

    .sec2_item{ padding:0 10px; }

        .sec2_item_head{ display:flex; }
        .sec2_item_head div{ border:1px solid #ccc; padding:5px 10px; }
        .sec2_item_head div:first-child{ color:#575656; letter-spacing:2px; font-family: TTCommons-medium; }

        .sec2_item table{ margin-top:10px; }
        .sec2_item table tr td{ padding:0 5px 0 0; }
        .sec2_item table tr td strong{ font-family: TTCommons-medium; }

        .sec2_cercle_marron, .sec2_cercle_gris, .sec2_cercle_perlado, .sec2_cercle_platinos{ width:15px; height:15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
        .sec2_cercle_marron{ background-color: #be9484; }
        .sec2_cercle_gris{ background-color: #c7c6c6; }
        .sec2_cercle_perlado{ background-color: #9d9d9c; }
        .sec2_cercle_platinos{ background-color: #878786; }
        

@media only screen and (max-width: 768px) {
    .silver_sec2{ margin-top:10px; display:block; }

        .silver_sec2_col1{ padding-top:10px; padding-right:0; width:100%; }
            .silver_sec2_title{ font-family: Hatton; font-size:30px; }

        .silver_sec2_col2{ width: 100%; text-align:center; }
            .silver_sec2_col2 img{ width:100%; max-width: 300px; height:auto; }

    .silver_sec2_table{ display:block; }
}


/* SEC 2.1. */
.silver_sec21{ margin-top:90px; }

.silver_sec21_content{ display:flex; }

    .silver_sec21_esq{ width:50%; display:flex; }
        .silver_sec21_esq_txt{ width:70%; position:relative; }
            .silver_sec21_esq_title{ font-family: Hatton; font-size: 30px; line-height: 1.1; margin-bottom:30px; padding-top:70px; }
            .silver_sec21_esq_arrow{ position:absolute; right:0; margin-top:-40px; }
        .silver_sec21_esq_img{ width:30%; }
            .silver_sec21_esq_img img{ width:100%; height:auto; }

    .silver_sec21_dre{ width:50%; display:flex; }
        .silver_sec21_dre_img{ width:30%; }
            .silver_sec21_dre_img img{ width:100%; height:auto; }
        .silver_sec21_dre_txt{ width:70%; position:relative; }
            .silver_sec21_dre_title{ font-family: Hatton; font-size: 30px; line-height: 1.1; margin-bottom:30px; padding-top:60px; }
            .silver_sec21_dre_arrow{ position:absolute; left:-40px; }

.silver_sec21 .silver_bt_ver_productos{ margin:auto; }


@media only screen and (max-width: 768px) {

    .silver_sec21{ margin-top:10px; }

    .silver_sec21_content{ display:block; }

        .silver_sec21_esq{ width:100%; display:flex; }
            .silver_sec21_esq_txt{ width:75%; }
            .silver_sec21_esq_img{ width:25%; }

        .silver_sec21_dre{ width:100%; display:flex; }
            .silver_sec21_dre_img{ width:25%; }
            .silver_sec21_dre_txt{ width:75%; }

}



/* SEC 3 */
.silver_sec3{ margin:150px auto 0 auto; display:flex; width:100%; max-width:1200px; }
    .silver_sec3_col1{ padding-right:15px; width:52%; }
        .silver_sec3_title{ font-family: Hatton; font-size:30px; line-height:1.1;  }
        .silver_sec3_text{ margin-top:25px; }

    .silver_sec3_col2{ width: 48%; display:flex; }
        .silver_sec3_col2_item{ width:50%; padding:10px; }
        .silver_sec3_col2 img{ width:100%; height:auto; }


.silver_sec3_imgs{ margin:20px auto 0 auto; display: flex; width:100%; max-width:1200px; }
    .silver_sec3_imgs_esq{ width:52%; padding-right: 40px; }
    
    .silver_sec3_imgs_dre{ width:48% }

.sec3_tonos{}
    .sec3_tonos_title{ color:#575656; }
    .sec3_tonos_item{ float:left; width:10%; padding:1px; text-align:center; font-size:12px; line-height:1; }
    .sec3_tonos_item img{ width:100%; height:auto; }

.sec3_porcentaje{ }
    .sec3_porcentaje_title{ color:#575656; }
    .sec_3_porcentaje_item{ float:left; width:11.11%; padding:3px; text-align:center; font-size:12px; line-height:1;  }
    .sec_3_porcentaje_item img{ width:100%; height:auto; }

.sec3_tipo_canas{ width: 100%; max-width: 900px; margin:50px auto 0 auto; }
    
    .sec3_tipo_canas_title{ color:#575656; text-align:center; }

    .sec3_tipo_canas_items{ display:flex; text-align:center; }
        .sec3_tipo_canas_item{ width:33.333%; padding:25px; }


@media only screen and (max-width: 768px) {

    .silver_sec3{ margin:60px auto 0 auto; display:block; }
        .silver_sec3_col1{ padding-right:0; width:100%; }
            .silver_sec3_title{ font-size:30px; }

        .silver_sec3_col2{ width: 100%; display:flex; }


    .silver_sec3_imgs{ display: block; }
        .silver_sec3_imgs_esq{ width:100%; padding-right: 0px; }
        
        .silver_sec3_imgs_dre{ width:100% }

    .sec3_tonos{}
        .sec3_tonos_item{ width:20%; }

    .sec3_porcentaje{ }
        .sec_3_porcentaje_item{ width:20%; }


    .sec3_tipo_canas{ width: 100%; max-width: 300px; margin:50px auto 0 auto; }

        .sec3_tipo_canas_items{ display:block; text-align:center; }
            .sec3_tipo_canas_item{ width:100%; padding:25px; }

}


/* SEC 3_2 */
.sec3_2_tonalidades img{ max-width:100%; height:auto; }


/* INSTAGRAM */
.silver_instagram{ width:100%; max-width:500px; margin:30px auto; }

/* SEC 4 */
.silver_sec4{ margin-top:120px; }
    
    .silver_sec4_title{ font-family: Hatton; font-size:40px; line-height:1.1;  }

    .silver_sec4_content{ display:flex; margin-top:40px; }
        .silver_sec4_col1{ width:50%; padding-right:25px; }

        .silver_sec4_col2{ width:50%; text-align:center; }
            .silver_sec4_col2_item{ float: left; width:50%; padding:0 20px 20px 20px; color:#575656; font-size:17px; }
            .silver_sec4_col2_item img{ max-width:100%; height:auto; }

@media only screen and (max-width: 768px) {

    .silver_sec4{ margin-top:40px; }
        .silver_sec4_title{ font-size:30px; }

        .silver_sec4_content{ display:block; margin-top:40px; }
            .silver_sec4_col1{ width:100%; padding-right:0px; }
            .silver_sec4_col2{ width:100%; text-align:center; margin-top:30px; }
}


/* SEC 5 */
.silver_sec5{ margin-top:120px; display:flex; }

    .silver_sec5_col1{ width:50%; padding-right:25px; padding-top:60px; }
        .silver_sec5_title{ font-family: Hatton; font-size:50px; line-height:1.1; }

        .silver_sec5_text{ margin-top:25px; }
            .silver_sec5_subtitle{ font-family: Hatton; font-size:30px; line-height:1.1; }


    .silver_sec5_col2{ width:50%; padding-left:25px; }
        .silver_sec5_col2 img{ width:100%; height:auto; }


@media only screen and (max-width: 768px) {

    .silver_sec5{ margin-top:60px; display:block; }
        .silver_sec5_col1{ width:100%; padding-right:0px; padding-top:0px; }
        .silver_sec5_col2{ width:100%; padding-left:0px; }

}


/* instagram cols */
.silver_instagram_3col{ display:flex; justify-content: space-between; margin-top:60px; }
    
    .silver_instagram_col{ width:32% !important; }
    .silver_instagram_col iframe{ width:100%; max-width:200px; }


@media only screen and (max-width: 768px) {
    .silver_instagram_3col{ display:block; }
    
    .silver_instagram_col{ width:100% !important; max-width:350px; margin:0 auto 30px auto; }
    .silver_instagram_col iframe{ width:100%; }
}


/* SEC 6 */
.silver_sec6{ margin-top:70px; background-color:#e3e3e7; padding:40px 0; }
    .silver_sec6_title{ font-family: Hatton; font-size:50px; line-height:1.1; text-align:center; }

    .silver_sec6_content{ display:flex; flex-wrap:wrap; width:100%; max-width:850px; margin:30px auto; }

        .silver_sec6_item{ width:50%; padding:0 20px; text-align:center; margin-bottom:40px; }
            .silver_sec6_item img{ width:100%; height:auto; }
            .silver_sec_item_title{ font-family: Hatton; font-size:30px; line-height:1.1; margin:15px 0; }

@media only screen and (max-width: 768px) {
    .silver_sec6_title{ font-size:30px; }

    .silver_sec6_content{ display:block; }
        .silver_sec6_item{ width:100%; padding:0; margin-bottom:20px; }
            .silver_sec_item_title{ font-size:25px; }
}


/* SEC 7 */
.silver_sec7{ margin-top:120px; }

    .silver_sec7_title{ font-family: Hatton; font-size:50px; line-height:1.1; text-align:center; }

    .silver_sec7_fila1{}
        .silver_sec7_fila1 .silver_sec7_item{ width:25%; }

    .silver_sec7_fila2{}
        .silver_sec7_fila2 .silver_sec7_item{ width:20%; }

    .silver_sec7_item{ float:left; text-align:center; padding:30px; font-family: Hatton; font-weight:bold; }
        .silver_sec7_img{ text-align:center; }
        .silver_sec7_img img{ max-width:100%; height:auto; }

@media only screen and (max-width: 768px) {
    .silver_sec7{ margin-top:40px; }  

        .silver_sec7_title{ font-size:30px; }

        .silver_sec7_fila1 .silver_sec7_item{ width:50%; }
        .silver_sec7_fila2 .silver_sec7_item{ width:50%; }

        .silver_sec7_item{ padding:10px; }
}


/* PRESENTACION ONLINE */
.silver_presentacion_item{ margin-top:30px; width:100%; max-width:800px; margin:30px auto 0 auto; }

/* TESTIMONIOS */
.silver_testimonio{ margin-top:120px; }
    
    .silver_testimonios_title{ font-family: Hatton; font-size:50px; line-height:1.1; text-align:center; }

    .silver_testimonios_items{ display:flex; justify-content: center; margin-top:30px; }
        .silver_testimonios_item{ /*width:33.333%;*/ width: 100%; max-width: 800px; /*padding:20px;*/ }
        .silver_testimonios_item iframe{ width:100%; }

@media only screen and (max-width: 768px) {
    .silver_testimonio{ margin-top:40px; } 
        .silver_testimonios_title{ font-size:30px; }

        .silver_testimonios_items{ display:block; margin-top:20px; }
            .silver_testimonios_item{ width:100%; }
}


/* SEC 8 */
.silver_sec8{ width: 100%; max-width: 900px; margin: 150px auto 0 auto; }

    .silver_sec8_dre{ float:right; width:70%; }
        .silver_sec8_col2{ margin-top:20px; }
        .silver_sec8_col2 img{ width:100%; height:auto; }

    .silver_sec8_esq{ float:left; width:30%; }
        .silver_sec8_esq img{ margin-top:60px; }

@media only screen and (max-width: 768px) {

    .silver_sec8{ margin: 40px auto 0 auto; }
        .silver_sec8_dre{ float:none; width:100%; }
        .silver_sec8_esq{ float:none; width:100%; }
}

/* SEC 9 */
.silver_sec9{ margin-top:120px; text-align:center; }

.silver_sec9 a{ width:fit-content; display:inline-block; }


@media only screen and (max-width: 768px) {
    .silver_sec9{ margin-top:40px; }
    .silver_sec9 img{ max-width:100%; height:auto; }
}



/* PASO A PASO ================================================================================ */
.paso_a_paso{ width:100%; max-width:475px; min-width: 375px; height:624px; background-color:#fff; margin:auto; padding:20px; }

 
    .pp_bts{ width: 100%; display: flex; justify-content: space-between; font-size:15px; line-height:1; }
        .pp_bt_separa{ width:1px; border-right:1px solid #b2b2b2; }

    .pp_productos{ margin-top:75px; text-align:center; }
        .prod2{ display:none; }
        .prod1 img, .prod2 img{ max-width:100%; height:auto; }

    .pp_pasos{ display:none; margin-top:45px; text-align:center; }
        .pp_pasos_title{ text-align:center; font-size:20px; color:#575756; }
        .pp_pasos_subtitle{ text-align:center; font-size:16px; color:#868686; margin-bottom:20px; }

        .paso2, .paso3, .paso4{ display:none; }
        .pasos div img{ max-width:100%; height:auto; }

    .pp_ad{ display:none; margin-top:75px; text-align:center; }
        .pp_ad img{ max-width:100%; height:auto; }



.bt_menu{ color:#b2b2b2; cursor:pointer; }
.bt_menu_on{ color:#000; }

.bts{ position: absolute; bottom:40px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; }
.bt{ width:26px; height:26px; background-color:#cbcbcb; margin:0 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor:pointer; }
.bton{ background-color:#868686; }

.btpas{ width:36px; height:36px; background-color:#cbcbcb; margin:0 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor:pointer; }
.bton{ background-color:#868686; }
.btpas div{ text-align:center; color:#fff; font-size: 23px; padding-top:5px; font-weight:bold; }





/* FAQ ========================================================================================= */
.silver_faq{ width:100%; max-width: 900px; margin:120px auto 0 auto; }

    .silver_faq_title{ margin-bottom:50px; font-family: Hatton; font-size: 50px; line-height: 1.1; text-align: center; }

    .silver_faq_item{ position:relative; border-bottom:1px solid #737373; }

        .silver_faq_item_title{ cursor:pointer; padding:20px 80px 20px 10px; position:relative; }

            .silver_faq_bt{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
                .silver_faq_bt_down{ width:25px; height:25px; background-image: url('../images/silver/arrow_down.png'); }
                .silver_faq_bt_up{ width:25px; height:25px; background-image: url('../images/silver/arrow_up.png'); display:none; }

        .silver_faq_item_text{ display:none; padding:0 0 50px 10px; font-size:18px; }

        .silver_faq_item_text ul, .silver_faq_item_text ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
        .silver_faq_item_text ul li{ list-style:outside; margin-bottom:12px; }
        .silver_faq_item_text ol li{ margin-bottom:12px; }
        .silver_faq_item_text ol, .silver_faq_item_text ol li { list-style:decimal; }


@media only screen and (max-width: 768px) {

    .silver_faq_title{ font-size: 30px; }

    .silver_faq_item_title{ padding:20px 40px 20px 10px; }

}



.lity-hide {
  display: none;
}