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

/* PROMOTIONS */
section.promotions{width:100%; max-width:1920px; height:100%; max-height:570px; display:table; position:relative; padding:50px 0 0 0; margin:0 auto; z-index:1;}
section.promotions div.box{width:33.3334%; height:100%; max-height:570px; display:table-cell;}
section.promotions div.box a{width:-moz-calc(100% - 2px); width:-webkit-calc(100% - 2px); width:-o-calc(100% - 2px); width:calc(100% - 2px); display:block; position:relative; background-position:center; background-repeat:no-repeat; background-size:100% /* cover */; padding:0; margin:0 1px 2px 1px;}
/*
section.promotions div.box a.big{height:-moz-calc(100% - 2px); height:-webkit-calc(100% - 2px); height:-o-calc(100% - 2px); height:calc(100% - 2px); }
section.promotions div.box a.small{height:-moz-calc(50% - 2px); height:-webkit-calc(50% - 2px); height:-o-calc(50% - 2px); height:calc(50% - 2px);}
*/
section.promotions div.box a h2{display:block; position:absolute; bottom:30px; left:0px; background-color:#FFF; font-family:'OpenSansBold'; font-size:30px; color:#0860a8; text-decoration:none; font-weight:normal; font-style:normal; text-align:right; line-height:60px; padding:0px 15px 5px 15px; 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:hover{text-decoration:none;}
section.promotions div.box a:hover h2{background-color:#0860a8; color:#FFF;}

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

/* --- TITLES --- */
section.actual h2{display:block; font-family:'BebasNeueBold'; font-size:44px; color:#28166f; 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 h2 strong{/*color:#c30027; 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:#28166f; text-decoration:none; font-weight:normal; font-style:normal; 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:#0860a8; 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 #28166f; 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 #0860a8; 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 #28166f; 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 #0860a8; 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:#0860a8;}
section.category article div.cpager .bx-pager .bx-pager-item a.active{background-color:#28166f;}

/* === 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,
section.category article div.bx-wrapper .bx-viewport ul li{display:block; position:relative; list-style:none; padding:0px; margin:0px;}
section.category article div.bx-wrapper .bx-viewport a.item{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px);}

/* 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:#3da330; 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:#0860a8; 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;}

/* LOGOS */
section.page div.logos{position:relative; overflow:hidden; text-align:center; padding:0px; margin:0px 0px 30px 0px;}

/* --- COUNT --- */
section.page div.logos .bx-wrapper{width:-moz-calc(100% - 90px); width:-webkit-calc(100% - 90px); width:-o-calc(100% - 90px); width:calc(100% - 90px); height:95px; display:block; position:relative; float:left; border:1px solid #e5e5e5; vertical-align:top; padding:0px; margin:0px 15px; z-index:1; *zoom:1;}
section.page div.logos .bx-wrapper img{max-width:100%; display:block;}
section.page div.logos .bx-wrapper .bx-viewport{height:95px; position:relative; left:-1px; overflow:hidden; z-index:99; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
section.page div.logos .bx-wrapper .bx-loading{width:100%; height:100%; min-height:50px; position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:200;}

/* === SLIDER === */
section.page div.logos .bx-wrapper ul{display:block; position:relative; list-style:none; padding:0px; margin:0px;}
section.page div.logos .bx-wrapper ul li{border-left:1px solid #e5e5e5; list-style:none; padding:0px; margin:0px;}
section.page div.logos .bx-wrapper ul li a{min-height:95px; display:-webkit-flex; display:flex; padding:0px; margin:0px; -webkit-align-items:center; align-items:center; -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.logos .bx-wrapper ul li a div{width:100%; text-align:center;}
section.page div.logos .bx-wrapper ul li a:hover{background-color:#f5f5f5;}

/* --- CONTROLS --- */
section.page div.logos .prev,
section.page div.logos .next{width:29px; height:97px; display:block; float:left; vertical-align:top; padding:0px; margin:0px; z-index:99;}

section.page div.logos .prev a,
section.page div.logos .next a{width:100%; height:100%; display:-webkit-flex; display:flex; background-color:#EEE; padding:0px; margin:0px; -webkit-align-items:center; align-items:center; -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.logos .prev a p{width:9px; height:15px; display:block; position:relative; background-image:url("../../Images/Icons/all.png"); background-position:-234px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px auto; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg);}
section.page div.logos .next a p{width:9px; height:15px; display:block; position:relative; background-image:url("../../Images/Icons/all.png"); background-position:-234px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px auto; -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

section.page div.logos .prev a:hover,
section.page div.logos .next a:hover{background-color:#28166f;}
section.page div.logos .prev a:hover p{background-position:-243px 0px;  -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
section.page div.logos .next a:hover p{background-position:-243px 0px;  -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg);}

/* 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 h2{bottom:20px; border-right:3px solid #28166f; 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;}
    section.page div.logos .prev,
    section.page div.logos .next{height:96px;}
    section.page div.logos .bx-wrapper{width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); margin: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 h2{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 h2{font-size:28px; line-height:28px;}
}