/*.seccion_anima_icono.contenedor_slider .logo_scroll.animate #Capa_1 > g > .polygon-0{
  animation: brinco0 .5s infinite alternate linear;
}
.seccion_anima_icono.contenedor_slider .logo_scroll.animate #Capa_1 > g > .polygon-1{
  animation: brinco1 .5s infinite alternate linear;
}
.seccion_anima_icono.contenedor_slider .logo_scroll.animate #Capa_1 > g > .polygon-2{
  animation: brinco2 .5s infinite alternate linear;
}
.seccion_anima_icono.contenedor_slider .logo_scroll.animate #Capa_1 > g > .polygon-3{
  animation: brinco3 .5s infinite alternate linear;
}
.seccion_anima_icono.contenedor_slider .logo_scroll.animate #Capa_1 > g > .polygon-4{
  animation: brinco4 .5s infinite alternate linear;
}
.seccion_anima_icono.contenedor_slider .logo_scroll.animate #Capa_1 > g > .polygon-5{
  animation: brinco5 .5s infinite alternate linear;
}

@keyframes brinco0{
  50%{
    transform: translateX(10px) translateY(10px);
  }
  100%{
    transform: translateX(0) translateY(0);
  }
}
@keyframes brinco1{
  50%{
    transform: translateX(0px) translateY(10px);
  }
  100%{
    transform: translateX(0) translateY(0);
  }
}
@keyframes brinco2{
  50%{
    transform: translateX(-10px) translateY(0px);
  }
  100%{
    transform: translateX(0) translateY(0);
  }
}
@keyframes brinco3{
  50%{
    transform: translateX(0px) translateY(-10px);
  }
  100%{
    transform: translateX(0) translateY(0);
  }
}
@keyframes brinco4{
  50%{
    transform: translateX(-10px) translateY(10px);
  }
  100%{
    transform: translateX(0) translateY(0);
  }
}
@keyframes brinco5{
  50%{
    transform: translateX(10px) translateY(0px);
  }
  100%{
    transform: translateX(0) translateY(0);
  }
}
@keyframes brinco6{
  50%{
    transform: translateX(0px) translateY(-20px);
  }
  100%{
    transform: translateX(0) translateY(0);
  }
}






.titulo_seccion.activo-fijo .icono.icono_seccion01.animate #Capa_1 > g > .polygon-0{
  animation: brinco6 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion01.animate #Capa_1 > g > .polygon-1{
  animation: brinco5 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion01.animate #Capa_1 > g > .polygon-2{
  animation: brinco2 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion01.animate #Capa_1 > g > .polygon-3{
  animation: brinco3 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion01.animate #Capa_1 > g > .polygon-4{
  animation: brinco1 .5s infinite alternate linear;
}



.titulo_seccion.activo-fijo .icono.icono_seccion02.animate #Capa_1 > g > .polygon-0{
  animation: brinco6 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion02.animate #Capa_1 > g > .polygon-1{
  animation: brinco5 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion02.animate #Capa_1 > g > .polygon-2{
  animation: brinco2 .5s infinite alternate linear;
}


.titulo_seccion.activo-fijo .icono.icono_seccion03.animate #Capa_1 > g > .polygon-0{
  animation: brinco6 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion03.animate #Capa_1 > g > .polygon-1{
  animation: brinco5 .5s infinite alternate linear;
}
.titulo_seccion.activo-fijo .icono.icono_seccion03.animate #Capa_1 > g > .polygon-2{
  animation: brinco2 .5s infinite alternate linear;
}






*/







@charset "UTF-8";

/*
font-family: 'Roboto', sans-serif;
*/
/*fonts*/
@font-face {
  font-family: 'DIN-Bold';
  src: url('fonts/DIN-Bold.woff') format('woff'),
       url('fonts/DIN-Bold.ttf') format('truetype'),
       url('fonts/DIN-Bold.svg#DIN-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINBold';
  src: url('fonts/DINBold.eot');
  src: url('fonts/DINBold.woff2') format('woff2'),
       url('fonts/DINBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN-Medium';
  src: url('fonts/DIN-Medium.woff') format('woff'),
       url('fonts/DIN-Medium.ttf') format('truetype'),
       url('fonts/DIN-Medium.svg#DIN-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINMedium';
  src: url('fonts/DINMedium.eot');
  src: url('fonts/DINMedium.woff2') format('woff2'),
       url('fonts/DINMedium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN-Regular';
  src: url('fonts/DIN-Regular.woff') format('woff'),
       url('fonts/DIN-Regular.ttf') format('truetype'),
       url('fonts/DIN-Regular.svg#DIN-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINRegular';
  src: url('fonts/DINRegular.eot');
  src: url('fonts/DINRegular.woff2') format('woff2'),
       url('fonts/DINRegular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


/*fonts*/

html, body{
    width: 100%;
    height:100%;
    margin:0;
    padding:0;
    font-weight: 400;
    font-size: 14px;
    font-family: 'DIN-Regular', 'DINRegular', 'Roboto', sans-serif;
    line-height:120%;
}

a{
    text-decoration: none;
    color: #18383e;
}

.clear{
    clear: both;
}

::-moz-selection {
background: #FFEB3B;
}
::selection {
    background: #FFEB3B;
}

/*header*/
header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}
header.activo{
  z-index:6;
}

header h1{
    margin: 0;
    font-size: 0;
    color: transparent;
}

header .menu{}

 .menu_barra{
    width: -o-calc(100% - 80px);
    width: -ms-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    margin: 50px auto 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* align-items: flex-end; */
}

 .menu_barra .m_columna{
    width: 100%;
    /* min-height: 40px; */
}

 .menu_barra .m_columna.m_columna_01{}

 .menu_barra .m_columna.m_columna_02{}

 .menu_barra .m_columna.m_columna_03{
    text-align: right;
}

.act .btn_responsive .linea{
  background-color: #18383e;
}

.activo .btn_responsive{}

.activo .btn_responsive .linea{
  background-color: #e9f5f5;
}

.activo .btn_responsive .linea.linea_01{
    transform: rotate(32deg) translate(2px, -3px);
    transform-origin: 0 0;
    width: 35px;
        background-color: #b1dbd5;
}
.activo .btn_responsive .linea.linea_02{
    opacity: 0;
}
.activo .btn_responsive .linea.linea_03{
    transform: rotate(-32deg) translate(1px, 2px);
    transform-origin: 0 0;
    width: 35px;
        background-color: #b1dbd5;
}

 .btn_responsive_compras{}

 .btn_responsive_compras .linea{
  background-color: #B1DBD5;
}

 .btn_responsive_compras .linea.linea_01{
    transform: rotate(32deg) translate(2px, -3px);
    transform-origin: 0 0;
    width: 35px;
}
 .btn_responsive_compras .linea.linea_02{
    opacity: 0;
}
 .btn_responsive_compras .linea.linea_03{
    transform: rotate(-32deg) translate(1px, 2px);
    transform-origin: 0 0;
    width: 35px;
}

 .btn_responsive_lupa .linea{
  background-color: #B1DBD5;
}

 .btn_responsive_lupa .linea.linea_01{
    transform: rotate(32deg) translate(2px, -3px);
    transform-origin: 0 0;
    width: 35px;
}
 .btn_responsive_lupa .linea.linea_02{
    opacity: 0;
}
 .btn_responsive_lupa .linea.linea_03{
    transform: rotate(-32deg) translate(1px, 2px);
    transform-origin: 0 0;
    width: 35px;
}


 .btn_responsive_usuario{}

 .btn_responsive_usuario .linea{
  background-color: #18383e;
}

 .btn_responsive_usuario .linea.linea_01{
    transform: rotate(32deg) translate(2px, -3px);
    transform-origin: 0 0;
    width: 35px;
}
 .btn_responsive_usuario .linea.linea_02{
    opacity: 0;
}
 .btn_responsive_usuario .linea.linea_03{
    transform: rotate(-32deg) translate(1px, 2px);
    transform-origin: 0 0;
    width: 35px;
}

.m_columna.m_columna_01 .logo_scroll{
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 4

}

.activo .m_columna.m_columna_01 .logo_scroll{
  display: block;
  opacity: 1;
}
.activo .m_columna.m_columna_01 .logo_scroll .logo-color05{
        fill: #B2DCD6;
}

.act_seccion.contenedor_seccion .titulo_seccion .icono{
  position: fixed;
  top: 25px;
  left: 40px;
}

.activo .menu{
  display: inline-flex;
}

.icono{
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.icono.lupa{
    background-image: url(img/icono/lupa01.png);
    background-position: center;
}
.icono.lupa svg{
  width:50px;
  height:50px;
  margin-top: -5px;
  margin-left: -5px;
}
.m_columna.m_columna_03 .icono.lupa{
    display: inline-block;
    position: relative;
    z-index: 2;
    vertical-align: bottom;
    /* margin-top: 16px; */
    margin-left: 15px;
}

.m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #fff;
}
.activo .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #B1DBD5;
}

header.active .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #19383e;
}

body.act .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #19383e;
}

body.act .menu_usuario .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #b2dcd6;
}
.menu_usuario .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #b2dcd6;
}


body.act .menu_registro .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #b2dcd6;
}
.menu_registro .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #b2dcd6;
}

