@font-face {
  font-family: EncodeSansSemiExpandedBold;
  src: url(fonts/EncodeSansSemiExpanded-Bold.ttf) format("truetype");
}
@font-face {
  font-family: EncodeSansSemiExpandedLight;
  src: url(fonts/EncodeSansSemiExpanded-Light.ttf) format("truetype");
}
@font-face {
  font-family: NunitoSansRegular;
  src: url(fonts/NunitoSans-Regular.ttf) format("truetype");
}
@font-face {
  font-family: NunitoSansBold;
  src: url(fonts/NunitoSans-Bold.ttf) format("truetype");
}
@font-face {
  font-family: NunitoSansExtraLightItalic;
  src: url(fonts/NunitoSans-ExtraLightItalic.ttf) format("truetype");
}

body {
	margin: 0;
    overflow: hidden;
}

button:focus, input:focus, div:focus { outline: none; }

.m-dsk {
    display: inline;
}
.m-mob {
    display: none;
}

.preloader {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.preloader img {
    position: absolute;
    width: 15.488vw;
    left: 50%;
    top: 35%;
    margin-left: -7.744vw;
}

.video-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.75;
    z-index: 99;
}

.video-content {
    position: absolute;
    top: 14.6102vw;
    left: 50%;
    width: 47.4962vw;
    margin-left: -23.7481vw;
    z-index: 99;
}

.video-content .detail{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 19.205vw;
    height: 26.485vw;
    background-color: #E9E9E9;
}

.video-content .detail .dlogo {
    position: absolute;
    top: 1.5488vw;
    left: 2.1683vw;
    width: 14.92vw;
}

.video-content .detail h4 {
    position: absolute;
    top: 4.64634vw;
    left: 2.1683vw;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 1.8069vw;
    line-height: 2.06503vw;
    color: #111E26;
    width: 9.809vw;
}

.video-content .close {
    position: absolute;
    top: 3.61382vw;
    left: 45.79244vw;
    width: 1.446vw;
    height: 1.446vw;
    cursor: pointer;
}

.video-content .sep {
    position: absolute;
    top: 16.004105vw;
    left: 2.1683vw;
    width: 6.97vw;
    height: 0.052vw;
    background-color: #111E26;
}

.video-content .detail span {
    position: absolute;
    top: 18.58542vw;
    left: 2.1683vw;
    font-family: NunitoSansRegular;
    font-size: 0.51624vw;
    line-height: 0.7744vw;
    color: #111E26;
    width: 9.345vw;
}

.fredes {
    position: absolute;
    top: 24.26431vw;
    left: 2.1683vw;
    font-family: NunitoSansRegular;
    font-size: 0.51624vw;
    line-height: 0.7744vw;
    color: #111E26;
    width: 10.326vw;
}

.fredes .mini-i {
    left: 6.19513vw;
    top: 0.2065vw;
    position: absolute;
    cursor: pointer;
}

.fredes .mini-t {
    left: 7.22765vw;
    top: 0.2065vw;
    position: absolute;
    cursor: pointer;
}

.fredes .mini-f {
    left: 8.2602vw;
    top: 0.2065vw;
    position: absolute;
    cursor: pointer;
}

.video-content .video{
    position: absolute;
    top: 5.4724vw;
    left: 12.85491vw;
    width: 32.628vw;
    height: 19.618vw;
    background-color: #000;
    border: solid 0.104vw #E9E9E9;
}

.header {
	position: fixed;
    top: 0px;
    width: 100%;
    height: 5.215vw;
    background-color: rgb(0 98 173 / 1);
    z-index: 99;
    opacity: 1;
}

.logo {
	position: absolute;
	left: 2.63292vw;
	top: 0.9293vw;
    width: 16.5721vw;
}

.logom {
    display: none;
}

.redesm {
    display: none;
}

.footer-col-1-m, .sep-m-2, .sep-m-3, .f-redes-m, .modelo-col-m {
    display: none;
}

.empresa-popup {
    position: fixed;
    top: 5.215vw;
    left: 50%;
    margin-left: -10%;
    z-index: 10;
    width: 20%;
    height: 7.5vw;
    background-color: rgb(0 98 173 / 1);
    padding: 0px 0px 0 0;
    opacity: 1;
}

.filtro-popup {
    position: fixed;
    top: 30vw;
    left: 77vw;
    z-index: 10;
    width: 20%;
    height: 15vw;
    padding: 0px 0px 0 0;
    opacity: 1;
}

.modelo-popup {
    position: fixed;
    top: 5.215vw;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 22.50901vw;
    background-color: rgb(0 98 173 / 1);
    padding: 0px 0px 0 0;
    opacity: 1;
}

.modelo-listado {
    position: absolute;
    width: 100%;
    top: 2.63292vw;
}

.modelo-listado-2 {
    position: absolute;
    width: 100%;
    top: 1.5vw;
}

.modelo-listado-filtro {
    top: 2vw;
    height: 100%;
}
.modelo-listado-bg {
    position: relative;
    background-color: rgb(0 98 173 / 1);
    height: 100%;
    top: 3vw;
}

.modelo-col-5 {
    position: absolute;
    top: 0px;
    left: 2.3vw;
    width: 100%;
}

.modelo-col-1 {
    position: absolute;
    top: 0px;
    left: 2.3vw;
    width: 7vw;
    border-right: solid 0.052vw #C3EB7E;
    height: 18vw;
}

.modelo-col-2 {
    position: absolute;
    top: 0px;
    left: 11vw;
    width: 18vw;
    border-right: solid 0.052vw #C3EB7E;
    height: 18vw;
}

.modelo-col-3 {
    top: 0px;
    position: absolute;
    left: 30.7vw;
    width: 16.1vw;
    border-right: solid 0.052vw #C3EB7E;
    height: 18vw;
}

.modelo-col-4 {
    top: 0px;
    position: absolute;
    left: 48.5vw;
}

.modelo-img-content {
    position: absolute;
    top: 0px;
    right: 2.5vw;
    width: 29vw;
    height: 16vw;
    border: solid 0.052vw #fff;
    overflow: hidden;
}

.modelo-img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 29vw;
    min-height: 14.92vw;
}

.modelo-item-header {
    font-family: EncodeSansSemiExpandedBold;
    font-size: 1.29063vw;
    margin-bottom: 0.72275vw;
    font-weight: bold;
    color: #C3EB7E;
}
.modelo-item-header a {
    font-family: EncodeSansSemiExpandedBold;
    font-size: 1.29063vw;
    font-weight: bold;
    color: #C3EB7E;
    text-decoration: none;
}

.modelo-item {
    font-family: EncodeSansSemiExpandedLight;
    font-size: 1.29063vw;
    color: #fff;
    margin-bottom: 0.72275vw;
    cursor: pointer;
}

.modelo-item a {
    color: #fff;
    text-decoration: none;
}

.modelo-item-active a {
    color: #C3EB7E;
}

.modelo-item a:hover {
    color: #C3EB7E;
}

.modelo-item-2 {
    font-family: EncodeSansSemiExpandedLight;
    font-size: 1.29063vw;
    color: #fff;
    margin-bottom: 0.72275vw;
    cursor: pointer;
}

.modelo-item-2 a {
    color: #fff;
    text-decoration: none;
}

.modelo-item-2 a:hover, .modelo-item-2:hover {
    color: #C3EB7E;
}

.modelo-item-btn {
    position: absolute;
    font-family: EncodeSansSemiExpandedLight;
    font-size: 0.9293vw;
    color: #C3EB7E;
    top: 16.8vw;
    left: 18.5vw;
    width: 12.649vw;
}

.modelo-item-btn a {
    color: #C3EB7E;
    text-decoration: none;
}

.modelo-item-btn img {
    position: absolute;
    top: 0.30974vw;
    right: 0px;
    width: 1.704vw;
}

.modelo-item-arrow {
    position: absolute;
}

