@charset "UTF-8";
/* CSS Document */

* {box-sizing: border-box;}
.wrapa{max-width:1000px !important; margin-left: auto !important; margin-right: auto !important; padding:0px; background-color: rgba(255,255,255,1); overflow: hidden;}
.tienda{width:100% !important; margin: auto; padding:0px; background-color: rgba(255,255,255,0.9); overflow: hidden;}

img{max-width: 100%; height: auto;}

.acti{}

.rowa{}

.more:link, .more:visited {transition-duration: 0.2s; transition-timing-function: ease-out;}

[class*='col-']{float:left;}

.col-1-3{width: 33.33%; padding:0px;}
  
.col-2-3{width: 66.66%; padding:0px;}

.col-1-4{width: 25%; padding:0px;}

.show{ width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff; display: block;}

.aspect{position: relative; padding-bottom: 120%; height: 0; overflow: hidden;}

.show .mask{width: 100%; height: 70%; position: absolute; overflow: hidden; top: 0; left: 0}

.show-first a.more {display: inline-block; text-decoration: none; padding:0;  color: #FFF; text-transform: uppercase; position: relative;}

.show-first a.more:hover {/* box-shadow: 0 0 5px #000;*/}

.show-first p{letter-spacing: 0.15em; color: #f4f4f4; font-size: 28px;}

.show-first img {transition: all 0.2s linear;}

.show-first .mask {/*opacity: 0; background-color: rgba(0,0,0, 0.7); transition: all 0.4s ease-in-out;*/ opacity:0; background-color: rgba(0,0,0,0.8); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}∫
.show-first h2 {color: #f2f2f2; margin-top: 20%; opacity: 0; transition: all 0.2s ease-in-out; background: rgba(0,0,0,0.7);}
.show-first p {opacity: 0; transition: all 0.2s linear; text-align:left; margin:5% 0 0 5%;}
.show-first a.info{opacity: 0; transition: all 0.2s ease-in-out;}

.show-first:hover img {/*transform: scale(1.2);*/}
.show-first:hover .mask {opacity:1;}
.show-first:hover h2,
.show-first:hover texto,
.show-first:hover texto2,
.show-first:hover p,
.show-first:hover a.info {opacity: 1;}
.show-first:hover p {transition-delay: 0.1s;}
.show-first:hover a.info {transition-delay: 0.2s;}

/*//////////////////////CUSTOM/////////////////*/
.novisible{display:none !important;}
.texto{font-family: 'Roboto', sans-serif !important; font-size:18px !important; line-height:16px !important; text-transform:uppercase !important; color:#FFF !important;}
.texto2{font-family: 'dharma_gothic_elight', sans-serif !important; font-size:26px !important; line-height:28px !important; text-align:left !important; color:#FFF !important;}
@media (max-width: 800px) {
texto{font-family: 'Roboto', sans-serif !important; font-size:16px !important; line-height:16px !important; text-transform:uppercase !important; color:#FFF !important;}
.texto2{font-family: 'dharma_gothic_elight', sans-serif !important; font-size:24px !important; line-height:26px !important; text-align:left !important; color:#FFF !important;}	
}
@media (max-width: 640px) {
texto{font-family: 'Roboto', sans-serif !important; font-size:14px !important; line-height:14px !important; text-transform:uppercase !important; color:#FFF !important;}
.texto2{font-family: 'dharma_gothic_elight', sans-serif !important; font-size:20px !important; line-height:20px !important; text-align:left !important; color:#FFF !important;}	
}
@media only screen and (max-width: 480px) { 
texto{font-family: 'Roboto', sans-serif !important; font-size:16px !important; line-height:16px !important; text-transform:uppercase !important; color:#FFF !important;}
.texto2{font-family: 'dharma_gothic_elight', sans-serif !important; font-size:22px !important; line-height:22px !important; text-align:left !important; color:#FFF !important;}	

.col-1-4{width: 50%; padding: 10px; overflow: hidden; clear: right;}
.col-1-3{width: 50%; padding:0px; overflow: hidden; clear: right;}
.novisible{display:block !important;}

.wrapa{width: 100%; margin: auto; overflow: hidden;}
.mobile-clear{clear:both;}
}
@media only screen and (max-width: 360px) { 
texto{font-family: 'Roboto', sans-serif !important; font-size:14px !important; line-height:14px !important; text-transform:uppercase !important; color:#FFF !important;}
.texto2{font-family: 'dharma_gothic_elight', sans-serif !important; font-size:20px !important; line-height:20px !important; text-align:left !important; color:#FFF !important;}

.col-1-4{width: 50%; padding: 10px; overflow: hidden; clear: right;}
.col-1-3{width: 50%; padding:0px; overflow: hidden; clear: right;}
.novisible{display:block !important;}

.wrapa{width: 100%; margin: auto; overflow: hidden;}
.mobile-clear{clear:both;}
}
@media only screen and (max-width: 320px) { 
texto{font-family: 'Roboto', sans-serif !important; font-size:14px !important; line-height:14px !important; text-transform:uppercase !important; color:#FFF !important;}
.texto2{font-family: 'dharma_gothic_elight', sans-serif !important; font-size:18px !important; line-height:18px !important; text-align:left !important; color:#FFF !important;}

.col-1-4{width: 50%; padding: 10px; overflow: hidden; clear: right;}
.col-1-3{width: 50%; padding:0px; overflow: hidden; clear: right;}
.novisible{display:block !important;}

.wrapa{width: 100%; margin: auto; overflow: hidden;}
.mobile-clear{clear:both;}
}