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

/* PROMOTIONS */
section.promotions{width:100%; max-width:1920px; /*height:100%; max-height:570px; display:table;*/ display:block; position:relative; padding:0px; margin:0px auto; z-index:1;}
section.promotions div.box{width:33.3334%; /*height:100%; max-height:570px; display:table-cell;*/ display:block; float:left; padding:0px; margin:0px;}
section.promotions div.box a{/*width:100%; */display:block; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.promotions div.box a img{display:block; padding:0px; margin:0px;}
/*
section.promotions div.box a.big{height:100%;}
section.promotions div.box a.small{height:50%;}
*/
section.promotions div.box a:hover{text-decoration:none; opacity:0.75;}

/* ACTUAL */
section.actual{display:block; position:relative; padding:50px 0px; margin:0px;}

/* --- TITLES --- */
section.actual h1{display:block; font-family:'BebasNeueBold'; font-size:44px; color:#103946; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:44px; text-align:center; padding:0px; margin:0px 0px 10px 0px;}
section.actual h1 strong{color:#ed1e28; text-decoration:none; font-weight:normal;}
section.actual h5{display:block; font-family:'OpenSansLight'; font-size:18px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:18px; text-align:center; padding:0px; margin:0px 0px 25px 0px;}

/* CATEGORY */
section.category{display:block; position:relative; background-color:#edeeee; padding:45px 0px; margin:0px;}

/* --- MENU --- */
section.category aside{width:-moz-calc(30% - 30px); width:-webkit-calc(30% - 30px); width:-o-calc(30% - 30px); width:calc(30% - 30px); max-width:280px; display:block; position:relative; float:left; padding:0px; margin:0px 30px 0px 0px;}
section.category aside h3{display:block; font-family:'BebasNeueBold'; font-size:48px; color:#103946; text-decoration:none; font-weight:normal; font-style:normal; line-height:48px; padding:0px; margin:15px 0px 30px 0px;}
section.category aside ul{display:block; list-style:none; padding:0px; margin:0px;}
section.category aside ul li{display:block; list-style:none; border-top:1px solid #cfcdc3; padding:0px; margin:0px;}
section.category aside ul li:first-child{border-top:none;}
section.category aside ul li a{display:block; font-family:'OpenSansLight'; font-size:13px; color:#232323; text-decoration:none; font-weight:normal; font-style:normal; padding:10px 0px; margin:0px;}
section.category aside ul li a:hover{color:#ed1e28; text-decoration:none;}
section.category aside ul li a img{display:inline-block; vertical-align:middle; padding:0px; margin:5px 5px 5px 0px;}

/* --- SLIDER --- */
section.category article{width:-moz-calc(70% - 60px); width:-webkit-calc(70% - 60px); width:-o-calc(70% - 60px); width:calc(70% - 60px); display:block; position:relative; float:left; overflow:hidden; background-color:#FFF; padding:30px; margin:0px;}
section.category article.null{width:70%; padding:0px;}
section.category article img{max-width:100%; display:block; position:relative;}

/* === CONTROLS === */
section.category article div.cprev{position:absolute; left:30px; top:50%; margin:-70px 0px 0px 0px; z-index:99;}
section.category article div.cprev a{width:0px; height:0px; display:block; position:relative; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #000; text-indent:-9999px; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.category article div.cprev a:hover{border-right:10px solid #ed1e28; text-decoration:none;}

section.category article div.cnext{position:absolute; right:30px; top:50%; margin:-70px 0px 0px 0px; z-index:99;}
section.category article div.cnext a{width:0px; height:0px; display:block; position:relative; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #000; text-indent:9999px; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.category article div.cnext a:hover{border-left:10px solid #ed1e28; text-decoration:none;}

/* === PAGER === */
section.category article div.cpager{display:block; position:relative; text-align:center; padding:0px; margin:30px 0px 0px 0px;}
section.category article div.cpager .bx-pager{display:block; position:relative; text-align:center; padding:0px; margin:0px;}
section.category article div.cpager .bx-pager .bx-pager-item{display:inline-block; padding:0px; margin:0px 2px;}
section.category article div.cpager .bx-pager .bx-pager-item a{width:8px; height:8px; display:block; position:relative; background-color:#cbcbcb; text-indent:-9999px; padding:0px; margin:0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.category article div.cpager .bx-pager .bx-pager-item a:hover{background-color:#103946;}
section.category article div.cpager .bx-pager .bx-pager-item a.active{background-color:#ed1e28;}

/* === CONTENT === */
section.category article div.bx-wrapper{position:relative; padding:0px; margin:0px 0px 0px 40px; *zoom:1;}
section.category article div.bx-wrapper .bx-loading{width:100%; min-width:32px; height:100%; min-height:32px; position:absolute; top:0px; left:0px; z-index:2000;}
section.category article div.bx-wrapper .bx-viewport{width:100%; height:100%; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}

section.category article div.bx-wrapper .bx-viewport ul{display:block; position:relative; list-style:none; padding:0px; margin:0px;}
section.category article div.bx-wrapper .bx-viewport ul li{display:block; position:relative; list-style:none; padding:0px 5px; margin:0px;}
section.category article div.bx-wrapper .bx-viewport a.item{width:auto;}

/* MOST */
section.page article{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); display:block; float:left; padding:0px; margin:0px 0px 60px 16px;}
section.page article:first-of-type{margin:0px 0px 60px 0px;}
section.page article.full{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); float:none;}

/* --- TITLE --- */
section.page article h3{display:block; position:relative; border-bottom:1px solid #f3f3f3; font-family:'OpenSansSemiBold'; font-size:19px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px 0px 20px 0px; margin:0px 0px 30px 0px;}
section.page article h3 p{width:60px; height:2px; display:block; position:absolute; left:0px; bottom:-1px; background-color:#ed1e28; padding:0px; margin:0px;}

/* === CONTROLS === */
section.page article h3 span{display:block; float:right; font-family:'OpenSansLight'; font-size:16px; color:#343434; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:0px;}

section.page article h3 span .prevs,
section.page article h3 span .nexts{display:inline-block; vertical-align:baseline; padding:0px 5px; margin:0px;}

section.page article h3 span .prevs a,
section.page article h3 span .nexts a{font-size:26px; color:#9e9e9e; text-decoration:none;}
section.page article h3 span .prevs a:hover,
section.page article h3 span .nexts a:hover{color:#a90e13; text-decoration:none;}

/* --- SLIDERS --- */
section.page article div.bx-wrapper{position:relative; padding:0px; margin:0px; *zoom:1;}
section.page article div.bx-wrapper .bx-loading{width:100%; min-width:32px; height:100%; min-height:32px; position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:2000;}
section.page article div.bx-wrapper .bx-viewport{width:100%; height:100%; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}

/* === NEW === */
section.page article ul.new,
section.page article ul.new li{display:block; list-style:none; padding:0px; margin:0px;}
section.page article ul.new li a.item{width:auto; max-width:300px; float:none; margin:0px;}

/* === PROMO === */
section.page article ul.promo,
section.page article ul.promo li{display:block; list-style:none; padding:0px; margin:0px;}
section.page article ul.promo li a.item{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); max-width:none; text-align:left; margin:0px 0px 20px 10px;}
section.page article ul.promo li a.item:nth-of-type(5n + 1){clear:none; margin:0px 0px 20px 10px;}
section.page article ul.promo li a.item:nth-of-type(2n + 1){clear:both; margin:0px 0px 20px 0px;}
section.page article ul.promo li a.item img{max-width:110px; float:left; margin:0px 10px 0px 0px;}
section.page article ul.promo li a.item div.info h4{font-size:13px;}
section.page article ul.promo li a.item div.price{margin:5px 0px 0px 0px;}

/* --- ADS --- */
section.page div.ads{max-height:240px; position:relative; padding:0px; margin:0px 0px 30px 0px;}

/* === CONTROLS === */
section.page div.ads .prev{position:absolute; left:-20px; top:50%; margin:-17px 0px 0px 0px;}
section.page div.ads .prev a{width:13px; height:33px; display:block; position:relative; background-image:url(../../Images/Icons/all.png); background-position:-432px -217px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg);}
section.page div.ads .prev a:hover{background-position:-445px -217px; -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

section.page div.ads .next{position:absolute; right:-20px; top:50%; margin:-17px 0px 0px 0px;}
section.page div.ads .next a{width:13px; height:33px; display:block; position:relative; background-image:url(../../Images/Icons/all.png); background-position:-432px -217px; background-repeat:no-repeat; text-indent:9999px; padding:0px; margin:0px; -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
section.page div.ads .next a:hover{background-position:-445px -217px; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg);}

/* === SLIDER === */
section.page div.ads .bx-wrapper{max-height:240px; position:relative; padding:0px; margin:0px auto; *zoom:1;}
section.page div.ads .bx-wrapper .bx-loading{width:100%; min-width:32px; height:100%; min-height:32px; position:absolute; top:0px; left:0px; z-index:2000;}
section.page div.ads .bx-wrapper .bx-viewport{width:100%; height:100%; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}

section.page div.ads .bx-wrapper .bx-viewport ul,
section.page div.ads .bx-wrapper .bx-viewport ul li{display:block; position:relative; list-style:none; padding:0px; margin:0px;}

section.page div.ads .bx-wrapper .bx-viewport ul li a{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); display:block; position:relative; overflow:hidden; padding:0px; margin:0px auto; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.ads .bx-wrapper .bx-viewport ul li a:hover{text-decoration:none;}
section.page div.ads .bx-wrapper .bx-viewport ul li a:hover .info big{opacity:1;}

section.page div.ads .bx-wrapper .bx-viewport ul li .info{width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); position:absolute; left:0px; bottom:0px; padding:0px 30px 30px 30px; margin:0px; z-index:99;}
section.page div.ads .bx-wrapper .bx-viewport ul li .info p{height:0px; display:block; font-size:16px; color:#FFF; text-decoration:none; padding:0px; margin:0px; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.ads .bx-wrapper .bx-viewport ul li .info h4{display:block; font-family:'BebasNeueBold'; font-size:36px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:40px; padding:0px; margin:0px;}
section.page div.ads .bx-wrapper .bx-viewport ul li .info big{width:20px; height:20px; position:absolute; right:15px; bottom:15px; background-image:url("../../Images/Icons/all.png"); background-position:-130px 0px; background-repeat:no-repeat; padding:0px; margin:0px; z-index:99; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.ads .bx-wrapper .bx-viewport ul li .info img{width:100%; max-width:100%; position:relative; padding:0px; margin:0px; z-index:1;}

section.page div.ads .bx-wrapper .bx-viewport ul li:hover .info p{height:auto; opacity:1;}

/* MOBILE */
@media only screen and (max-width: 1350px){
    section.page div.ads .prev,
    section.page div.ads .next{display:none;}
}

@media only screen and (max-width: 1200px){
    section.category article div.bx-wrapper{margin:0px 10px;}
	section.category article div.cprev{left:15px;}
	section.category article div.cnext{right:15px;}
}

@media only screen and (max-width: 1150px){
    section.page article ul.promo li a.item div.price{font-size:12px;}
    section.page article ul.promo li a.item div.price sub{font-size:10px;}
	section.page article ul.promo li a.item div.price p{display:block; margin:0px;}
}

@media only screen and (max-width: 1000px){
    section.promotions,
    section.promotions div.box{max-height:550px;}
    section.promotions div.box a h1{bottom:20px; border-right:3px solid #ed1e28; font-size:20px; line-height:50px; padding:0px 15px 5px 15px;}
    
    section.page article ul.promo li a.item,
	section.page article ul.promo li a.item:nth-of-type(2n + 1),
    section.page article ul.promo li a.item:nth-of-type(5n + 1){width:auto; float:none; clear:both; margin:0px 0px 20px 0px;}
	section.page article ul.promo li a.item div.price p{display:inline-block; margin:0px 0px 0px 5px;}
}

@media only screen and (max-width: 950px){
    section.promotions,
    section.promotions div.box{max-height:500px;}
    
    section.actual div.bx-wrapper .bx-viewport ul li a .info{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); padding:0px 15px 15px 15px;}
    section.actual div.bx-wrapper .bx-viewport ul li a .info p{font-size:12px; line-height:16px;}
    section.actual div.bx-wrapper .bx-viewport ul li a .info h4{font-size:24px; line-height:28px;}
}

@media only screen and (max-width: 900px){ 
    section.promotions,
    section.promotions div.box{max-height:450px;}
    
    section.actual{padding:30px 0px;}
    
    section.category{padding:30px 0px;}
    section.category aside{width:auto; max-width:none; float:none; margin:0px 0px 30px 0px;}
	section.category article{width:auto; float:none; padding:30px; margin:0px;}
    section.category article.null{width:100%;}
    
    section.page div.ads{margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 800px){    
    section.promotions,
    section.promotions div.box{max-height:400px;}
}

@media only screen and (max-width: 650px){
    section.promotions,
    section.promotions div.box{max-height:350px;}
    
    section.actual div.bx-wrapper .bx-viewport ul li a{width:auto;}
    
    section.page div.ads .bx-wrapper .bx-viewport ul li a{width:auto;}
    section.page div.ads .bx-wrapper .bx-viewport ul li .info{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); padding:0px 10px 10px 10px;}
    section.page div.ads .bx-wrapper .bx-viewport ul li .info p{font-size:12px;}
    section.page div.ads .bx-wrapper .bx-viewport ul li .info h4{font-size:24px; line-height:36px; margin:0px;}
}

@media only screen and (max-width: 600px){
    section.promotions{display:none;}
    
    section.actual{padding:15px 0px;}
    
    section.category{padding:15px 0px;}
    section.category aside{margin:0px 0px 15px 0px;}
    section.category article div.cpager{margin:15px 0px 0px 0px;}
    
    section.page article{width:auto; float:none; margin:15px 0px;}
	section.page article h3{font-size:16px;}
    section.page div.ads{margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 500px){    
    section.actual h1{font-size:36px; line-height:36px;}
    section.actual h5{font-size:14px; line-height:14px; margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 350px){    
    section.category article{padding:15px;}
    section.category article div.cprev,
    section.category article div.cnext{display:none;}
    section.category article div.bx-wrapper{margin:0px;}
    
    section.actual h1{font-size:28px; line-height:28px;}
}