.modelo-item-arrow-1 {
    top: 2.9vw;
    left: 1.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-2 {
    top: 5.2659vw;
    left: 1.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-3 {
    top: 7.5891vw;
    left: 1.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-4 {
    top: 9.9123vw;
    left: 1.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-5 {
    top: 12.2355vw;
    left: 1.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-6 {
    top: 14.5587vw;
    left: 1.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-7 {
    top: 2.9vw;
    left: 10.1vw;
    width: 0.362vw;
}

.modelo-item-arrow-8 {
    top: 5.2659vw;
    left: 10.1vw;
    width: 0.362vw;
}

.modelo-item-arrow-9 {
    top: 7.5891vw;
    left: 10.1vw;
    width: 0.362vw;
}

.modelo-item-arrow-10 {
    top: 9.9123vw;
    left: 10.1vw;
    width: 0.362vw;
}

.modelo-item-arrow-11 {
    top: 12.2355vw;
    left: 10.1vw;
    width: 0.362vw;
}

.modelo-item-arrow-12 {
    top: 14.5587vw;
    left: 10.1vw;
    width: 0.362vw;
}

.modelo-item-arrow-13 {
    top: 16.8819vw;
    left: 10.1vw;
    width: 0.362vw;
}

.modelo-item-arrow-14 {
    top: 2.9vw;
    left: 29.8vw;
    width: 0.362vw;
}

.modelo-item-arrow-15 {
    top: 5.2659vw;
    left: 29.8vw;
    width: 0.362vw;
}

.modelo-item-arrow-16 {
    top: 2.9vw;
    left: 47.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-17 {
    top: 5.2659vw;
    left: 47.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-18 {
    top: 7.5891vw;
    left: 47.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-19 {
    top: 9.9123vw;
    left: 47.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-20 {
    top: 12.2355vw;
    left: 47.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-21 {
    top: 14.5587vw;
    left: 47.5vw;
    width: 0.362vw;
}

.modelo-item-arrow-22 {
    top: 16.8587vw;
    left: 47.5vw;
    width: 0.362vw;
}

.modelo-item-2-arrow-1 {
    top: 0.7vw;
    left: 1.5vw;
    width: 0.362vw;
}

.modelo-item-2-arrow-2 {
    top: 3vw;
    left: 1.5vw;
    width: 0.362vw;
}
.modelo-item-2-arrow-3 {
    top: 5.4vw;
    left: 1.5vw;
    width: 0.362vw;
}
.modelo-item-2-arrow-4 {
    top: 7.7vw;
    left: 1.5vw;
    width: 0.362vw;
}
.modelo-item-2-arrow-5 {
    top: 10.1vw;
    left: 1.5vw;
    width: 0.362vw;
}

.menu-popup {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100;
    width: 48.116vw;
    height: 45.4311vw;
    background-color: #111E26;
    padding: 10.32522vw 5.1626vw 0 0;
    display: none;
}

.menu-popup-close {
    position: absolute;
    top: 1.6004vw;
    right: 1.8069vw;
    cursor: pointer;
    width: 1.446vw;
    display: none;
}

.submenu-productos, .submenu-empresa {
    display: none;
}

.menu-item {
    font-family: EncodeSansSemiExpandedLight;
    font-size: 2.58131vw;
    color: #fff;
    text-align: right;
    margin-bottom: 2.58131vw;
    opacity: 0.3;
    cursor: pointer;
}

.menu-item a {
    color: #fff;
    text-decoration: none;
}

.menu-item:hover, .menu-item a:hover {
    opacity: 1;
}

.menu-item-active {
    opacity: 1;
}

.menu-item-sep {
    position: absolute;
    background-color: #fff;
    width: 43.418vw;
    height: 0.052vw;
    top: 50.28395vw;
    right: 5.1626vw;
}

.menu-popup .arrow-down {
    width: 3.2vw;
    margin-left: 2vw;
}

.menu-popup-arrow {
    position: absolute;
}

.arrow-pos-1 {
    top: 11.56425vw;
    left: 28.49766vw;
    width: 2.4781vw;
}

.arrow-pos-2 {
    top: 17.4vw;
    left: 28.2vw;
    width: 2.4781vw;
}

.arrow-pos-3 {
    top: 23vw;
    left: 22.5vw;
    width: 2.4781vw;
}

.arrow-pos-4 {
    top: 29vw;
    left: 5vw;
    width: 2.4781vw;
}

.arrow-pos-5 {
    top: 34.6vw;
    left: 12.7vw;
    width: 2.4781vw;
}

.arrow-pos-6 {
    top: 40.5vw;
    left: 30.7vw;
    width: 2.4781vw;
}

.header .select-content {
	position: absolute;
	left: 33vw;
	top: 2.0134vw;
	width: 7.2vw;
	height: 1.317vw;
	cursor: pointer;
}

.header .select-content img {
    position: absolute;
    top: 0.8vw;
    right: 0px;
    width: 0.517vw;
}

.header .select-content-2 {
    position: absolute;
    left: 41.7vw;
    top: 2.0134vw;
    width: 8vw;
    height: 1.317vw;
    cursor: pointer;
}

.header .select-content-2 img {
    position: absolute;
    top: 0.8vw;
    right: 0px;
    width: 0.517vw;
}

.header .select-content-3 {
    position: absolute;
    left: 51vw;
    top: 2.0134vw;
    width: 8vw;
    height: 1.317vw;
    cursor: pointer;
}
.header .select-content .select:hover, .header .select-content-2 .select:hover, .header .select-content-3 .select:hover, .header .select-content-4 .select:hover {
    color: #C3EB7E;
}


.header .select-content-4 {
    position: absolute;
    left: 58.2vw;
    top: 2.0134vw;
    width: 8vw;
    height: 1.317vw;
    cursor: pointer;
}

.header .menu {
    position: absolute;
    top: 2.06503vw;
    right: 2.58131vw;
    cursor: pointer;
    width: 1.343vw;
    display: none;
}

.header .select {
	position: absolute;
	left: 0.51625vw;
    top: 0px;
	color: #fff;
	font-family: NunitoSansRegular;
	font-size: 1.302vw;
	height: 1.136vw;
	text-align: center;
}

.redes {
    position: fixed;
    top: 7.22765vw;
    left: 1.0325vw;
    width: 3.098vw;
    z-index: 1;
}

a:focus, a:active, a:hover {
    border: none;
    outline: none;
}

.redes img {
    margin-bottom: 1.0325vw;
    width: 3.046vw;
}

.redes img:hover {
    transition: transform .3s;
    transform: scale(1.1);
}

.content {
    height: 189.6vw;
}

.content-2 {
    height: 78.834vw;
}

.content-3 {
    height: 211.6vw;
}

.content .smooth{
    height: 211.6vw;
}

.content-2 .smooth{
    height: 78.834vw;
}

.content-3 .smooth{
    height: 211.6vw;
}

.footer #message {
    height: 5vw;
    width: 70%;
    resize: none;
}
.footer #name, .footer #email, .footer #tel {
    width: 70%;
}
.footer .form-group label {
    display: inline-block;
    width: 3vw;
}
.send-btn {
    font-size: 0.7vw;
    border: none;
    background-color: #fff;
    padding: 0.2vw 0.5vw;
    margin-right: 2vw;
}

.smooth {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: all .5s cubic-bezier(0.2, .84, .5, 1);
    transform-origin:0 0;
    transform: translate3d(0px, 0px, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.catalogo-head {
	position: absolute;
	height: 26vw;
	width: 100%;
	top: 5vw;
	left: 0px;
	background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    overflow: hidden;
}

.catalogo-head .over {
	position: absolute;
	height: 55.757vw;
	width: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.7;
	background-color: transparent;
}

.catalogo-head h3 {
	position: absolute;
    top: 7vw;
    left: 13.2163vw;
    color: #fff;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.58131vw;
    width: 71.8121vw;
    text-align: center;
    margin: 0px;
}

.catalogo-head span {
	position: absolute;
    top: 11.6vw;
    left: 12vw;
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 1.5488vw;
    width: 71.8121vw;
    text-align: center;
    margin: 0px;
}

.catalogo-head button {
	position: absolute;
    top: 18vw;
    left: 40.68145vw;
    color: #fff;
    background-color: #00B23D;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 17.502vw;
    height: 2.582vw;
    margin: 0px;
    border-radius: 0.31vw;
    border: solid 1px #00B23D;
    overflow: hidden;
    cursor: pointer;
}

.catalogo-head button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    opacity: 0;
}

.catalogo-head button:hover::after {
  transform: translateX(10px);
  transition: transform .3s;
  opacity: 1;
}

#boxgallery {    
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#boxgallery .panels {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    transition: margin-left .3s ease;
}
#boxgallery .panel {
    width: 100vw;
}

.ver-catalogo-arrow {
    position: absolute;
    top: 21.5vw;
    left: 49.09652vw;
    width: 0.93vw;
}

.slider-left {
    position: absolute;
    top: 10.2vw;
    left: 5vw;
    z-index: 9;
    width: 1.8vw;
    cursor: pointer;
    transition: transform .3s ease;
}
.slider-left:hover {
    transform: scaleY(0.8);
}
.slider-right {
    position: absolute;
    top: 10.2vw;
    right: 5vw;
    z-index: 9;
    width: 1.8vw;
    cursor: pointer;
    transition: transform .3s ease;
}
.slider-right:hover {
    transform: scaleY(0.8);
}

.categorias {
    position: absolute;
    top: 30vw;
    left: 0px;
    width: 100%;
    height: 28vw;
    border-top: solid 0.052vw #fff;
    overflow: hidden;
    background-color: #fff;
}

.categorias h4 {
    color: #181818;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    margin: 3vw 0px 1.23901vw 0px;
    text-align: center;
}

.categorias img {
    width: 100%;
}
.categorias img:hover {
    transition: transform .3s;
    transform: scale(1.05);
}

.categorias-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin: 0 1vw;
}
.categoria-item {
    margin: 0 1vw;
}

.distribuidor {
    position: absolute;
    top: 56.2vw;
    left: 0px;
    width: 100%;
    height: 30vw;
    border-top: solid 0.052vw #fff;
    overflow-x: hidden;
    background-color: #fff;
    background-image: url(../images/distribuidor.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}
.distribuidor p {
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.5488vw;
    text-align: center;
}

.distribuidor h4 {
    color: #fff;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    margin: 3vw 0px 1.23901vw 0px;
    text-align: center;
}

.distribuidor-form {
    font-family: arial;
    color: #ffffff;
    font-size: 1.041666vw;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 2.2vw 26vw 0vw 26vw;
}
.distribuidor-form-col-1, .distribuidor-form-col-2 {
    width: 50%;
}

.distribuidor-form-col-1 label, .distribuidor-form-col-2 label {
    display: block;
}
.distribuidor-form-col-1 input {
    color: #000;
    width: 90%;
    padding: 0.4vw 0.6vw;
    margin: 0.2vw 0 0.7vw 0;
}
.distribuidor-form-col-2 textarea {
    color: #000;
    width: 90%;
    padding: 0.4vw 0.6vw;
    margin: 0.2vw 0 0.7vw 0;
    resize: none;
    height: 10vw;
}
.distribuidor-enviar {
    border: none;
    background-color: #fff;
    border-radius: 0.2vw;
    padding: 0.6vw 2.2vw;
    font-size: 0.9vw;
    color: #106cb2;
    float: right;
    margin-right: 5%;
}

.catalogo {
    display: none;
    position: absolute;
    top: 55.757vw;
    left: 0px;
    width: 100%;
    height: 151.6vw;
    border-top: solid 0.052vw #fff;
    overflow-x: hidden;
    background-color: #fff;
}

.catalogo-titulo {
    top: 0px;
    left: 0px;
    width: 31.7502vw;
    height: 22.5vw;
    background-color: #0F2E28;
    color: #fff;
    border-right: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-top: solid 0.052vw #fff;
    padding: 11.5vw 4.64634vw 0px 5.6789vw;
}

.catalogo-titulo span {
    color: #97DE6F;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
}

.catalogo-titulo h4 {
    color: #fff;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    margin: 0.67112vw 0px 1.0325vw 0px;
}

.catalogo-titulo p {
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.5488vw;
}

.catalogo-titulo button {
    position: relative;
    top: 0vw;
    left: 0vw;
    color: #fff;
    background-color: #00B23D;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 17.502vw;
    height: 2.582vw;
    margin: 0px;
    border: solid 1px #00B23D;
    z-index: 1;
    overflow: hidden;
    border-radius: 0.31vw;
    cursor: pointer;
}

.catalogo-titulo button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    opacity: 0;
}

.catalogo-titulo button:hover::after {
  transform: translateX(10px);
  transition: transform .3s;
  opacity: 1;
}

.catalogo-item-hidden {
    display: none;
}

.catalogo-item {
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
    cursor: pointer;
    overflow: hidden;
}

.catalogo-item-over {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    position: absolute;
}

.catalogo-item-content {
    position: absolute;
    height: 100%;
    width: 100%;
}

.catalogo-item-content .title {
    position: absolute;
    color: #00B23D;
    font-family: EncodeSansSemiExpandedLight;
    font-size: 1.5488vw;
    top: 2.27154vw;
    left: 2.58131vw;
    width: 90%;
}

.catalogo-item-content .titlecategory {
    font-family: EncodeSansSemiExpandedBold;
    border-right: solid 0.25vw #00b23d;
    display: inline;
    padding-right: 0.9vw;
    margin-right: 0.5vw;
}

.catalogo-item-content .description {
    position: absolute;
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    top: 5.1626vw;
    left: 2.58131vw;
    max-width: 17.5529vw;
    width: 80%;
    line-height: 1.23901vw;
    display: none;
}

.catalogo-item-content .description-2 {
    top: 6.8vw;
}

.catalogo-item-content .sep {
    background-color: #fff;
    width: 6.96953vw;
    height: 0.052vw;
    margin-top: 1.23901vw;
    display: block;
}

.catalogo-item-content img {
    position: absolute;
    bottom: 2.06503vw;
    right: 1.7553vw;
    width: 2.47804vw;
}

.catalogo-1 {
    top: 0px;
    left: 42.127vw;
    border: solid 0.052vw #fff;
    width: 14.7651vw;
    height: 16.934vw;
    background-image: url('../images/catalogo/interna/antonella/antonella_1.jpg');/*antonella*/
}

.catalogo-2 {
    top: 0px;
    left: 56.9956vw;
    border-left: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-top: solid 0.052vw #fff;
    width: 42.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url('../images/catalogo/interna/mauri/mauri1_1.jpg');/*Mauri*/
}

.catalogo-3 {
    top: 34.0733vw;
    left: 0px;
    border-right: solid 0.052vw #fff;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    width: 42.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url('../images/catalogo/interna/almacenera/almacenera_1.jpg');/*Almacenera*/
}

.catalogo-4 {
    top: 17.03663vw;
    left: 42.127vw;
    border: solid 0.052vw #fff;
    width: 14.7651vw;
    height: 33.9701vw;
    background-image: url('../images/catalogo/interna/visicooler/visicooler_1.jpg');/*Visicooler*/
}

.catalogo-5 {
    top: 17.03663vw;
    left: 56.9956vw;
    border: solid 0.052vw #fff;
    width: 15.695vw;
    height: 16.934vw;
    background-image: url('../images/catalogo/interna/vitrina/vitrina_1.jpg');/*Vitrina*/
}

.catalogo-6 {
    top: 34.0733vw;
    left: 56.9956vw;
    border: solid 0.052vw #fff;
    width: 15.695vw;
    height: 16.934vw;
    background-image: url('../images/catalogo/interna/malena/malena_1.jpg');/*Malena*/
}

.catalogo-7 {
    top: 17.03663vw;
    left: 72.793vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-left: solid 0.052vw #fff;
    width: 26.278vw;
    height: 33.9701vw;
    background-image: url(../images/catalogo/interna/supervision/supervision.jpg);/*Supervisión*/
}

.catalogo-8 {
    top: 51.10994vw;
    left: 0px;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-right: solid 0.052vw #fff;
    width: 14.817vw;
    height: 33.9701vw;
    background-image: url(../images/catalogo/interna/vision/vision_1.jpg);/*Visión*/
}

.catalogo-9 {
    top: 51.10994vw;
    left: 14.86833vw;
    border: solid 0.052vw #fff;
    width: 42.024vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/confitera/confitera_1.jpg);/*Confitera*/
}

.catalogo-10 {
    top: 68.1464vw;
    left: 14.86833vw;
    border: solid 0.052vw #fff;
    width: 42.024vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/empanadas/empanadas_1.jpg);/*Empanadas*/
}

.catalogo-11 {
    top: 51.10994vw;
    left: 56.9956vw;
    border: solid 0.052vw #fff;
    width: 26.2262vw;
    height: 33.9701vw;
    background-image: url(../images/catalogo/interna/gondolas/gondolas_1.jpg);/*Góndolas*/
}

.catalogo-12 {
    top: 51.10994vw;
    left: 83.3245vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-left: solid 0.052vw #fff;
    width: 15.746vw;
    height: 16.934vw;
    background-image: url(../images/catalogo/interna/carnicera/carnicera_1.jpg);/*Carnicera*/
}

.catalogo-13 {
    top: 68.1464vw;
    left: 83.3245vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-left: solid 0.052vw #fff;
    width: 15.746vw;
    height: 16.934vw;
    background-image: url(../images/catalogo/interna/rubra/rubra_1.jpg);/*Rubra*/
}

.catalogo-14 {
    top: 85.1831vw;
    left: 0px;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-right: solid 0.052vw #fff;
    width: 42.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/minicamara/minicamara_1.jpg);/*Mini Cámara*/
}

.catalogo-15 {
    top: 85.1831vw;
    left: 42.127vw;
    border: solid 0.052vw #fff;
    width: 14.7651vw;
    height: 16.934vw;
    background-image: url(../images/catalogo/interna/mostrador/mostrador_1.jpg);/*Mostrador*/
}

.catalogo-16 {
    top: 85.1831vw;
    left: 56.9956vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-left: solid 0.052vw #fff;
    width: 42.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/camara/camara_1.jpg);/*Cámaras*/
}
.catalogo-17 {
    top: 102.2198vw;
    left: 0px;
    border: solid 0.052vw #fff;
    border-left: none;
    width: 14.7651vw;
    height: 16.934vw;
    background-image: url(../images/catalogo/interna/premium/premium_1.jpg);/*Premium*/
}

.catalogo-18 {
    top: 102.2198vw;
    left: 14.86833vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-right: solid 0.052vw #fff;
    width: 42.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/vitrinavidrio/vitrinaPV_1.jpg);/*Vitrina Vidrio*/
}

.catalogo-19 {
    top: 102.2198vw;
    left: 56.9956vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-left: solid 0.052vw #fff;
    width: 42.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/cubo/cubo_1.jpg);/*Cubo*/
}

.catalogo-20 {
    top: 119.2565vw;
    left: 0vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    width: 50.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/vanesita/vanesita_1.jpg);/*Vanesita*/
}