body.act .activo .m_columna.m_columna_03 .icono.lupa .lupa-color{
  fill: #b1dbd5;
}

.act .m_columna.m_columna_03 .icono.lupa{
  background-image: url(img/icono/lupa02.png);
}

.activo .m_columna.m_columna_03 .icono.lupa{
  background-image: url(img/icono/lupa02.png);
}

.btn_responsive{
    width: 40px;
    height: 24px;
    margin: auto;
    padding: 4px 0px 0px;
    cursor: pointer;
    z-index: 32;
    position: relative;
    margin-top: 17px;
}

.btn_responsive .linea{
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background-color: #fff;
}


.btn_responsive_compras{
    width: 40px;
    height: 24px;
    margin: auto;
    padding: 4px 0px 12px;
    cursor: pointer;
    z-index: 32;
    position: relative;
}

.btn_responsive_compras .linea{
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background-color: #B1DBD5;
}


.btn_responsive_lupa{
    width: 40px;
    height: 24px;
    margin: auto;
    padding: 4px 0px 12px;
    cursor: pointer;
    z-index: 32;
    position: relative;
    display: inline-block;
    top: 33px;
}

.btn_responsive_lupa .linea{
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background-color: #B1DBD5;
}

.btn_responsive .linea.linea_01{}

.btn_responsive .linea.linea_02{}

.btn_responsive .linea.linea_03{}

.logo_scroll{
    position: absolute;
    left: 40px;
    top: 47px;
    z-index: 5;
}

.seccion_anima_icono.contenedor_slider.act .logo_scroll{
    position: fixed;
    left: 40px;
    z-index: 2;
    top: 40px;
}

.logo_scroll svg{
    width: 135px;
    height: 67px;
}

.logo_scroll .logo-color05 {
    fill: #004552;
}

.f_fila svg{
    width: 150px;
    height: 72px;
}
/*menu_principal*/
.menu{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #002428;
    top: 0;
    left: 0;
    color: #b2dcd6;
    display: inline-flex;
    align-items: flex-end;
    z-index: 1;
    display: none;
}
.menu a{color: #b2dcd6;}
.menu_columna{
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 70px;
}
.menu_columna.m_c_01{
    width: -o-calc(70.3% - 60px);
    width: -ms-calc(70.3% - 60px);
    width: -moz-calc(70.3% - 60px);
    width: -webkit-calc(70.3% - 60px);
    width: calc(70.3% - 60px);
    padding-left: 40px;
}
.menu_columna.m_c_02{
    width: 29.7%;
}
.menu_columna.m_c_02 .newsletter{
    margin-top: 40px;
}
.menu_columna.m_c_02 .newsletter p{
    margin: 0;
}

.menu_columna.m_c_02 .newsletter form{}
.menu_principal{
    margin: 0px 0px 40px;
    padding: 0;
}
.menu_principal li{
    list-style: none;
    /* line-height: 60px; */
    margin-bottom: 7px;
    display: table;
    position: relative;
}


.menu_principal li::before,.menu_secundario li::before,.icono.icono_usuario div::before, .f_columna ul li div::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    height: 1px;
    background: #b2dcd6;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_principal li::before{

    width: -o-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}


.menu_principal li::before{
    height: 4px;
    bottom: 38%;
}
.f_columna ul li div::before{
  background: #18383e;
}
.menu_principal li:hover::before, .menu_secundario li:hover::before,.icono.icono_usuario div:hover::before, .f_columna ul li div:hover::before{
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  z-index: -1;
}
.menu_principal div{
    width: auto;
    display: inline-block;
    /* padding-left: 70px; */
    line-height: 60px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 30px;
    height: 50px;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: 500;
}
.menu_principal .icono{background-repeat: no-repeat;background-position: 0px 0px;background-size: 30px;}
.menu_principal .icono.ic01{
    /* background-image: url(img/icono/m01.svg); */
}
.menu_principal .icono.ic02{
    /* background-image: url(img/icono/m02.svg); */
    /* background-size: 25px; */
}
.menu_principal .icono.ic03{
    /* background-image: url(img/icono/m03.svg); */
}
.menu_secundario{
    padding: 0;
    margin: 0;
    /* padding-left: 70px; */
}
.menu_secundario li{
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0.15em;
    position: relative;
}
.items{
    padding: 0;
    margin: 0;
}
.item_li{
    margin-top: 40px;
}
.item_li .icono{}
.item_li .icono.icono_usuario{
    width: auto;
}
.icono.icono_usuario svg{
  width:40px;
  display:inline-block;
  vertical-align:middle;
}
.icono.icono_usuario div{
    display: inline-block;
    vertical-align:middle;
    margin-bottom: -10px;
    text-transform: uppercase;
    margin-left: 30px;
    font-family: 'DINMedium';
    font-size: 14px;
    letter-spacing: 0.15em;
    display: none;
    position: relative;
}
.icono.icono_usuario:hover div{
  display:inline-block;
}
header.activo .user-color{
  stroke:#b1dbd5;
}
.item_li .icono.icono_comprar{
    background-image: url(img/icono/bolsa01.svg);
    background-size: 40px;
    background-position: center;
}
.item_li .red{
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    margin-right: 20px;
}
.item_li .red.fb{
    background-image: url(img/fb.png);
}
.item_li .red.tw{
    background-image: url(img/tw.png);
}
.item_li .red.in{
    background-image: url(img/in.png);
}

.item_li .colorfb{
  fill: #B1DBD5;
}
.item_li .twitter-color{
fill:#b1dbd5;
}
.item_li .instagramcolor{
  fill:#b1dbd5;
}
/*menu compras*/
.menu_compras{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #002428;
    top: 0;
    left: 0;
    color: #b2dcd6;
    z-index: 5;
    display: none;
    overflow-y: scroll;
}

.menu_compras.activo {
  display: block;
}


.menu_compras .menu_barra{
  position: absolute;
  top: 0px;
  left: 40px;
  padding-top: 16px;
}

.menu_compras .menu_barra .logo_scroll{
  top: 47px;
  left: 40px;
}

.table_compras{
    padding-top: 152px;
    width: 880px;
    margin: auto;
}

.table_compras .fila{
    display: flex;
    align-items: center;
    padding: 15px 0px;
    font-size: 16px;
}

.table_compras .fila.fila_header{
    padding-bottom: 20px;
}

.columna{
    float: left;
    text-align: center;
    padding: 2px 0px;
}

.fila.fila_total .columna{
  float: initial;
  display: inline-block;
  width: 130px;
  font-size: 16px;
  font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
  text-transform: uppercase;
}
.fila.fila_total .columna small{
  font-size:12px;
}

.columna.columna_titulo p{
  font-size: 14px; 
}

.fila.fila_total{
    text-align: right;
    display: block;
    border-top: 2px solid #b2dcd6;
    margin-left: 40px;
    margin-top: 15px;
}

.columna.columna_quitar{
    width: 40px;
    color: #e63339;
    cursor: pointer;
    font-size: 19px;
}

.columna.columna_descripcion{
    width: -o-calc(100% - 530px);
    width: -ms-calc(100% - 530px);
    width: -moz-calc(100% - 530px);
    width: -webkit-calc(100% - 530px);
    width: calc(100% - 530px);
    text-align: left;
    padding: 2px 10px;
    min-height: 15px;
    font-size: 12px;
}

.columna.columna_descripcion h3{
    margin: 0;
    font-size: 24px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    font-weight: normal;
    margin-bottom: 7px;
}

.columna.columna_descripcion p{
    margin: 0;
}

.columna.columna_producto{
    width: 80px;
    min-height: 15px;
}

.columna.columna_producto img{
  max-width:100%;
  height:auto;
}

.columna.columna_precio{
    width: 130px;
}

.columna.columna_cantidad{
    width: 130px;
}

.columna.columna_subtotal{
    width: 130px;
}

.restar{
    display: inline-block;
    width: 40px;
    cursor: pointer;
}

.columna.columna_precio p{
    display: inline-block;
}

.sumar{
    display: inline-block;
    width: 40px;
    cursor: pointer;
}

