@charset "utf-8";

*{font-family: 'Lato', sans-serif;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a:hover, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, font, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {line-height: 140%; }
body, td, th, input, select, textarea {font-family: 'Lato', sans-serif;font-size: 14px; color: #3e545f; }
body { background-color: #FFF; margin: 0px;}
a{ color: #333; text-decoration: none;}
a:visited{color: #333;}
a:active{color: #333;}
a:hover { color: #333; text-decoration: underline;}
h1  {  color: #3e545f; font-size: 17px;}
h2 {color: #3e545f;  }
h3 {
    color: #3e545f;
    font-size: clamp(1rem, 4vw, 1.6rem);
}
h4 {color: #27AEED; }
h5 {color: #666; }
h6 {color: #CCC; }

/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {		background: #f7f7f7;}
.zebra tr.over td {	background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }

/* Retoques al jQuery UI*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #626262; color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { color:#FFF; border:none; background-color: #28AEED; background-image:none; }
.ui-state-default, .ui-widget-content .ui-state-default * { color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active * { color:#FFF; border:none; }
.ui-widget-header, .ui-widget-content { border:none; background:#FFF; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#FFF; }
.ui-tabs-nav { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #626262; padding-bottom:5px; border:none; }
.ui-tabs .ui-tabs-nav li a{ padding:5px;}

.content-box,.mod-box{max-width:1200px;margin:auto;padding:30px;}
.content-box{padding:30px 0 0 0;}
.content-box .content-box-title{color: #ff0009;text-align: center;display: inline-block;position: relative;left: 50%;transform: translate(-50%);font-size: 22px;border-bottom: solid 1px;padding: 0px 16px 10px 16px;}
.mod-box .mod-box-title{color: #ff0009;text-align: center;display: inline-block;position: relative;left: 50%;transform: translate(-50%);font-size: 22px;border-bottom: solid 1px;padding: 0px 16px 10px 16px;}
.content-area #MenuVertical{padding:0;margin:0;width:16%!important;float:left;margin-right:27px;}
#MenuVertical li{list-style-position:inside;list-style-type:none;padding:0px;margin-top:3px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
#MenuVertical li a{color:#3e545f;display:inline;list-style-position:inside;list-style-type:none;padding:0px;font-size:13px;font-weight:normal;text-decoration:none;margin:0px;}

.clear{clear: both;}
.margin{margin: 5px;}
.no_padding{padding:0px !important;}
.scroll{position:relative;overflow:hidden;}
.no_margin{margin:0px !important;line-height: 10px;}
.zoom{transition:1s;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.container{max-width:1200px !important;margin-top: 0!important;}


.texto_tienda, .texto_productos{margin-top:9px;}
.venta_telefonica{text-align:right;margin:0px 0 3px 0;}
.btn_telefono{background:#212121;padding:10px;border-radius:10px;}
.ciudad_ventat{padding:0 0 0 26px;}
.btn_telefono>i{color:#ffffff;font-size:1.6em;position:relative;top:3px}
.buscador{background:#2f2f2f;}
#busqueda_pge_ferreinox{position:absolute;height:72px;border-radius:0px;border:none;background:#2f2f2f;border-left:solid 1px #535353;border-right:solid 1px #535353;}
.buscador #btn_search{background:url('lupa-buscador.png') no-repeat;position:absolute;border:none;box-shadow:none;right:46px;top:26px;}
#busqueda_pge_ferreinox:focus{outline:none;box-shadow:none;}
.ingresa{color:#ffffff;    font-weight: 300;}
.micuenta{background: url(icono-usuario-superior.png) no-repeat center 1px;padding:30px 0 0 0;border-right:solid 1px #535353;margin-top:12px;}
.carrito span{display: block;width: 39px;height: 21px;background: #ffffff;border-radius:20px;color:#de2a34;font-weight:600;position:absolute;top:13px;right:0px;}
.carrito>img{position:relative;top:18px;right:27%;}
.micuenta a{color:#ffffff;text-decoration:none;transition:all 0.5s;font-weight:300;}
.decorador_ferreinox{background:#f4f4f4;padding-bottom:5px;}
.decorador_ferreinox>a:nth-child(1)>img{float:left;margin-top:14px;}
.decorador_ferreinox>a:nth-child(2)>img{float:right;}
.seccion_uno{border-bottom:solid 1px #f2f2f2;background:#ffffff;}
.seccion_dos{background:#f3f3f3;margin-top:1px;border-bottom:solid 2px #f0cd00;}
#menusuperior{padding:0px;list-style:none;margin:0px;padding-top: 5px;}
#menusuperior>li{display:inline-block;}
#menusuperior>li>a{color:#000000;text-decoration:none;transition:all 0.5s;text-transform:uppercase;padding:0 26px 0 0;font-weight:600}
#menusuperior>li>a:hover{color:#de2a34;}
.cobertura{text-align:right;padding-right:0px;color:#7f7f7f;}
.cobertura img{float:right;}
.cobertura a{color:#7f7f7f;text-decoration:none;transition:all 0.5s;position:relative;top:5px;right:13px;}
.contenido_telefonos>select{background:#212121;border:none;color:#a9a9a9;}
.contenido_telefonos>select:focus{outline:none;border-color:transparent;box-shadow:none;}
.texto_telefonos{margin-top:8px;}
.texto_telefonos>a{color:#7f7f7f;text-decoration:none;transition:all 0.5s;font-size: 14px;}
.texto_telefonos>a:hover{color:#ffffff;}
#footer_top > div > div:nth-child(2) > div.col-xs-12.col-sm-6.col-md-5.widget_facebook > div.zf-iframe-container > div > span{padding: inherit !important;}
/*dots slider*/

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 100%;
    background-color: #7f7f7f;
    text-indent: -9999px;
    border: none;
}
.slick-dots li.slick-active button {
    background-color: #de2a34;
}


.tab-pane {
    font-size: 14px !important;
}

.carComprar{
    background-color: #e9ba00;
}
.carContinuar{
    background-color: #73ca3c;
}
/*HOME*/
#ue_slider .ue_prev{position:absolute;z-index:9;top:45.8%;margin-left:10%;font-size:3em;color:#ffffff;}
#ue_slider .ue_next{position:absolute;right:10%;z-index:9;top:45.8%;font-size:3em;color:#ffffff;}
.slick-slide img{width:100% !important;}
.iconos_medios_pago{padding:5px;}
.medios_de_pago{margin-top:20px;}
.texto_medios_pago{padding:0px;}
.texto_medios_pago>p:nth-child(1){color:#3d3d3d;font-weight:600;}
.texto_medios_pago p>a{color:#909090;text-decoration:none;transition:all 0.5s;}
.imagen_superior{margin-bottom:8px;padding:0px 4px;overflow:hidden;}
.banners_centrales{margin-bottom:8px;}
.banners_centrales .col-xs-6, .banners_inferiores .col-xs-6{padding:0px 4px;overflow: hidden;}
.banners_centrales .form-group{margin-bottom:0px;} 
.texto_producto_destacado{display:none;}
.productos_destacados>a{display:block;margin:6px;border:solid 1px #EFEFEF;}
.mapa_tips{background:#F8F8F8;padding:54px 0;margin-top:35px;}
.notice, .mapa_tips .col-md-6{padding:0 6px;}
.texto_noticia {
    text-align: left;
    padding: 0px 29px !important;
    background: #fff;
    height: 250px;
    margin-bottom: 15px;
    position: relative;
    box-shadow: 0px 1px 3px #00000024;
    transition: all .3s ease;
}
.texto_noticia > a:first-child {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 75px;
}
.imagen_noticia > img {
    display: block;
    width: 100%;
    height: 51vw;
    max-height: 190px;
    object-fit: cover;
    object-position: center;
}
.texto_noticia h5{color:#1b1b1b;font-size:1.5em;font-weight:800;margin-top:24px;}
.texto_noticia p{color:#7f7f7f; margin: auto; font-size: 15px}
.notice>a, .texto_noticia>a{text-decoration:none;}
.enlace_tip {
    color: #de2a34 !important;
    text-decoration: underline !important;
    margin: 15px 0;
    display: block;
    position: absolute;
    bottom: 15px;
}
.texto_mapa{position:absolute;top:29%;left:51%;width:38%;}
.texto_mapa p{margin:0px;font-size: 0.9em;}
.texto_mapa .edt-container{margin-bottom:4px;}
.beneficios_botones{padding-top:36px;margin-bottom:58px;}
.texto_btns{color:#1b1b1b;font-size:1.5em;}
.btn_contactar>a, .btn_llamada>a{background: #de2a34;color: #ffffff;padding: 15px 68px;font-size: 1.1em;border-radius: 9px;text-decoration: none;transition: all 0.5s;}
.titulo_beneficios{padding: 82px 0 64px 0;font-size: 1.5em;text-transform: uppercase;font-weight: 600;color: #232323;}
.contenido_beneficios .col-md-2{border-right: solid 1px #e5e5e5;}
.contenido_beneficios .col-md-2:nth-child(3), .contenido_beneficios .col-md-2:nth-child(6){border:none;}
.contenido_beneficios .col-md-2:nth-child(4){border-left: solid 1px #e5e5e5;}
.texto_medios_pago p>a:hover{color:#de2a34;}
.medios_de_pago .texto_medios_pago{height:78px;}
#sede_dosquebradas, #sede_armenia, #sede_manizales{display:none;transition:all 0.5s;}
.contenedor_mapa area{outline:none;}
.sedes>p{font-size:1em;font-weight:800;margin-bottom:9px;color:#de2a34;text-align:center;}
.notice .row{transition:all 0.5s;}
.notice:hover .texto_noticia {
    background: #f0d0001a;
}
.contenido_beneficios .col-md-2{transition:all 0.5s;}
.contenido_beneficios .col-md-2:hover p{color:#de2a34;}
.contenedor_mapa>iframe{width:100%;height:442px;}
.slider_mobile{display:none;}
#contenedor_barra{width: 100%;height:4px;position: relative;background-color:#D0D0D0;bottom:10px;}
#barra_progreso{background-color:#F9CE57;height: 100%;position: absolute;line-height: inherit;}
#barra_progreso, #barra_progreso:hover{color: #fff!important;background-color:#F9CE57!important;}
.controles li>h4{color:#ffffff;font-size:1em;text-transform:uppercase;margin:0px;padding:24px 0 0 0;}
.controles li>p{font-weight:300;color:#ffffff;text-transform:uppercase;text-align:left;}

.verSedes a{
    background: #de2a34;
    color: #ffffff;
    padding: 15px 68px;
    font-size: 1.1em;
    border-radius: 9px;
    text-decoration: none;
    transition: all 0.5s;
}
.verSedes {
    margin-top: -60px;
}

/*NUESTROS ALIADOS*/
#hd-aliadosd {margin: 10px 0;}
#hd-aliadosd .embed-responsive { margin: 0; }
#hd-aliadosd .hd-aliadosd-content {padding:0px 0;position:relative;}
#hd-aliadosd .hd-aliadosd-title { color: #004960; font-size: 22px; margin: 0 0 10px; text-transform: uppercase; }
#hd-aliadosd .hd-aliadosd-title strong { font-weight: 700; }
#hd-aliadosd .hd-slide-aliados { text-align: center; }
#hd-aliadosd .hd-slider-left { margin-right: 10px; }
#hd-aliadosd .hd-slider-right { transform: rotate(180deg ); }
.hd-aliadosd-container img{width: auto !important;padding:0 30px}
#hd-slider-arrows > i.fa.fa-angle-right.ue_next.slick-arrow{float:right;position:relative;top:1.5em;z-index:99;font-size:3em;cursor:pointer;}
#hd-slider-arrows > i.fa.fa-angle-left.ue_prev.slick-arrow{float:left;position:relative;top:1.5em;z-index:99;font-size:3em;cursor:pointer;}

.colpick_hex{
    z-index: 10;
}

/*FOOTER*/
#footer{width:100%;margin:auto;}
#footer_top{
	padding:20px 0;
	background:url('bg-footer2.png') center;
    background-size: cover;
}
#footer_bottom{background:#191919;padding:16px 0 13px 0;}
.logo_inferior>a>img{float:left;width: 31%;}
.linea_inferior{display: block;position: absolute;height: 1px;background: #464646;width: 66%;right: 0px;top: 42%;padding-top: 0px !important;}
.redes_inferiores a{display:block;float:left;}
#footer_top span{display:block;color:#191919;font-size:1.2em;padding-top: 20px;margin-bottom: 10px;}
#footer_top ul{padding:0px;list-style:none;}
#footer_top ul>li{margin-bottom:4px;}
#footer_top ul>li>a{color:#464343;text-decoration:none;transition:all 0.5s;}
#footer_top ul>li>a:hover{color:#DF2C30;}
#Form_2{margin-top:20px;}
#Form_2 label{display:none !important;}
.formulario_promociones{padding:0px;}
.formulario_promociones p{color:#191919;}
#Form_2 .F2_item_2{width:100%;}
#Form_2 #textbox67{height:48px;border-radius:0px;border:solid 1px #6e6e6e;}
#Form_2 .F2_item_4{position: absolute;right: 1px;background:#f6d100 url('btn-formulario.png') no-repeat center;text-shadow: none;height: 46px;border-radius: 0px;border: none;margin-top: 1px;width: 65px;font-size:0px;}
.exus{text-align:right;}
.derechos_reservados{color:#848484;margin-top:0px;}
.terminos_condiciones a{color:#848484;text-decoration:none;transition:all 0.5s;}
.terminos_condiciones p{
	margin: 0;
}
.fb_iframe_widget span {
    padding: 0 !important;
    margin: 0 !important;
}
.terminos_condiciones a:hover{color:#e3c107;}
.exus a{color:#848484;text-decoration:none;transition:all 0.5s;}
.terminos_condiciones{margin-top:0px;}
.__lcbadgecontainer>div{position:fixed !important;bottom:2%;}

/* Main Content */
.cd-main-content {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2em 0;
}

.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #999999;
  margin: 2em 0;
}

@media only screen and (min-width: 1170px) {
  .cd-main-content {
    padding: 3em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}

.productos_del_mes {
    padding: 15px;
}
.aliados .container {
    padding: 0;
}

.hd-aliadosd-content .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    z-index: 15;
    cursor: pointer;
}
.hd-aliadosd-content .slick-arrow.ue_next {
    right: 0;
}


/***********/
.phones-top,.content-top-icons,.header-bottom,.main-nav-mobile,.logo-pintuco{
	display: none;
}
img.icon-col,img.logo-pintuco{
	display: none !important;
}
.dis-flex{
	display: flex;
}
header {
    padding: 15px;
    border-bottom: 2px solid #f0d000;
    background: #fff;
}
.header-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.nav-brand {
    max-width: 207px;
}
.search-top {
    position: absolute;
    left: 0;
    top: 69px;
    background: #e0e0e0;
    width: 100%;
    padding: 15px;
    z-index: 100;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: visibility 0s, opacity 0.5s linear;
}
.search-top form {
    display: flex;
    border-bottom: 1px solid #403b12;
}
.search-top input {
    background: none;
    box-shadow: none;
    border: none;
}
button.btn-search {
    background: no-repeat;
    box-shadow: none !important;
    border: none;
    color: #403B12;
    font-size: 18px;
}
.nav-mobile {
    display: flex;
    align-items: center;
}
a.icon-decorador {
    max-width: 40px;
}
.nav-mobile a {
    font-size: 26px;
    color: #e74035;
    display: block;
    padding: 0 5px;
}
ul.mm-listview {
    display: block !important;
}
.mm-menu {
    background: #e0e0e0 !important;
}
.search-content-active {
    visibility: visible !important;
    opacity: 1 !important;
}
span.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 38px;
    transform: translateY(-50%);
    color: #ccc;
    padding: 15px;
    line-height: 1;
    display: block;
    z-index: 10;
    cursor: pointer;
    transition: all .3s ease;
}
.ct-articulo-ue_next_slide_articulos{
    left: 94% !important;
    right: initial;
}
.content-recomendados{
    padding: 17px 0px 30px 0 !important;
}
span.slick-arrow:hover{
	color: gray;
}
span.arrow-right.slick-arrow {
    right: 0;
    left: auto;
}

.img-zoom-in,.img-zoom-out {
    overflow: hidden;
}
.img-zoom-in img,.img-zoom-out img{
    transition: all 0.3s ease-in-out;
}
.img-zoom-in:hover img{
    transform: scale(1.10);
}
.img-zoom-out img{
    transform: scale(1.15);
}
.img-zoom-out:hover img{
    transform: scale(1);
}
h2.title {
    color: #1f1e12;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 10px 0px;
    text-decoration: none;
}
.cerrar:focus, .cerrar:hover {
    text-decoration: none;
}
.cerrar {
    width: 100%;
    padding-top: 2rem;
}
.site-content{
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 15px;
}
.content-area {
    padding: 30px 20px;
}
.page-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    background: #fff;
    text-align: center;
}
.page-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.selector-variacion select {
    border: 1px solid #e4e2e2;
    border-radius: 0 !important;
    height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(arrow-down.jpg) no-repeat 98% center;
    font-size: 16
    px;
    outline: none !important;
    border-radius: 5px !important;
}
.mm-navbars_bottom, .mm-navbars_bottom .mm-navbar{
    height: 60px;
    background: #fff;
}

.icon-top {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ayuda {
    display: block;
    width: 40px;
    height: 30px;
    background-image: url(icon-question.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-deco {
    display: block;
    width: 30px;
    height: 34px;
    background-image: url(icono-decorador-superior.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}

/*carrito*/
.carrito-bar{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0.5em;
    background: #FAFAFA;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 1px 10px -4px #00000061;
    z-index: 999;
}
#carrito{
    font-size: 35px!important;
    color: #000!important;
}

.my-badge{
    position: absolute;
    top: 0;
    right: -5px;
    background: #e74035;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

#comprar {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 120px;
   height: 40px;
   border: 2px solid #f0d000;
   border-radius: 30px;
   font-size: 14px;
   color: #000;
}

#limpiar{
    font-size: 14px;
    width: 90px;
    color: #000;
}
.cont-btn {
    display: flex;
    padding: 3rem 1rem 0;
}
.btn-eventos {
    background: #de2a34;
    color: #fff!important;
    padding: 15px 68px;
    font-size: 1.1em;
    border-radius: 9px;
    text-decoration: none;
    transition: all 0.5s;
    margin: auto;
}
.btn-eventos:hover {
    text-decoration: none;
    background: #b22118;
}

.enlaces_login>a:nth-child(1),
.start_session {
    color: #2e2e2e!important;
}
.pagos_login * {
    font-weight: 400!important;
}
@media (min-width: 768px){
    .carrito-bar{
        display: none;
    }
	h2.title {
		text-align: left;
		font-size: 22px;
		margin: 15px 0;
	}
    .ambientes-decorador h2.title {
        text-align: center;
    }
	.content-top-icons {
	    display: flex;
	    align-items: center;
	    padding-right: 20px;
	}
	.info-header-top {
	    display: flex;
	}
	a.icon-top {
	    font-size: 10px;
	    color: #4e4e4e;
	    border: 1px solid #e0e0df;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    flex-flow: column;
	    padding: 2px 10px;
	    text-decoration: none !important;
	    position: relative;
	    min-width: 80px;
        margin-right: 5px;
        border-radius: 4px
	}
	a.icon-top img {
	    max-width: 28px;
	    margin-bottom: 5px;
	}
	.search-top {
	    top: 88px;
	}
	span.total-cart {
	    position: absolute;
	    right: 5px;
	    top: 5px;
	    background: #bf0d07;
	    padding: 2px 5px;
	    color: #fff;
	    border-radius: 5px;
	    line-height: 1;
	}
	.icon-log {
	    flex-flow: row !important;
	}
	.icon-log img {
	    margin: 0 !important;
	    margin-right: 5px !important;
	}
}

@media (min-width: 992px){
	.nav-mobile {
	    display: none;
	}
	.nav-brand {
	    max-width: 433px;
	}
	img.logo-pintuco {
	    display: block !important;
	}
	img.logo-ferreinox{
		display: none !important;
	}
	.content-info-top {
	    width: 44%;
	    margin-right: 20px;
	}
	.phones-top {
	    display: flex;
	    max-width: 295px;
	    align-items: center;
	    margin-right: 0;
	    margin-left: auto;
	}
	.phones-top span {
	    display: block;
	    min-width: 110px;
	    color: gray;
	    font-weight: 500;
	}
	.phones-top select {
	    border: 1px solid #e4e2e2;
	    border-radius: 0 !important;
	    height: 30px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background: url(arrow-down.jpg) no-repeat 98% center;
	    font-size: 12px;
	    outline: none !important;
	    border-radius: 5px !important;
	}
	.search-top {
	    position: static;
	    visibility: visible !important;
	    opacity: 1 !important;
	    background: no-repeat;
	    padding: 5px 0;
	}
	.search-top form {
	    display: flex;
	    border: 1px solid #e0e0df;
	    border-radius: 5px;
	}
	.search-top input {
	    font-size: 16px;
	    font-weight: 300;
	}
	button.btn-search {
	    color: #7F7F7F;
	}
	a.icon-top {
	    font-size: 12px;
	    max-height: 70px;
	}
	.info-header-top {
	    display: flex;
	    width: 75%;
	    justify-content: flex-end;
	}
	.header-content {
	    max-width: 1300px;
	    margin: 0 auto;
	    display: block;
	}
	a.icon-top:nth-child(2) img {
	    max-width: 38px;
	}
	header {
	    border-top: 2px solid #f0d000;
	    padding-bottom: 0;
	    position: relative;
	    z-index: 100;
	}
	.header-bottom {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding-top: 25px;
	}
	nav.main-nav ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	}
	.nav-header {
	    width: 100%;
	    padding: 0 15px;
	}
	nav.main-nav ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	}
	nav.main-nav > ul{
		display: flex;
	    align-items: center;
	    justify-content: space-around;
	}
	nav.main-nav > ul > li{
		position: relative;
	}
	nav.main-nav ul li a {
	    text-transform: uppercase;
	    color: #616060;
	    font-size: 14px;
	    text-align: center;
	    display: block;
	    padding: 10px 5px 15px 5px;
	}
	nav.main-nav > ul > li a:hover{
		color: #333;
		text-decoration: none;
	}
	.icon-decorador {
	    max-width: 150px;
	}
	.submenu{
		position: absolute;
		background: #333;
		padding: 0px;
		display: none;
		padding: 15px 0 !important;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 0px 0px 0px 4px;
	}
	.submenu li a{
		text-decoration: none;
		display: block;
		transition: all 0.5s;
		padding: 8px 15px 8px 25px !important;
		text-align: left !important;
		color: #ffffff !important;
		text-transform: none !important;
		font-size: 14px !important;
		font-weight: 300;
		color: #fff;
		display: block;
		padding: 0 36px;
		max-width: 260px;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	.submenu li a:hover{background-color:#de2a34;}
	.submenu ul{
		position: absolute;
		left: 100%;
		background: #fff;
		top: 0;
		height: 100%;
		border-radius: 0 4px 4px 0;
		padding: 5px !important;
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.47);
		min-width: 150px;
	}
	.submenu ul li a{
		color: #353535 !important;
		font-weight: 500 !important;
		padding: 7px 15px !important;
	}
	.submenu ul li a:hover{
		background: none !important;
		color:#DE2A34 !important;
	}
	ul.submenu::after {
		content: "";
		width: 0;
		height: 0;
		border: 0 solid transparent;
		border-right-width: 14px;
		border-left-width: 14px;
		border-bottom: 14px solid #333;
		top: -8px;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
	}
	.content-section {
	    position: relative;
	}
	.content-section::before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 50;
	    background: #333;
	    opacity: 0;
	    visibility: hidden;
	    transition: all .3s ease;
	}
	.content-section-active::before{
		visibility: visible;
		opacity: .3;
	}
	.content-top-icons {
	    padding-right: 0;
	}
    .selector-variacion {
        width: 55%;
    }
    .content-variacion {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
    }
    .imagen-variacion {
        margin: 0 !important;
    }
}

@media (min-width: 1200px){
	.icon-col {
	    display: block;
	    position: absolute;
	    top: 15px;
	    right: 10px;
	}
	header {
	    padding: 20px 30px 0 30px;
	}
	.icon-decorador {
	    max-width: 250px;
	    margin-top: -15px;
	}
}

@media (min-width: 1400px){
	.icon-col {
	    right: 26px;
	}
}

.colores-modal .modal-content{
    box-shadow: -1px 2px 15px 0px rgba(0, 0, 1, 0.2) !important;
}
.colores-modal .modal-dialog {
    margin: 0;
    top: 50% !important;
    left: 50%;
    width: 100%;
    max-width: 800px;
    padding: 20px;
    position: static;
}
.bootbox.modal.colores-modal {
    background: rgba(255, 255, 255, 0.72);
}
.colores-modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    top: -5px;
    right: -15px;
    background: #c50f0f;
    opacity: 1;
    text-shadow: none;
    width: 30px;
    font-size: 30px;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    font-size: 25px;
}
.colores-modal .embed-responsive{
    margin-top: 0px;
    height: 550px !important;
}
a.btn-select-color{
    cursor: pointer;
}

@media (min-width:700px){
    .colores-modal .modal-dialog {
        position: absolute;
        transform: translate(-50%,-50%) !important;
    }
}
@media (max-width: 768px){
    #pge_ssl_widget{
        bottom: 63px!important;
        width: 90px!important;
        height: 90px!important;
        background-size: contain!important;
    }

    #footer_bottom{margin-bottom: 60px;}
}
/*MEDIA QUERYS*/
@media(max-width:1200px){
  .menu_principal{padding:0px;}
  .menu_principal #menu_2018>li>a{padding:0 16px 0 0;font-size:0.8em;}
  #busqueda_pge_ferreinox{height:65px;}
  .carrito>img{position:absolute;width:78%;}
  .texto_noticia h5{margin-top:20px;}
  .texto_noticia{padding:0px 10px !important;}
  .texto_mapa .edt-container{margin-bottom:5px;}
  .btn_contactar>a, .btn_llamada>a{padding:15px 38px;}
  .redes_inferiores a{width:25%;}
  .texto_telefonos, .contenedor_mapa{padding:0px !important;}
  .ciudad_ventat{padding:0 0 0 10px;margin-right:14px;}
  .mapa_tips .container{padding:0px;width:98%;}
  .contenedor_mapa{width:54%;}
  .notice{width:23%;}
}
@media(max-width:1080px){
  .mapa_tips .container{width:100%;}
}
@media(max-width:991px){
  .compra_retira, .texto_noticia{text-align:center;}
  .header_top{display:none;}
  .carrito>img{position:relative;width:auto;top:-2px;right:1%;}
  .header_center{height:138px;}
  .info_carrito, .buscador_mobile{background:#151515;height:66px;}
  #btn_menu_main{background:#151515;height:66px;}
  .hamburger{padding:21px 15px 0 15px;}
  .micuenta{margin-top:9px;border-left:solid 1px #535353;line-height:5px !important;}
  .buscador{display:none;position:absolute;bottom:0px;width:100%;left:0px;transition:all 0.8s;line-height:5px !important;height:auto !important;}
  .contenedor_carrito{border-right:solid 1px #535353;margin-top:9px;}
  .carrito span{width:26px;height:17px;top:6px;right:17px;}
  .buscador_mobile>img{margin-top:16px;margin-bottom:4px;}
  .buscador_mobile span{color:#ffffff;}
  #trigger .fa-arrow-left{color:#070707;font-size:2.5em;margin-left:20px;}
  .multiple_items .ue_prev{position:relative;z-index:9;top:0;left:46%;font-size:3em;font-weight:100;color:#000000;}
  .multiple_items .ue_next{position:absolute;z-index:9;top:57px;font-size:3em;color:#000000;font-weight:100;left:56%;}
  .texto_mapa .edt-container{margin-bottom:15px;}
  .mapa_tips{background:#F8F8F8;padding:26px 0;margin-top:16px;}
  .contenedor_mapa{margin-bottom:12px;width:100%;}
  .multiple_items2{padding:0px 22%;clear:both;}
  .multiple_items2 .ue_prev{position:absolute;z-index:9;top:31.8%;margin-left:-12%;font-size:3em;color:#000000;}
  .multiple_items2 .ue_next{position:absolute;right:10%;z-index:9;top:31.8%;font-size:3em;color:#000000;}
  .texto_btns{font-size:1.3em;position:relative;top:-12px;}
  .titulo_beneficios{padding:40px 0 16px 0;}
  .contenido_beneficios .col-md-2{height:112px;margin-bottom:20px;}
  .contenido_beneficios .col-md-2:nth-child(2){border:none;}
  .contenido_beneficios .col-md-2:nth-child(4){border-right:none;}
  .linea_inferior{width:50%;display: none!important;}
  .logo_inferior>a>img { float: none; width: 60%; }
  .menu_footer1, .menu_footer2, .formulario_promociones, .derechos_reservados, .exus{text-align:center;}
  /* .menu_footer2{height:196px;} */
  #footer_top span{margin-bottom:6px;padding-top:26px;}
  .widget_facebook .zf-iframe-container span, .formulario_promociones span{padding-top:0px !important;}
  .formulario_promociones span{text-align:center;}
  #Form_2_container{position:relative;}
  #Form_2 .F2_item_4{top:0px;}
  .sedes>p{text-align:left;}
  #trigger, .seccion_uno{display:none;}
  .contenedor_carrito, .buscador_mobile, .info_carrito{height:auto !important;line-height:5px !important;}
  .buscador_mobile{padding-bottom:9px;}
  .info_carrito{padding-bottom:6px;}
  #header{background:#ffffff;}
  .seccion_dos .container .row{min-height:auto;}
  #hd-slider-arrows > i.fa.fa-angle-right.ue_next.slick-arrow, #hd-slider-arrows > i.fa.fa-angle-left.ue_prev.slick-arrow{top: 0}
  .notice{width:100%;}
  .btn_contactar>a, .btn_llamada>a {
	    width: 100% !important;
	    display: block;
	    text-align: center;
	}
}
@media(max-width:767px){
  .carrito>img{width:auto;}
  .micuenta a{font-size: 0.8em;}
  .banners_centrales .col-xs-6:nth-child(1){width:100%;margin-bottom:6px;}
  .contenido_beneficios .col-md-2{border:none !important;}
  .texto_btns{font-size:1.1em;text-align:center;}
  .beneficios_botones{margin-bottom:0px;}
  .linea_inferior{display:none !important;}
  .logo_inferior>a>img{float:none;margin-bottom:16px;}
  #footer_top{padding:25px 0;}
  .zf-iframe-container{text-align:center;}
  .menu_footer2{height:auto;margin-bottom:18px;}
  .formulario_promociones{padding:0 14%;margin-top:24px;}
  #Form_2{margin-top:0px;}
  .info_carrito{height: 66px !important;}
  .__lcbadgecontainer>div{
        bottom: 14%;
  }
}
@media(max-width:680px){
  .carrito{padding:0px;}
  .carrito>img{width:auto;margin-bottom:-4px;top:0px;}
  .carrito span{right:0px}
  .texto_mapa .edt-container{margin-bottom:6px;}
}
@media(max-width:575px){
  .micuenta, .buscador_mobile span{text-align:center;display:block;}
  .carrito span{text-align:center;top:0px;}
  #menusuperior>li{width:50%;text-align:center;}
  #menusuperior>li>a{padding:0;font-size:0.9em;}
  #menusuperior, .imagenes_productos_del_mes, .imagen_superior, .banners_centrales .col-xs-6:nth-child(1){padding:0px;}
  .micuenta{background-size:24%;margin-top:12px;padding:23px 0 0 0;}
  .productos_del_mes .container{padding:0px;    width: 100%;}
  .banners_centrales .col-xs-6:nth-child(2){padding:0 4px 0 0;}
  .banners_centrales .col-xs-6:nth-child(3){padding:0 0 0 4px;}
  .banners_inferiores .col-xs-6:nth-child(1){padding:0 4px 0 0;}
  .banners_inferiores .col-xs-6:nth-child(2){padding:0 0 0 4px;}
  .banners_inferiores .col-xs-6:nth-child(3){padding:0 4px 0 0;}
  .banners_inferiores .col-xs-6:nth-child(4){padding:0 0 0 4px;}
  #home > div.productos_del_mes > div > div > div.col-xs-12.imagenes_productos_del_mes > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div, #home > div.productos_del_mes > div > div > div.col-xs-12.imagenes_productos_del_mes > div:nth-child(3) > div > div > div > div > div:nth-child(1) > div{margin-bottom:8px;}
  .multiple_items2{padding:0px 8%;}
  .multiple_items2 .ue_next{right:15px;}
  .multiple_items2 .ue_prev{margin-left:-5%;}
  .contenedor_mapa{padding:0px;}
  .mapa_tips .container{width:100%;padding:0px;}
  .titulo_beneficios{font-size:1em;text-align:center;}
  .terminos_condiciones .col-xs-12{text-align:center;}
  .micuenta a{font-size:0.9em;font-weight:600;}
  .ingresa{display:block;margin-top:13px;}

}
@media(max-width:480px){
  .carrito>img{top:3px;margin-bottom:0px;width:70%;}
  .contenedor_carrito{padding:4px;}
  .medios_de_pago{padding:5px;}
  .medios_de_pago, .iconos_medios_pago,.texto_medios_pago{width:100%; text-align: center;}
  .medios_de_pago{margin-top:0px;}
  .medios_de_pago .texto_medios_pago{height:50px;}
  .multiple_items .ue_prev{left:32%}
  .multiple_items .ue_next{left:60%;}
  .multiple_items2 .ue_next{right:2%;}
  .multiple_items2 .ue_prev{margin-left:-7%;}
  .texto_mapa {position: absolute;top: 25%;left: 49%;width: 47%;height: 158px;background: #ffffff;padding: 12px 0 0 0;}
  .widget_facebook{padding:0;}
  #footer_top .container{width:100%;padding:0px;}
  .micuenta{background-size:26%;padding:25px 0 0 0;}
  .crea-cuenta, .cl_header_login{font-size:0.8em !important;}
  .cl_header_login>span{display:block;}
  #home > div.beneficios_botones > div > div > div.col-xs-12.center > div > div > div > div > div > div:nth-child(2) > div > div:nth-child(1){width:100%;margin-bottom:38px;text-align:center;}
  #home > div.beneficios_botones > div > div > div.col-xs-12.center > div > div > div > div > div > div:nth-child(2) > div > div:nth-child(2){width:100%;text-align:center;}
  .buscador_mobile{height:66px !important;}
}
@media(max-width:400px){
  .carrito>img{top:4px;margin-bottom:0px;}
  .micuenta a, .buscador_mobile span{font-size:0.8em;}
  .header_center>.container{padding:0px;}
  #menusuperior>li>a{font-size:0.8em;}
  .micuenta{background-size:27%;padding:20px 0 0 0;margin-top:15px;}
  .ingresa{margin-top:9px;}
  .content-area{
    padding: 18px 0px;
  }
  .ui-tabs .ui-tabs-panel{
    padding: 0;
  }
  .ct-contenido-articulos{
    max-width: 150px !important;
  }
  .ct-articulo-descripcion p{
    display: none !important;
  }
  .site-content{
    padding: 0 3px;
  }
  .busqueda_pge_txt{
    display: none;
  }
}
@media(max-width:360px){
  .multiple_items .ue_next{top:53px;}
  .widget_facebook .zf-iframe-container span, .fb_iframe_widget iframe{width:280px !important;}
  .micuenta{padding:20px 0 0 0;margin-top:15px;background-size:30%;}
  .banner_mobile>img{height:180px;}
  .contenedor_carrito{padding:0px 0 5px 0;margin-top:15px;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width:30px;}
}
@media(max-width:320px){
  .contenedor_carrito{padding:0px 0 7px 0;}
  .micuenta{padding:18px 0 0 0;margin-top:16px;background-size:33%;}
}
/* PopUp */
.modal-popUp .modal-dialog {
    width: 100%;
    max-width: 1100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    margin: 0;
    padding: 15px;
}
.modal.modal-popUp.fade.in {
    background: rgba(0, 0, 0, 0.6);
}
.modal-popUp button.close span {
    line-height: 1;
}
.modal-popUp .modal-body,.modal-popUp .modal-body .col-xs-12 {
    padding: 0 !important;
}
.modal-popUp button.close {
    position: absolute;
    background: white;
    right: -8px;
    top: -12px;
    z-index: 1;
    width: 35px;
    height: 35px;
    opacity: 1 !important;
    border-radius: 50%;
    font-size: 32px;
}
.modal-backdrop.in{
    opacity: 1;
    display:none;
}
.flot_pse {
    position: fixed;
    top: 50%;
    box-shadow: 4px 0px 5px #00000059;
    padding: 10px 0;
    max-width: 100px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    transform: translateY(-50%);
    background: #fff;
    z-index: 1500;
}


/*----------------------------------*/

.p-x{padding-left: 0!important; padding-right: 0!important}
.p-y{}

.content-iconos{
    display: flex;
    justify-content: space-between;
}

.content-iconos > div {
    display: flex;
    align-items: center;
}

.letras > div:first-child{
    font-size: 16px;
    font-weight: bold;
}
.letras div > a{
    color: #909090;
    text-decoration: none;
    transition: all .3s ease;
}
.letras div > a:hover{
    color: #bf0d07  
}
.letras{
    padding-left: 0px 10px;
}

.redes_inferiores {
    display: flex;
    justify-content: center;
}
.contenido_beneficios > div> p {
    font-size: 11px;
}

@media(min-width: 320px) and (max-width: 767px){
    .letras{
        display: none;
    }

    .mapa_tips{display: none!important;}
}
@media(min-width: 320px) and (max-width: 992px){
    .beneficios_botones {
        padding-top: 16px!important;
        margin-bottom: 0;
    }
}
@media(min-width: 500px){
    .contenido_beneficios > div> p {
        font-size: initial;
    }
}




/*MIS ESTILOS*/

.noticias-movil{
    background: #F8F8F8;
    padding: 26px 0;
    margin-top: 16px;
}



.content-productos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 0.6fr 0.8fr 1fr 1fr 1fr;
    width: 100%;
    height: 225vw;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

.content-productos > a:first-child {
    grid-column: 1 / 3;
    grid-row: 1;
}
.content-productos > a:nth-child(2) {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}

.pro-tt{
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 1em 1rem;
    color: #000;
}

.content-productos {
  max-width: 1200px;
  margin: 0 auto;
}

.content-productos > a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center;
}
.content-productos > a:hover {
    filter: brightness(0.8);
}



@media(min-width: 600px){

    /*ESTILOS GRID HOME*/

    .content-productos {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        width: 100%;
        height: 90vw;
        max-height: 1100px;
    }
    .content-productos > a:first-child {
      grid-column: 1 / 5;
      grid-row: 1;
    }
    .content-productos > a:nth-child(2) {
      grid-column: 1 / 3;
      grid-row: 2 / 3;
    }
  
}