.catalogo-21 {
    top: 119.2565vw;
    left: 49.9956vw;
    border-top: solid 0.052vw #fff;
    border-bottom: solid 0.052vw #fff;
    border-left: solid 0.052vw #fff;
    width: 49.076vw;
    height: 16.934vw;
    background-size: 100% auto !important;
    background-image: url(../images/catalogo/interna/europa/europa_1.jpg);/*Europa*/
}

.list-btn {
    position: relative;
    top: 0vw;
    left: 0vw;
    color: #fff;
    background-color: #00B23D;
    font-family: NunitoSansBold; 
    font-size: 0.62vw;
    width: 17.502vw;
    height: 2.582vw;
    margin: 1vw 0px 0px 0px;
    border: solid 1px #00B23D;
    z-index: 1;
    overflow: hidden;
    border-radius: 0.31vw;
    cursor: pointer;
    display: block;
}

.empresa {
    position: absolute;
    top: 90.5vw;
    left: 0px;
    width: 100%;
}

.empresa span {
    position: absolute;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    color: #97DE6F;
    left: 5.98862vw;
    top: 2.58131vw;
}

.empresa h4 {
    position: absolute;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    color: #111E26;
    line-height: 2.58131vw;
    top: 4.1301vw;
    left: 5.98862vw;
    width: 23.232vw;
    margin: 0px;
}

.empresa .description {
    position: absolute;
    width: 30.976vw;
    top: 9.49921vw;
    left: 5.98862vw;
}

.empresa p {
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    color: #0F2E28;
    line-height: 1.5488vw;
}

.empresa img {
    float: right;
    width: 56.996vw;
}

.empresa .img-texto {
    position: absolute;
    top: 17.8vw;
    right: 31.5vw;
    background-color: rgb(15 46 40 / 0.80);
    width: 22.7672vw;
    height: 13.01vw;
}

.empresa .img-texto span {
    position: absolute;
    color: #97DE6F;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    top: 1.5488vw;
    left: 2.06503vw;
}

.empresa .img-texto p {
    position: absolute;
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.5488vw;
    top: 2.68455vw;
    left: 1.44551vw;
}

.empresa .img-texto .sep {
    position: absolute;
    width: 6.996vw;
    height: 0.052vw;
    background-color: #fff;
    top: 10.94474vw;
    left: 2.06503vw;
}