.fila.fila_header .columna.columna_quitar{
    border-bottom: none;
}

.fila.fila_header .columna{
    border-bottom: 2px solid #b2dcd6;
    font-size: 16px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
}

.fila.fila_center{
  text-align: center;
  margin-top: 60px;
  display: -webkit-flex;
  display: flex;
  width: 500px;
  margin: 60px auto 0px;
  justify-content: center;
  position: relative;
}
.fila.fila_center .borde{
    width: 1px;
    height: 36px;
    background-color: #b2dcd6;
}
.fila.fila_center .columna{
  display: inline-block;
  float: inherit;
  padding: 10px 20px 0px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: 'DIN-Regular', 'DINRegular', 'Roboto', sans-serif;
  line-height: 26px;
  position: relative;
}

.fila.fila_center .columna p{
  margin: 0;
  position: relative;
  display: inline-block;
}

.fila.fila_center .columna p::before{
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    height: 1px;
    background: #b2dcd6;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.fila.fila_center .columna p:hover::before{
-webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    z-index: -1;
}

.fila.fila_center .columna.columna_01{
}

.fila.fila_center .columna.columna_02{}



/*MENU USUARIO*/
.menu_usuario{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #002428;
    top: 0;
    left: 0;
    color: #b1dbd5;
    z-index: 6;
    display: none;
    overflow-y: scroll;
}



.menu_usuario .logo_scroll .logo-color05{
  fill:#b2dcd6;
}

.menu_usuario.activo{
    display: block;
}
.menu_usuario .menu_barra {
    position: absolute;
    top: 0px;
    left: 40px;
    padding-top: 16px;
}



.menu_registro{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #002428;
    top: 0;
    left: 0;
    color: #b1dbd5;
    z-index: 6;
    display: none;
    overflow-y: scroll;
}

.menu_registro .logo_scroll .logo-color05{
  fill:#b2dcd6;
}

.menu_registro.activo{
    display: block;
}
.menu_registro .menu_barra {
    position: absolute;
    top: 0px;
    left: 40px;
    padding-top: 16px;
}



.btn_responsive_usuario {
    width: 40px;
    height: 24px;
    margin: auto;
    padding: 4px 0px 12px;
    cursor: pointer;
    z-index: 32;
    position: relative;
    margin-top: 17px;
}
.btn_responsive_usuario .linea.linea_01 {
    transform: rotate(32deg) translate(2px, -3px);
    transform-origin: 0 0;
    width: 35px;
}
.btn_responsive_usuario .linea {
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background-color: #18383e;
}
.btn_responsive_usuario .linea {
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background-color: #b1dbd5;
}
.menu_usuario .menu_barra .logo_scroll {
    top: 0px;
    left: 0px;
    display: block;
    opacity: 1;
    position: absolute;
}


.btn_responsive_registro{
    width: 40px;
    height: 24px;
    margin: auto;
    padding: 4px 0px 12px;
    cursor: pointer;
    z-index: 32;
    position: relative;
}
.btn_responsive_registro .linea.linea_01 {
    transform: rotate(32deg) translate(2px, -3px);
    transform-origin: 0 0;
    width: 35px;
}
.btn_responsive_registro .linea {
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background-color: #18383e;
}
.btn_responsive_registro .linea {
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background-color: #b1dbd5;
}
.menu_registro .menu_barra .logo_scroll {
    top: 0px;
    left: 0px;
    display: block;
    opacity: 1;
    position: absolute;
}


.fila_usuario{
    text-align: center;
    position: relative;
    padding-top: 200px;
    padding-bottom: 80px;
}
.columna_usuario{
    width: 420px;
    margin: 0px 70px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.columna_usuario_int{}
.columna_usuario_int h2{
    font-size: 18px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    margin: 0px 0px 40px;
}
.columna_usuario_int p{
    display: inline-block;
    vertical-align: top;
    margin: 0;
    line-height: 24px;
    font-size: 14px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
}
.columna_usuario_int a{
    color: #b2dcd6;
    text-decoration:underline; 
}
.columna_usuario_int form{}
.columna_usuario_int label{
    margin: 30px 0px 12px;
    display: block;
    font-size: 14px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    text-transform: uppercase;
}
.columna_usuario_int .fila{
    margin-bottom: 20px;
    display: block;
}
.columna_usuario_int .columna{
    width: 50%;
    text-align: left;
}
.columna_usuario_int form input{
    padding: 0px 10px;
    margin: 0;
    border: 1px solid #b2dcd6;
    line-height: 26px;
    background-color: transparent;
    text-align: left;
    width: -o-calc(100% - 42px);
    width: -ms-calc(100% - 42px);
    width: -moz-calc(100% - 42px);
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
    resize: none;
    font-family: 'Roboto', sans-serif;
    color: #b2dcd6;
    font-size: 11px;
}
.columna_usuario_int form textarea{
    padding: 5px 10px;
    margin: 0;
    border: 1px solid #b2dcd6;
    line-height: 26px;
    color: #b2dcd6;
    background-color: transparent;
    text-align: left;
    width: -o-calc(100% - 42px);
    width: -ms-calc(100% - 42px);
    width: -moz-calc(100% - 42px);
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
    height: 88px;
    resize: none;
}

.columna_usuario_int form .error{
    border: 1px solid #e73339;
    color: #e73339;
}

.columna_usuario_int form .error::-webkit-input-placeholder {
  color: #e73339;
}
.columna_usuario_int form .error::-moz-placeholder {
  color: #e73339;
}
.columna_usuario_int form .error:-ms-input-placeholder {
  color: #e73339;
}
.columna_usuario_int form .error:-moz-placeholder {
  color: #e73339;
}

.columna_usuario_int .columna .input{}
.columna_usuario_int .linea{
    width: 100%;
    height: 1px;
    background-color: #b2dcd6;
    margin-bottom: 40px;
    display: block;
    clear: both;
}
.columna_usuario_int .input_chek{
    width: 11px;
    height: 11px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #b2dcd6;
    position: relative;
    cursor: pointer;
}
.columna_usuario_int .input_chek .input_chek_palomita{
    background-image: url(img/flecha_check.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    -webkit-transition:100ms;
    transition:100ms;
}
.input_chek:hover .input_chek_palomita{
  display:block;
  opacity:1;
}
.input_chek.act .input_chek_palomita{
  display:block;
  opacity:1;
}
.columna_usuario_int .info{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    margin-top: 0px;
    margin-left: 10px;
    position: relative;
    max-width: 100%;
}
.columna_usuario_int .info p{
    font-family: 'DINMedium', 'DIN-Medium', 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 11px;
    display: block;
}
.columna_usuario_int .info span{
    font-family: 'DIN-Regular', 'DINRegular', 'Roboto', sans-serif;
    font-size: 11px;
}
.fila.fila_check{
    margin-bottom: 40px;
}
.columna_usuario .info small{}
.columna_usuario .producto{
    float: inherit;
    padding-bottom: 0px;
    margin-bottom: 50px;
}
.columna_usuario .producto_img{
    width: 70px;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 30px;
}
.columna_usuario .producto_img img{
    max-width: 100%;
    height: auto;
}
.columna_usuario .producto_info{
    width: -o-calc(100% - 140px);
    width: -ms-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    display: inline-block;
    vertical-align: bottom;
    font-size: 12px;
}
.columna_usuario .producto_info h2{
    font-size: 24px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    margin: 0px 0px 0px;
}
.columna_usuario .producto_info p{
    margin-bottom: 0px;
}
.columna_usuario .producto_info span{}
.columna_usuario .producto_precio small{
    font-size: 9px;
    padding-left: 5px;
}
.producto_precio{
    padding-left: 100px;
    font-size: 16px;
    margin-top: 30px;
}

.producto_precio p{
    margin: 0;
}





/*contenido*/


.wrapper{
}

.fondo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;/* display: none; */overflow: hidden;z-index: -1;}

.slider{
    position: relative;
}

.contenedor_slider{
    position: relative;
    width: 100%;
}

.slider.slider_home{
    width: 100%;
    padding-bottom: 45.3%;
    height: 0;
}

.slider.slider_home .slide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 1;
}

