img, a, button{border:none;  outline:none !important; text-decoration:none}
img{display:block;}
a,
a:hover,
a:active,
a:visited,
input,
.btn {
    text-decoration: none !important;
    outline: none !important;
    transition: all 0.3s ease-in-out;
}
img {
    max-width: 100%
}

html, body{
margin:0;
padding:0;
font-family: 'Montserrat', sans-serif;
height: 100%;
font-size:14px
}
.global{
width:90%;
max-width:960px;
margin: 0 auto;
padding: 0;
overflow:visible;
position:relative;
z-index:3;
}
/*generales*/
.clear{
clear:both;
height:0px;
font-size:0px;
color:transparent;
}
.table {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
/*header*/
header{position:fixed; top:0; left:0; float:left; width:100%; z-index:10}
.header_top{width:100%; background-image:url(../img/bgheader.jpg); background-size:100% auto}
header .logo{width:130px; margin:37px auto; transition: all 0.3s ease-in-out;}
header .logo img{width:100%}
.header_bottom{float:left; width:100%; background:#dddedd;
-webkit-box-shadow: -1px 10px 22px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 10px 22px -6px rgba(0,0,0,0.75);
box-shadow: -1px 10px 22px -6px rgba(0,0,0,0.75);
}
.menu ul{list-style:none; margin:0; padding:0}
.tablemenu{
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}
.menu ul li{float:left; position:relative}

.menu ul li a{display:block; color:#50535a; font-size:16px; text-transform:uppercase; font-weight:600; padding:10px 40px}
.menu ul li:first-child a{padding-left:0}
.menu ul li a:hover{color:#000}
.menu ul li.lupa{font-size:14px; padding:7px 0 5px 40px; width:300px}
.menu ul li.lupa span{display:block; float:left; margin:5px 0 0}
.menu ul li .form-control{background-image:url(../img/lupa.png); background-repeat:no-repeat; background-position:5px center; height:30px; padding-left:30px; border:2px solid #ececec; background-color:#fff; border-radius:11px; width:190px; max-width:100%; float:right; 
-webkit-box-shadow: inset 4px -3px 39px -12px rgba(125,123,125,1);
-moz-box-shadow: inset 4px -3px 39px -12px rgba(125,123,125,1);
box-shadow: inset 4px -3px 39px -12px rgba(125,123,125,1);
}
.menu ul li ul{position:absolute; width:600px; top:43px; left:0; padding:30px 0; display:none;}
.menu ul li ul::before{content:""; position:absolute; left:-100%; top:0; width:3000px; height:100%; background-image:url(../img/bgsubmenu.png)}
.menu ul li ul li{display:block; float:none; width:100%}
.menu ul li ul li a{color:#fff; padding:7px 0}
.dummy{float:left; width:100%; height:191px;}

header.scrolled .logo{margin:15px auto; width:70px}
header.scrolled .header_top{height:auto}
/*navicon*/
.menuicon{
	right: 0;
top: 0;
position: absolute;
display: none;
z-index: 2;
background-color: #dedede;
width: 80px;
height: 80px;
padding: 27px 27px;
	
}
#nav-icon1 {
  width: 30px;
  height: 15px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#nav-icon1.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*slider*/

.itemx{height:590px !important; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative}
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.homeslide .slick-dots{bottom:-30px}
.homeslide .slick-dots li{margin:0 5px; z-index:8}
.homeslide .slick-dots li a{color:#b2cacb; font-size:14px}
.homeslide .slick-dots li.slick-active a, .homeslide .slick-dots li a:hover{color:#4c4c4c}
.homeslide .slick-dots li.slick-active button::before{color:#000}
.homeslide .slick-dots li button::before{color:#000; font-size:13px}
.homeslide .carousel-inside{position:absolute; width:100%; top:0; left:0; height:100%; color:#454946; font-size:50px; text-align:left; background-image:url(../img/bgslidertext.png); background-repeat:no-repeat; background-position:top right; background-size:auto 100%}

.slidetext{position:absolute; bottom:30px; right:130px}
.slidetext{color:#fff; font-size:44px; font-weight:700; text-align:right}

.slick-dotted.slick-slider{margin-bottom:0px !important}
#slider .container-fluid{padding:0}
#slider .row{margin-left:0; margin-right:0}
#slider .col-xs-12{padding:0}
.sliderinside{z-index:10; color:#fff; position:absolute; top:50%; cursor:pointer}
.sliderinside.prev{left:20px; }
.sliderinside.next{right:20px; }
/*home lanzamientos*/
.banner_inside{width:352px; margin:0 auto; max-width:100%; position:relative; padding:5px; background:#fff}
.banner_pic{width:100%; height:352px; position:relative; overflow:hidden}
.banner_pic img{width:100%; position:asolute; left:0; top:0; z-index:2}
.banner_inside:hover .banner_pic img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	
}
/*.banner_inside:hover .banner_pic::before{width:100%; height:100%; z-index:3; content:""; left:0; top:0; background-image:url(../img/fondocolor.png); position:absolute}*/
.banner_inside:hover .txt_inner_banner{display:block}
.banner_inside a{position:absolute; display:block; width:100%; height:100%; z-index:4; top:0; left:0}
.banner_inside:hover{
	-webkit-box-shadow: -2px 2px 20px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 2px 20px -3px rgba(0,0,0,0.75);
box-shadow: -2px 2px 20px -3px rgba(0,0,0,0.75);
}

.banners{margin:60px 0 20px; padding:20px 0; background:#f4f4f4; float:left; width:100%; clear:both}
.banners h2{text-align:center; padding:0 0 40px 0; font-weight:700; color:#50535a; font-size:40px}
.banner_texto{position:absolute; width:calc(100% - 60px); height:100%; border-bottom:7px solid #b4ac97; margin:0 30px; bottom:20px; z-index:3}
.txt_inner_banner{position:absolute; color:#fff; font-size:40px; font-weight:700; bottom:10px;  width:calc(100% - 60px); text-align:left; margin:0; display:none}

.inside_txt_out{color:#50535a; font-size:14px; padding:20px; line-height:28px}
/*footer*/
footer{float:left; width:100%; background-image:url(../img/bgfooter.jpg); background-size:100% auto; padding:50px 0}
footer ul{list-style:none; margin:0; padding:0}
footer ul.footermenu li a{color:#fff; font-size:14px; font-weight:700; display:block; padding:0 0 8px}
footer ul.footermenu li a:hover{margin-left:5px; opacity:0.8}
footer ul.footerredes{margin:25px 0 0}
footer ul.footerredes li a{display:block; font-size:16px; color:#fff; background-repeat:no-repeat; background-position:left center; padding:4px 0 4px 30px}
footer ul.footerredes li:first-child a{background-image:url(../img/icophone.png)}
footer ul.footerredes li:last-child a{background-image:url(../img/icomail.png)}

footer ul.footerredes li a:hover{opacity:0.8}
.logopringles{float:right}
/*categorias*/
.breadsections{padding:150px 0; background-size:cover; background-position:center center}
.breadsections.categorias{background-image:url(../img/bannercats.jpg)}
.breadsections h1{margin:0; padding:0; text-align:center; color:#fff; font-size:80px; font-weight:bold; text-transform:uppercase; letter-spacing:20px}

.categorias{margin:0 0 20px 0}
.categorias .col-xs-3{padding:0 5px}
.categorias_inside{width:100%; margin:0 auto 10px; max-width:100%; position:relative; }
.categorias_pic{width:100%; height:266px; position:relative; overflow:hidden}
.categorias_pic img{width:100%; position:asolute; left:0; top:0; z-index:2}
.categorias_inside:hover .categorias_pic img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	
}
.categorias_inside:hover .txt_inner_banner{display:block}
.categorias_inside a{position:absolute; display:block; width:100%; height:100%; z-index:4; top:0; left:0}
.categorias_texto{position:absolute; width:100%; margin:0; bottom:0; z-index:3; background:#fff; opacity:0.8; padding:13px 0 15px 0}
.categorias_txt_inner_banner{position:relative; color:#2b3241; font-size:20px; font-weight:700; bottom:0;  width:calc(100% - 60px); text-align:left; margin:0 30px; border-bottom:7px solid #2b3241; font-weight:700; text-transform:uppercase; padding:0 0 10px}

.paginate{text-align:center; margin:20px 0 40px}
.paginate span.current{padding:5px 0; width:40px; color:#686868; border:1px solid #72ccd2; border-radius:0; display:inline-block; font-size:11px; margin:0 2.5px; color:#fff; background:#72ccd2}
.paginate span a{padding:5px 0; width:40px; color:#72ccd2; border:1px solid #72ccd2; border-radius:0; display:inline-block; font-size:11px; margin:0 2.5px; transition: all 0.3s ease-in-out;}
.paginate span a:hover {
    box-shadow: inset 300px 0 0 0 #72ccd2;
    color: #fff;
}
/*productos*/
.titulo_productos h4{font-size:18px; color:#50535a; font-weight:600; margin:0 0 15px}
.titulo_productos h4 a, .titulo_productos h4 span{color:#78797b; font-weight:400}
.titulo_productos h4 a:hover{color:#000}
.productos{padding:20px 0; background:#f0f0f0}
.productos .col-xs-3{padding:0 5px 5px; position:relative}
.productos .col-xs-3 h3{font-size:17px; color:#fff; font-weight:600; text-transform:uppercase; margin:0; padding:13px; text-align:center; width:100%; background:#50535a; clear:both}
.productos .col-xs-3 p{font-size:17px; color:#fff; font-weight:600; text-transform:uppercase; margin:0; padding:5px; text-align:center; width:100%; background:#72ccd2; clear:both}
.productos .col-xs-3 a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}
.productos .col-xs-3:hover::before{content:""; position:absolute; left:5px; top:0; width:calc(100% - 10px); height:calc(100% - 5px); z-index:1; background:#000; opacity:0.2}
.more img{margin:25px auto 20px; cursor:pointer}
.more img:hover{opacity:0.8}
/*contacto*/
.contacto{padding:60px 0 150px; background:#f4f4f4; float:left; width:100%}
.contacto .col-xs-12{max-width:800px; float:none; margin:0 auto}
.contacto h1{font-size:20px; font-weight:700; color:#50535a; letter-spacing:10px; margin:0 0 10px 15px}
.atencion{text-transform:uppercase; color:#fff; background:#25cbd3; padding:15px; margin:0 0 14px; letter-spacing:2px}
.atencion b{display:block}
.infocontacto{border-top:10px solid #25cbd3; padding:15px 0 0 0; color:#50535a; font-size:14px; letter-spacing:1px}
.infocontacto a{color:#50535a; line-height:22px}
.redes{margin:8px 0 0 0}
.redes a{float:left; margin:0 5px 0 0; font-size:14px; color:#50535a}
.redes a img{display:inline-block}
.redes a:hover{opacity:0.8}
.contact_form .form-control{border-radius:1px; color:#000; font-size:12px; height:43px; border-color:#b3b3b3}
.contact_form textarea.form-control{height:145px; resize:none}
.contact_form .btn, .btn{background:#25cbd3; color:#fff; font-weight:700; letter-spacing:1px; font-size:14px; padding:10px 10px; border-radius:1px; border:1px solid #25cbd3; width:200px; max-width:100%; text-align:center}
.contact_form .btn:hover, .btn:hover{box-shadow: inset 200px 0 0 0 #f4f4f4; color:#25cbd3}
/*novedades*/
.novedades{padding:60px 0; background:#f4f4f4}
.novedad{padding:15px; background:#fff; margin:0 0 20px}
.novedad .foto{width:253px; float:left; max-width:100%}
.novedad .foto img{width:100%}
.novedad .texto{float:right; width:calc(100% - 268px)}
.novedad h2{font-size:28px; color:#50535a;letter-spacing:2px; font-weight:700; margin:10px 0 0; padding:0}
.novedad span{display:block; font-size:28px; color:#50535a;letter-spacing:2px; font-weight:300; margin:0 0 20px; padding:0 0 10px; border-bottom:6px solid #b4ac97}
.novedad p{font-size:13px; color:#50535a}
/*productos filtros*/
.filtros{float:left; width:240px; background:#fff; padding:0 15px 15px}
.productosdetail{float:right; width:calc(100% - 260px); margin-top:43px}
.filtros label{display:block; font-weight:600; font-size:14px; margin:0 0 15px; line-height:18px}  
.filtros h4{background:#dddedd; width:calc(100% + 30px); color:#50535a; font-size:15px; font-weight:600; margin:0 0 20px; padding:15px; margin-left:-15px}
.productosdetail img{width:100%}
/* COMMON RADIO AND CHECKBOX STYLES  */

input[type=checkbox]{
  /* hide original inputs */
  visibility: hidden;
  position: absolute;
}
input[type=checkbox] + label{
  cursor:pointer;
}
input[type=checkbox] + label:before{
  height:12px;
  margin-right: 4px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  transition: 0.3s;
  border:1px solid #ccc;
  border-radius:10px;
  box-shadow: inset 0 -3px 6px #e4e4e4;
  transition: 0.3s;
  top:3px
}

/* CUSTOM RADIO AND CHECKBOX STYLES */
/* DEFAULT */
input[type=checkbox] + label:before{
  border-radius:50%;
  width:12px;
  border-color:#5b5e64;
}
/* CHECKED */
input[type=checkbox]:checked + label:before{
  box-shadow: inset 0 -1px 3px #72ccd2, inset 0 0 1px #72ccd2, inset 0 0 0 3px #72ccd2;
}
.mobilesi, .mobilesi1100{display:none !important}
/**producto slider*/
.galprod{position:relative}
.custom_controls{position:absolute; top:-26px; right:35px; height:100%}
.galprod #goToPrevSlide{position:absolute; top:-26px; right:35px;}
.galprod #goToNextSlide{bottom:40px; right:35px; position:absolute}
.galprod button{background:transparent}
.productoinside{padding:60px 0; background:#f4f4f4}
.productoinside .col-xs-12.sinpadding{padding:0}

.lSPager.lSGallery li{height:auto !important;}
.productoinside h1{background:#50535a; color:#fff; text-align:center; font-size:30px; padding:10px; font-weight:600; margin:0}
.productoinside span{display:block; padding:5px 0; color:#fff; background:#71ccd2; text-align:center; font-weight:600; font-size:20px}
.productoinside h3{margin:0; padding:15px 70px; color:#50535a; background:#fff; text-align:center; font-weight:600; font-size:18px}
.whitedesc{float:left; width:100%; background:#fff; line-height:35px; font-size:18px; color:#50535a}
.desc{border-top:1px solid #d0d1d3; padding:20px 0; margin:0 25px; min-height:278px}
.btn-producto a{display:block; text-align:center; width:100%; background-repeat:no-repeat !important; background-position:95% center !important; padding:20px; font-size:16px; font-weight:700}
.btn-producto.btn_dondecomprar a{background-image:url(../img/mapa.png); background-color:#d1cabd; color:#50535a; border:1px solid #d1cabd}
.btn-producto.btn_descarga a{background-image:url(../img/descarga.png); background-color:#808b94; color:#fff; border:1px solid #808b94; width:calc(100% - 104px)}
.btn-producto.btn_dondecomprar a:hover{background-color:#fff; }
.btn-producto.btn_descarga a:hover{color:#394145}
.galeriamobile .lSPager.lSGallery{display:none !important}
/*relacionados*/
.relacionados{padding:30px 0 60px; background:#f4f4f4}
.titulo_relacionados h4{font-size:23px; text-align:center; letter-spacing:9px; color:#50535a; margin:0; padding:30px 0; font-weight:700}
.relacionados .col-xs-3{position:relative}
.relacionados .col-xs-3 a{position:absolute; left:15px; top:0; width:calc(100% - 30px); height:100%; z-index:1}
.relacionados .col-xs-3 a:hover{background:#000; opacity:0.3}
.relacionados .col-xs-3 img{width:100%}
.relacionados .col-xs-3 span{background:#50535a; color:#fff; font-weight:600; padding:20px; font-size:13px; margin:10px 0 0; display:block; text-align:center}
/*locales*/
.locales{padding:60px 0}
.locales h1{font-size:17px; font-weight:700; margin:0 0 20px; padding:0 0 5px; color:#58595b; border-bottom:1px solid #000000}
.locales .col-xs-3{font-size:13px; color:#50535a; margin-bottom:25px}
.locales .col-xs-3 i{font-size:20px; display:block; color:#25cbd3}
.locales .col-xs-3 b{display:block; color:#50535a; font-size:18px; font-weight:600}
.locales .col-xs-3 a{font-size:14px; color:#50535a}
.locales .col-xs-3 a:hover{color:#000}

/*modal*/
.modal-header{padding:10px 15px; border:0}
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-weight:500;
  font-size:12px
}

.modal-content{border-radius:0}
.modal-dialog p{padding:0 30px 30px}

.modal-header{background:#25cbd3}
.modal-header h4{color:#fff; cursor:pointer}
.modal-header .fa-times{position:absolute; right:20px; top:20px; color:#fff; cursor:pointer; font-size:15px}
.modal-body{background:#FFFFFF; float:left; width:100%; padding-bottom:30px}
.modal-dialog{max-width:100%}
.modal-dialog iframe{max-width:100% !important}
.modal-body button{margin:-5px 0 5px}

/*desarrollo*/
.lupa{position:relative}
.lupa .form-control-feedback{color:#ff0000; top:5px}
header .help-block{position:absolute; right:-80px; top:8px; text-align:left}
.btnfiltro{display:none; margin-left:-10px}
.filtrodespleg{display:block}