.mapa {
    position: absolute;
    top: 151.7247vw;
    left: 0px;
    width: 100%;
    height: 46.051vw;
    background-image: url(../images/map.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
}

.mapa-texto {
    position: absolute;
    width: 40.062vw;
    top: 14.45532vw;
    left: 51.7293vw;
    text-align: center;
}

.mapa-texto span {
    color: #97DE6F;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
}

.mapa-texto h4 {
    color: #111E26;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    line-height: 2.58131vw;
    margin: 0.51625vw 0px 1.0325vw 0px;
}

.mapa-texto p {
    color: #0F2E28;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.5488vw;
}

.vende {
    position: absolute;
    top: 128.5vw;
    left: 0px;
    width: 100%;
    height: 24.729vw;
    background-image: url(../images/vende-nuestros-productos.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.vende-cover {
    width: 100%;
    height: 100%;
    background-color: #111E26;
    opacity: 0;
}

.vende-texto {
    position: absolute;
    width: 36.139vw;
    top: 5.05935vw;
    right: 6.19515vw;
    text-align: right;
}

.vende-texto span {
    color: #97DE6F;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
}

.vende-texto h4 {
    color: #fff;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    margin: 0.6195vw 0px 1.23901vw 0px;
}

.vende-texto p {
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.5488vw;
}

.vende-texto button {
    position: absolute;
    top: 11.87405vw;
    right: 0px;
    color: #fff;
    background-color: #00B23D;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 17.502vw;
    height: 2.582vw;
    margin: 0px;
    border: solid 1px #00B23D;
    overflow: hidden;
    z-index: 1;
    border-radius: 0.31vw;
    cursor: pointer;
}

.vende-texto button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    opacity: 0;
}

.vende-texto button:hover::after {
  transform: translateX(10px);
  transition: transform .3s;
  opacity: 1;
}

.empleo {
    position: absolute;
    top: 150vw;
    left: 0px;
    width: 100%;
    height: 21.2704vw;
    background-color: #fff;
}

.empleo-texto {
    position: absolute;
    top: 3.5vw;
    left: 9.2927vw;
    width: 80.537vw;
    text-align: center;
}

.empleo-texto span {
    color: #97DE6F;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
}

.empleo-texto h4 {
    color: #111E26;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    margin: 0.6195vw 0px 1.23901vw 0px;
}

.empleo-texto p {
    color: #0F2E28;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.5488vw;
}

#file {
    display: none;
}

.empleo-texto .upload-file {
    border: solid 0.052vw #00B23D;
    width: 15.385vw;
    height: 2.06503vw;
    position: absolute;
    top: 9.91221vw;
    left: 27.87814vw;
    border-radius: 0.31vw;
    line-height: 2.06503vw;
    text-align: left;
    padding: 0px 1.0325vw;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    color: #111E26;
    cursor: pointer;
}

.empleo-texto button {
    position: absolute;
    top: 9.91221vw;
    left: 46.4636vw;
    color: #111E26;
    background-color: #fff;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 6.19515vw;
    height: 2.06503vw;
    margin: 0px;
    border-radius: 0.31vw;
    border: solid 0.052vw #00B23D;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}

.empleo-texto button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 75% 50%;
    opacity: 0;
}

.empleo-texto button:hover::after {
  transform: translateX(10px);
  transition: transform .3s;
  opacity: 1;
}

.empleo-texto button:hover {
    color: #fff;
}

.distribuidores {
    position: absolute;
    top: 317.4647vw;
    left: 0px;
    width: 100%;
    height: 7.951vw;
    background-color: #00b23d;
    color: #fff;
}

.distribuidores-bg {
    width: 18.689vw;
    position: absolute;
    left: 0px;
    top: 0px;
}

.distribuidores h4 {
    position: absolute;
    top: 0.9vw;
    left: 37vw;
    color: #fff;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.06503vw;
    margin: 0.6195vw 0px 1.23901vw 0px;
}

.distribuidores p {
    position: absolute;
    top: 3.4vw;
    left: 29vw;
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.5488vw;
}

.distribuidores button {
    position: absolute;
    top: 3.1vw;
    left: 76.6vw;
    color: #111E26;
    background-color: #fff;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 19vw;
    height: 2.06503vw;
    margin: 0px;
    border-radius: 0.31vw;
    border: solid 0.052vw #fff;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}

.distribuidores button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    opacity: 0;
}

.footer {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 167vw;
    height: 22.613vw;
    background-color: #0062AD;
}

.content-3 .footer, .content-4 .footer {
    top: 100vh;
}

.footer-map {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 27.362vw;
    height: 22.613vw;
    background-color: #f0f0f0;
}

.footer-content {
    position: absolute;
    top: 0px;
    left: 27.362vw;
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
}

.footer-content a:hover {
    color: #97DE6F;
}

.footer-map-texto {
    position: absolute;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    line-height: 1.0325vw;
    color: #111E26;
    width: 18.4822vw;
    height: 6.19515vw;
    background-color: rgba(255, 255, 255, 0.8);
    left: 2.58131vw;
    top: 10.8415vw;
    padding: 1.5488vw 1.0325vw;
}

.footer-map-texto span {
    font-family: NunitoSansBold;
}

.footer-redes span {
    color: #111E26;
    font-family: NunitoSansRegular;
    font-size: 0.51625vw;
}

.footer-redes img {
    width: 1.1vw;
    height: 1.1vw;
    margin: 0px 0px 0px 1.0325vw;
}

.footer-redes a:active, .footer-redes a:focus {
    outline: none;
    border: none;
}

.footer-col-1 {
    position: absolute;
    width: 18.0699vw;
    top: 2.58131vw;
    left: 1.5488vw;
    border-right: solid 0.052vw #00B23D;
    height: 17.966vw;
}

.footer-col-1 .category, .footer-col-1-m .category {
    color: #97DE6F;
    font-family: NunitoSansBold;
}

.footer-content a {
    color: #fff;
    text-decoration: none;
    display: block;
    margin-bottom: 0.25811vw;
}

.footer-col-1-1 a:first-child, .footer-col-1-2 a:first-child, .footer-col-2 a:first-child {
    margin-top: 0.51625vw;
}
.footer-col-1-1 {
    position: absolute;
    width: 9.2927vw;
    top: 0px;
    left: 0px;
}

.footer-col-1-2 {
    position: absolute;
    width: 8.261vw;
    top: 0px;
    left: 9.2927vw;
}

.footer-col-2 {
    position: absolute;
    width: 9.809vw;
    left: 20.9086vw;
    top: 2.58131vw;
    border-right: solid 0.052vw #00B23D;
    height: 17.966vw;
}

.footer-col-3 {
    position: absolute;
    width: 18.431vw;
    left: 32.78263vw;
    top: 2.58131vw;
    border-right: solid 0.052vw #00B23D;
    height: 17.966vw;
    padding-right: 3.20081vw;
}

.footer-col-3 .preg {
    margin-top: 0.51625vw;
    margin-bottom: 1.8069vw;
    line-height: 1.23901vw;
}

.input-content img {
    float: right;
    margin-top: 0.6195vw;
    width: 1.704vw;
}

.input-content {
    border-bottom: solid 0.052vw #fff;
}

.input-content input {
    background-color: transparent;
    color: #fff;
    border: none;
    font-family: Arial;
    font-size: 0.72275vw;
    padding: 0.413vw 0.51625vw;
    width: 15.488vw;
}

.input-content input::placeholder {
    color: #fff;
}

.copyright {
    margin-top: 3.61382vw;
    line-height: 1.23901vw;
}

.copyright div:last-child {
    color: #b1b1b1;
    margin-top: 1.29063vw;
}

.copyright a {
    color: #b1b1b1;
}

.footer-col-4 {
    position: absolute;
    width: 13.423vw;
    left: 56.2724vw;
    top: 2.58131vw;
}

.mini-logo {
    top: 19.7vw;
    left: 1.5488vw;
    position: absolute;
    width: 11.565vw;
}

.footer-col-4 button {
    position: absolute;
    top: 15.488vw;
    left: 0px;
    color: #fff;
    background-color: #00B23D;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 13.681vw;
    height: 2.06503vw;
    margin: 0px;
    border: solid 1px #00B23D;
    overflow: hidden;
    z-index: 1;
    border-radius: 0.31vw;
    cursor: pointer;
}

.footer-col-4 button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    opacity: 0;
}

.footer-col-4 button:hover::after {
  transform: translateX(10px);
  transition: transform .3s;
  opacity: 1;
}

.footer-col-4 .despejamos {
    margin-top: 0.51625vw;
    font-size: 0.9293vw;
    margin-bottom: 2.06503vw;
}
.footer-col-4 p {
    line-height: 1.23901vw;
}
.col-title {
    position: absolute;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    color: #97DE6F;
    width: 8.777vw;
}

.col-1-title {
    top: 1.5488vw;
    left: 1.5488vw;
    font-size: 0.51625vw;
}

.col-2-title {
    top: 1.5488vw;
    left: 20.9086vw;
    font-size: 0.51625vw;
}
.col-3-title {
    top: 1.5488vw;
    left: 56.789vw;
}

.col-newsletter-title {
    position: absolute;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    color: #fff;
    top: 1.5488vw;
    left: 32.78263vw;
    width: 9.2927vw;
}

.col-form-title {
    position: absolute;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    color: #fff;
    top: 9.0488vw;
    left: 0vw;
    width: 8.9vw;
    border-top: solid 0.052vw #00B23D;
    padding-top: 1.5vw;
    display: none;
}

.col-form-subtitle {
    position: absolute;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    color: #fff;
    top: 12.2vw;
    left: 0vw;
    width: 9.2927vw;
    display: none;
}

.col-form-link {
    position: absolute;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    color: #C3EB7E !important;
    top: 15.7vw;
    left: 0vw;
    width: 9.2927vw;
    display: none;
}

/* MODELO DETALLE */
.modelo {
    position: absolute;
    width: 100%;
    height: 36.8612vw;
    overflow-x: hidden;
}
.gallery {
    position: absolute;
    top: 5.18vw;
    width: 57.925vw;
    height: 31.696vw;
    left: 41.198vw;
}
.photo {
    width: 57.925vw;
}
.photo-left {
    position: absolute;
    top: 14.5vw;
    left: 1.8069vw;
    width: 1.704vw;
    cursor: pointer;
}
.photo-right {
    position: absolute;
    top: 14.5vw;
    right: 1.8069vw;
    width: 1.704vw;
    cursor: pointer;
}
.detail {
    width: 41.198vw;
    height: 36.8612vw;
    position: absolute;
    top: 0px;
}
.detail-content {
    position: relative;
    top: 8vw;
}
.modelo .detail a:first-child {
    display: none;
}
.detail h4 {
    position: relative;
    top: 0vw;
    left: 6.4533vw;
    font-size: 2.06503vw;
    font-family: EncodeSansSemiExpandedLight;
    margin: 0px;
    color: #111E26;
    width: 34vw;
}
.detail h4 .category {
    font-family: EncodeSansSemiExpandedBold;
    border-right: solid 0.2vw #111E26;
    display: inline;
    padding-right: 0.9vw;
    margin-right: 0.5vw;
}
.detail .subtitle {
    position: relative;
    top: 0vw;
    left: 6.60814vw;
    color: #111E26;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    line-height: 1.23901vw;
    width: 31.389vw;
}
.detail .subtitle-2 {
    top: 0vw;
}
.detail .especificaciones {
    position: relative;
    top: 1vw;
    left: 6.4533vw;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    color: #111E26;
    line-height: 1.23901vw;
}

.detail .detalles {
    position: relative;
    top: 1.5vw;
    left: 6.4533vw;
    font-family: NunitoSansRegular;
    font-size: 1.0325vw;
    line-height: 1.54881vw;
    color: #0F2E28;
    margin: 0px;
    width: 34.074vw;
}

.detail .descarga {
    position: absolute;
    top: 6.81464vw;
    left: 35.10581vw;
    width: 0.981vw;
}

.detail .impresion {
    position: absolute;
    top: 6.81464vw;
    left: 37.429vw;
    width: 1.343vw;
}

.caracteristicas {
    position: absolute;
    width: 100%;
    height: 19.36vw;
    top: 36.8612vw;
    left: 0px;
    overflow-x: hidden;
}

.caracteristicas .medidas{
    position: absolute;
    width: 57.925vw;
    height: 19.36vw;
    top: 0px;
    left: 0px;
    background-color: rgba(17, 30, 38, 0.1);
}

.medidas .title-1 {
    position: absolute;
    font-family: NunitoSansBold;
    color: #111E26;
    font-size: 0.72275vw;
    line-height: 1.23901vw;
    top: 2.83942vw;
    left: 6.40163vw;
}

.medidas .col-1 {
    position: absolute;
    width: 41.456vw;
    height: 12.391vw;
    top: 3.66544vw;
    border-right: solid 0.052vw #111E26;
}

.medida-item {
    width: 29.221vw;
    height: 2.3232vw;
    top: 0px;
    left: 6.40163vw;
    position: relative;
    border-bottom: solid 0.052vw #111E26;
    font-family: NunitoSansRegular;
    color: #0F2E28;
    font-size: 1.0325vw;
    line-height: 2.3232vw;
}

