html, body{width:100%; height:100%; margin:0; padding:0; font-size:13px; line-height:26px; background:#fff; color:#000; text-align:left;}
*{font-family:'Source Sans Pro', sans-serif; font-weight:400; vertical-align:top; text-decoration:none; outline:none; border:0; background-position:center; background-repeat:no-repeat; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-overflow-scrolling: auto;}

.show_990,.show_750{display:none;}
.section{position:relative; float:left; width:100%; padding:100px 60px; z-index:1;}
.container{position:relative; margin:auto; width:100%;}
.full, .half, .one_third, .two_third, .one_fourth{position:relative; float:left;}
.full{width:100%;}
.half{width:48%;}
.half:last-child{margin-left:4%;}
.one_third{width:30%;}
.one_third ~ .one_third{width:30%; margin-left:5%;}
.one_third + .two_third{width:66%; margin-left:4%;}
.two_third{width:66%;}
.two_third + .one_third{width:30%; margin-left:4%;}
.one_fourth{width:23.5%; margin-left:2%;}
.one_fourth:first-child{margin-left:0;}

h1,h2,h3,h4{font-weight:400; margin:0 0 20px;}
h1{font-size:30px; font-weight:700; margin:-7px 0 30px;}
h2{font-size:30px; line-height:34px;}
h3{font-size:24px; line-height:30px; margin-bottom: 20px;}
h4{font-size:24px; line-height:30px;}

a, a::before, a::after, .linkbtn, input, select, textarea, button, img{transition:0.2s ease-in;}
a{display:inline-block;}
a, a:link, a:visited{color:#000; text-decoration:none; cursor:pointer;}
a:hover, a:active{color:#000; text-decoration:none;}
.linkbtn{position:relative; display:inline-block; padding:0 20px; line-height:36px; margin-top:30px; font-size:14px; color:#000 !important; font-weight:700; font-style:italic; text-transform:uppercase; border:1px solid #000; background:#fff; cursor:pointer;}
.linkbtn:hover{border-color:#ccc; }
.linkbtn.filled{color:#fff !important; background:#000; border-color:#000;}
.linkbtn.filled:hover{background:#fff !important; color:#000 !important; border-color:#000 !important;}

.sure{display:none; position:absolute; top:0; left:0; right:0; height:100%; background:rgba(232, 109, 109, 0.7); z-index:2;}
.sure .text{position:absolute; left:0; top:50%; width:100%; height:16px; margin-top:-8px; font-size:15px; line-height:16px; color:#fff; text-align:center;}
.sure .text span{padding:0 2px; cursor:pointer; color:#fff;}
.sure .text span:hover{text-decoration:underline;}
.sure .text .del{display:inline-block; width:16px; height:16px; margin:-1px 10px 0 0; background:url(/modules/webshop/img/cart/delete.png) no-repeat center / 16px 16px; vertical-align:top;}

p {margin:24px 0 0 0; padding:0;}
p:first-child{margin:0;}
strong{font-weight:700;}
u{text-decoration:underline;}
hr{display:block; width:100%; border:0px; border-bottom:1px solid #ccc; margin:16px 0px;}
ul,ol{margin:0; padding:0; list-style:none;}
ul li, ol li{margin:0; padding:0; list-style:none;}
s{text-decoration:line-through; opacity:1;}
table{width:100%; padding:0;}
table td{padding:0; padding-bottom:16px;}
table td:first-child{padding-right:10px;}
table td:last-child{padding-left:10px;}
table td[colspan="2"] {padding:0; padding-bottom:16px;}

label{position:relative; float:left; width:100%; display:block; margin:0; box-sizing:border-box;}
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="file"], textarea, select, button{background-color:#fff; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}select::-ms-expand{display:none;}
input, textarea, select, button{width:100%; margin:2px 0 6px; padding:12px 18px; font-size:14px; line-height:24px; border:0; border:1px solid #000; box-sizing:border-box;}
input[type="checkbox"], input[type="radio"]{width:auto !important; height:auto !important; margin:7px 7px 0 0 !important; padding:0 !important; vertical-align:top;}
textarea{height:183px; padding-top:7px; padding-bottom:7px; line-height:1.5em;}
select{width:auto; padding:12px 30px 12px 18px; background:url(/img/icons/form/pulldown@2x.png) no-repeat right 18px center / 11px 7px; font-weight:600; cursor:pointer;}
label.radio{padding-left:28px; cursor:pointer;}
label.radio input{position:absolute; z-index:-1; opacity:0; width:auto; height:auto; margin:0;}
label.radio .control{position:absolute; top:1px; left:0; width:18px; height:18px; margin:0; border-radius:2px; border:1px solid #000; transition:0.3s ease;}
label.radio .control::before{position:absolute; content:""; top:50%; left:50%; width:6px; height:6px; margin:-3px 0 0 -3px; background:#000; border-radius:50%; transition:0.3s ease; opacity:0;}
label.radio input:checked ~ .control::before{opacity:1;}
label.radio input:disabled ~ .control{background:#e6e6e6; opacity:0.2; pointer-events:none;}
label.radio:hover input ~ .control::before, label.radio:hover input ~ .control::after{opacity:0.2;}
label.radio.checkbox .control::before{top:3px; width:2px; height:10px; margin:0; background-color:#000; border-radius:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
label.radio.checkbox .control::after{position:absolute; content:""; top:8px; left:3px; width:3px; height:2px; background-color:#000; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:0.3s ease; opacity:0;}
label.radio.checkbox input:checked ~ .control::before, label.radio.checkbox input:checked ~ .control::after{opacity:1;}
label.radio:hover input:checked ~ .control::before, label.radio:hover input:checked ~ .control::after{opacity:0.5;}
input[type="submit"], input[type="button"], button{display:inline-block; width:auto; height:50px; line-height:48px; padding:0 28px; font-family:'Source Sans Pro', sans-serif; font-size:14px; font-weight:700; text-transform:uppercase; border:1px solid #000; margin:20px 0 0; background-color:#000; color:#fff; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="submit"]:hover, input[type="button"]:hover, button:hover{background:#fff; color:#000;}
input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled{background:#aaa; cursor:not-allowed;}
input:required, input:invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#000; text-transform:none;}:-moz-placeholder{color:#000; text-transform:none;}::-moz-placeholder{color:#000; text-transform:none;}:-ms-input-placeholder{color:#000; text-transform:none;}
input.error, textarea.error, select.error{border-color:#e66029 !important;}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus{background-color:#f3f3f3;}

.gradient{position:absolute; left:0; bottom:0; width:100%; height:300px; z-index:2; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000',GradientType=0);}

/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.sure .text .del{background-image:url(/modules/webshop/img/cart/delete@2x.png);}
select{background-image:url(/img/icons/form/pulldown@2x.png);}
}
/*responsive*/
@media screen and (max-width:1500px){
.section{padding:80px 50px;}
h1{font-size:32px; line-height:32px;}
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1100px){
.section{padding:60px 40px;}
}
@media screen and (max-width:990px){
.hide_990{display:none;}
.show_990{display:block;}
.section{padding:50px 40px;}
.half{width:100%; margin:0;}
.half:last-child{margin:40px 0 0 0;}
.linkbtn{padding:0 16px; line-height:34px; margin-top:26px; font-size:13px;}
}
@media screen and (max-width:750px){
html, body{font-size:15px;}
.hide_750{display:none;}
.show_750{display:block;}
.section{padding:40px 0;}
.half:last-child{margin:10px 0 0;}
.one_third, .two_third{width:100%;}
.one_third ~ .one_third, .one_third + .two_third, .two_third + .one_third{width:100%; margin:10px 0 0;}
.one_fourth{width:49%; margin-left:0; margin-bottom:10px;}
.one_fourth:nth-of-type(even){margin-left:2%;}
h1{font-size:28px; line-height:28px; margin-bottom:20px;}
h2{font-size:24px; line-height:28px;}
h3{font-size:22px; line-height:26px;}
h4{font-size:20px; line-height:26px;}
label.radio:hover input:checked ~ .control::before, label.radio:hover input:checked ~ .control::after{opacity:1;}
.gradient{height:60%;}
}
@media screen and (max-width:320px){
.section{padding:30px 0;}
.container{width:88%;}
}