body{ margin:0px !important; padding:0px !important; background:none !important; font-family:'Raleway'; font-weight:300;}
*{ box-shadow:none !important; box-sizing:border-box !important; outline:none !important;}
.albert_theme_header_wrapper {position: fixed; top: 0;left: 0; width: 100%; background: #2e2c2d; z-index: 100; border-top:5px solid red; padding-top:10px;}
.albert_theme_header_container {width: 90%; max-width: 1200px; margin: 0px auto; position:relative; z-index:1;}
.albert_theme_header_container:after{ content:''; clear:both; width:100%; display:block;}
.albert_theme_logo {width: 130px; height: auto; float: left;}
.albert_theme_menu {width: calc(100% - 180px); padding: 35px 0px 0px 50px; float: right; text-align: right;}
.open_close_menu{ display:none;}
.texto_del_bloque_iyt h2 {margin: 0;}
.albert_theme_menu ul.menu{ display:inline-block !important; margin:0px !important; text-align:right;}
.albert_theme_menu ul.menu li {display: inline-block !important; vertical-align: top; flex: none !important; margin: 0px 0px 0px 35px!important; height: auto;}
.albert_theme_menu ul.menu li a:hover{ color:red !important;}
.albert_theme_menu ul.menu li a {color: #fff !important; text-decoration: none; font-size: 17px; font-weight: 300;}
.albert_theme_menu ul.menu li a.is-active:after{ content:''; width:100%; height:3px; background:red; display:block;}
.albert_theme_menu ul.menu li a span {padding: 0px 0px 10px !important; position:relative;}
.albert_theme_menu ul.menu li a span:after{border-top-width:3px !important; background:red !important; border-top: solid red !important;}
.albert_theme_wrapper {padding-top: 90px; background: #fff; font-family:'Raleway'; }
.header_home_wrapper{background-size: cover !important; position:relative;}
.header_home_wrapper:after{ content:''; clear:both; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:0; background:rgba(0,0,0,.4);}
.header_home_container {width: 90%; max-width: 1300px; margin: 0px auto; text-align: center; position:relative;}
.centrar_header_home {width: 100vw; margin: 0px auto; display: table-cell; vertical-align: middle; height:calc(100vh - 90px); max-height: 600px; position:relative; z-index:1; color:#fff;}
.textos_header_home h1 {color: #fff; font-size: 90px; text-transform: uppercase; margin: 0px; padding: 0px; line-height: 1.1; font-family: 'Raleway', serif; font-weight: 900; letter-spacing: 2px;}
.textos_header_home h2 {color: #fff; font-size: 40px; font-weight:300; margin: 0px; padding: 0px; line-height: 1.1; font-family:'Raleway', sans-serif;}


.imagen_y_texto_wrapper {margin: 50px 0px;}
.imagen_y_texto_container {width: 90%;max-width: 1200px;margin: 0px auto; position: relative;}
.imagen_y_texto_container:after{ content:''; clear:both; widows:100%; display:block;}
.texto_del_bloque {width: 50%; padding: 75px 50px;}
.imagen_a_la_izquierda .texto_del_bloque {padding-right: 0px;}
.imagen_a_la_derecha .texto_del_bloque {padding-left: 0px;}
.texto_del_bloque.texto_del_bloque_full{ padding:0px 0px; width:100%;}
.imagen_del_bloque {position: absolute; top: 0; width: 40%; height: 100%; transform:skewX(-20deg); -moz-transform:skewX(-20deg); -webkit-transform:skewX(-20deg); overflow:hidden;}
.imagen_del_bloque:before {content: ''; border: 10px solid red; display: block; position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; transform: skewX(0deg); z-index: 2;}
.imagen_del_bloque_back {position: absolute; top: 0; width: 100%; height: 100%; transform:skewX(20deg); -moz-transform:skewX(20deg); -webkit-transform:skewX(20deg);}

.titulo_del_bloque_iyt h2 {margin: 0px auto 5px;; font-family: 'Raleway', sans-serif; font-size:50px; font-weight:400; line-height:1.1;}
.titulo_del_bloque_iyt h2:after{ content:''; width:50px; height:6px; background:red; display:block; margin-top:5px;}
.imagen_y_texto_container.imagen_a_la_derecha .imagen_del_bloque {right: 5%;}
.imagen_y_texto_container.imagen_a_la_izquierda .imagen_del_bloque {left: 5%;}
.imagen_y_texto_container.imagen_a_la_izquierda .texto_del_bloque {float: right;}
.enlace_del_bloque_link{ margin-top:20px; display:inline-block; position:relative;}
.enlace_del_bloque_link:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#323031; transform:skewX(-20deg); -moz-transform:skewX(-20deg); -webkit-transform:skewX(-20deg); z-index:0;}
.enlace_del_bloque_link:after{ content:''; position:absolute; top:0; left:0; width:0%; height:100%; background:red; transform:skewX(-20deg); -moz-transform:skewX(-20deg); -webkit-transform:skewX(-20deg); z-index:1; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.enlace_del_bloque_link:hover:after{ width:100%;}
.enlace_del_bloque_link a {background: none; padding: 12px 60px; color: #fff; text-decoration: none; font-weight: 900; text-transform: uppercase; display: inline-block; letter-spacing: 1px; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; border-radius:50px; position:relative; z-index:2;}
.enlace_del_bloque_link a:hover{background:none !important; color:#fff !important;}

.imagen_separador_wrapper {background-attachment: fixed !important; color: #fff; position:relative;}
.imagen_separador_wrapper:after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:0;}
.imagen_separador_container {width: 90%; margin: 0px auto; position:relative; z-index:1;}
.imagen_separador_container h2{ color:#fff;}
.imagen_separador_container h2:after{background:#fff;}
.imagen_separador_container .enlace_del_bloque_link:before{background:#fff;}
.imagen_separador_container .enlace_del_bloque_link a {color: #10101e;}

.formulario_de_contacto_container .texto_del_bloque {float: left; padding: 0px 50px 0px 0px;}
.bloque_de_formulario {width: 50%; float: right;}
.bloque_de_formulario input[type="text"],
.bloque_de_formulario input[type="email"]{ width:100%;}
.bloque_de_formulario label{ margin:0px; font-size:12px;}
.bloque_de_formulario .form-item {margin: 0px 0px 10px;}

nav.tabs-wrapper {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000;}

.header_corporativa_wrapper {background-size: cover !important; position:relative;}
.header_corporativa_wrapper:after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:0;}
.header_corporativa_container {width: 90%; max-width: 1200px; margin: 0px auto; padding: 150px 0px 100px;}
.textos_header_home {position: relative;z-index: 1;}

footer {background: #2e2c2d; position:relative;}
.albert_footer_container {width: 90%; max-width:1200px; margin: 0px auto;padding: 50px 0px 0px; position:relative; z-index:1;}
.logo_footer {width: 200px; display: inline-block; vertical-align: top;}
.footer_datos{ width:calc(100% - 200px); display: inline-block; vertical-align: top; color:#fff; line-height:1em; padding-left:50px;}
.footer_datos p {font-family: 'Raleway'; color: #fff; margin: 0px 0px 5px !important;}
.footer_datos img{ margin-top:20px;}
.albert_footer_bottom {width: 90%; margin: 30px auto 0px; display: block; padding: 10px 0px; text-align: left; color: #fff; font-size: 14px; font-weight: 400; text-align:center; position:relative; z-index:1; padding-top:20px; border-top:2px solid red;}
.albert_footer_bottom a {color: #fff !important; font-size: 13px; font-weight: inherit; font-family: 'Raleway';}

.formulario_de_pedidos_wrapper {clear: both; width: 100%; float: none; padding-top: 60px; text-align: center;}
.formulario_de_pedidos_wrapper h2 {display: inline-block; margin-bottom: 40px;}
.formulario_de_pedidos_wrapper label{ text-align:left;}
.formulario_de_pedidos_wrapper input[type="text"],
.formulario_de_pedidos_wrapper input[type="email"]{ width:100%;}
.producto_item_wrapper {width: 33.333%; float: left; position: relative; text-align:center;}
.producto_item_container{ padding:0px 20px 20px;}
.producto_item_box{border:1px solid #000; border-radius:10px; overflow:hidden; padding:10px; min-height: 400px; position:relative; }
.imagen_producto {height: 250px;}
.nombre_producto h2 {margin: 0px; text-align: center; font-size: 20px; letter-spacing: 1px; padding-top:5px;}
.pesoref_item {position: absolute; bottom: 0; left: 10px; width: calc(100% - 80px); padding-bottom: 10px;}
.referencia_del_producto {width: 45%; display: inline-block; background: red; border-radius: 14px; color: #fff; font-weight: 600; padding: 5px; font-size: 19px; margin: 0px 2.5% 10px;}
.referencia_del_producto span{ font-weight:100; font-size:12px;}
.peso_del_producto {width: 45%; display: inline-block; background: red; border-radius: 14px; color: #fff; font-weight: 600; padding: 5px; font-size: 19px; margin: 0px 2.5% 10px;}
.add_to_pedido {position: absolute; bottom: 0;right: 10px;}
.add_to_pedido_boton {padding: 10px; background: #efefef; display: inline-block; border-radius: 10px; cursor: pointer;}
.add_to_pedido_boton_activo{ background:green;}
.add_to_pedido_boton img {width: 40px; height: auto;}

.logos_calidad {text-align: center; background: red; padding: 10px 0px;}
.logos_calidad img{ width:90%; max-width:600px; display:block; height:auto; margin:0px auto;}

.producto_item_wrapper.ruta_item_wrapper {width: 25%;}
.producto_item_wrapper.ruta_item_wrapper .producto_item_container {padding: 0px 5px 20px;}
.producto_item_wrapper.ruta_item_wrapper .pesoref_item {width: 100%;position: relative; left: 0; padding-bottom: 0; height: auto;}
.producto_item_wrapper.ruta_item_wrapper .pesoref_item .referencia_del_producto {margin: 0px 0px 0px !important; width: 100%; font-size: 16px;}
.producto_item_wrapper.ruta_item_wrapper .producto_item_box{ min-height:320px;}
.imagen_producto {height: 200px;}
.rutas_listado_wrapper {width: calc(100% + 10px); margin-left: -5px; padding-top: 10px;}
@media(max-width:1000px){
.producto_item_wrapper,
.producto_item_wrapper.ruta_item_wrapper {width: 50%;}
.albert_theme_menu {width: 100%; text-align: left; float: none; padding:20px 0px !important; clear:both; display:none;}
.albert_theme_menu ul.menu li a  span {display: block; padding: 10px 0px; border-bottom: 1px solid rgba(255,255,255,.4);}
.albert_theme_menu ul.menu {width: 100%; text-align: left;}
.albert_theme_menu ul.menu li {display: block; text-align: left; width: 100% !important; margin: 0px !important;}
.open_close_menu{ display:block; position:absolute; top:20px; right:0; width:50px; height:50px;}
.open_close_menu .menu_line{ width:50px; height:4px; position:absolute; top:50%; left:0; margin-top:-2px; background:red;}
.open_close_menu .menu_line_1{ transform:translateY(-13px) rotate(0deg); -moz-transform:translateY(-13px) rotate(0deg); -webkit-transform:translateY(-13px) rotate(0deg);}
.open_close_menu .menu_line_3{ transform:translateY(13px) rotate(0deg); -moz-transform:translateY(13px) rotate(0deg); -webkit-transform:translateY(13px) rotate(0deg);}

}

@media(max-width:750px){
.producto_item_wrapper,.producto_item_wrapper.ruta_item_wrapper {width: 100%;}	
.textos_header_home h1{ font-size:40px;}	
.imagen_del_bloque {position: relative; width: 70%; height: 400px; margin: 0px auto !important; left:auto !important; right:auto !important;}
.texto_del_bloque {float: none; width: 100%; padding: 20px 0px !important;}
.bloque_de_formulario {width: 100%; float: none;}	
.logo_footer {display: block; margin: 0px auto 50px;}
.footer_datos {width: 100%;display: block; padding-left: 0; text-align: center;}
}