.medida-item:first-child {
    margin-top: 1.1874vw;
}

.medida-item div {
    display: inline-block;
    width: 3.201vw;
    text-align: right;
}

.medida-item div:nth-child(1) {
    width: 7.951vw;
    text-align: left;
}

.medida-item-7 div {
    width: 7vw;
}

.medida-item-lit {
    font-size: 0.8vw;
}

.medida-item:last-child {
    border-bottom: none;
}

.medidas .title-2, .medidas .title-22 {
    position: absolute;
    font-family: NunitoSansBold;
    color: #111E26;
    font-size: 0.72275vw;
    line-height: 1.23901vw;
    top: 2.83942vw;
    left: 47.96074vw;
}

.medidas .col-2, .medidas .col-22 {
    position: absolute;
    top: 4.1301vw;
    left: 46.8766vw;
    width: 5.3692vw;
}

.col-2 div img, .col-22 div img {
    width: 5.3692vw;
}

.col-2 div, .col-22 div {
    position: relative;
    background-color: #e6e8e9;
    z-index: 1;
    padding: 0.30974vw 0px;
}

.col-2 div:first-child, .col-22 div:first-child {
    margin-top: 0.72275vw;
}

.color-sep, .color-sep-2 {
    position: absolute;
    width: 0.052vw;
    height: 11.616vw;
    background-color: #111E26;
    top: 4.1301vw;
    left: 49.5612vw;
    z-index: 0;
}

.opcionales {
    position: absolute;
    left: 57.925vw;
    width: 41.198vw;
}

.gallery-buttons {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 41.198vw;
    height: 3.459vw;
    background-color: #00B23D;
}

.gallery-buttons .eco {
    top: 0.826vw;
    position: absolute;
    left: 1.7553vw;
    width: 1.394vw;
}

.gallery-buttons span {
    position: absolute;
    top: 1.394vw;
    left: 4.1301vw;
    color: #fff;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
}

.gallery-buttons .eco-sep {
    position: absolute;
    width: 0.104vw;
    height: 3.459vw;
    background-color: #fff;
    top: 0px;
    left: 29.42693vw;
}

.gallery-barra {
    position: absolute;
    top: 0.7744vw;
    left: 34.89931vw;
    width: 1.704vw;
}

.gallery-right {
    position: absolute;
    top: 1.0325vw;
    left: 33.55703vw;
    width: 1.704vw;
    cursor: pointer;
}

.gallery-right:hover, .gallery-left:hover {
    opacity: 0.75;
}

.gallery-left {
    position: absolute;
    top: 1.7553vw;
    left: 36.13834vw;
    width: 1.704vw;
    cursor: pointer;
}

.detalles-title {
    position: absolute;
    top: 5.05935vw;
    left: 2.47804vw;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    line-height: 1.23901vw;
    color: #111E26;
}

.img-detalles {
    position: absolute;
    top: 6.96952vw;
    left: 2.47804vw;
    width: 15.695vw;
}

.txt-detalles {
    position: absolute;
    top: 13.9391vw;
    left: 2.47804vw;
    width: 14.972vw;
    color: #111E26;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    line-height: 1.23901vw;
}

.detalle-left {
    position: absolute;
    top: 9.2vw;
    left: 3vw;
    width: 1.4vw;
    cursor: pointer;
}

.detalle-right {
    position: absolute;
    top: 9.2vw;
    right: 23.6vw;
    width: 1.4vw;
    cursor: pointer;
}

.opcionales-title {
    position: absolute;
    top: 5.05935vw;
    left: 19.8761vw;
    font-family: NunitoSansBold;
    font-size: 0.72275vw;
    line-height: 1.23901vw;
    color: #111E26;
}

.img-opcionales {
    position: absolute;
    top: 6.96952vw;
    left: 19.8761vw;
    width: 15.695vw;
}

.txt-opcionales {
    position: absolute;
    top: 13.9391vw;
    left: 19.8761vw;
    width: 14.972vw;
    color: #111E26;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    line-height: 1.23901vw;
}

.opcional-left {
    position: absolute;
    top: 9.2vw;
    left: 20.5vw;
    width: 1.4vw;
    cursor: pointer;
}

.opcional-right {
    position: absolute;
    top: 9.2vw;
    right: 6.1vw;
    width: 1.4vw;
    cursor: pointer;
}

.footer-modelo {
    top: 56.221vw;
}

.footer-galeria {
    top: auto !important;
}

.sendemailmessage {
    color: #74c17c;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    position: absolute;
    top: 9.4vw;
    display: none;
}

.sendfilemessage {
    color: #74c17c;
    font-family: NunitoSansRegular;
    font-size: 0.72275vw;
    position: absolute;
    top: 12.6vw;
    left: 29vw;
    display: none;
}

.sendemailbtn {
    cursor: pointer;
}

.sendemailbtn:hover {
    opacity: 0.7;
}

.header svg {
    width: 2.5vw;
    height: 2.5vw;
}

.si-icon-hamburger-cross {
    position: absolute;
    right: 2.3vw;
    top: 1vw;
    cursor: pointer;
    z-index: 101;
    display: none;
}

.medidas-center {
    width: 100% !important;
    text-align: center !important;
}

.user-name {
    position: absolute;
    top: 1.8vw;
    right: 7.1vw;
    color: #fff;
    font-size: 1.145831vw;
    font-family: NunitoSansRegular;
}

.login-btn {
    position: absolute;
    top: 1.3vw;
    right: 2.1vw;
    color: #0062AD;
    background-color: #fff;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 13.75vw;
    height: 2.292vw;
    margin: 0px;
    border-radius: 0.31vw;
    border: solid 1px #fff;
    overflow: hidden;
    cursor: pointer;
}

.login-btn:after, .list-btn:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 75% 50%;
    opacity: 0;
}

.login-btn:hover::after, .list-btn:hover::after {
  transform: translateX(10px);
  transition: transform .3s;
  opacity: 1;
}

.login-btn:hover, .list-btn:hover {
    color: #fff;
    border: solid 1px #00B23D;
}

