*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;}
.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice, .demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice,.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {background-image: url(/img/ban3.jpg);background-position: center center;background-size: cover;display: table;}
.product-slideinner, .spec-slideinner{display: table-cell;width: 50%; vertical-align: middle; text-align: center}
.demo-1 .bg-2 .sl-slide-inner .product-slideinner > img{margin-top: 157px; width: auto}
.demo-1 .bg-1 .sl-slide-inner .product-slideinner > img{margin-top: 157px; width: 100%}
.demo-1 .bg-3 .sl-slide-inner .product-slideinner > img{width: 80%; margin-right: -380px; margin-top: 145px;}
.demo-1 .bg-3 .sl-slide-inner .product-slideinner{background-image: url(/img/banners/ban3_bgproduct.png); background-position: center top; background-size: contain; background-repeat: no-repeat}
.sl-slide-inner .product-slideinner .vineta{width: 350px; margin: 0 auto; display: table}
.vineta .vineta-img{width: 38px; display: table-cell; vertical-align: middle}
.vineta .vineta-txt{font-family: Arial;font-size: 18px; color:#fff; width: 300px; display: table-cell; vertical-align: middle}
.sps_title{width: 90%;min-height: 20px; background-size: contain; background-position: center bottom; background-image: url(/img/bg-title-hdmak.png); background-repeat: no-repeat; color: white; font-family: Arial; font-weight: 700; font-size: 22px;  text-align: center;  text-transform: uppercase; padding-bottom: 10px; margin-bottom: 100px;}
.sps_model{width: 300px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 40px}
.sps_model .sps_model_title{width: 300px; background-image: url(/img/banners/bg_title.png); background-repeat: no-repeat; background-position: center center; height: 24px; color: white; font-family: Arial;; text-align: center;padding-top: 4px}
.sps_model .sps_model_text{font-family: Arial; color: white; font-size: 13px; text-align: justify; text-transform: uppercase; margin-top: 10px;}
.tldm{margin-top: 55px;}
/*HOJA STYLE*/
.sl-slider-wrapper {width: 800px;height: 400px;margin: 0 auto;position: relative;overflow: hidden;}
.sl-slider {position: absolute;top: 0;left: 0;}
.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {position: absolute;width: 100%;height: 100%;top: 0;left: 0;} 
.sl-slide {z-index: 1;}
.sl-content-slice {overflow: hidden;position: absolute;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;background: #fff;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;opacity : 1;}
.sl-slide-horizontal .sl-content-slice {width: 100%;height: 50%;left: -200px;-webkit-transform: translateY(0%) scale(1);-moz-transform: translateY(0%) scale(1);-o-transform: translateY(0%) scale(1);-ms-transform: translateY(0%) scale(1);transform: translateY(0%) scale(1);}
.sl-slide-horizontal .sl-content-slice:first-child {top: -200px;padding: 200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {top: 50%;padding: 0px 200px 200px 200px;}
.sl-slide-vertical .sl-content-slice {width: 50%;height: 100%;top: -200px;-webkit-transform: translateX(0%) scale(1);-moz-transform: translateX(0%) scale(1);-o-transform: translateX(0%) scale(1);-ms-transform: translateX(0%) scale(1);transform: translateX(0%) scale(1);}
.sl-slide-vertical .sl-content-slice:first-child {left: -200px;padding: 200px 0px 200px 200px;}
.sl-slide-vertical .sl-content-slice:nth-child(2) {left: 50%;padding: 200px 200px 200px 0px;}
.sl-content-wrapper {position: absolute;}
.sl-content {width: 100%;height: 100%;background: #fff;}
.sl-slide-horizontal .sl-slide-inner {background: #ddd;}
.sl-slide-vertical .sl-slide-inner {background: #ccc;}
/*HOJA CUSTOM*/
.demo-1 .sl-slider-wrapper {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.demo-2 .sl-slider-wrapper {width: 100%;height: 600px;overflow: hidden;	position: relative;}
.demo-2 .sl-slider h2,
.demo-2 .sl-slider blockquote {padding: 100px 30px 10px 30px;width: 80%;max-width: 960px;color: #fff;margin: 0 auto;position: relative;z-index: 100;}
.demo-2 .sl-slider h2 {font-size: 100px;text-shadow: 0 -1px 0 rgba(0,0,0,0.2);}
.demo-2 .sl-slider blockquote {font-size: 28px;padding-top: 10px;font-weight: 300;text-shadow: 0 -1px 0 rgba(0,0,0,0.2);}
.demo-2 .sl-slider blockquote cite {font-size: 16px;font-weight: 700;font-style: normal;text-transform: uppercase;letter-spacing: 5px;padding-top: 30px;display: inline-block;}
.demo-2 .bg-img {padding: 200px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;position: absolute;top: -200px;left: -200px;width: 100%;height: 100%;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;background-position: center center;}
.nav-arrows span {position: absolute;z-index: 999;top: 50%;width: 40px;height: 40px;border: 3px solid rgba(150,150,150,0.4);text-indent: -90000px;margin-top: -40px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform:rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.nav-arrows span:hover {border-color: rgba(150,150,150,0.9);}
.nav-arrows span.nav-arrow-prev {left: 5%;border-right: none;border-top: none;}
.nav-arrows span.nav-arrow-next {right: 5%;border-left: none;border-bottom: none;}
.nav-dots {text-align: center;position: absolute;bottom: 3%;height: 30px;width: 150px;right: 0;z-index: 1000;}
.nav-dots span {display: inline-block;position: relative;width: 16px;height: 16px;border-radius: 50%;margin: 3px;background: #ddd;background: rgba(150,150,150,0.4);cursor: pointer;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1);}
.demo-2 .nav-dots span {background: rgba(150,150,150,0.1);margin: 6px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 2px rgba(255,255,255,0.5);}
.demo-2 .nav-dots span.nav-dot-current,
.demo-2 .nav-dots span:hover {box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1),	0 0 0 5px rgba(255,255,255,0.5);}
.nav-dots span.nav-dot-current:after {content: "";position: absolute;width: 10px;height: 10px;top: 3.75px;left: 3px;border-radius: 50%;background: rgba(255,255,255,0.8);}
.demo-1 .deco {width: 260px;height: 260px;border: 2px dashed #ddd;border: 2px dashed rgba(150,150,150,0.4);border-radius: 50%;position: absolute;bottom: 50%;left: 50%;margin: 0 0 0 -130px;}
.demo-1 [data-icon]:after {content: attr(data-icon);font-family: 'AnimalsNormal';color: #999;text-shadow: 0 0 1px #999;position: absolute;width: 220px;height: 220px;line-height: 220px;text-align: center;font-size: 100px;top: 50%;left: 50%;margin: -110px 0 0 -110px;box-shadow: inset 0 0 0 10px #f7f7f7;border-radius: 50%;}
.demo-1 .sl-slide h2 {color: #000;text-shadow: 0 0 1px #000;padding: 20px;position: absolute;font-size: 34px;font-weight: 700;letter-spacing: 13px;text-transform: uppercase;width: 80%;left: 10%;text-align: center;line-height: 50px;bottom: 50%;margin: 0 0 -120px 0;}
.demo-1 .sl-slide blockquote {position: absolute;width: 100%;text-align: center;left: 0;font-weight: 400;font-size: 14px;line-height: 20px;height: 70px;color: #8b8b8b;z-index: 2;bottom: 50%;margin: 0 0 -200px 0;padding: 0;}
.demo-1 .sl-slide blockquote p{margin: 0 auto;width: 60%;max-width: 400px;position: relative;}
.demo-1 .sl-slide blockquote p:before {color: #f0f0f0;color: rgba(244,244,244,0.65);font-family: "Bookman Old Style", Bookman, Garamond, serif;position: absolute;line-height: 60px;width: 75px;height: 75px;font-size: 200px;z-index: -1;left: -80px;top: 35px;content: '\201C';}
.demo-1 .sl-slide blockquote cite {font-size: 10px;padding-top: 10px;display: inline-block;font-style: normal;text-transform: uppercase;letter-spacing: 4px;}
.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {background-image: url(/img/ban3.jpg);background-position: center center;background-size: cover}
.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {background-image: url(/img/ban2.jpg);background-position: center center;background-size: cover}
.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {color: #fff;}
.demo-1 .bg-2 blockquote:before {color: #222;}
.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {background-image: url(/img/ban1.jpg);background-position: center center;background-size: cover}
.demo-1 .bg-3 .deco {border-color: #fff;border-color: rgba(255,255,255,0.5);}
.demo-1 .bg-3 [data-icon]:after {color: #fff;text-shadow: 0 0 1px #fff;box-shadow: inset 0 0 0 10px #b55381;}
.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote{color: #fff;text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
.demo-1 .bg-3 blockquote:before {color: #c46c96;}
.demo-1 .bg-4 .sl-slide-inner,.demo-1 .bg-4 .sl-content-slice {background: #5bc2ce;}
.demo-1 .bg-4 .deco {border-color: #379eaa;}
.demo-1 .bg-4 [data-icon]:after {text-shadow: 0 0 1px #277d87;color: #277d87;}
.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote{color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.demo-1 .bg-4 blockquote:before {color: #379eaa;}
.demo-1 .bg-5 .sl-slide-inner,.demo-1 .bg-5 .sl-content-slice {background: #ffeb41;}
.demo-1 .bg-5 .deco {border-color: #ECD82C;}
.demo-1 .bg-5 .deco:after {color: #000;text-shadow: 0 0 1px #000;}
.demo-1 .bg-5 h2,.demo-1 .bg-5 blockquote{color: #000;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.demo-1 .bg-5 blockquote:before {color: #ecd82c;}
.demo-2 .bg-img-1 {background-image: url(../images/1.jpg);}
.demo-2 .bg-img-2 {background-image: url(../images/2.jpg);}
.demo-2 .bg-img-3 {background-image: url(../images/3.jpg);}
.demo-2 .bg-img-4 {background-image: url(../images/4.jpg);}
.demo-2 .bg-img-5 {background-image: url(../images/5.jpg);}
@media screen and (max-width:780px){
    .product-slideinner, .spec-slideinner{display: table-row; width: 100%}
    .demo-1 .bg-2 .sl-slide-inner .product-slideinner > img{margin-top: 108px; width: 39%}
    .demo-1 .bg-1 .sl-slide-inner .product-slideinner > img{margin-top: 110px; width: 60%}
    .demo-1 .bg-3 .sl-slide-inner .product-slideinner > img{width: 100%;margin-right: -65px;margin-top: 0px;}
    .demo-1 .bg-3 .sl-slide-inner .product-slideinner{background-image: none}
    .demo-1 .bg-3 .sl-slide-inner .spec-slideinner .sps_title{margin: -183px auto 0}
    .demo-1 .vineta{display: none}
    .sps_title{margin: -48px auto 0; font-size: 16px; padding-bottom: 8px}
    .sps_model{width: 60%; margin-bottom: 10px;}
    .sps_model .sps_model_title{margin: 10px auto 0}
    .sps_model .sps_model_text{text-align: center; line-height: 1.5}
    .tldm{margin-top: 22px}
}
@media screen and (max-width:500px){
    .sps_title{font-size: 14px;}
    .sps_model{width: 86%}
    .sps_model .sps_model_title{font-size: 14px}
}
@media screen and (max-height:470px){
    .product-slideinner, .spec-slideinner{display: table-cell; width: 50%}
    .demo-1 .bg-1 .sl-slide-inner .product-slideinner > img{margin-top: 66px; width: 100%}
    .demo-1 .bg-3 .sl-slide-inner .spec-slideinner .sps_title{margin: 0 auto}
    .sps_title{margin: 31px auto 0}
}
@media screen and (max-height:340px){
    .demo-1 .bg-1 .sl-slide-inner .product-slideinner > img{width: 84%}
    .sps_title,.sps_model .sps_model_title{font-size: 13px;}
    .sps_model .sps_model_text{font-size: 11px}
    .tldm{margin-top: 13px; width: 100px;}
}