/* CSS Document */

* {
	outline:none;
	padding:0px;
	margin:0px;
}

html{
	height:100%;
	padding:0px;
	margin:0px;
}

body{
	height:100%;
	overflow-x:hidden;
    background-color:#FFF;
    font-family:'OpenSansLight';
	font-size:14px;
	color:#666;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:20px;
	padding:0px;
	margin:0px;
}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px;}

img{max-width:100%; height:auto; border:none;}
hr{height:1px; background-color:#CCC; border:none; color:#CCC; margin:30px 0px;}

a{color:#0860a8; text-decoration:none; cursor:pointer;}
a:hover{color:#0860a8; text-decoration:underline;}

a.button{display:inline-block; position:relative; background-color:#28166f; font-family:'OpenSansLight'; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:36px; padding:0px 20px; 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;}
a.button:hover{background-color:#0860a8; text-decoration:none;}

a.btn{display:inline-block; position:relative; background-color:#2e2e2e; font-family:'OpenSansLight'; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:36px; padding:0px 20px; 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;}
a.btn:hover{background-color:#0860a8; text-decoration:none;}

ul,
ol{display:block; padding:0px; margin:15px 0px 15px 20px;}
ul li{list-style-image:url(../Images/Icons/ulli.png); padding:0px; margin:0px;}

.fb_iframe_widget{vertical-align:middle;}
noscript img{display:none;}

span.count{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1280px; display:block; position:relative; padding:0px 15px; margin:0px auto;}

/* STATUS */
small{display:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; text-decoration:none; padding:10px 0px; margin:0px 0px 15px 0px;}
small.error{display:block; color:#881b1b;}
small.success{display:block; color:#409805;}
small.loading{display:block; color:#666;}
small img{vertical-align:text-bottom; padding:0px; margin:0px 7px 0px 0px;}

/* INPUT */
input{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:38px; display:block; position:relative; background-color:#FFF; border:none; font-family:'OpenSansLight'; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:38px; padding:0px 15px; margin:0px 0px 15px 0px;}
input.error{background-color:#FCD0C7; color:#901B1B; text-decoration:none;}
input:disabled{color:#999;}

/* TEXTAREA */
textarea{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:168px; display:block; position:relative; background-color:#FFF; border:none; font-family:'OpenSansLight'; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:16px; padding:15px; margin:0px 0px 15px 0px;}
textarea.error{background-color:#FCD0C7; color:#901B1B; text-decoration:none;}

/* SELECT */
.slct{width:100%; height:38px; display:inline-block; overflow:hidden; background-color:#FFF; background-image:url(../Images/Icons/select.png); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; border:none; vertical-align:middle; padding:0px; margin:0px 0px 15px 0px;}
.slct select{width:-moz-calc(100% + 24px); width:-webkit-calc(100% + 24px); width:-o-calc(100% + 24px); width:calc(100% + 24px); background:transparent; border:0; line-height:1; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; padding:13px 3px; margin:0px; border-radius:0; -webkit-appearance:none;}
.slct select option{color:#666; padding:0px 10px;}
.slct select:disabled,
.slct select:disabled option{color:#CCC;}

.slct.error{background-color:#FCD0C7;}
.slct.error select,
.slct.error select option{color:#901B1B; text-decoration:none;}

/* LABEL */
label{cursor:pointer;}

/* RADIO */
div.radio{width:24px; height:24px; position:relative; float:left; clear:both; overflow:hidden; padding:0px; margin:0px 10px 15px 0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
div.radio label{width:24px; height:24px; position:absolute; left:0px; top:0px; background-color:#FFF; border:none; padding:0px; cursor:pointer;}
div.radio label:after{width:12px; height:12px; position:absolute; top:6px; left:6px; background-color:#424242; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
div.radio label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;}
div.radio input[type=radio]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}

div.radio.error label{background-color:#FCD0C7;}

/* CHECKBOX */
div.checkbox{width:25px; height:25px; position:relative; float:left; clear:both; padding:0px; margin:0px 10px 2px 0px;}
div.checkbox label{width:25px; height:25px; position:absolute; left:0px; top:0px; background-color:#FFF; border:none; padding:0px; cursor:pointer;}
div.checkbox label:after{width:12px; height:8px; position:absolute; top:5px; left:5px; background:transparent; border:3px solid #333; border-top:none; border-right:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); opacity:0; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
div.checkbox label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;}
div.checkbox input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}

div.checkbox.error label{background-color:#FCD0C7;}

/* COOKIES */
div.coockiebanner{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); position:fixed; left:0px; bottom:0px; background-color:rgba(8,96,168,0.8); font-size:11px; color:#FFF; text-decoration:none; text-align:center; padding:10px 15px; margin:0px; opacity:0; z-index:999999;}

div.coockiebanner a{color:#AEC8DF; text-decoration:underline;}
div.coockiebanner a:hover{text-decoration:none;}

div.coockiebanner a.boxclose{display:inline-block; background-color:#FFF; font-size:20px; color:#0860a8; text-decoration:none; font-weight:bold; line-height:0px; vertical-align:middle; padding:9px 6px 11px 4px; margin:0px 0px 0px 15px; cursor:pointer; -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;}
div.coockiebanner a.boxclose:hover{color:#28166f; text-decoration:none;}
div.coockiebanner a.boxclose:before{content:"×";}

/* MESSAGE */
div.message{width:100%; min-height:20px; position:relative; font-size:14px; color:#FFF; text-decoration:none; line-height:40px; text-align:center; padding:0px; margin:0px;}
div.message a{display:block; position:relative; padding:0px; margin:0px; z-index:1;}
div.message img{display:block; position:relative; padding:0px; margin:0px auto; z-index:1;}

div.message a.close{width:20px; height:20px; display:block; position:absolute; right:10px; top:50%; background-color:#000; font-size:20px; color:#FFF; text-decoration:none; font-weight:bold; line-height:20px; vertical-align:middle; padding:0px; margin:-10px 0px 0px 0px; z-index:99; cursor:pointer; -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;}
div.message a.close:hover{background-color:#FFF; color:#000; text-decoration:none;}
div.message a.close:before{content:"×";}

/* TOP */
section.top{display:block; position:relative; background-color:#0860a8; font-family:'OpenSans'; font-size:12px; color:#FFF; text-align:center; line-height:22px; padding:6px 0px; margin:0px;}

/* --- PHONE --- */
section.top a.phone{display:block; position:relative; float:left; color:#FFF; text-decoration:none; 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.top a.phone p{width:20px; height:14px; display:inline-block; background-image:url("../Images/Icons/all.png"); background-position:-22px 0px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:4px 5px 4px 0px;}
section.top a.phone:hover{color:#6FA7D5;}

/* --- DELIVERY --- */
section.top aside{display:block; text-transform:uppercase; padding:0px; margin:0px;}
section.top aside p{width:28px; height:22px; display:inline-block; background-image:url("../Images/Icons/all.png"); background-position:-42px 0px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 5px 0px 0px;}

/* --- MENU --- */
section.top ul{display:block; position:relative; float:right; list-style:none; padding:0px; margin:0px;}
section.top ul li{display:block; position:relative; float:left; list-style:none; padding:0px 10px; margin:0px;}
section.top ul li.hide{display:none;}

section.top ul li a{font-size:11px; color:#FFF; text-decoration:none; 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.top ul li a:hover{color:#6FA7D5;}
section.top ul li a p{display:inline-block; background-image:url("../Images/Icons/all.png"); background-repeat:no-repeat; vertical-align:middle; padding:0px;}
section.top ul li a p.icon1{width:15px; height:14px; background-position:-70px 0px; margin:4px 5px 4px 0px;}
section.top ul li a p.icon2{width:17px; height:14px; background-position:-85px 0px; margin:4px 5px 4px 0px;}
section.top ul li a p.icon3{width:13px; height:11px; background-position:-102px 0px; margin:6px 5px 5px 0px;}
section.top ul li a p.icon4{width:15px; height:14px; background-position:-115px 0px; margin:4px 5px 4px 0px;}

/* HEADER */
header{display:block; position:relative; background-color:#FFF; padding:15px 0px; margin:0px; z-index:9999;}

/* --- LOGO --- */
header h1{width:240px; height:auto; display:block; position:relative; float:left; font-weight:normal; padding:0px; margin:0px;}
header h1 a{display:block; position:relative; text-decoration:none; padding:0; margin:5px 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;}
header h1 a p{display:block; position:relative; font-size:12px; color:#111; text-decoration:none; letter-spacing:0.35px; padding:0px; margin:0px;}
header h1 a img{display:block; position:relative; padding:0; margin:0;}
header h1 a:hover{opacity:0.75; text-decoration:none;}

/* --- CART --- */
header a.cart{display:block; float:right; position:relative; font-size:12px; color:#000; text-decoration:none; padding:0; margin:0;}

header a.cart big{width:46px; height:46px; display:block; position:relative; float:left; background-color:#28166f; padding:0px; margin:0px 10px 0px 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;}
header a.cart big em{width:26px; height:23px; display:block; background-image:url("../Images/Icons/all.png"); background-position:-432px -194px; background-repeat:no-repeat; padding:0px; margin:13px auto 10px auto;}

header a.cart aside{width:-moz-calc(100% - 56px); width:-webkit-calc(100% - 56px); width:-o-calc(100% - 56px); width:calc(100% - 56px); float:left; padding:0px; margin:0px;}
header a.cart aside p{display:block; color:#757575; white-space:nowrap; padding:0px; margin:0px;}
header a.cart aside p strong{font-family:'OpenSansBold'; color:#0860a8; font-weight:normal;}

header a.cart:hover{text-decoration:none;}
header a.cart:hover big{background-color:#0860a8;}

/* --- SEARCH --- */
header div.search{width:-moz-calc(100% - 525px); width:-webkit-calc(100% - 525px); width:-o-calc(100% - 525px); width:calc(100% - 525px); max-width:550px; height:38px; position:relative; float:left; background-color:#dbdbdb; border:2px solid #dbdbdb; padding:0; margin:2px 40px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
header div.search input{width:-moz-calc(100% - 82px); width:-webkit-calc(100% - 82px); width:-o-calc(100% - 82px); width:calc(100% - 82px); height:24px; display:block; float:left; background-color:#dbdbdb; color:#000; line-height:24px; margin:7px 0px;}

header div.search a.send{width:22px; height:23px; float:left; background-image:url("../Images/Icons/all.png"); background-position:0px 0px; background-repeat:no-repeat; padding:0px; margin:7px 15px 8px 15px; -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;}
header div.search a.send:hover{opacity:0.5;}

/* === RESULTS === */
header div.search .results{width:100%; position:absolute; background-color:#EEE; padding:0px; margin:2px 0px 0px 0px; z-index:99;}
header div.search .results img{display:inline-block; vertical-align:middle; padding:0px; margin:20px 10px 20px 20px;}

header div.search .results a{display:block; position:relative; padding:0px; margin:0px 15px 15px 15px;}
header div.search .results a:first-of-type{margin:15px;}
header div.search .results a h4{display:block; font-family:'OpenSansLight'; font-size:14px; color:#232323; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 5px 0px;}
header div.search .results a img{max-width:70px; display:block; float:left; padding:0px; margin:0px 10px 0px 0px;}
header div.search .results a strong{display:inline-block; background-color:#000; font-family:'OpenSansSemiBold'; font-size:12px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; vertical-align:middle; padding:0px 10px; margin:0px 0px 5px 0px;}

header div.search .results a:hover{text-decoration:none;}
header div.search .results a:hover h4{color:#0860a8; text-decoration:none;}

/* NAVIGATION */ 
nav{display:block; position:relative; background-color:#28166f; padding:0; margin:0; z-index:999; box-shadow:0px 3px 5px -3px rgba(0,0,0,0.5);}

/* --- MENU --- */
nav ul{display:block; position:relative; list-style:none; padding:0px; margin:0px;}
nav ul li{display:block; float:left; list-style:none; padding:0px; margin:0px;}
nav ul li a{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:48px; padding:0px 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;}
nav ul li a p{display:none;}
nav ul li:hover a,
nav ul li a:hover{background-color:#0860a8; color:#FFF; text-decoration:none;}
nav ul li.select a,
nav ul li.select a:hover{background-color:#140b38; color:#FFF; text-decoration:none;}
nav ul li a img{display:inline-block; vertical-align:middle; padding:0px; margin:0px 9px 0px 0px;}
nav ul li a span{max-height:28px; display:inline-block; padding:0px; margin:0px;}

/* === SUB === */
nav ul li aside{display:none; position:absolute; text-align:left; line-height:24px; padding:0px; margin:0px; z-index:9999;}
nav ul li aside div.box{position:relative; padding:0px; margin:0px;}
nav ul li aside div.box a{min-width:240px; display:block; background-color:#0860a8; text-align:left; line-height:36px; padding:0px 15px; margin:1px 0px 0px 0px;}
nav ul li aside div.box:hover a,
nav ul li aside div.box a:hover{background-color:#140b38;}

nav ul li aside div.box article{display:none; position:absolute; top:-1px; left:-moz-calc(100% + 1px); left:-webkit-calc(100% + 1px); left:-o-calc(100% + 1px); left:calc(100% + 1px); text-align:left; line-height:24px; padding:0px; margin:0px; z-index:9999;}
nav ul li aside div.box article a{background-color:#0860a8; text-align:left; line-height:36px; padding:0px 15px; margin:1px 0px 0px 0px;}
nav ul li aside div.box article a:hover{background-color:#408DCC;}

nav ul li:hover aside,
nav ul li aside div.box:hover article{display:block;}

/* SHOPPINGCART */
section.shopingcart{width:100%; display:block; position:relative; padding:0px; margin:0px;}

/* --- CONTENT --- */
section.shopingcart div.cart{display:none; position:relative; background-color:#CCC; color:#666; text-decoration:none; padding:50px 0px 0px 0px; margin:0px;}
section.shopingcart div.cart .center{display:block; text-align:center; text-decoration:none; padding:0px 0px 50px 0px;}

/* === BUTTONS === */
section.shopingcart div.cart a.button{padding:0px 30px; margin:0px 0px 40px 0px;}
section.shopingcart div.cart a.button.null{margin:0px;}

/* === HEADLINES === */
section.shopingcart div.cart .top1{width:-moz-calc(100% - 700px); width:-webkit-calc(100% - 700px); width:-o-calc(100% - 700px); width:calc(100% - 700px); float:left; background-color:#0860a8; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-decoration:none; padding:5px; margin:0px;}
section.shopingcart div.cart .top2{width:240px; float:left; background-color:#0860a8; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-decoration:none; text-align:center; padding:5px; margin:0px;}
section.shopingcart div.cart .top3{width:100px; float:left; background-color:#0860a8; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-decoration:none; text-align:center; padding:5px; margin:0px;}
section.shopingcart div.cart .top4{width:230px; float:left; background-color:#0860a8; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-decoration:none; text-align:center; padding:5px; margin:0px;}
section.shopingcart div.cart .top5{width:80px; float:left; background-color:#0860a8; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-decoration:none; text-align:center; padding:5px; margin:0px;}

/* === ITEMS === */
#cart div.scart .middle{font-size:12px; color:#999; text-decoration:none; padding:0px; margin:0px;}

#cart div.scart .middle a.row1{width:-moz-calc(100% - 690px); width:-webkit-calc(100% - 690px); width:-o-calc(100% - 690px); width:calc(100% - 690px); min-height:90px; display:block; position:relative; float:left; border-bottom:1px dotted #2e2e2e; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none; line-height:16px; padding:10px 0px; margin:0px;}
#cart div.scart .middle a.row1 h4{display:block; font-family:'OpenSansLight'; font-size:24px; color:#2e2e2e; text-decoration:none; line-height:26px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:10px 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;}
#cart div.scart .middle a.row1 em{display: inline-block; font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; font-size:12px; color:#FFF; font-weight:normal; font-style:normal; vertical-align:middle; padding:0px 7px; margin:20px 5px 0px 0px;}
#cart div.scart .middle a.row1 em.new{background-color:#3da330;}
#cart div.scart .middle a.row1 em.promo{background-color:#c30027;}
#cart div.scart .middle a.row1 img{height:120px; float:left; margin:5px 20px 5px 0px;}
#cart div.scart .middle a.row1 strong{color:#2e2e2e; text-decoration:none;}
#cart div.scart .middle a.row1:hover h4{color:#0860a8; text-decoration:none;}

#cart div.scart .middle span.row2{width:250px; min-height:90px; display:block; float:left; border-bottom:1px dotted #2e2e2e; font-family:'OpenSansLight'; font-size:18px; color:#666; text-transform:uppercase; line-height:130px; text-align:center; padding:10px 0px; margin:0px;}

#cart div.scart .middle span.row3{width:110px; min-height:90px; display:block; float:left; border-bottom:1px dotted #2e2e2e; font-family:'OpenSansLight'; font-size:18px; color:#2e2e2e; text-transform:uppercase; text-align:center; line-height:130px; padding:10px 0px; margin:0px;}
#cart div.scart .middle span.row3 a{width:15px; height:30px; display:inline-block; background-color:#28166f; border:1px solid #28166f; font-size:14px; color:#FFF; text-decoration:none; text-align:center; line-height:32px; vertical-align:middle; padding:0px; margin:0px; cursor:pointer; -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;}
#cart div.scart .middle span.row3 a:hover{background-color:#0860a8; border:1px solid #0860a8; color:#FFF; text-decoration:none; -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;}
#cart div.scart .middle span.row3 input{width:42px; height:32px; display:inline-block; background-color:#FFF; border:none; color:#2e2e2e; text-align:center; line-height:33px; vertical-align:middle; padding:0px; margin:0px;}

#cart div.scart .middle span.row4{width:240px; min-height:90px; display:block; float:left; border-bottom:1px dotted #2e2e2e; font-family:'OpenSansLight'; font-size:18px; color:#2e2e2e; text-transform:uppercase; line-height:130px; text-align:center; padding:10px 0px; margin:0px;}

#cart div.scart .middle a.del{width:90px; min-height:140px; display:-webkit-flex; display:flex; float:left; border-bottom:1px dotted #2e2e2e; padding:0px; margin:10px 0px; cursor:pointer; -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;}
#cart div.scart .middle a.del p{width:16px; height:21px; display:block; position:relative; background-image:url("../Images/Icons/all.png"); background-position:-16px -56px; background-repeat:no-repeat; padding:0px; margin:0px auto 10px auto;}
#cart div.scart .middle a.del:hover{text-decoration:none;}
#cart div.scart .middle a.del:hover p{background-position:0px -56px;}

/* === TOTAl === */
#cart div.scart .bottom{text-align:right; padding:15px 0px 0px 0px; margin:0px;}
#cart div.scart .bottom a.button{float:left; padding:0px 20px; margin:10px 15px 0px 0px;}
#cart div.scart .bottom a.button:hover{background-color:#0860a8;}

#cart div.scart .bottom span{display:inline-block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; vertical-align:middle; padding:3px 15px 5px 15px; margin:0px;}
#cart div.scart .bottom span.one{border-right:1px solid #666; text-align:right;}
#cart div.scart .bottom span.two{border-right:1px solid #666; text-align:center;}
#cart div.scart .bottom span.three{text-align:center;}

#cart div.scart .bottom span strong{display:block; font-family:'BebasNeue'; font-size:24px; color:#0860a8; text-decoration:none; font-style:normal; font-weight:normal; line-height:24px; text-transform:uppercase; text-align:center; padding:0px; margin:0px;}
#cart div.scart .bottom span strong sub{display:inline-block; font-size:14px; vertical-align:middle; padding:0px; margin:0px 0px 0px 2px;}

#cart div.scart .bottom span.one em{font-family:'OpenSansLight'; color:#38a213; text-decoration:none; font-style:normal;}
#cart div.scart .bottom span.one strong{font-family:'OpenSans'; font-size:14px; color:#333; text-decoration:none; line-height:18px; padding:0px; margin:5px 0px 0px 0px;}
#cart div.scart .bottom span.two strong{color:#2e2e2e;}

/* --- DISCOUNT --- */
#cart div.discount{background-color:#FFF; color:#2e2e2e; padding:35px 0px; margin:50px 0px 0px 0px;}
#cart div.discount h6{display:block; float:left; font-family:'BebasNeueLight'; font-size:40px; color:#2e2e2e; text-decoration:none; font-weight:normal; font-style:normal; line-height:38px; padding:0px; margin:0px 30px 0px 0px;}
#cart div.discount small{float:right; margin:9px 0px 0px 15px;}
#cart div.discount small.success{color:#A4D086;}
#cart div.discount small.loading{color:#FFF;}
#cart div.discount input{max-width:200px; display:block; float:left; background-color:#f1f1f1; text-align:center; margin:0px 15px 0px 0px;}

#cart div.discount p{display:block; float:left; font-size:12px; line-height:18px; padding:0px; margin:0px;}
#cart div.discount p strong{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#000; font-weight:normal;}

/* BOTTOM */
section.bottom{display:block; position:relative; background-color:#d9d9d9; font-family:'OpenSans'; font-size:13px; color:#666; text-decoration:none; text-align:center; padding:45px 0px; margin:0px;}

section.bottom div.box{width:25%; float:left; text-align:center; padding:0px; margin:0px;}
section.bottom div.box h5{display:block; font-family:'OpenSansSemiBold'; font-size:13px; color:#28166f; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px; margin:0px;}

section.bottom div.box p{display:block; position:relative; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; padding:0px;}
section.bottom div.box p.icon1{width:48px; height:42px; background-position:-77px -56px; margin:6px auto 15px auto;}
section.bottom div.box p.icon2{width:53px; height:48px; background-position:-210px -52px; margin:0px auto 15px auto;}
section.bottom div.box p.icon3{width:41px; height:46px; background-position:-125px -56px; margin:2px auto 15px auto;}
section.bottom div.box p.icon4{width:44px; height:47px; background-position:-166px -52px; margin:1px auto 15px auto;}

/* FOOTER */
footer{width:100%; display:block; position:relative; background-color:#FFF; font-size:12px; color:#999; text-decoration:none; text-align:center; line-height:16px; padding:70px 0px 0px 0px; margin:0px;}

footer h6{display:block; border-bottom:1px solid #696969; font-family:'OpenSansSemiBold'; font-size:13px; color:#111; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
footer em{color:#666; text-decoration:none; font-style:normal;}
footer strong{color:#FFF; text-decoration:none; font-style:normal;}

/* --- SMALL --- */
footer div.small{width:-moz-calc(20% - 30px); width:-webkit-calc(20% - 30px); width:-o-calc(20% - 30px); width:calc(20% - 30px); float:left; font-family:'OpenSansLight'; font-size:13px; color:#7a7a7a; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; text-align:left; padding:0px 15px; margin:0px 0px 30px 0px;}
footer div.small input{background-color:#e6e6e6; margin:15px 0px;}
footer div.small input.error{background-color:#FCD0C7;}

/* --- MENU --- */
footer div.menu{width:-moz-calc(20% - 30px); width:-webkit-calc(20% - 30px); width:-o-calc(20% - 30px); width:calc(20% - 30px); float:left; text-align:left; padding:0px 15px; margin:0px 0px 30px 0px;}
footer div.menu a{display:block; font-family:'OpenSans'; font-size:13px; color:#7a7a7a; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; padding:0px; margin:0px;}
footer div.menu a:hover{color:#0860a8; text-decoration:none;}
footer div.menu a.active{color:#28166f; text-decoration:none;}

/* --- SOCKET --- */
footer div.socket{background-color:#28166f; text-align:left; padding:30px 0px; margin:40px 0px 0px 0px;}

/* === SOCIAL === */
footer div.socket .social{float:right; padding:0px; margin:0px;}
footer div.socket .social p{display:inline-block; font-family:'OpenSansLight'; font-size:12px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; vertical-align:middle; padding:0px; margin:0px;}

footer div.socket .social a{width:33px; height:33px; display:inline-block; position:relative; background-image:url("../Images/Icons/all.png"); background-repeat:no-repeat; vertical-align:middle; text-indent:-99999px; padding:0px; margin:0px 0px 0px 10px; -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;}
footer div.socket .social a:hover{opacity:0.5;}
footer div.socket .social a.facebook{background-position:0px -23px;}
footer div.socket .social a.linkedin{background-position:-34px -23px;}
footer div.socket .social a.pinterest{background-position:-67px -23px;}
footer div.socket .social a.youtube{background-position:-100px -23px;}
footer div.socket .social a.twitter{background-position:-133px -23px;}
footer div.socket .social a.instagram{background-position:-166px -19px;}

/* === COPYRIGHT === */
footer div.socket .copyright{float:left; font-family:'OpenSansLight'; font-size:12px; color:#CCC; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; line-height:16px; padding:0px; margin:1px 0px;}
footer div.socket .copyright em{color:#999; font-style:normal;}
footer div.socket .copyright strong{color:#FFF; font-weight:normal;}

footer div.socket .copyright aside{display:block; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:11px; padding:0px; margin:0px;}
footer div.socket .copyright aside a{color:#ff9752; text-decoration:none;}
footer div.socket .copyright aside a:hover{text-decoration:underline;}

/* HEADLINE */
section.headline{display:block; position:relative; background-color:#f3f3f3; padding:30px 0px; margin:0px;}

/* --- BREADCRUMBS --- */
section.headline ul{display:block; list-style:none; padding:0px; margin:0px;}
section.headline ul li{display:inline-block; font-family:'OpenSansLight'; font-size:12px; line-height:16px; font-weight:normal; font-style:normal; vertical-align:middle; padding:0px; margin:0;}
section.headline ul li:last-child{color:#0860a8; text-decoration:none;}
section.headline ul li p{width:5px; height:7px; display:inline-block; background-image:url("../Images/Icons/all.png"); background-position:-158px -16px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 5px 0px 7px;}

section.headline ul li a{display:inline-block; color:#666; text-decoration:none;  vertical-align:middle; padding:0px; margin:0px;}
section.headline ul li:first-child a{font-family:'OpenSansSemiBold'; color:#28166f; text-decoration:none; font-weight:normal;}
section.headline ul li a:hover{color:#0860a8; text-decoration:none;}

/* --- HEADLINE --- */
section.headline h2{display:block; font-family:'BebasNeueBold'; font-size:38px; color:#28166f; text-decoration:none; font-weight:normal; font-style:normal; line-height:44px; padding:0px; margin:15px 0px 0px 0px;}
section.headline h2 em{color:#666; font-style:normal;}
section.headline h2 strong{color:#28166f; font-family:'BebasNeueBold'; font-weight:normal;}

/* === BUTTONS === */
section.headline h2 a.btn{float:right; background-color:#0860a8; color:#FFF; text-transform:lowercase; line-height:12px; padding:2px 15px 5px 15px; margin:15px 10px 0px 0px;}
section.headline h2 a.btn:hover{background-color:#28166f;}

section.headline h2 a.button{float:right; text-transform:lowercase; line-height:12px; padding:2px 15px 5px 15px; margin:15px 0px 0px 0px;}

section.headline h2 a.download{float:right; font-family:'OpenSansLight'; font-size:12px; color:#666; text-decoration:none; text-transform:lowercase; line-height:16px; padding:0px 15px 3px 15px; margin:15px 0px 0px 0px;}
section.headline h2 a.download em{width:16px; height:16px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-79px -98px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 5px 0px 0px;}
section.headline h2 a.download strong{font-family:'OpenSansSemiBold'; color:#252525; text-decoration:none; font-weight:normal;}
section.headline h2 a.download:hover{color:#0860a8; text-decoration:none;}

/* --- DISCRIPTION --- */
section.headline article{display:block; position:relative; font-size:14px; color:#666; padding:15px 0px 0px 0px; margin:0px;}
section.headline article em{color:#999;}
section.headline article img{width:auto !important; max-width:100% !important; height:auto !important;}
section.headline article strong{font-family:'OpenSansSemiBold'; color:#000; font-weight:normal;}

/* --- LINK --- */
section.headline a.cat{width:-moz-calc(20% - 22px); width:-webkit-calc(20% - 22px); width:-o-calc(20% - 22px); width:calc(20% - 22px); display:block; float:left; background-color:#FFF; color:#000; text-decoration:none; text-align:center; padding:30px 5px; margin:15px 0px 0px 15px; -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.headline a.cat:nth-of-type(5n + 1){clear:both; margin:15px 0px 0px 0px;}
section.headline a.cat img{display:block; margin:0px auto 15px auto;}

section.headline a.cat:hover{color:#0860a8; text-decoration:none;}

/* PAGE */
section.page{display:block; position:relative; padding:60px 0px; margin:0px;}
section.page em{color:#999;}
section.page strong{color:#2e2e2e;}

/* --- HEADLINES --- */
section.page h3{display:block; font-family:'BebasNeueLight'; font-size:38px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:42px; padding:0px; margin:0px;}
section.page h3 strong{font-family:'BebasNeueBold'; color:#000; font-weight:normal;}

section.page h4{display:block; font-family:'OpenSans'; font-size:20px; color:#222; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:24px; padding:0px; margin:0px 0px 15px 0px;}
section.page h5{display:block; font-family:'OpenSansLight'; font-size:16px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:20px; padding:0px; margin:0px 0px 10px 0px;}
section.page h6{display:block; font-family:'OpenSansLight'; font-size:16px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:20px; padding:0px; margin:0px 0px 15px 0px;}

/* ITEMS */
a.item{width:-moz-calc(20% - 12px); width:-webkit-calc(20% - 12px); width:-o-calc(20% - 12px); width:calc(20% - 12px); display:block; position:relative; float:left; padding:0px; margin:0px 0px 30px 15px;}
a.item:nth-of-type(5n + 1){clear:left; margin:0px 0px 30px 0px;}

a.item img{width:100%; max-width:100%; display:block; padding:0px; margin:0px auto 15px auto;}

/* --- LIST --- */
a.item.list{width:auto; max-width:none; float:none; margin:30px 0px 0px 0px;}
a.item.list div.img{width:245px; position:relative; float:left; padding:0px; margin:0px 25px 0px 0px;}
a.item.list div.info h4{font-size:20px; line-height:24px;}
a.item.list div.descrition{color:#666; margin:0px 0px 20px 0px;}

/* --- PROMOTION --- */
a.item div.promotion{display:block; position:absolute; left:0px; top:15px; background-color:#c30027; font-family:'BebasNeueBold'; font-size:32px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:36px; text-align:center; padding:0px 10px; margin:0px;}
a.item div.promotion sub{display:inline-block; font-size:20px; vertical-align:middle; line-height:32px; margin:0px 0px 0px 2px;}
    
/* --- DELETE --- */
a.item big{display:block; position:absolute; background-color:#0860a8; font-size:12px; color:#FFF; text-decoration:none; line-height:23px; padding:0px 10px 1px 10px; margin:-40px 0px 0px 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; pointer-events:all;}
a.item big:hover{background-color:#28166f;}

/* --- LABELS --- */
a.item div.label{display:block; position:absolute; right:0px; top:15px; padding:0px; margin:0px;}

a.item div.label span{display:block; font-family:'OpenSansLight'; font-size:12px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; line-height:18px; padding:0px 8px 0px 8px; margin:0px 0px 3px 0px;}
a.item div.label span.new{background-color:#3da330;}
a.item div.label span.top{background-color:#6eabff;}
a.item div.label span.promo{background-color:#c30027;}

/* --- INFO --- */
a.item div.info{min-height:35px; padding:0px; margin:0px;}
a.item div.info h4{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#232323; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:18px; 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;}

/* --- PRICES --- */
a.item div.price{min-height:45px; display:block; position:relative; font-family:'OpenSansBold'; font-size:20px; color:#111; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:15px 0px;}
a.item div.price sub{display:inline-block; font-family:'OpenSansSemiBold'; font-size:16px; vertical-align:middle;}

/* === PROMO === */
a.item div.price p{display:block; font-family:'OpenSansLight'; font-size:11px; color:#111;}
a.item div.price p strong{font-family:'OpenSansBold'; font-weight:normal;}

/* --- STATUS --- */
a.item div.status{float:left; font-family:'OpenSansLight'; font-size:11px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:0px;}

a.item div.status em{width:16px; height:16px; display:inline-block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 5px 0px 0px;}
a.item div.status em.warning{background-position:-182px 0px;}
a.item div.status em.available{background-position:-150px 0px;}
a.item div.status em.exhausted{background-position:-166px 0px;}

/* --- REATING --- */
a.item div.reating{float:right; padding:0px; margin:0px;}

a.item div.reating em{width:11px; height:11px; display:inline-block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 0px 0px 2px;}
a.item div.reating em.null{background-position:-252px -11px;}
a.item div.reating em.full{background-position:-252px 0px;}

/* --- HOVER --- */
a.item:hover{text-decoration:none;}
a.item:hover div.info h4{color:#0860a8;}

/* FILTERS */
div.filters{position:relative; background-color:#f3f3f3; padding:0px; margin:0px 0px 15px 0px;}
div.filters strong{display:inline-block; font-family:'OpenSansLight'; font-size:12px; color:#111; text-decoration:none; font-weight:normal; font-style:normal; vertical-align:middle; padding:0px; margin:0px;}
div.filters a.button{display:none; background-color:#2e2e2e; text-align:center;}
div.filters a.button:hover{background-color:#fab607; color:#2e2e2e;}

/* --- SHOW --- */
div.filters .show{position:relative; float:left; line-height:26px; padding:10px; margin:0px;}

div.filters .show a{width:24px; height:24px; display:inline-block; background-color:#FFF; font-family:'OpenSansLight'; font-size:12px; color:#2e2e2e; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; line-height:24px; vertical-align:middle; padding:0px; margin:0px 0px 0px 3px; -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;}
div.filters .show a:hover{background-color:#0860a8; color:#FFF;}
div.filters .show a.select{background-color:#28166f; color:#FFF;}

/* --- ORDER --- */
div.filters .order{min-width:230px; position:relative; float:left; line-height:26px; padding:10px; margin:0px;}

div.filters .order span.slct{max-width:150px; height:26px; display:inline-block; vertical-align:middle; margin:0px 0px 0px 3px; cursor:pointer;}
div.filters .order span.slct select{padding:6px 3px; cursor:pointer;}

/* --- ORDER --- */
div.filters .type{position:relative; float:right; line-height:26px; padding:10px; margin:0px;}

div.filters .type a{width:22px; height:22px; display:inline-block; background-image:url("../Images/Icons/all.png"); background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; padding:0px; margin:0px 0px 0px 5px; -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;}
div.filters .type a:hover{opacity:0.5;}

div.filters .type a.grile{background-position:-204px -102px;}
div.filters .type a.grile.select{background-position:-226px -102px;}

div.filters .type a.list{background-position:-204px -124px;}
div.filters .type a.list.select{background-position:-226px -124px;}

/* PAGINATION */
div.pagination{position:relative; border-top:1px solid #dbdbdb; text-align:center; padding:0px; margin:30px 0px;}
div.pagination a{display:inline-block; position:relative; background-color:transparent; border-top:3px solid rgba(255,255,255,0); font-family:'OpenSans'; font-size:14px; color:#333; text-decoration:none; line-height:18px; font-weight:normal; font-style:normal; vertical-align:middle; padding:13px 10px 5px 10px; margin:-2px 3px 0px 3px; -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;}

div.pagination a.page{padding:13px 10px 5px 10px; margin:-2px 3px 0px 3px;}
div.pagination a.page:hover{border-top:3px solid #0860a8; color:#0860a8; text-decoration:none;}
div.pagination a.current{border-top:3px solid #28166f; color:#28166f; text-decoration:none; padding:13px 10px 5px 10px; margin:-2px 3px 0px 3px;}

div.pagination a.prev,
div.pagination a.next{padding:13px 10px 5px 10px; border:none;}
div.pagination a.prev:hover,
div.pagination a.next:hover{color:#0860a8;}

/* BTN */
.howbtn{width:80px; height:80px; position:fixed; bottom:clamp(15px, 10vw, 30px); right:clamp(15px, 10vw, 30px); background-color:#28166f; color:#FFF; text-decoration:none; text-align:center; line-height:100%; padding:10px; margin:0; border-radius:50%;}
.howbtn svg{display:block; fill:#FFF; padding:0; margin:0 auto 10px auto;}
.howbtn strong{display:block; color:#FFF;}

.howbtn:hover,
.howbtn:hover strong{text-decoration:none;}

/* POPUP */
div.howto{max-width:640px; display:none; padding:clamp(15px, 10vw, 30px); margin:0;}

/* --- INFO --- */
div.howto .info{padding:0 0 clamp(15px, 10vw, 30px) 0;}
div.howto .info h2{display:block; color:#28166f; text-align:center; text-transform:uppercase; margin:0 0 clamp(15px, 10vw, 30px) 0;}
div.howto .info svg{display:block; fill:#28166f; padding:0; margin:0 auto 15px auto;}

div.howto .info ol{list-style:none; counter-reset:list-counter; padding:0; margin:0;}
div.howto .info ol li{position:relative; padding-left:40px; margin:10px 0; counter-increment:list-counter;}
div.howto .info ol li::before{width:25px; height:25px; display:flex; position:absolute; left:0; top:0; content:counter(list-counter); background:#28166f; border-radius:50%; color:#fff; font-weight:bold; align-items:center; justify-content:center;}
div.howto .info ol li strong{display:block; color:#000;}

/* --- FOOTER --- */
div.howto .footer{display:flex;}
div.howto .footer a{width:calc(50% - 31px); display:block; flex:1; background-color:#28166f; color:#FFF; text-decoration:none; padding:15px; margin:0 0 0 2px;}
div.howto .footer a:first-child{margin:0; border-radius:15px 0 0 15px;}
div.howto .footer a:last-child{border-radius:0 15px 15px 0;}
div.howto .footer a svg{float:left; fill:#FFF; padding:0; margin:0 15px 0 0;}
div.howto .footer a strong{display:block; font-size:18px; margin:0 0 10px 0;}
div.howto .footer a:hover{text-decoration:none;}
div.howto .footer a:hover strong{color:#498DC5}

/* TABLE */
table{border:none; border-right:1px solid #CCC; border-top:1px solid #CCC; border-collapse:collapse; padding:0px; margin:0px;}
table tr{background-color:#FFF;}
table tr th{background-color:#525252; border-collapse:collapse; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; padding:5px 10px; margin:0px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
table tr td{border:none; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-collapse:collapse; font-size:14px; color:#666; text-decoration:none; padding:5px 10px; margin:0px;}

table tr:hover{background-color:#D9EBFB;}