.content-login {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.login-form {
    background-image: url(../images/triangulos.svg);
    width: 28vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
}

.login-img {
    width: 72.4vw;
}

.login-form-content {
    display: flex;
    flex-direction: column;
    width: 18.2292vw;
    position: relative;
}

.login-logo {
    width: 11.25vw;
    margin: 4.5vw auto 2vw auto;
}

.login-text {
    color: #0F2E28;
    font-size: 1.041665vw;
    line-height: 1.5625vw;
    font-family: NunitoSansRegular;
    width: 17vw;
    text-align: center;
    margin: 0 auto 3.6vw auto;
}

.login-form input {
    color: #0F2E28 !important;
    font-size: 0.833331vw;
    line-height: 1.5625vw;
    font-family: NunitoSansRegular;
    border: none;
    border-bottom: solid 1px #000;
    padding: 0.1vw 0.5vw;
    margin: 0.3vw 0;
}

.recover-pass {
    color: #0062AD;
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    font-family: NunitoSansRegular;
    text-decoration: none;
    margin: 0.3vw 0 1.6vw 0;
}

.login-form .login-btn {
    position: relative;
    top: 0vw;
    left: 0vw;
    color: #fff;
    background-color: #0062AD;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 100%;
    height: 2.582vw;
    margin: 0.5vw 0;
    border-radius: 0.31vw;
    border: solid 1px #0062AD;
    overflow: hidden;
    cursor: pointer;
}

.login-form .login-btn:hover {
    color: #0062AD;
    background-color: #fff;
}

.login-form .access-btn {
    position: relative;
    top: 0vw;
    left: 0vw;
    color: #0062AD;
    background-color: #fff;
    font-family: NunitoSansBold;
    font-size: 0.62vw;
    width: 100%;
    height: 2.582vw;
    margin: 0.5vw 0;
    border-radius: 0.31vw;
    border: solid 1px #0062AD;
    overflow: hidden;
    cursor: pointer;
}

.login-form .access-btn:hover {
    color: #fff;
    background-color: #0062AD;
}

.message-text {
    color: #0F2E28;
    font-size: 0.78125vw;
    font-family: NunitoSansRegular;
    margin-top: 0.5vw;
    display: none;
}

.login-init {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 18vw;
    background-color: #fff;
}

.login-recoverpass {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 18vw;
    margin-left: -24vw;
    background-color: #fff;
    opacity: 0;
}

.login-register {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 18vw;
    margin-left: -24vw;
    background-color: #fff;
    opacity: 0;
}

.login-register-ok {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 18vw;
    margin-left: -24vw;
    background-color: #fff;
    opacity: 0;
}

.iframe-list {
    width: 100%;
    height: calc(100vh - 5.215vw);
    border: 0;
    top: 5.215vw;
    position: relative;
}

.list-download {
    position: absolute;
    top: 6vw;
    right: 2vw;
    z-index: 1;
    color: #000;
    font-size: 0.7vw;
    line-height: 2vw;
    font-family: 'NunitoSansRegular';
    text-decoration: none;
}

.list-download img {
    width: 1vw;
    vertical-align: sub;
}

.login-mob {
    display: none;
}

.login-footer {
    color: #0F2E28;
    font-family: 'NunitoSansRegular';
    font-size: 0.729165vw;
    line-height: 1.25vw;
    position: fixed;
    bottom: 1vw;
    width: 19vw;
    text-align: center;
}

.pass-eye {
    position: absolute;
    top: 9.4vw;
    left: 15vw;
    width: 1.8vw;
    cursor: pointer;
}

.galeria-header {
    position: relative;
    width: 100%;
    top: 5.215vw;
}

.galeria-header img {
    width: 100%;
}
.galeria-header span {
    font-family: EncodeSansSemiExpandedBold;
    position: absolute;
    top: 9vw;
    width: 100%;
    z-index: 1;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 2.604164vw;
}
.galeria {
    position: relative;
    display: block;
    top: 5vw;
    margin: 5vw 3vw;  
}
.galeria-titulo {
    margin: 0vw 1.5vw;
    font-family: EncodeSansSemiExpandedBold;
    font-size: 2.09vw;
    color: #000;
}
.galeria-filtro {
    font-family: NunitoSansRegular;
    font-size: 1.15vw;
    color: #000;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.galeria-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.galeria-item {
    position: relative;
    width: 28vw;
    height: 15vw;
    overflow: hidden;
    margin: 1vw;
}
.galeria-item-img {
    width: 100%;
}
.galeria-item-titulo {
    position: absolute;
    top: 0.6vw;
    left: 1vw;
    color: #000;
    font-family: 'NunitoSansRegular';
    font-size: 1.1vw;
    width: 9vw;
}

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

    .redes {
        display: none;
    }

    .m-dsk {
        display: none;
    }
    .m-mob {
        display: inline;
    }

    .galeria-header {
        top: 18vw;
    }
    .galeria-header span {
        top: 14vw;
        font-size: 8vw;
    }
    .galeria {
        top: 18vw;
        margin: 5vw 3vw;
    }
    .galeria-titulo {
        margin: 0vw 1.5vw;
        font-size: 6vw;
        width: 100%;
        text-align: center;
    }
    .galeria-titulo-filtro {
        width: 100%;
        display: block;
    }

    .galeria-filtro {
        font-size: 4vw;
        position: relative;
        top: 0vw;
        margin: 2vw 0;
    }
    .galeria-item {
        position: relative;
        width: 100%;
        height: auto;
        margin: 3vw 0;
    }
    .galeria-item-titulo {
        position: absolute;
        top: 3vw;
        left: 5vw;
        font-size: 3.5vw;
        width: 25vw;
    }
    .footer-galeria {
        top: 20vw !important;
    }
    .filtro-popup {
        position: fixed;
        top: 78vw;
        left: 7vw;
        z-index: 10;
        width: 86%;
        height: 60vw;
        padding: 0px 0px 0 0;
        opacity: 1;
    }
    .modelo-listado-bg {
        background-color: rgb(0 98 173 / 1);
        top: 10vw;
    }
    .modelo-item-2 {
        font-size: 4.5vw;
        margin-bottom: 4vw;
        margin-top: 4vw;
    }
    .modelo-item-arrow {
        opacity: 0;
        display: none;
    }
    .modelo-listado-filtro {
        top: 3vw;
    }

    .select-content, .select-content-2, .select-content-3, .select-content-4 {
        display: none;
    }

    .distribuidor {
        position: relative;
        top: 138vw;
        height: auto;
        background-image: url(../images/distribuidor-mob.png);
        background-size: cover;
    }
    .distribuidor h4 {
        font-size: 6vw;
        margin: 12vw 0px 4vw 0px;
    }
    .distribuidor p {
        font-size: 4.5vw;
        line-height: 7vw;
        padding: 0 20vw;
    }
    .distribuidor-form {
        font-size: 4.5vw;
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 2.2vw 8vw 0vw 8vw;
    }
    .distribuidor-form-col-1, .distribuidor-form-col-2 {
        width: 100%;
    }
    .distribuidor-form-col-1 input {
        width: 96%;
        padding: 2vw 1vw;
        margin: 0;
    }
    .distribuidor-form-col-2 textarea {
        width: 96.5%;
        padding: 2vw 1vw;
        margin: 0;
        height: 30vw;
    }
    .distribuidor-form-col-1 label, .distribuidor-form-col-2 label {
        margin: 2vw 0 1vw 0;
    }
    .distribuidor-enviar {
        border-radius: 1vw;
        padding: 3vw 10vw;
        font-size: 4vw;
        margin: 5vw 0.8vw 20vw 0;
    }


    .categorias-content {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        margin: 0 5vw;
    }
    .categorias h4 {
        font-size: 6vw;
        margin: 8vw 0px 3vw 0px;
    }
    .categoria-item {
        margin: 2vw 0vw;
    }

    .preloader img {
        width: 40vw;
        margin-left: -20vw;
    }

    .video-content {
        top: 24vw;
    }

    .video-content .detail {
        left: 50%;
        width: 80vw;
        margin-left: -40vw;
        height: 130vw;
    }

    .video-content .detail .dlogo {
        top: 8vw;
        left: 50%;
        width: 60vw;
        margin-left: -30vw;
    }

    .video-content .detail h4 {
        top: 0vw;
        margin-top: 23vw;
        left: 9vw;
        font-size: 7vw;
        line-height: 8vw;
        width: 60vw;
    }

    .video-content .video {
        top: 82vw;
        left: 50%;
        width: 76vw;
        margin-left: -38vw;
        height: 46vw;
    }

    .video-content .sep {
        top: 51vw;
        left: 9vw;
        width: 29vw;
        height: 0.056vw;
    }

    .video-content .detail span {
        top: 56vw;
        left: 9vw;
        font-size: 2vw;
        line-height: 3vw;
        width: 60vw;
    }

    .fredes {
        top: 75vw;
        left: 9vw;
        font-size: 2.2vw;
        line-height: 3vw;
        width: 70vw;
    }

    .fredes .mini-i {
        left: 25vw;
    }

    .fredes .mini-t {
        left: 30vw;
    }

    .fredes .mini-f {
        left: 35vw;
    }

    .video-content .close {
        top: -7vw;
        left: 59vw;
        width: 5vw;
        height: 5vw;
    }

    .header {
        height: 18vw;
        background-color: rgb(0 98 173 / 1);
        opacity: 1;
    }

    .header .menu {
        top: 6vw;
        right: 6vw;
        width: 5.5vw;
    }

    .header .select-content {
        left: 50%;
        top: 5vw;
        width: 50vw;
        margin-left: -25vw;
        height: 7.4vw;
    }

    .header .select {
        left: 2vw;
        font-size: 4vw;
        width: 40vw;
        height: 5vw;
        text-align: left;
        line-height: 6vw;
    }

    .header .select-content img {
        top: 2.3vw;
        right: 0.5vw;
        width: 3vw;
    }
    .logo {
        display: none;
    }
    .logom {
        display: block;
        position: absolute;
        top: 4.4vw;
        left: 8vw;
        width: 46vw;
    }
    .si-icon-hamburger-cross {
        right: 8vw;
        top: 0.4vw;
        display: inline;
    }
    .header svg {
        width: 10vw;
        height: 17vw;
    }
    .modelo-popup {
        top: 17.9vw;
        left: 0px;
        height: 100vh;
    }
    .modelo-img-content {
        display: none;
    }
    .modelo-col-1, .modelo-col-2, .modelo-col-3, .modelo-col-4 {
        display: none;
    }
    .modelo-col-m {
        position: absolute;
        top: 0px;
        left: 50%;
        width: 90vw;
        margin-left: -45vw;
        border-right: none;
        text-align: center;
        display: block;
        vertical-align: top;
    }
    .modelo-col-m-1 {
        width: 48%;
        position: relative;
        left: 5vw;
        display: inline-block;
        top: 0px;
        vertical-align: top;
    }
    .modelo-item-header {
        font-size: 5vw;
        margin-bottom: 1.7vh;
        text-align: left;
    }
    .modelo-item {
        font-size: 5vw;
        margin-bottom: 1.7vh;
        text-align: left;
    }
    .modelo-item-btn {
        font-size: 3.5vw;
        top: 79vh;
        width: 50vw;
        border-top: solid 0.06vw #C3EB7E;
        padding-top: 2vw;
        left: 50%;
        margin-left: -29vw;
        padding-left: 6vw;
        text-align: left;
    }
    .modelo-item-btn img {
        top: 3.6vw;
        right: 4vw;
        width: 7vw;
    }
    .menu-popup {
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100vh;
        padding: 22vw 0 0 0;
        background-color: #0062AD;
    }
    .menu-popup-arrow {
        display: none;
    }
    .menu-item {
        font-size: 6vw;
        text-align: center;
        margin-bottom: 1.5vh;
        width: 80vw;
        position: relative;
        left: 50%;
        margin-left: -40vw;
        opacity: 1;
        color: #C3EB7E;
    }
    .menu-item a {
        color: #C3EB7E;
    }
    .submenu-item {
        font-size: 4vw;
        color: #fff;
    }
    .submenu-item a {
        font-size: 4vw;
        color: #fff;
    }
    .menu-item-sep {
        width: 80vw;
        height: 0.052vw;
        top: 88vh;
        right: auto;
        left: 50%;
        margin-left: -40vw;
    }
    .content {
        height: 1630vw;
    }
    .content .smooth {
        height: 1630vw;
    }
    .redesm {
        position: absolute;
        top: 90vh;
        left: 50%;
        width: 80vw;
        margin-left: -40vw;
        text-align: center;
        display: block;
    }
    .redesm img {
        margin: 0 0.5vw;
        width: 10vw;
    }
    .catalogo-titulo {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 112vw;
        border-right: none;
        border-bottom: none;
        border-top: none;
        padding: 30vw 0vw 0vw 0vw;
        text-align: center;
    }
    .catalogo-titulo a {
        text-decoration: none;
    }
    .categorias, .empresa, .mapa, .vende, .empleo, .distribuidores, .footer {
        position: relative;
        top: auto;
        display: inline-block;
    }
    .catalogo {
        border-top: none;
        height: auto;
    }
    .catalogo-titulo span {
        font-size: 2.8vw;
    }
    .catalogo-titulo h4 {
        font-size: 8vw;
        margin: 2vw 0px 2vw 0px;
    }
    .catalogo-titulo p {
        font-size: 4vw;
        line-height: 7vw;
        padding: 0px 16vw;
    }
    .catalogo-titulo button {
        top: 0vw;
        left: 50%;
        font-size: 2.9vw;
        width: 80vw;
        margin-left: -40vw;
        height: 10vw;
        border-radius: 1.4vw;
        display: block;
    }
    .catalogo-head {
        height: 140vw;
        background-size: auto 100%;
    }
    .ver-catalogo-arrow {
        top: 118vw;
        left: 49.09652vw;
        width: 3.5vw;
    }
    .catalogo-head button {
        top: 105vw;
        left: 50%;
        font-size: 2.9vw;
        width: 80vw;
        height: 10vw;
        margin: 0px;
        margin-left: -40vw;
        border-radius: 1.2vw;
    }

    .catalogo-head h3 {
        top: 28vw;
        left: 50%;
        font-size: 8.2vw;
        width: 80vw;
        margin: 0px;
        margin-left: -40vw;
    }

    .catalogo-head span {
        top: 64vw;
        left: 13.2163vw;
        font-size: 4.2vw;
        width: 71vw;
        margin: 0px;
    }

    .categorias {
        top: 135vw;
        height: auto;
    }

    .catalogo {
        top: 179vw;
        overflow: hidden;
    }

    .catalogo-1 {
        top: 134vw;
    }

    .catalogo-1, .catalogo-2, .catalogo-3, .catalogo-4, .catalogo-5, .catalogo-6, .catalogo-7, .catalogo-8, .catalogo-9, .catalogo-10, .catalogo-11, .catalogo-12, .catalogo-13, .catalogo-14, .catalogo-15, .catalogo-16, .catalogo-17, .catalogo-18, .catalogo-19, .catalogo-20, .catalogo-21 {
        left: 0px;
        border: none;
        width: 100%;
        height: 100vw;
        background-size: auto 100% !important;
    }

    .catalogo-item-over {
        display: block;
        height: 26vw;
        bottom: 0px;
    }

    .catalogo-item-content {

        width: 100%;

        display: block;

        height: 26vw;

        bottom: 0px;

    }

    .catalogo-item-content .title {

        font-size: 6vw;

        left: 8vw;

    }

    .catalogo-item-content .description {

        font-size: 3.5vw;

        top: 10vw;

        left: 8vw;

        max-width: none;

        width: 88%;

        line-height: 5vw;

    }

    .catalogo-item-content .description-2 {

        top: 10vw;

    }

    .catalogo-item-content .sep {

        width: 28vw;

        height: 0.052vw;

        margin-top: 1.4vw;

    }

    .catalogo-item-content img {

        width: 6vw;

        right: 8vw;

        bottom: 5vw;

    }

    .catalogo a {

        position: relative;

        display: block;

        top: 0px;

        width: 100%;

        height: 100vw;

    }

    .catalogo-item {

        display: inline-block;

        position: relative;

        top: auto;

    }

    .catalogo-2, .catalogo-3, .catalogo-9, .catalogo-10, .catalogo-14, .catalogo-16 {

        background-size: auto 100%;

    }

    .empresa {

        top: 138vw;

    }

    .empresa img {

        float: none;

        width: auto;

        position: absolute;

        top: 150vw;

        height: 150vw;

        left: -20%;

    }

    .empresa span {

        font-size: 3vw;

        left: 50%;

        margin-left: -45vw;

        width: 90vw;

        text-align: center;

        top: 9vw;

    }

    .empresa h4 {

        font-size: 9vw;

        line-height: 11vw;

        top: 14vw;

        left: 50%;

        width: 60vw;

        margin: 0px;

        text-align: center;

        margin-left: -30vw;

    }

    .empresa .description {

        width: 80vw;

        top: 61vw;

        left: 50%;

        margin-left: -40vw;

    }

    .empresa p {

        font-size: 4.6vw;

        line-height: 6.4vw;

        text-align: center;

    }

    .empresa img {

        float: none;

        width: auto;

        top: 188vw;

        height: 150vw;

        left: -20%;

    }

    .empresa .img-texto {

        top: 260vw;

        right: auto;

        left: 50%;

        width: 84vw;

        margin-left: -42vw;

        height: 70vw;

        z-index: 1;

    }

    .empresa .img-texto span {

        font-size: 3.5vw;

        top: 8vw;

        left: 8vw;

        margin: 0px;

        text-align: left;

    }

    .empresa .img-texto p {

        font-size: 4.2vw;

        line-height: 7.4vw;

        top: 14vw;

        left: 5.7vw;

        text-align: left;

        width: 70vw;

    }

    .empresa .img-texto .sep {

        width: 29vw;

        height: 0.052vw;

        top: 60vw;

        left: 8.4vw;

    }

    .mapa {

        top: 519vw;

        height: 200vw;

        background-size: 115% auto;

        background-position: bottom left;

    }

    .mapa-texto {

        width: 80vw;

        top: 11vw;

        left: 50%;

        margin-left: -40vw;

        text-align: center;

    }

    .mapa-texto span {

        font-size: 3vw;

    }

    .mapa-texto h4 {

        font-size: 9vw;

        line-height: 11vw;

        margin: 0.51625vw 0px 1.0325vw 0px;

    }

    .mapa-texto p {

        color: #0F2E28;

        font-family: NunitoSansRegular;

        font-size: 4.6vw;

        line-height: 6.4vw;

        width: 78vw;

    }

    .vende {

        top: 476vw;

        height: 134vw;

        background-size: auto 100%;

    }

    .vende-texto {

        width: 80vw;

        top: 18vw;

        right: auto;

        left: 50%;

        margin-left: -40vw;

        text-align: center;

    }

    .vende-texto span {

        font-size: 3vw;

    }

    .vende-texto h4 {

        font-size: 9vw;

        line-height: 11vw;

        margin: 4vw 0px 1.23901vw 0px;

    }

    .vende-texto p {

        margin-top: 10vw;

        font-size: 4.6vw;

        line-height: 6.4vw;

        width: 78vw;

    }

    .vende-texto button {
        top: 90vw;
        left: 50%;
        font-size: 2.9vw;
        width: 80vw;
        margin-left: -40vw;
        height: 10vw;
        border-radius: 1.4vw;
    }
    .empleo {
        top: 476vw;
        height: 137vw;
    }
    .empleo-texto {
        top: 10vw;
    }
    .empleo-texto span {
        font-size: 2.6vw;
    }
    .empleo-texto h4 {
        font-size: 9vw;
        line-height: 11vw;
        margin: 2vw 0px 1.23901vw 0px;
    }
    .empleo-texto p {
        margin-top: 6vw;
        font-family: NunitoSansRegular;
        font-size: 4.6vw;
        line-height: 6.4vw;
        width: 78vw;
    }
    .empleo-texto .upload-file {
        border: solid 0.052vw #00B23D;
        width: 45vw;
        height: 9vw;
        top: 107vw;
        left: 0vw;
        border-radius: 1vw;
        line-height: 9.4vw;
        text-align: left;
        padding: 0px 4vw;
        font-size: 3.4vw;
    }
    .empleo-texto button {
        top: 107vw;
        left: 56vw;
        font-size: 2.9vw;
        width: 25vw;
        height: 9.4vw;
        margin: 0px;
        border-radius: 1vw;
        border: solid 0.052vw #00B23D;
    }
    .distribuidores {
        top: 522vw;
        height: 78vw;
    }
    .distribuidores h4 {
        font-size: 9vw;
        left: 50%;
        width: 80vw;
        margin-left: -40vw;
        text-align: center;
        top: 7vw;
    }
    .distribuidores button {
        width: 80vw;
        margin-left: -40vw;
        left: 50%;
        height: 10vw;
        font-size: 2.8vw;
        top: 58vw;
        border-radius: 1.4vw;
    }
    .distribuidores p{
        font-size: 4.6vw;
        left: 50%;
        width: 80vw;
        margin-left: -40vw;
        line-height: 5vw;
        text-align: center;
        top: 29vw;
    }
    .distribuidores-bg {
        display: none;
    }
    .footer {
        top: 464vw;
        height: 500vw;
        background-color: #0062AD;
    }
    .footer-map {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 120vw;
    }
    .footer-map-texto {
        font-size: 3vw;
        line-height: 5vw;
        width: 74vw;
        height: 30vw;
        left: 50%;
        top: 70vw;
        padding: 7vw 4vw;
        margin-left: -41vw;
    }
    .footer-redes span {
        color: #111E26;
        font-family: NunitoSansRegular;
        font-size: 2.6vw;
    }
    .footer-redes img {
        width: 2.4vw;
        height: 2.4vw;
        margin: 0px 0px 0px 5vw;
    }
    .footer-content {
        top: 120vw;
        left: 0vw;
        font-size: 3vw;
    }
    .col-title {
        width: 100vw;
        text-align: center;
    }
    .col-1-title {
        top: 10vw;
        left: auto;
        font-size: 2.4vw;
    }
    .footer-col-1 {
        display: none;
    }
    .footer-col-1-m {
        position: absolute;
        width: 100vw;
        top: 17vw;
        left: 50%;
        height: 60vw;
        display: block;
    }
    .footer-col-1-1 {
        position: absolute;
        width: 40vw;
        top: 0px;
        left: 10vw;
        text-align: center;
        border-right: solid 0.052vw #00B23D;
        line-height: 4.6vw;
    }
    .footer-col-1-2 {
        position: absolute;
        width: 40vw;
        top: 0px;
        left: 50vw;
        text-align: center;
        line-height: 4.6vw;
    }
    .sep-m {
        position: absolute;
        width: 60vw;
        left: 20vw;
        height: 0.052vw;
        background-color: #00B23D;
        top: 70vw;
        display: block;
    }
    .sep-m-2 {
        position: absolute;
        width: 60vw;
        left: 20vw;
        height: 0.052vw;
        background-color: #00B23D;
        top: 33vw;
        display: block;
    }
    .col-form-title {
        font-size: 3vw;
        top: 34vw;
        left: 20vw;
        width: 60vw;
        padding-top: 4.4vw;
    }
    .col-form-subtitle {
        font-size: 3vw;
        top: 44vw;
        left: 20vw;
        width: 60vw;
    }
    .col-form-link {
        font-size: 3vw;
        top: 55vw;
        left: 20vw;
        width: 60vw;
    }
    .col-2-title {
        top: 93vw;
        left: 50%;
        font-size: 2.4vw;
        width: 100vw;
    }
    .footer-col-2 {
        width: 100vw;
        left: 50%;
        top: 98vw;
        border-right: none;
        height: 17.966vw;
        text-align: center;
    }
    .footer-content a {
        margin-bottom: 0.7vw;
    }
    .col-newsletter-title {
        font-size: 3vw;
        top: 208vw;
        left: 50%;
        width: 100vw;
        text-align: center;
    }
    .col-3-title {
        top: 136vw;
        left: 50%;
        font-size: 2.6vw !important;
    }
    .footer-col-3 {
        width: 100vw;
        left: 50%;
        top: 214vw;
        border-right: none;
        height: 17.966vw;
        padding-right: 0px;
        text-align: center;
    }
    .footer-col-3 .preg {
        margin-top: 0.51625vw;
        margin-bottom: 1.8069vw;
        padding: 0px 12vw;
        line-height: 5vw;
    }
    .col-title {
        font-size: 2.4vw;
        width: 100vw;
        text-align: center;
    }
    .footer-col-4 {
        width: 100vw;
        left: 50%;
        top: 137vw;
    }
    .footer-col-4 .despejamos {
        margin-top: 8vw;
        font-size: 3.4vw;
        margin-bottom: 2.06503vw;
        text-align: center;
    }
    .footer-col-4 p {
        line-height: 5.4vw;
        padding: 4vw 11vw;
        text-align: center;
    }
    .footer-col-4 button {
        top: 50vw;
        left: 21vw;
        font-size: 2.9vw;
        width: 58vw;
        height: 9vw;
        margin: 0px;
        border: solid 1px #00B23D;
        border-radius: 1vw;
    }
    .sep-m-3 {
        position: absolute;
        width: 60vw;
        left: 20vw;
        height: 0.052vw;
        background-color: #00B23D;
        top: 65vw;
        display: block;
    }
    .input-content {
        border-bottom: solid 0.052vw #fff;
        width: 80vw;
        left: 10vw;
        position: relative;
        top: 6vw;
    }
    .input-content input {
        border: none;
        font-size: 3vw;
        padding: 2vw 2vw;
        width: 60vw;
        margin-left: -6vw;
    }
    .sendemailmessage {
        font-size: 3.2vw;
        width: 80vw;
        text-align: center;
        left: 10vw;
        top: 38vw;
    }
    .sendfilemessage {
        font-size: 3.2vw !important;
        width: 80vw;
        text-align: center;
        left: 0vw;
        top: 120vw;
    }
    .input-content img {
        float: right;
        margin-top: 2vw;
        width: 6vw;
        z-index: 1;
    }
    .copyright {
        position: relative;
        margin-top: 0vw;
        line-height: 5vw;
        top: 60vw;
    }
    .copyright span {
        width: 76vw;
        left: 12vw;
        position: absolute;
        top: 0vw;
    }
    .copyright div:last-child {
        margin-top: 1.29063vw;
        position: absolute;
        top: 18vw;
        width: 90vw;
        left: 5vw;
    }
    .mini-logo {
        top: 207vw;
        left: 25vw;
        width: 50vw;
    }
    .f-redes-m {
        position: absolute;
        top: 220vw;
        width: 60vw;
        left: 20vw;
        height: 15vw;
        text-align: center;
        border-top: solid 0.052vw #00B23D;
        padding-top: 7vw;
        display: block;
    }
    .f-redes-m a {
        display: inline-block;
    }
    .f-redes-m img {
        width: 11vw;
        margin: 0 1vw;
    }
    .content-2 {
        height: 1000vw;
    }
    .copy-mob {
        position: absolute;
        top: 245vw;
        width: 80vw;
        left: 10vw;
        height: 15vw;
        text-align: center;
    }
    .content-2 .smooth {
        height: 1000vw;
        background-color: #111E26;
    }
    /** modelo **/
    .detail .descarga {
        top: 24vw;
        left: 50%;
        width: 4.5vw;
        margin-left: -8vw;
    }
    .detail .impresion {
        top: 24vw;
        left: 50%;
        width: 4.5vw;
        margin-left: -2vw;
    }

    .detail h4 {

        top: 0vw;

        left: 10vw;

        font-size: 9vw;

        line-height: 10vw;

        margin: 0px;

        margin-top: 35vw;

        width: 80vw;

        text-align: center;

        position: relative;

        display: block;

    }

    .detail .subtitle {

        top: 4vw;

        left: 15vw;

        font-size: 3vw;

        line-height: 5vw;

        width: 70vw;

        text-align: center;

        position: relative;

        display: inline-block;

    }

    .detail .especificaciones {

        display: inline-block;

        top: 0vw;

        left: 10vw;

        font-size: 3vw;

        line-height: 1.23901vw;

        width: 80vw;

        text-align: center;

        position: relative;

        margin-top: 10vw;

    }

    .detail .detalles {

        top: auto;

        left: 6.4533vw;

        font-size: 3.6vw;

        line-height: 6vw;

        margin: 0px;

        width: 90vw;

        text-align: center;

        position: relative;

        margin-top: 4vw;

        margin-bottom: 6vw;

    }

    .detail {

        width: 100vw;

        height: auto;

        top: 0px;

        display: inline-block;

        position: relative;

    }

    .gallery {

        top: 0vw;

        width: 100vw;

        height: 110vw;

        left: 0vw;

        position: relative;

        display: inline-block;

    }

    .photo {

        width: auto;

        height: 110vw;

    }

    .photo-left {

        top: 46vw;

        left: 9vw;

        width: 7vw;

    }

    .photo-right {

        top: 46vw;

        right: 9vw;

        width: 7vw;

    }

    .caracteristicas {

        width: 100%;

        height: 288vw;

        top: -1.9vw;

        left: 0px;

        position: relative;

        display: inline-block;

        background-color: #fff;

    }

    .opcionales {

        left: 0vw;

        width: 100vw;        

    }

    .gallery-buttons {

        left: 0px;

        top: 0px;

        width: 100vw;

        height: 33vw;

    }

    .gallery-buttons .eco {

        top: 18vw;

        left: 12vw;

        width: 9vw;

    }

    .gallery-buttons span {

        top: 19vw;

        left: 30vw;

        font-size: 2.8vw;

        line-height: 5vw;

        width: 50vw;

    }

    .gallery-buttons .eco-sep {

        width: 100vw;

        height: 0.08vw;

        top: 14vw;

        left: 0vw;

    }

    .gallery-barra {

        top: 3.4vw;

        left: 46vw;

        width: 6.8vw;

    }

    .gallery-right {

        top: 4.6vw;

        left: 40vw;

        width: 7vw;

    }

    .gallery-left {

        top: 6.2vw;

        left: 52vw;

        width: 7vw;

    }

    .caracteristicas .medidas {

        width: 100vw;

        height: 116vw;

        top: 33.1vw;

        left: 0px;

    }

    .medidas .title-1 {

        font-size: 2.8vw;

        line-height: 1.23901vw;

        top: 8vw;

        width: 80vw;

        left: 10vw;

        text-align: center;

    }

    .medidas .col-1 {

        width: 100vw;

        height: 80vw;

        top: 13vw;

        border-right: none;

    }

    .medida-item:first-child {

        margin-top: 0vw;

    }

    .medida-item {

        width: 84vw;

        height: 9vw;

        top: 0px;

        left: 8vw;

        font-size: 3.8vw;

        line-height: 10vw;

    }

    .medida-item div:nth-child(1) {

        width: 24vw;

    }

    .medida-item div {

        width: 10vw;

    }

    .medida-item-7 div {

        width: 19vw;

    }

    .medida-item-lit {

        font-size: 2.3vw;

    }

    .medidas .title-2 {

        font-size: 2.8vw;

        line-height: 1.23901vw;

        top: 56vw;

        left: 10vw;

        width: 80vw;

        text-align: center;

    }

    .medidas .col-2 {

        top: 60vw;

        left: 10vw;

        width: 80vw;

        text-align: center;

    }

    .medidas .title-22 {

        font-size: 2.8vw;

        line-height: 1.23901vw;

        top: 66vw;

        left: 10vw;

        width: 80vw;

        text-align: center;

    }

    .medidas .col-22 {

        top: 70vw;

        left: 10vw;

        width: 80vw;

        text-align: center;

    }

    .color-sep-2 {

        width: 0.052vw;

        height: 40vw;

        top: 70vw;

        left: 49.5612vw;

    }

    .col-2 div img, .col-22 div img {

        width: 22vw;

    }

    .col-2 div, .col-22 div {

        padding: 1.2vw 0px;

    }

    .col-2 div:first-child, .col-22 div:first-child {

        margin-top: 4vw;

    }

    .color-sep {

        width: 0.052vw;

        height: 48vw;

        top: 61vw;

        left: 49.5612vw;

    }

    .footer-modelo {

        top: -3vw;

        position: relative;

        display: inline-block;

    }

    .detalles-title {

        top: 158vw;

        left: 8vw;

        font-size: 2.8vw;

        line-height: 1.23901vw;

    }

    .img-detalles {

        top: 164vw;

        left: 8vw;

        width: 84vw;

    }

    .detalle-left {

        top: 176vw;

        left: 10vw;

        width: 7vw;

    }

    .detalle-right {

        top: 176vw;

        right: 10.1vw;

        width: 7vw;

    }

    .txt-detalles {

        top: 200vw;

        left: 8vw;

        width: 84vw;

        font-size: 3vw;

        line-height: 5.2vw;

    }

    .opcionales-title {

        top: 224vw;

        left: 8vw;

        font-size: 2.8vw;

        line-height: 1.23901vw;

    }

    .img-opcionales {

        top: 230.2vw;

        left: 8vw;

        width: 84vw;

    }

    .txt-opcionales {

        top: 266.5vw;

        left: 8vw;

        width: 84vw;

        font-size: 3vw;

        line-height: 5.2vw;

    }

    .opcional-left {

        top: 242vw;

        left: 10vw;

        width: 7vw;

    }

    .opcional-right {

        top: 242vw;

        right: 10.1vw;

        width: 7vw;

    }

    .modelo {

        height: auto;

        position: relative;

        display: inline-block;

        background-color: #fff;

    }

    .login-dsk {

        display: none;

    }

    .login-mob {

        display: inline-block;

        opacity: 1;

    }

    .login-btn {

        position: relative;

        top: 1.3vw;

        right: auto;

        color: #0F2E28;

        font-size: 3vw;

        width: 44vw;

        height: 9vw;

        margin: 0px;

        left: 50%;

        margin-left: -22vw;

        border-radius: 1vw;

    }

    .user-name {

        position: absolute;

        top: 1.8vw;

        right: unset;

        color: #fff;

        font-size: 4vw;

        font-family: NunitoSansRegular;

        width: 80vw;

        left: 50%;

        margin-left: -40vw;

    }

    .list-btn {

        position: relative;

        font-size: 3vw;

        width: 60vw;

        height: 9vw;

        margin: 4vw 0px 6vw 0px;

        border-radius: 0.31vw;

        display: inline-block;

    }

    .login-img {

        display: none;

    }

    .content-login {

        flex-direction: column;

    }

    .login-form {

        width: 100vw;

        height: 100vh;

        overflow-y: scroll;

    }

    .login-form-content {

        width: 90vw;

        min-height: 170vw;

    }

    .login-logo {

        width: 40vw;

        margin: 4.5vw auto 2vw auto;

    }

    .login-init {

        top: 50vw;

        width: 100%;

    }

    .login-text {

        font-size: 4vw;

        line-height: 6vw;

        width: 67vw;

        margin: 0 auto 12vw auto;

    }

    .login-form input {

        font-size: 4vw;

        line-height: 6vw;

        padding: 1vw;

        margin: 2vw 0;

    }

    .recover-pass {
        font-size: 3.5vw;
        line-height: 6vw;
        margin: 2vw 0 10vw 0;
    }
    .login-form .login-btn, .login-form .access-btn {
        font-size: 3.8vw;
        width: 90vw;
        height: 9vw;
        margin: 0.5vw 0;
        border-radius: 1vw;
    }
    .login-register, .login-recoverpass, .login-register-ok {
        top: 50vw;
        width: 100%;
        margin-left: -100vw;
    }
    .message-text {
        font-size: 3.8vw;
        margin-top: 4vw;
    }
    .login-footer {
        font-size: 3vw;
        line-height: 6vw;
        position: absolute;
        bottom: 5vw;
        width: 90vw;
    }
    .content-4 {
        margin-top: 24vw;
    }
    .list-download {
        top: 23vw;
        right: 2vw;
        font-size: 4vw;
        line-height: 6vw;
    }
    .list-download img {
        width: 4.5vw;
    }
    .content-4 .footer {
        top: auto;
    }
}