.slider.slider_home .slide .slide_imagen{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slide_over{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 2;
    position: absolute;
    color: #fff;
}

.slider.slider_home .slide .slide_info{
    position: absolute;
    text-align: center;
    bottom: 100px;
    width: 450px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto;
}


.slide_info h4{
  font-family: 'DIN-Bold', 'DINBold', 'Roboto', sans-serif;
  font-size: 38px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-indent: 6px;
  margin: 0px 0px 5px;
  line-height: 38px;
}

.puntos{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 4;
}

.punto{
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
}

.punto.act{}

.punto_int{
    width: 20px;
    height: 0px;
    margin: 8px 5px;
    border-bottom: 2px solid #fff;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.punto:hover .punto_int{
  height: 10px;
}

.punto.act .punto_int{
  height: 10px;
}


.slide_info p{
    margin: 0;
    height: auto;
    line-height: 18px;
    font-size: 15px;
}


.fondo img{
    max-width: 100%;
    height: auto;
    transition: 0.2s;
    transition-timing-function: ease-out;
}

.contenedor{
    position: relative;
    z-index: 2;
}

.post{
    width: 100%;
    position: relative;
    height: 0;
    /* background-color: antiquewhite; */
}

.post.post_1{
    padding-bottom: 51.5%;
    margin-bottom: 12.3%;
    margin-top: 3%;
}

.post.post_2{
    padding-bottom: 65.3%;
    margin-bottom: 14.1%;
}

.post.post_3{
    padding-bottom: 71.1%;
    margin-bottom: 12.3%;
}

.post.post_4{
    padding-bottom: 57.7%;
    margin-bottom: 19.8%;
    margin-top: 5%;
}

.post.post_5{
    padding-bottom: 50.4%;
    margin-bottom: 11.2%;
}

.post.post_6{
    padding-bottom: 62.4%;
    margin-bottom: 9.5%;
}

.post.post_7{
    padding-bottom: 48.4%;
    margin-bottom: 11.2%;
    margin-top: 4.7%;
}
.post.post_8{
    padding-bottom: 47.9%;
    margin-bottom: 13.2%;
}


.imagen{
  position: absolute;
  overflow: hidden;
}
.imagen-int{
  overflow: hidden;

}


.imagen img{
  max-width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}

.imagen:hover img{
  transform: scale(1.1);
}

.post.post_1 .imagen_1{
    right: 46.2%;
    top: 14.7%;
    /* width: 38.3%; */
    height: 85.4%;
    max-width: 50%;
    display: inline-flex;
    align-items: flex-end;
}
.post.post_1 .imagen_2{
    top: 0;
    right: 11.6%;
    max-width: 19.15%;
    height: auto;
}
.post.post_1 .imagen_3{
    right: 23%;
    top: 75.7%;
    max-width: 15.5%;
    height: auto;
}

.post.post_2 .imagen_1{
    left: 15.3%;
    top: 17.6%;
    max-width: 82%;
    height: auto;
    overflow: hidden;
}
.post.post_2 .imagen_2{
    top: 74%;
    left: 11.5%;
    max-width: 23.1%;
    height: auto;
}
.post.post_2 .imagen_3{
    bottom: 0;
    right: 15.5%;
}

.post.post_3 .imagen_1{
    /* left: 15.6%; */
    /* width: 38.4%; */
    height: auto;
    right: 46%;
    max-width: 50%;
}
.post.post_3 .imagen_2{
    top: 36%;
    right: 7%;
    max-width: 25.7%;
    height: auto;
}
.post.post_3 .imagen_3{
    top: 76.5%;
    left: 46.1%;
    max-width: 15.2%;
}


.post.post_4 .imagen_1{
    height: auto;
    right: 30.7%;
    max-width: 65%;
}
.post.post_4 .imagen_2{
    top: 37.3%;
    right: 11.4%;
    max-width: 15.7%;
    height: auto;
}
.post.post_4 .imagen_3{
    bottom: 0;
    left: 60.8%;
    max-width: 15.5%;
}
.post.post_5 .imagen_1{
    height: auto;
    left: 53.8%;
    max-width: 46.2%;
    top: 1.4%;
}
.post.post_5 .imagen_2{
    top: 21.5%;
    left: 17.4%;
    max-width: 23.9%;
    height: auto;
}
.post.post_5 .imagen_3{
    bottom: 0;
    left: 34.2%;
    max-width: 15.6%;
}
.post.post_6 .imagen_1{
    height: auto;
    right: 61.7%;
    max-width: 38.3%;
    top: 0%;
}
.post.post_6 .imagen_2{
    top: 32%;
    right: 38.4%;
    max-width: 15.4%;
    height: auto;
}
.post.post_6 .imagen_3{
    bottom: 0;
    left: 46.1%;
    max-width: 23.6%;
}

.post.post_7 .imagen_1{
    height: auto;
    right: 46.7%;
    max-width: 53.3%;
    top: 0%;
}
.post.post_7 .imagen_2{
    top: 0.3%;
    right: 11.4%;
    max-width: 20.9%;
    height: auto;
}
.post.post_7 .imagen_3{
    bottom: 0;
    left: 53.6%;
    max-width: 23.4%;
}

.post.post_8 .imagen_1{
    height: auto;
    right: 51.4%;
    max-width: 48.6%;
    top: 0%;
}
.post.post_8 .imagen_2{
    top: 58.6%;
    right: 31.6%;
    width: 14.8%;
    height: auto;
}
.post.post_8 .imagen_3{
    bottom: 0;
    left: 46.1%;
    max-width: 23.6%;
}



.post_int{
    position: absolute;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    /* background-color: antiquewhite; */
}

.info{
  max-width: 36.5%;
  position: absolute;
}

.info p{
    margin: 6px 0px 0px;
    font-size: 17px;
    line-height: 20px;
}

.post.post_1 .info{
  left: 60.7%;
  top: 45.7%;
}

.post.post_2 .info{
    top: 1.6%;
    left: 15.4%;
}

.post.post_3 .info{
    left: 55.8%;
    top: 19.1%;
}

.post.post_4 .info{
  left: 15.4%;
  top: 66.6%;
}

.post.post_5 .info{
    top: 1%;
    left: 15.4%;
}

.post.post_6 .info{
    left: 46.2%;
    top: 13.4%;
}

.post.post_7 .info{
    left: 11.5%;
    top: 61.9%;
}

.post.post_8 .info{
    left: 51.2%;
    top: 16.4%;
}

.info h2{
  font-family: 'DINMedium', 'DIN-Medium', 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
  line-height: 24px;
}

.post.post_1{}

.post.post_2{}

.post.post_3{}

.contenedor_seccion{
  position: relative;
  /* overflow: hidden; */
  /* background-color: #fff; */
}

.contenedor_seccion{
  color: #18383e;
}

.contenedor_seccion.contenedor_seccion04{/* width: 900px; *//* margin: 0px auto 100px; */}

.contenedor_seccion.contenedor_seccion04 .titulo_seccion{
    color: #3f907f;
}

.contenedor_seccion.contenedor_seccion04 .titulo_seccion a{
    color: #3f907f;
}

.contenedor_seccion.contenedor_seccion04 .titulo_seccion h2{
}

.icono.compra{
  /* opacity: 0; */
  -webkit-transition: 600ms;
  transition: 600ms;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  margin-left: 10px;
  z-index: 10;
}

.icono.compra svg{
    width: 54px;
    height: 54px;
    position: absolute;
    left: -7px;
    top: -8px;
    fill: #fff;
}

.icono.compra svg .shop-color{
  fill: #fff;
}
.act .icono.compra svg .shop-color{
  fill: #19383e;
}
.act .icono.compra{
  opacity: 1;
  display: inline-block;
}
.icono.compra .shop-color{
  fill: #19383e;
}
header.activo .shop-color{
  fill:#e9f5f5;
}
header.activo .icono.compra .shop-color{
  fill:#b1dbd5;
}
.item_li .icono.compra{
  opacity: 1;
  display: block;
  position: relative;
  left: 0;
  top: inherit;
}

.icono.compra p{
    margin: 21px 0px 0px;
    text-align: center;
    font-size: 13px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    color: #fff;
}
.act .icono.compra p{
  color: #19383e;
}
.activo .icono.compra p{
  color: #b1dbd5;
}
.titulo_seccion{
    width: -o-calc(100% - 80px);
    width: -ms-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    margin: auto;
    text-align: center;
    padding-top: 156px;
    /* position: relative; */
    z-index: 3;
}
.contenedor_seccion.contenedor_seccion02 .titulo_seccion{
  padding-top:0px;
}
.contenedor_seccion.contenedor_seccion01 .titulo_seccion{
    color: #004552;
}

.contenedor_seccion.contenedor_seccion01 .titulo_seccion a{
    color: #004552;
}

.seccion_anima_icono.contenedor_seccion.contenedor_seccion01 .shop-color {
    fill: #004552;
}

.titulo_seccion .icono.icono_seccion01{
    position: absolute;
    width: 80px;
    height: 100px;
    top: 160px;
    background-position: center;
}

.titulo_seccion .icono.icono_seccion01 svg{
    width: 100%;
    height: 100%;
}

.titulo_seccion h2{
  font-family: 'DINBold', 'DIN-Bold', 'Roboto', sans-serif;
  font-size: 51px;
  font-weight: normal;
  margin: 0px;
  line-height: 51px;
  text-transform: uppercase;
  padding-top: 40px;
  display: flex;
  text-align: center;
  padding-left: 100px;
  align-content: space-around;
  width: -o-calc(100% - 140px);
  width: -ms-calc(100% - 140px);
  width: -moz-calc(100% - 140px);
  width: -webkit-calc(100% - 140px);
  width: calc(100% - 140px);
  justify-content: space-between;
}

.titulo_seccion h2 span{
    text-align: center;
    position: relative;
    top: 0;
}

.titulo_seccion a{
    color: #e73339;
}
 
.titulo_seccion p{
    margin: 10px 0px 0px;
    font-size: 19px;
    line-height: 22px;
}
.titulo_seccion_parrafo{
    width: 600px;
    margin: 16px auto 0px;
}

.titulo_seccion_parrafo p{
  font-size:18px;
}

.iconos_comprar{
    position: absolute;
    right: 0;
    bottom: 30px;
    opacity: 0;
    -webkit-transition:300ms;
    transition:300ms;
}

.imagen:hover .iconos_comprar{
  opacity:1;
}

.iconos_comprar .icono{
  display: block;
  cursor: pointer;
  background-position: center;
}

.contenedor_seccion.contenedor_seccion01 .iconos_comprar .icono{
  background-color: #d0f4ee;
}

.contenedor_seccion.contenedor_seccion03 .iconos_comprar .icono{
    background-color: #098b9a;
}

.contenedor_seccion.contenedor_seccion04 .iconos_comprar .icono{
  background-color:#d6ebe7;
}

.iconos_comprar .icono.icono_comprar{
  background-image: url(img/comprar/comprar.png);
}
.iconos_comprar .icono.icono_aniadir{
  background-image: url(img/comprar/aniadir.png);
}

.boton_ext{
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    z-index: 3;
}

.wrapper.wrapper_pagina .contenedor{
  padding-bottom: 50px;
}


.contenedor_seccion.contenedor_seccion02 .boton_ext{
  margin-bottom: 210px;
}
.boton{
    margin: auto;
    padding: 38px 30px 19px;
    border: 2px solid #000;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    letter-spacing: 2px;
    min-width: 273px;
}

.contenedor_seccion.contenedor_seccion01 .boton{
    border-color: #004552;
    color: #004552;
    cursor: pointer;
}

.contenedor_seccion.contenedor_seccion04 .boton{
  border-color:#3f907f;
  color:#3f907f;
  cursor:pointer;
}

.titulo_seccion{}

.titulo_seccion h3{
  font-size: 34px;
  font-family: 'DIN-Bold', 'DINBold', 'Roboto', sans-serif;
  letter-spacing: 24px;
  text-transform: uppercase;
  text-indent: 24px;
}

.titulo_seccion h4{
  font-size: 24px;
  font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
  letter-spacing: 10px;
  text-transform: uppercase;
}

.contenedor_seccion.contenedor_seccion01 .titulo_seccion h3{
  color: #004552;
}
.contenedor_seccion.contenedor_seccion01 .titulo_seccion h4{
  color: #004552;
}

.carrusel{
    width: 1100px;
    margin: auto;
    height: 377px;
    z-index: 3;
    position: relative;
}
.carrusel_interior{
    margin-top: 70px;
    position: relative;
}
.carrusel_mascara{
    width: 1020px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.carrusel_desplazar{
    width: auto;
    white-space: nowrap;
    /* height: 350px; */
    position: relative;
    /* display: inline; */
}
.post.post_carrusel{
    width: -o-calc(25% - 30px);
    width: -ms-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: -webkit-calc(25% - 30px);
    width: calc(25% - 30px);
    /* float: left; */
    white-space: normal;
    margin: 0px 15px;
    display: inline-block;
    height: auto;
}
.post.post_carrusel .post_imagen{
  width: 100%;
  padding-bottom: 62.3%;
  white-space: normal;
  position: relative;
  overflow: hidden;
      background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.post.post_carrusel .post_imagen .post_imagen_int{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.post.post_carrusel .post_imagen .post_imagen_int:hover{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.post.post_carrusel .iconos_comprar{}
.post.post_carrusel .post_info{
    height: 180px;
}
.post.post_carrusel .post_info h2{
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    font-weight:normal;
}
.post.post_carrusel .post_info p{}
.flecha_carrusel.flecha_c_i{
    width: 40px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(img/flecha_i.png);
    background-size: 40px;
    position: absolute;
    left: 0px;
    top: 30px;
    cursor: pointer;
}
.flecha_carrusel.flecha_c_d{
    width: 40px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(img/flecha_d.png);
    background-size: 40px;
    position: absolute;
    right: 0px;
    top: 30px;
    cursor: pointer;
}

.contenedor_seccion.contenedor_seccion02{}    
.contenedor_seccion.contenedor_seccion02 .shop-color{
    fill: #e63339;
}
.contenedor_seccion.contenedor_seccion02 .mas-color{
    fill: #e63339;
}


.contenedor_seccion.contenedor_seccion04 .shop-color{
    fill: #3f907f;
}
.contenedor_seccion.contenedor_seccion04 .mas-color{
    fill: #3f907f;
}


.info{

  
}
.titulo_seccion{
  color: #e73339;
}

header .info{
  margin-top: 20px;
    color: #b2dcd6;
}

.contenedor_seccion.contenedor_seccion02 .iconos_comprar .icono{
  background-color: #ffb2b8;
}

.contenedor_seccion.contenedor_seccion02 .iconos_comprar .icono.icono_comprar{
  background-image: url(img/comprar/comprar02.png);
}
.contenedor_seccion.contenedor_seccion02 .iconos_comprar .icono.icono_aniadir{
  background-image: url(img/comprar/aniadir02.png);
}

.contenedor_seccion.contenedor_seccion03 .iconos_comprar .icono.icono_comprar{
  background-image: url(img/comprar/comprar03.png);
}
.contenedor_seccion.contenedor_seccion03 .iconos_comprar .icono.icono_aniadir{
  background-image: url(img/comprar/aniadir03.png);
}

.contenedor_seccion.contenedor_seccion02 .boton{
  border-color: #e73339;
  color: #e73339;
}

.titulo_seccion .icono.icono_seccion02{
    position: absolute;
    width: 80px;
    height: 100px;
}

.titulo_seccion .icono.icono_seccion02 svg{
    width: 100%;
    height: 100%;
}

.titulo_seccion .icono{
}

.titulo_seccion .icono.icono_seccion03{
    position: absolute;
    width: 80px;
    height: 100px;
    top: 160px;
}

.titulo_seccion .icono.icono_seccion03 svg{
    width: 100%;
    height: 100%;
}

.contenedor_seccion.contenedor_seccion02 .flecha_carrusel.flecha_c_i{
      background-image: url(img/flecha_i02.png);
}

.contenedor_seccion.contenedor_seccion02 .flecha_carrusel.flecha_c_d{
  background-image: url(img/flecha_d02.png);
}

.contenedor_seccion.contenedor_seccion03{
    padding: 60px 0px 0px;
    z-index: 3;
}

.collage_productos{
    width: 1000px;
    margin: auto;
    z-index: 2;
    position: relative;
}

.producto{
  position: relative;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 40%;
}

.producto.producto01{
    width: 40%;
} 
.producto.producto02{
    width: 36%;
} 
.producto.producto03{
    width: 24%;
} 
.producto.producto04{
    width: 24%;
} 
.producto.producto05{
    width: 40%;
} 
.producto.producto06{
    width: 36%;
} 

.producto .shop-color{
  fill: #00242d;
}
.producto .mas-color{
   fill: #00242d;
}
.producto:hover .iconos_comprar{
  opacity: 1;
}

.post_imagen:hover .iconos_comprar{
  opacity: 1;
}




/*footer*/
footer{
  color: #18383e;
  background-color: #e9f5f5;
  position: relative;
}

footer .logo-color05{
    fill: #004552;
}

.footer_int{
    width: -o-calc(100% - 230px);
    width: -ms-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    margin: auto;
    padding: 90px 0px 10px;
}
footer .newsletter input{
    border: 1px solid #00242d;
    color: #00242d;
    padding: 11px 10px 10px;
}
footer .newsletter input.enviar{
  height: 36px;
  width: 36px;
  background-image: url(img/flecha_n.png);
}

.f_fila{
    text-align: center;
    margin-bottom: 50px;
}

.f_fila img{
    margin: auto;
}

.f_fila{}

.f_columna{
    max-width: -o-calc(100%/3);
    max-width: -ms-calc(100%/3);
    max-width: -moz-calc(100%/3);
    max-width: -webkit-calc(100%/3);
    max-width: calc(100%/3);
    text-align: left;
}

.f_columna.f_columna01{}

.f_columna.f_columna02{
    text-align: center;
}

.f_columna.f_columna03{}

.f_columna ul{
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
}

.f_columna ul li{
    margin-bottom: 31px;
}
.f_columna ul li div{
  position: relative;
  display: table;
}

.btn{
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    font-size: 15px;
    position: relative;
}

.btn p{
  margin:auto;
}

.btn:hover{
    color: #e9f5f5;
}

.btn.btn_line{
    transition: 300ms;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}

.btn.btn_line.btn_numero{
    width: 30px;
    text-align: center;
}

.agregar{
    margin: 40px 0px;
}

.btn_desplegar{
  position: absolute;
  top: 20px;
  left: 0;
  display: none;
}

.btn.btn_line:hover .btn_desplegar{
  display:block;
}

footer .red{
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    display: inline-block;
    margin: 0px 20px;
    position: relative;
    cursor: pointer;
}

footer .red svg{
    width: 40px;
    height: 40px;
}

footer .red .colorfb{
    fill: #18383e;
}
footer .red .twitter-color{
    fill: #18383e;
}
footer .red .instagramcolor{
    fill: #18383e;
}

footer .red.fb{
/*    background-image: url(img/fb.png);*/
}
footer .red.tw{
/*    background-image: url(img/tw.png);*/
    top: 80px;
}
footer .red.in{
/*    background-image: url(img/in.png);*/}

.newsletter{
    width: auto;
    display: inline-block;
    margin: auto;
}

.newsletter p{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    margin: 0px 0px 6px;
}

.newsletter form{}

.newsletter input{
    padding: 6px 10px 6px;
    margin: 0;
    border: 1px solid #b1dbd5;
    background-color: transparent;
    -webkit-appearance: inherit;
    border-radius: 0px;
    vertical-align: middle;
    width: 180px;
    float: left;
    color: #b1dbd5;
}

.newsletter input.enviar{
    padding: 0px;
    font-size: 0px;
    width: 27px;
    height: 27px;
    border-left: none;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    background-image: url(img/flecha_b.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    cursor: pointer;
}

footer ::-webkit-input-placeholder {
  color: #18383e;
  text-transform: uppercase;
}
footer ::-moz-placeholder {
  color: #18383e;
  text-transform: uppercase;
}
footer :-ms-input-placeholder {
  color: #18383e;
  text-transform: uppercase;
}
footer :-moz-placeholder {
  color: #18383e;
  text-transform: uppercase;
}


header ::-webkit-input-placeholder {
  color: #b1dbd5;
  text-transform: uppercase;
}
header ::-moz-placeholder {
  color: #b1dbd5;
  text-transform: uppercase;
}
header :-ms-input-placeholder {
  color: #b1dbd5;
  text-transform: uppercase;
}
header :-moz-placeholder {
  color: #b1dbd5;
  text-transform: uppercase;
}

.f_fila.piedepagina{margin: 0px 0px 40px;}

.f_fila.piedepagina p{
    letter-spacing: 3px;
    font-size: 12px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    margin: 0;
}

.f_fila.piedepagina.piedepagina-informacion p{
    letter-spacing: 1px;
    font-size: 10px;
}

.fila ::-webkit-input-placeholder {
  color: #b1dbd5;
}
.fila ::-moz-placeholder {
  color: #b1dbd5;
}
.fila :-ms-input-placeholder {
  color: #b1dbd5;
}
.fila :-moz-placeholder {
  color: #b1dbd5;
}




.post_coleccion {
    width: 440px;
    margin: auto;
    height: auto;
    margin-top: 80px;
    margin-bottom: 100px;
}

.post_coleccion .post_int{
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    -webkit-transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.post_coleccion .imagen{
    position: relative;
    width: 100%;
    height: auto;
}
.post_coleccion .imagen img{
  display: block;
}
.post_coleccion .iconos_comprar{}
.post_coleccion .info{
    position: relative;
    max-width: inherit;
    margin-top: 30px;
    font-size: 18px;
    line-height: 22px;
}
.imagen-int-post{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}
.post_seleccion .imagen{
  overflow: hidden;
}
.post_seleccion .imagen:hover .imagen-int-post{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.post_local .imagen{
  overflow: hidden;
}
.post_local .imagen:hover .imagen-int-post{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.post_coleccion .info p{
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    font-family: 'DIN-Regular', 'DINRegular', 'Roboto', sans-serif;
}

.post_coleccion .shop-color{
    fill: #18383e;
}

.post_coleccion .mas-color{
    fill: #18383e;
}



.post_seleccion {
    width: calc(100%/3 - 65px);
    margin: 30px 30px 0px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-top: 80px;
}

.post_seleccion .post_int{
    position: relative;
    width: 100%;
    height: auto;
}
.post_seleccion .imagen{
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 130%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.post_seleccion .imagen img{}
.post_seleccion .iconos_comprar{}
.post_seleccion .info{
    position: relative;
    max-width: inherit;
    margin-top: 30px;
    font-size: 18px;
    line-height: 22px;
}
.post_seleccion .info p{
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    font-family: 'DIN-Regular', 'DINRegular', 'Roboto', sans-serif;
}

.header_interior{}

.header_interior .btn_responsive .linea {
    background-color: #18383e;
}

.contenedor_seccion02_interior{
    width: 1050px;
    margin: auto;
}


.menu_navegador{
    text-align: center;
    margin: 100px 0px;
}
.flecha_mn_izq{
    width: 40px;
    height: 40px;
    background-image: url(img/flechas_seleccion.png);
    background-position: 0px 0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.num{
    width: 30px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    cursor: pointer;
}
.num.act{
    text-decoration: underline;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
}
.num:hover{
    text-decoration: underline;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
}
.flecha_mn_der{
    width: 40px;
    height: 40px;
    background-image: url(img/flechas_seleccion.png);
    background-position: 0px -80px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.contenedor_seccion04_interior{
}

.post_local{
    width: calc(50% - 110px);
    margin: 50px 50px 0px;
    display: inline-block;
}
.post_local .post_int{
    position: relative;
    height: auto;
}

.post_local .imagen{
    width: 100%;
    padding-bottom: 120%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.post_local .info{
    width: 100%;
    position: relative;
    margin: 30px 0px 0px;
    max-width: inherit;
    font-family: 'DIN-Regular', 'DINRegular', 'Roboto', sans-serif;
}

.post_local .info p{
    font-size: 14px;
} 


.header_interior_dos{}

.texto_destacado{
    width: 700px;
    margin: 80px auto 0px;
    padding-bottom: 100px;
    text-align: center;
    font-size: 19px;
    line-height: 30px;
}
.texto_destacado p{}

.texto_destacado p{}
.texto_destacado b{
    font-family: 'DINMedium', 'DIN-Medium', 'Roboto', sans-serif;
}

.texto_destacado strong{
  font-family: 'DINMedium', 'DIN-Medium', 'Roboto', sans-serif;
}

.contenedor_seccion_pagina_rosa{
    background-color: #fef3f5;
}

.contenedor_seccion_pagina_rosa .act .m_columna.m_columna_03 .icono.lupa {
    background-image: url(img/icono/lupa02.png);
}

.contenedor_seccion_pagina_rosa .titulo_seccion{
}

.contenedor_seccion_pagina_rosa .titulo_seccion h2{
    background-color: transparent;
    color: #18383e;
    font-size: 40px;
    text-indent: 28px;
    letter-spacing: 20px;
}

.contenedor_seccion_pagina_rosa .contenedor{
    /* width: 700px; */
    /* margin: 80px auto 100px; */
}

.texto_destacado blockquote{
    font-size: 26px;
    letter-spacing: 4px;
    margin: 60px 0px 40px;
}

.texto_page{
    width: 920px;
    margin: 80px auto 100px;
    font-size: 16px;
    line-height: 22px;
    color: #18383e;
}

.texto_page h2{
    font-family: 'DIN-Bold', 'DINBold', 'Roboto', sans-serif;
    margin-bottom: 0px;
        margin-top: 30px;
    font-size: 20px;
    letter-spacing: 0.15em;
}

.texto_page h3{
    font-family: 'DIN-Bold', 'DINBold', 'Roboto', sans-serif;
    margin-bottom: 0px;
        margin-top: 30px;
    font-size: 18px;
    letter-spacing: 0.15em;
}

.texto_page h4{
    font-family: 'DIN-Bold', 'DINBold', 'Roboto', sans-serif;
    margin-bottom: 0px;
        margin-top: 30px;
    font-size: 16px;
    letter-spacing: 0.15em;
}

.texto_page h5{
    font-family: 'DIN-Bold', 'DINBold', 'Roboto', sans-serif;
    margin-bottom: 0px;
        margin-top: 30px;
    font-size: 16px;
}

.texto_page p{
    margin-top: 0px;
}

.header_interior_dos .btn_responsive .linea {
    background-color: #18383e;
}

.texto_about{
    max-width: 930px;
    margin: 80px auto 0px;
    font-size: 23px;
    line-height: 30px;
    padding-bottom: 100px;
}
.texto_about p{
    max-width: 680px;
    margin: 20px auto;
}

.texto_about img.alignleft{
    float: left;
    margin: -80px 20px -80px 0;
    max-width: -o-calc(50% - 50px);
    max-width: -ms-calc(50% - 50px);
    max-width: -moz-calc(50% - 50px);
    max-width: -webkit-calc(50% - 50px);
    max-width: calc(50% - 50px);
    margin: 30px 50px 50px 0;
}

.texto_about img.alignright{
    float: right;
    margin: 30px 0px 50px 50px;
    max-width: -o-calc(50% - 50px);
    max-width: -ms-calc(50% - 50px);
    max-width: -moz-calc(50% - 50px);
    max-width: -webkit-calc(50% - 50px);
    max-width: calc(50% - 50px);
}

.texto_about img.aligncenter{
    float: initial;
    display: block;
    margin: 10px auto 50px;
    clear: both;
}

.texto_about blockquote{
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    max-width: 500px;
    margin: 100px auto;
    display: table;
}

.contenedor_seccion.contenedor_producto{}
.contenedor_seccion.contenedor_producto .titulo_seccion{
    color: #004552;
}
.contenedor_seccion.contenedor_producto .titulo_seccion h2{}
.contenedor_seccion.contenedor_producto .contenedor{}

.contenedor_seccion.contenedor_producto{}

.content_producto{
    width: 930px;
    margin: 80px auto 100px;
}

.producto_slider{
    width: 460px;
    float: left;
    position: relative;
}
.producto_int{
    width: 100%;
    padding-bottom: 133.4%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
}
.zoom{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.helper{}
.over_z_i{
    position: absolute;
    width: 100%;
    height: 100%;
}
.producto_slide{
    width: 100%;
    position: relative;
    padding-top: 133.4%;
    height: auto;
}
.zoom img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}
.producto_puntos{
    width: calc(100% + 20px);
}
.producto_punto{
    width: calc(25% - 20px);
    padding-bottom: calc(25% - 20px);
    float: left;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 20px;
    cursor: pointer;
}
.producto_punto.act{}

.flecha_p_der{
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(45% - 20px);
    right: 20px;
    background-image: url(img/flecha_producto.png);
    background-size: 40px;
    background-position: 0px -80px;
    cursor: pointer;
}
.flecha_p_izq{
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(45% - 20px);
    left: 20px;
    background-image: url(img/flecha_producto.png);
    background-size: 40px;
    background-position: 0px 0px;
    cursor: pointer;
}

.over_z_icono{
    width: 32px;
    height: 32px;
    background-color: #d0f4ee;
    bottom: 20px;
    right: 20px;
    position: absolute;
    background-image: url(img/comprar/aniadir03.png);
    background-position: center;
    cursor: pointer;
    display: none;
}

.over_z_icono .lupa-color{
    fill: #18383e;
}

.producto_descripcion{
    margin-left: 40px;
    width: calc(100% - 500px);
    float: left;
    margin-top: 100px;
    font-size: 17px;
    line-height: 23px;
}

.producto_dep{}

.producto_dep h2{
    font-size: 38px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    margin: 0;
}

.producto_dep h4{
    margin: 10px 0px 0px;
    font-size: 26px;
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
}
.producto_dep h4 small{
    font-size: 16px;
}
.producto_dep p{}
.agregar{}
.btn{}
.btn.btn_line{}


.producto_descripcion .btn.btn_line:hover{
    background-color: initial;
    color: #18383e;
}


.coleccion_interior_texto img.alignleft{
    float: left;
    margin: -80px 20px -80px 0;
    max-width: -o-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    margin: 30px 50px 50px 0;
}



.coleccion_interior_texto img.alignright{
    float: right;
    margin: 30px 0px 50px 50px;
    max-width: -o-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
}

.coleccion_interior_texto img.alignleft_int{
    float: left;
    margin: -80px 20px -80px 0;
    max-width: -o-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    margin: 30px 50px 50px 0;
    margin-left: 20%;
}

.coleccion_interior_texto img.alignright_int{
    float: right;
    margin: 30px 0px 50px 50px;
    max-width: -o-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    margin-right: 20%;
}

.coleccion_interior_texto img.alignleft_ext{
    float: left;
    margin: -80px 20px -80px 0;
    max-width: -o-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    margin: 30px 50px 50px 0;
    margin-left: calc(-50vw + 470px);
}

.coleccion_interior_texto img.alignright_ext{
    float: right;
    margin: 30px 0px 50px 50px;
    max-width: -o-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    margin-right: calc(-50vw + 470px);
}

.coleccion_interior_texto img.aligncenter{
    float: initial;
    display: block;
    margin: 10px auto 50px;
    clear: both;
}

.coleccion_interior_texto{
    font-size: 18px;
    width: 940px;
    margin: 50px auto 0px;
    line-height: 140%;
    padding-bottom: 150px;
}

.coleccion_interior_texto h2{
    font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: normal;
}
.coleccion_interior_texto p{
    width: 540px;
}

.coleccion_interior_texto .video{
    width: 100vW;
    clear: both;
    margin: 100px 0px;
    margin-left: calc(-50vw + 470px);
}
.coleccion_interior_texto .video_int{
    width: 100%;
    padding-bottom: 42.3%;
    position: relative;
}
.coleccion_interior_texto .video_int iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}



.coleccion_interior_texto blockquote{
    font-size: 26px;
    letter-spacing: 4px;
    margin: 60px 0px 40px;
}

.txtright{
    clear: both;
    float: right;
}

.contenedor_seccion.contenedor_seccion04.contenedor_seccion04_interior{}

.contenedor_seccion.contenedor_seccion04.contenedor_seccion04_interior .contenedor{
   width: 900px;
   margin: 10px auto 100px;
}

.idioma{
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    position: relative;
    /* margin-top: 22px; */
    height: 40px;
    line-height: 40px;
}
.idioma ul{
    padding: 0;
    margin: 0;
}
.idioma ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}
.activo .idioma ul li{
    color: #b1dbd5;
}

body.act .activo .idioma ul li{
    color: #b1dbd5;
}
body.act .idioma ul li{
  color: #19383e;
}
.menu_compras .idioma ul li{
  color: #b1dbd5;
}
body.act .menu_compras .idioma ul li{
  color: #b1dbd5;
}


.menu_usuario .idioma ul li{
  color: #b1dbd5;
}
body.act .menu_usuario .idioma ul li{
  color: #b1dbd5;
}

.contenedor_seccion.contenedor_producto .iconos_comprar{
    background-color: #d0f4ee;
}
.contenedor_seccion.contenedor_producto .iconos_comprar .shop-color{
    fill: #004552;
}
.contenedor_seccion.contenedor_producto .iconos_comprar .mas-color{
    fill: #004552;
}

.contenedor_seccion.contenedor_contacto.contenedor_seccion_pagina_rosa .titulo_seccion{

}
.contenedor_seccion.contenedor_seccion_pagina_rosa .titulo_seccion h2{
        text-indent: 20px;
    letter-spacing: 20px;
    padding-left: 0;
    text-align: center;
    justify-content: inherit;
    display: inherit;
        margin: auto;
        font-size: 30px;
}


.f_fila.f_fila_centrar{
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 114px;
}

footer .f_fila.f_fila_centrar{
        margin-top: 114px;
}


.header_interior_dos .m_columna.m_columna_03 .icono.lupa .lupa-color{
    fill: #18383e;
}
.header_interior_dos .m_columna.m_columna_03 .idioma ul li{
    color: #18383e;
}

.header_interior_dos.activo .m_columna.m_columna_03 .icono.lupa .lupa-color{
    fill: #e9f5f5;
}
.header_interior_dos.activo .m_columna.m_columna_03 .idioma ul li{
    color: #e9f5f5;
}
header .menu_columna.m_c_02 .newsletter p{
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    margin: 0px 0px 6px;
    font-weight: 500;
    letter-spacing: 0.03em;
}


.item_li .icono.compra p{
    color: #b1dbd5;
    margin: 0px;
    padding: 22px 0px 0px;
}


.item_li .fila{
  display: grid;
  grid-template-columns:1fr 1fr;
  grid-column-gap:20px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.item_li .fila .columna{
  width: 100%;
}

.item_li .fila input{
  margin: 0;
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  width: calc(100% - 22px);
  border: 1px solid #b1dbd5;
  height: 26px;
  background-color: transparent;
  color: #b1dbd5;
  padding: 0px 10px;
}
.item_li .fila_btn{
  width: 100%;
}
.item_li .fila_btn .btn{
  display: inline-block;
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  font-family: 'DIN-Medium', 'DINMedium', 'Roboto', sans-serif;
  cursor: pointer;
}

.menu_lupa{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #002428;
    top: 0;
    left: 0;
    color: #b2dcd6;
    z-index: 5;
    display: none;
    overflow-y: scroll;
}
.user-uno-contenido{
  padding-left: 6px;
  display: none;
}

.centrar-form{
    width: 100%;
    height: calc(100vh - 130px);
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    margin: auto;
}
.centrar-form form{
    margin: auto;
    width: 770px;
}
.centrar-form input{
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #b2dcd6;
    height: 100px;
    font-size: 80px;
    color: #b2dcd6;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.centrar-form p{
    text-align: left;
    margin-top: 26px;
}

.menu_lupa .btn_responsive_compras{
    margin:0px; 
    display: inline-block;
}
.menu_lupa .menu_barra .m_columna.m_columna_03{
    text-align: right;
}

.menu_lupa .btn_responsive_compras .linea{
    background-color: #e9f5f5;
}

body.act .menu_compras .m_columna.m_columna_03 .icono.lupa .lupa-color{
        fill: #B1DBD5;
}
.menu_compras .m_columna.m_columna_03 .icono.lupa .lupa-color{
        fill: #B1DBD5;
}

.fila.fila-tres{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
}
.fila.fila-tres .columna{
    float: inherit;
    width: 100%;
}
.fila.fila-tres .columna input{}
.fila.fila-tres .columna .select{
    background-image: url(img/flecha_abajo.png);
    background-repeat: no-repeat;
    background-position: center right;
    height: 28px;
}
.fila.fila-tres .columna .select select{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    color: #b2dcd6;
    border: 1px solid #b2dcd6;
    border-radius: 0;
    padding: 0px 10px;
}
footer .newsletter{
  margin-top: 45px;
}

.header_interior_dos .icono.compra{
  opacity: 1;
  display: inline-block;
  margin-left: 10px;
  z-index: 2;
}

.contenedor_seccion.contenedor_seccion02.contenedor_seccion02_interior .titulo_seccion{
      padding-top: 156px;
}



.contenedor_seccion.contenedor_seccion04.contenedor_seccion04_interior .info h2{
  font-size: 20px;
}


.menu_lupa.activo{
  display: block;
  z-index: 6;
}

.menu_resgistrar_usuario{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #002428;
    top: 0;
    left: 0;
    color: #b1dbd5;
    z-index: 6;
    display: none;
    overflow-y: scroll;
}
.menu_resgistrar_usuario.activo{
  display: block;
}
.menu_resgistrar_usuario .menu_barra .logo_scroll{
    top: 47px;
  left: 40px;
      display: block;
    opacity: 1;
}

.contenedor_seccion .boton{
  position: relative;
}

.contenedor_seccion .boton:hover p{
  color: #fff;
}
.contenedor_seccion .boton::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    background-color: #004552;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.contenedor_seccion .boton:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
.boton p{
  margin: 0px;
  position: relative;
  z-index: 2;
}

.contenedor_seccion.contenedor_seccion02 .boton::before {
  background-color: #e73339;
}

.contenedor_seccion.contenedor_seccion04 .boton::before {
  background-color: #3f907f;
}

.collage_productos .producto{
  top: 0;
  overflow: hidden;
}

.collage_productos .producto .producto_imagen{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}
.collage_productos .producto .producto_imagen:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.imagen_1 img{
      -webkit-transform: scale(1) rotate(0);
      -ms-transform: scale(1) rotate(0);
      -o-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
      -webkit-transition: -webkit-transform 350ms;
      transition: -webkit-transform 350ms;
      -o-transition: -o-transform 350ms;
      transition: transform 350ms;
      transition: transform 350ms, -webkit-transform 350ms, -o-transform 350ms;
      display: block;
}

.seccion_anima_icono.contenedor_slider .logo_scroll{
  position: fixed;
}
.seccion_anima_icono.contenedor_slider .logo_scroll.active-remove{
    position: absolute;
    bottom: -120px;
    top: inherit;
} 

.titulo_seccion.activo-fijo .icono.icono_seccion01{
  position: fixed;
  left: 40px;
  top: 47px;
}
.seccion_anima_icono.contenedor_seccion.contenedor_seccion01 .top_fijar_item{
    position: absolute;
    top: 110px;
}
.seccion_anima_icono.contenedor_seccion.contenedor_seccion02 .top_desplazar_item{
      position: absolute;
    top: -155px;
}
.seccion_anima_icono.contenedor_seccion.contenedor_seccion02 .top_fijar_item{
      position: absolute;
    top: -55px;
}

.titulo_seccion.activo-fijo.activo-remover .icono.icono_seccion01{
  position: absolute;
  top: inherit;
  bottom: 4px;
}

.titulo_seccion.activo-fijo .icono.icono_seccion02{
  position: fixed;
  left: 40px;
  top: 47px;
}

.titulo_seccion.activo-fijo.activo-remover .icono.icono_seccion02{
  position: absolute;
  top: inherit;
  bottom: 4px;
}


.seccion_anima_icono.contenedor_seccion.contenedor_seccion03 .top_desplazar_item {
    position: absolute;
    top: -155px;
}


.seccion_anima_icono.contenedor_seccion.contenedor_seccion04 .top_fijar_item{
  position: absolute;
  top: 126px;
}

.titulo_seccion.activo-fijo .icono.icono_seccion03{
  position: fixed;
  left: 40px;
  top: 37px;
}

.titulo_seccion.activo-fijo.activo-remover .icono.icono_seccion03{
  position: absolute;
  top: inherit;
  bottom: 7px;
}

footer .top_desplazar_item{
  position: absolute;
  top: -145px;
}

.top_header{
  position: absolute;
  top: -80px;
}

.top-fijar-logo{
  position: absolute;
  top: 120px;
}

.contenedor_seccion.contenedor_seccion01{}

.contenedor_seccion.contenedor_seccion_coleccion .icono.icono_seccion01.activo-fijo{
  position: fixed;
  top: 37px;
}
.contenedor_seccion.contenedor_seccion_coleccion .icono.icono_seccion01.activo-fijo.activo-remover{
  position: absolute;
  top: initial;
  bottom: -94px;
}

.titulo_seleccion .icono.icono_seccion02.activo-fijo{
  position: fixed;
  top: 37px;
}
.titulo_seleccion .icono.icono_seccion02.activo-fijo.activo-remover{
  position: absolute;
  top: initial;
  bottom: -94px;
}


.contenedor_seccion_local .icono.activo-fijo{
  position: fixed;
  top: 37px;
}
.contenedor_seccion_local .icono.activo-fijo.activo-remover{
  position: absolute;
  top: initial;
  bottom: -92px;
}


.wrapper.wrapper_pagina{
  position: relative;
}
.wrapper.wrapper_pagina .top-fijar-logo{
  position: absolute;
  top: 0px; 
}
.wrapper_pagina .logo_scroll.activo-fijo{
  position: fixed;
  top: 47px;
}
.wrapper_pagina .logo_scroll.activo-fijo.activo-remover{
  position: absolute;
  top: initial;
  bottom: 23px;
}



.wrapper.wrapper_single{
  position: relative;
  padding-bottom: 100px;
}
.wrapper.wrapper_single .top-fijar-logo{
  position: absolute;
  top: 110px; 
}
.wrapper_single .titulo_seccion .icono.activo-fijo{
  position: fixed;
  top: 47px;
}
.wrapper_single .titulo_seccion .icono.activo-fijo.activo-remover{
  position: absolute;
  top: initial;
  bottom: -100px;
}

.contenedor_seccion.contenedor_producto .boton{
  border-color: #19383e;
}
.contenedor_seccion.contenedor_producto .boton::before{
  background-color: #19383e;
}


input:active{
  outline: 0;
}
input:focus{
  outline: 0;
}

textarea:active{
  outline: 0;
}
textarea:focus{
  outline: 0;
}


@media not all and (min-resolution:.001dpcm) { @media
{
    .fondo img { 

       transition: initial;
    transition-timing-function: initial;

    }
    .titulo_seccion h2{
      display: -webkit-flex;
    }
    .titulo_seccion h2{
      line-height: 80px;
      height: 51px;
    }
}}