html {-ms-touch-action:manipulation; touch-action:manipulation}
body {font-family:"Roboto","trebuchet ms",arial,sans-serif; color:#202020; font-size:14px; line-height:1.5em; background-color:#ffffff}

@font-face {font-family:"ALSRubl Arial"; src:url("/f/fonts/alsrubl-arial-regular.eot"); src:url("/f/fonts/alsrubl-arial-regular.eot?#iefix") format("embedded-opentype"), url("/f/fonts/alsrubl-arial-regular.woff") format("woff"), url("/f/fonts/alsrubl-arial-regular.ttf") format("truetype"), url("/f/fonts/alsrubl-arial-regular.svg#ALSRublArialRegular") format("svg"); font-weight:normal; font-style:normal}
.rub {font-family:"ALSRubl Arial",arial,sans-serif}

h1, h2, h3, h4, h5, h6 {margin:1.4em 0 0.6em 0; font-family:"Cuprum","trebuchet ms",arial,sans-serif; color:#000000; line-height:1.2em}
h1 {font-size:50px}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {margin-top:0}
a {color:#202020; text-decoration:underline}
a:hover {color:#c6a036}
a:focus,
a:active {color:#000000}
a u {-webkit-transition:border-bottom-color 150ms ease-in-out; -moz-transition:border-bottom-color 150ms ease-in-out; -ms-transition:border-bottom-color 150ms ease-in-out; -o-transition:border-bottom-color 150ms ease-in-out; transition:border-bottom-color 150ms ease-in-out}
select option[disabled] {color:#c0c0c0}

input, select, textarea {font-size:120%; padding:5px 5px; font-weight:normal}
input[type=submit] {color:#e95900}
input[type=submit], input[type=reset], input[type=button], button,
a.button {display:inline-block; zoom:1; *display:inline; font-size:22px; height:47px; line-height:47px; padding:0 23px; text-align:center; text-decoration:none; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; font-weight:bold; font-family:"Cuprum","trebuchet ms",arial,sans-serif; color:#202020; border:0; background-color:#ffe016; outline:none; overflow:visible; cursor:hand; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover,
a.button:hover {background-color:#f9d000}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active,
a.button:active {background-color:#c6a036}
input[disabled] {color:#606060 !important; background-color:#e9e9e9 !important; cursor:not-allowed}

input[type=submit].button-secondary, input[type=reset].button-secondary, input[type=button].button-secondary, button.button-secondary,
a.button-secondary {background-color:#f3f3f3; font-weight:normal}
input[type=submit].button-secondary:hover, input[type=reset].button-secondary:hover, input[type=button].button-secondary:hover, button.button-secondary:hover,
a.button-secondary:hover {background-color:#e9e9e9}
input[type=submit].button-secondary:active, input[type=reset].button-secondary:active, input[type=button].button-secondary:active, button.button-secondary:active,
a.button-secondary:active {background-color:#c0c0c0}

blockquote {font-size:17px; line-height:30px}

.interactive {text-decoration:none !important; border-bottom:1px dotted #000066}
.interactive:hover {border-color:#c6a036; text-decoration:none}
.interactive:active {border-color:#000000}
.highlight {color:#ffffff; background-color:#d35300; padding-left:0.4em; padding-right:0.4em}
.control-highlight {border:2px solid #d35300}
.event-date {font-size:85%}
p.message {background-color:#e0ffe0; color:#009000; padding:0.75em 1em; font-size:120%}
p.message a {color:#009000}
p.error {background-color:#ffe0e0; color:#d00000; padding:0.75em 1em; font-size:120%}
p.error a {color:#d00000}
table.ruler tr.ruled td {background-color:#fbfbfb !important}

.phone-link, .phone-link:hover {text-decoration:none; white-space:nowrap}
.placeholder {color:#a0a0a0 !important}

.widthfixer {position:relative; min-width:320px; max-width:1300px; width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1300?"1300px":(document.documentElement.clientWidth||document.body.clientWidth)<320?"320px":"100%"); margin:0 auto}
.container-fluid {position:relative; padding:0 70px}

ul.store-items {position:relative; margin:0; padding:0; list-style:none}
ul.store-items li {position:relative; float:left; margin:0 0 1.5em 0; padding:0; line-height:1em}
ul.store-items li a {display:block; width:100%; max-width:240px; text-decoration:none}
ul.store-items li a img {display:block; max-width:100%; height:auto; margin-bottom:1em; -webkit-transition:all 150ms ease-in-out; -moz-transition:all 150ms ease-in-out; -ms-transition:all 150ms ease-in-out; -o-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out}
ul.store-items li a span.compare {z-index:1; /*opacity:0; */position:absolute; left:10px; top:10px; width:25px; height:25px; overflow:hidden; white-space:nowrap; text-indent:99999px; background-image:url("/f/i/compare-sprites.png"); background-repeat:no-repeat; background-position:0 0; -webkit-transition:all 150ms ease-in-out; -moz-transition:all 150ms ease-in-out; -ms-transition:all 150ms ease-in-out; -o-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out}
ul.store-items li a span.compare-on {background-position:-25px 0; opacity:1}
ul.store-items li a em {display:block; height:8.5em; font-style:normal}
ul.store-items li a em u {position:relative; display:block; max-height:6em; line-height:1.5em; text-decoration:none; overflow:hidden}
ul.store-items li a em u strong {border-bottom:1px solid transparent; -webkit-transition:border-bottom-color 150ms ease-in-out; -moz-transition:border-bottom-color 150ms ease-in-out; -ms-transition:border-bottom-color 150ms ease-in-out; -o-transition:border-bottom-color 150ms ease-in-out; transition:border-bottom-color 150ms ease-in-out}
ul.store-items li a em u span {color:#9c8046}
ul.store-items li a em u::after {content:""; position:absolute; right:0; bottom:0; z-index:3; height:1.5em; width:4.5em; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}
ul.store-items li a em span.button-price {display:block; position:relative; width:100%}
ul.store-items li a em .price {display:block; float:left; text-align:left; padding-top:0.5em; margin-right:0.5em; font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:107%; line-height:1.5em; white-space:nowrap}
ul.store-items li a em .price s {position:absolute; margin-left:1.5em; text-decoration:none; color:#909090}
ul.store-items li a em .price s::after {content:''; position:absolute; display:block; width:100%; height:1px; top:50%; left:0; width:100%; background-color:rgba(255,0,0,0.7); -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -o-transform:rotate(-20deg); transform:rotate(-20deg)}
ul.store-items li a em .price .unit {color:#a0a0a0; font-size:90%}
ul.store-items li a em .instock {position:absolute; display:block; left:0; top:2.75em; font-size:13px; color:#00a606; font-weight:bold}
ul.store-items li a em form.cart {float:right; /*visibility:hidden; opacity:0;*/ -webkit-transition:all 150ms ease-in-out; -moz-transition:all 150ms ease-in-out; -ms-transition:all 150ms ease-in-out; -o-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out}
ul.store-items li a:hover em form.cart {visibility:visible; opacity:1}
ul.store-items li a ol {display:none}
ul.store-items li a:hover {color:#202020}
ul.store-items li a:hover span.compare {opacity:1}
ul.store-items li a:hover u strong {border-color:#b0b0b0}
ul.store-items li a:hover img {opacity:0.8}
ul.store-items li a::before,
ul.store-items li a::after {content:""; display:table}
ul.store-items li a::after {clear:both}
ul.store-items::before,
ul.store-items::after {content:""; display:table}
ul.store-items::after {clear:both}

ul.store-items.store-items-table {margin:0 0 2em 0}
ul.store-items.store-items-table li {position:relative; width:100%; float:none; margin:0 0 3em 0}
ul.store-items.store-items-table li a {max-width:none}
ul.store-items.store-items-table li a img {float:left; width:200px; margin:0 30px 0 0}
ul.store-items.store-items-table li a em {overflow:hidden; height:auto}
ul.store-items.store-items-table li a em u {max-height:auto; font-size:150%; white-space:nowrap}
ul.store-items.store-items-table li a em u strong {font-weight:normal}
ul.store-items.store-items-table li a em span.button-price {display:block; float:right; width:auto}
ul.store-items.store-items-table li a em .instock {position:static; margin-bottom:1em}
ul.store-items.store-items-table li a em .price {float:none; margin-bottom:0.5em}
ul.store-items.store-items-table li a em form.cart {float:none}

ul.store-items.store-items-table li a ol {font-size:90%; position:relative; display:inline-block; width:420px; max-height:6em; overflow:hidden; margin:15px 0 0 0; padding:0; color:#606060; list-style:none; *zoom:1; *display:inline}
ul.store-items.store-items-table li a ol li {display:block; margin-bottom:0.75em; background:url("/f/i/dots.gif") transparent 50% 0.9em repeat-x}
ul.store-items.store-items-table li a ol li strong {position:relative; display:block; width:50%; height:1.2em; float:left; font-weight:normal; overflow:hidden; white-space:nowrap}
ul.store-items.store-items-table li a ol li strong i {padding-right:0.5em; font-style:normal; background-color:#ffffff}
ul.store-items.store-items-table li a ol li span {position:relative; display:block; width:50%; height:1.2em; padding-left:0.5em; background-color:#ffffff; overflow:hidden; white-space:nowrap}
ul.store-items.store-items-table li a ol li strong i::after,
ul.store-items.store-items-table li a ol li span::after {content:""; position:absolute; right:0; bottom:0; z-index:3; height:1.5em; width:2.5em; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}
ul.store-items.store-items-table li a ol::after {z-index:2; content:""; position:absolute; top:6em; left:0; width:100%; height:1em; margin-top:-1em; background-image:-webkit-linear-gradient(bottom, #ffffff, rgba(255,255,255,0)); background-image:-moz-linear-gradient(bottom, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(bottom, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(bottom, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(bottom, #ffffff, rgba(255,255,255,0)); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
ul.store-items.store-items-table li a:hover ol {color:#000000}
ul.store-items.store-items-table li::before,
ul.store-items.store-items-table li::after {content:""; display:table}
ul.store-items.store-items-table li::after {clear:both}

ul.store-folders {position:relative; margin:0; padding:0; list-style:none}
ul.store-folders li {display:block; float:left; margin-top:2em; text-align:center}
ul.store-folders li a {position:relative; display:inline-block; text-align:center; color:#ffffff; text-decoration:none}
ul.store-folders li a img {position:relative; z-index:5; display:block; max-width:100%; height:auto}
ul.store-folders li a u {position:absolute; top:0; left:0; z-index:6; display:block; width:100%; height:100%; padding:1.6em 1.7em; text-decoration:none}
ul.store-folders li a u::before {content:''; position:absolute; z-index:6; left:0; top:0; width:100%; height:100%; -moz-transition:all 2s cubic-bezier(0.18,0.89,0.32,1.28); -webkit-transition:all 2s cubic-bezier(0.18,0.89,0.32,1.28); transition:all 2s cubic-bezier(0.18,0.89,0.32,1.28); opacity:0; background-color:rgba(0,0,0,0.7)}
ul.store-folders li a u span {position:relative; z-index:10; display:block; width:100%; height:100%; padding:5px}
ul.store-folders li a u span::after {content:""; display:inline-block; height:100%; vertical-align:middle}
ul.store-folders li a u span::before {content:''; position:absolute; z-index:-1; left:50%; top:50%; width:0; height:0; border:1px solid transparent; -moz-transition:all .3s cubic-bezier(0.18,0.89,0.32,1.28); -webkit-transition:all .3s cubic-bezier(0.18,0.89,0.32,1.28); transition:all .3s cubic-bezier(0.18,0.89,0.32,1.28); opacity:0}	
ul.store-folders li a:hover u span::before {left:0; top:0; margin-top:0; margin-left:0; width:100%; height:100%; border-radius:0; opacity:1; border:5px solid #ffe016}
ul.store-folders li a:hover u::before {opacity:1}
ul.store-folders li a u span strong {display:inline-block; font-size:157%; line-height:1.3em; vertical-align:middle; text-shadow:0 1px 3px #000000}
ul.store-folders::before,
ul.store-folders::after {content:""; display:table}
ul.store-folders::after {clear:both}

.text-container p, .text-container ul, .text-container ol {margin:0.2em 0 1.3em 0; line-height:1.5em}
.text-container ul ul, .text-container ul li, .text-container ol ol, .text-container ol li, .text-container ul ol, .text-container ol ul {margin-bottom:0.5em}

.mobile-slide-menu {position:absolute; top:0; left:-290px; width:290px; height:200px; -webkit-transition:left 0.5s ease-in-out; -moz-transition:left 0.5s ease-in-out; -ms-transition:left 0.5s ease-in-out; -o-transition:left 0.5s ease-in-out; transition:left 0.5s ease-in-out}

.mobile-slide-menu .search {position:relative; width:100%; padding:10px 60px 10px 20px; background-color:#ffe016}
.mobile-slide-menu .search form {position:relative; width:210px; height:40px}
.mobile-slide-menu .search form .query {position:relative; z-index:1; width:210px; height:40px; padding:0 45px 0 22px; font-size:107%; line-height:40px; color:#202020; background-color:#ffffff; outline-style:none; border:0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px}
.mobile-slide-menu .search form .go {position:absolute; display:block; z-index:2; top:9px; right:17px; padding:0; width:22px; height:22px; background:url("/f/i/sprites-mobile.png") transparent -74px 0 no-repeat; border:0; outline-style:none; text-indent:-9999px; cursor:pointer; cursor:hand; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.mobile-slide-menu .search .mobile-slide-menu-close {position:absolute; top:14px; right:14px; display:block; width:32px; height:32px}
.mobile-slide-menu .search .mobile-slide-menu-close i {position:relative; top:7px; left:5px; display:block; width:22px; height:18px; background:url("/f/i/sprites-mobile.png") transparent -22px 0 no-repeat}

.mobile-slide-menu nav {position:relative; width:100%}
.mobile-slide-menu nav ul {margin:0; padding:0; list-style:none}
.mobile-slide-menu nav ul li {margin:0; padding:0}
.mobile-slide-menu nav ul li a,
.mobile-slide-menu nav ul li span {position:relative; display:block; width:100%; height:60px; padding:0 20px; font-family:"Cuprum","trebuchet ms",arial,sans-serif; color:#000000; font-size:157%; line-height:59px; text-decoration:none; border-bottom:1px solid #e6e6e6; overflow:hidden}
.mobile-slide-menu nav ul li a:hover,
.mobile-slide-menu nav ul li a:active {background-color:#e6e6e6}
.mobile-slide-menu nav ul li a::after,
.mobile-slide-menu nav ul li span::after {content:""; position:absolute; top:0; right:20px; display:block; width:1.5em; height:59px; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}
.mobile-slide-menu nav ul li a:hover::after,
.mobile-slide-menu nav ul li a:active::after {background-image:-moz-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:-webkit-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:-o-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:-ms-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:linear-gradient(right, #e6e6e6, rgba(230,230,230,0))}

.mobile-slide-menu nav .profile a {position:relative; display:block; width:100%; height:60px; padding:0 20px 0 42px; color:#000000; font-size:107%; line-height:59px; text-decoration:none; border-bottom:1px solid #e6e6e6; white-space:nowrap}
.mobile-slide-menu nav .profile a u {text-decoration:none}
.mobile-slide-menu nav .profile a i {position:absolute; display:block; left:20px; top:21px; width:14px; height:14px; background:url("/f/i/sprites.png") transparent -600px -14px no-repeat}
.mobile-slide-menu nav .profile a:hover,
.mobile-slide-menu nav .profile a:active {background-color:#e6e6e6}
.mobile-slide-menu nav .profile a::after {content:""; position:absolute; top:0; right:20px; display:block; width:1.5em; height:59px; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}
.mobile-slide-menu nav .profile a:hover::after,
.mobile-slide-menu nav .profile a:active::after {background-image:-moz-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:-webkit-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:-o-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:-ms-linear-gradient(right, #e6e6e6, rgba(230,230,230,0)); background-image:linear-gradient(right, #e6e6e6, rgba(230,230,230,0))}

.header-store .profile {padding-top:10px; margin-bottom:15px}
.header-store .profile a {position:relative; display:inline-block; margin:0 2em 0 0; padding:0 0 0 22px; color:#202020; font-style:normal; text-decoration:none; white-space:nowrap}
.header-store .profile a u {text-decoration:none; border-bottom:1px solid #d0d0d0}
.header-store .profile a:hover u {border-color:#e3c983; color:#c6a036}
.header-store .profile a i {position:absolute; display:block; left:0; top:50%; margin-top:-7px; width:14px; height:14px; background:url("/f/i/sprites.png") transparent -600px -14px no-repeat}
.header-store .profile a.user {width:100%; overflow:hidden}
.header-store .profile a.user::after {content:""; position:absolute; right:0; top:0; bottom:0; width:2em; z-index:1; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}

.mobile-slide-menu .phone-link {display:block; width:100%; height:60px; padding:0 20px; font-family:"Cuprum","trebuchet ms",arial,sans-serif; color:#806f0c; font-size:200%; line-height:59px; font-weight:bold; border-bottom:1px solid #e6e6e6}
.mobile-slide-menu .phone-link:hover,
.mobile-slide-menu .phone-link:active {background-color:#e6e6e6}

.mobile-slide-content {position:relative; left:0px; -webkit-transition:left 0.5s ease-in-out; -moz-transition:left 0.5s ease-in-out; -ms-transition:left 0.5s ease-in-out; -o-transition:left 0.5s ease-in-out; transition:left 0.5s ease-in-out}
.mobile-slide-content::before {content:""; position:absolute; top:0; left:0; z-index:99999; display:block; width:0; height:100%; opacity:0; background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 100%); background-image:-moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 100%); background-image:-o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 100%); background-image:-ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 100%); background-image:linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 100%); -webkit-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out}

header {position:relative; z-index:10; padding-bottom:0.1em; background-color:#ffffff}
header .row {z-index:5; min-height:140px}
header .logo {padding-top:30px}
header .logo img {max-width:100%; height:auto}
header .phone {padding-top:10px}
header .phone .social {margin-bottom:15px}
header .phone .social a {display:inline-block; -webkit-filter:grayscale(100%); filter:grayscale(100%); vertical-align:middle; width:15px; height:15px; margin:5px 15px 5px 0; text-indent:-9999px; background:url("/f/i/sprites.png") transparent 0 0 no-repeat; overflow:hidden}
header .phone .social a.fb {background-position:-466px -15px; opacity:0.6}
header .phone .social a.tw {background-position:-556px -15px; opacity:0.8}
header .phone .social a.gp {width:18px; background-position:-510px -15px; opacity:0.7}
header .phone .social a:hover {-webkit-filter:none; filter:none; opacity:1}
header .phone .phone-link {display:inline-block; margin-bottom:0.1em; font-family:"Cuprum","trebuchet ms",arial,sans-serif; color:#202020; font-size:190%; line-height:1em}
header .phone .callback {color:#c6a036; line-height:1.5em; text-decoration:none; border-bottom:1px solid #e6d6a9}
header .phone .callback:hover {color:#202020; border-color:#b0b0b0}
header .header-store {background-color:#ffffff}

.header-store .profile {padding-top:10px; margin-bottom:15px}
.header-store .profile a {position:relative; display:inline-block; margin:0 2em 0 0; padding:0 0 0 22px; color:#202020; font-style:normal; text-decoration:none; white-space:nowrap}
.header-store .profile a u {text-decoration:none; border-bottom:1px solid #d0d0d0}
.header-store .profile a:hover u {border-color:#e3c983; color:#c6a036}
.header-store .profile a i {position:absolute; display:block; left:0; top:50%; margin-top:-7px; width:14px; height:14px; background:url("/f/i/sprites.png") transparent -600px -14px no-repeat}
.header-store .profile a.user {width:100%; overflow:hidden}
.header-store .profile a.user::after {content:""; position:absolute; right:0; top:0; bottom:0; width:2em; z-index:1; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}

.header-store .cart a {position:relative; display:inline-block; min-height:47px; padding:5px 0 0 66px; color:#202020; font-style:normal; text-decoration:none; white-space:nowrap}
.header-store .cart a em {position:absolute; top:0; left:0; display:block; width:45px; height:45px; text-align:center; background:url("/f/i/sprites.png") transparent -135px 0 no-repeat}
.header-store .cart a em ins {position:relative; top:22px; display:inline-block; height:14px; padding:0 7px; color:#ffffff; font-size:11px; line-height:14px; font-weight:normal; font-style:normal; text-decoration:none; background-color:rgba(0,0,0,0.5); -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; zoom:1; *display:inline}
.header-store .cart a big {display:block; margin-bottom:0.15em; font-size:136%; line-height:1em; font-weight:bold; border-bottom:1px solid #d0d0d0}
.header-store .cart a small {font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:107%; line-height:1.5em}
.header-store .cart a:hover big {border-color:#e3c983; color:#c6a036}
.header-store .cart a.empty em ins {display:none}

.header-store .compare {position:absolute; top:3.7em; left:-60%; visibility:visible; opacity:1; -webkit-transition:all 100ms ease-in-out; -moz-transition:all 100ms ease-in-out; -ms-transition:all 100ms ease-in-out; -o-transition:all 100ms ease-in-out; transition:all 100ms ease-in-out}
.header-store .compare a {position:relative; display:inline-block; margin:0 2em 0 0; padding:0 0 0 32px; color:#202020; font-style:normal; text-decoration:none; white-space:nowrap}
.header-store .compare a u {text-decoration:none; border-bottom:1px solid #d0d0d0}
.header-store .compare a i {position:absolute; display:block; left:0; top:50%; margin-top:-13px; width:25px; height:25px; background:url("/f/i/compare-sprites.png") transparent 0 0 no-repeat}
.header-store .compare a sup {margin-left:0.5em; font-size:80%}
.header-store .compare a:hover u {border-color:#e3c983; color:#c6a036}
.header-store .compare.empty {visibility:hidden; opacity:0; top:0}
.header-store .compare.empty a sup {display:none}

header .language {position:absolute; top:5px; left:90px}
header .language a {position:relative; display:inline-block; padding:0 0 0 21px; font-size:93%; line-height:16px; text-decoration:none}
header .language a u {text-decoration:none; border-bottom:1px solid #d0d0d0}
header .language a i {position:absolute; display:block; left:0; top:50%; margin-top:-7px; width:14px; height:14px; background:url("/f/i/sprites.png") transparent -421px -15px no-repeat}
header .language a:hover u {border-color:#e3c983; color:#c6a036}

.search form .query {color:#202020; background-color:#ffffff; outline-style:none; border:2px solid transparent !important; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; -webkit-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out}
.search form .query:focus {border-color:#c6a036 !important}
.search form .query-active {border-color:#c6a036 !important; -webkit-border-radius:22px 22px 0 0 !important; -moz-border-radius:22px 22px 0 0 !important; border-radius:22px 22px 0 0 !important}

.mobile-nav {position:relative; height:60px; background-color:#ffe016}
.mobile-nav nav {position:relative; width:100%; height:60px} 
.mobile-nav nav .mobile-slide-menu-open {position:relative; top:14px; left:-5px; display:block; width:32px; height:32px}
.mobile-nav nav .mobile-slide-menu-open i {position:relative; top:7px; left:5px; display:block; width:22px; height:18px; background:url("/f/i/sprites-mobile.png") transparent 0 0 no-repeat}
.mobile-nav nav .logo {position:absolute; top:4px; left:50%; width:0; height:48px; -webkit-transition:top 0.5s ease-in-out, left 0.5s ease-in-out; -moz-transition:top 0.5s ease-in-out, left 0.5s ease-in-out; -ms-transition:top 0.5s ease-in-out, left 0.5s ease-in-out; -o-transition:top 0.5s ease-in-out, left 0.5s ease-in-out; transition:top 0.5s ease-in-out, left 0.5s ease-in-out}
.mobile-nav nav .logo a,
.mobile-nav nav .logo span {position:relative; left:-76px; display:block; width:152px; height:48px; text-decoration:none; -webkit-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; transition:width 0.5s ease-in-out, height 0.5s ease-in-out}
.mobile-nav nav .logo a img,
.mobile-nav nav .logo span img {width:152px; height:auto; -webkit-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, height 0.5s ease-in-out; transition:width 0.5s ease-in-out, height 0.5s ease-in-out}
.mobile-nav nav .compare {position:absolute; top:12px; right:94px; display:block; width:35px; height:35px; padding:3px; border:2px solid #c6a036; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px}
.mobile-nav nav .compare a {position:relative; display:block; width:25px; height:25px; text-decoration:none}
.mobile-nav nav .compare a i {position:absolute; display:block; top:0; left:0; width:25px; height:25px; background:url("/f/i/compare-sprites.png") transparent 0 0 no-repeat}
.mobile-nav nav .compare a u {display:none}
.mobile-nav nav .compare sup {position:absolute; right:-18px; top:-13px; display:block; width:16px; height:16px; margin-left:0.5em; font-size:10px; line-height:16px; text-align:center; background-color:#ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}
.mobile-nav nav .compare.empty {visibility:hidden; opacity:0}
.mobile-nav nav .compare.empty a sup {display:none}
.mobile-nav nav .search {position:absolute; top:7px; right:47px; z-index:10; display:block; width:32px; height:45px}
.mobile-nav nav .search form {position:relative; left:0; width:32px; height:45px; -webkit-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; transition:width 0.5s ease-in-out, left 0.5s ease-in-out}
.mobile-nav nav .search form .query {position:relative; z-index:1; width:0px; height:45px; padding:0; font-size:129%; line-height:45px; color:#202020; background-color:#ffffff; outline-style:none; border:0; opacity:0; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; -webkit-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out; transition:width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out}
.mobile-nav nav .search form .go {position:absolute; display:block; z-index:2; top:11px; right:17px; padding:0; width:0px; height:24px; background:url("/f/i/sprites.png") transparent -371px -11px no-repeat; border:0; opacity:0; outline-style:none; text-indent:-9999px; cursor:pointer; cursor:hand; -webkit-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out}
.mobile-nav nav .search form .search-expand {position:absolute; top:6px; right:0; display:block; width:32px; height:32px; overflow:hidden; cursor:hand; cursor:pointer; -webkit-transition:right 0.5s ease-in-out; -moz-transition:right 0.5s ease-in-out; -ms-transition:right 0.5s ease-in-out; -o-transition:right 0.5s ease-in-out; transition:right 0.5s ease-in-out}
.mobile-nav nav .search form .search-expand i {position:relative; top:2px; left:3px; display:block; width:27px; height:28px; background:url("/f/i/sprites-mobile.png") transparent 0 -18px no-repeat; -webkit-transition:background-position 0.5s ease-in-out; -moz-transition:background-position 0.5s ease-in-out; -ms-transition:background-position 0.5s ease-in-out; -o-transition:background-position 0.5s ease-in-out; transition:background-position 0.5s ease-in-out}
.mobile-nav nav .search.expand form {position:absolute; top:0; left:-232px; width:232px}
.mobile-nav nav .search.expand form .query {width:232px; padding:0 45px 0 22px; opacity:1}
.mobile-nav nav .search.expand form .go {width:24px; opacity:1}
.mobile-nav nav .search.expand form .search-expand {right:-32px}
.mobile-nav nav .search.expand form .search-expand i {background-position:-27px -18px}
.mobile-nav nav .cart {position:absolute; top:14px; right:0}
.mobile-nav nav .cart a {position:relative; display:block; width:32px; height:32px}
.mobile-nav nav .cart a em {position:relative; display:block; width:32px; height:32px; text-align:center; background:url("/f/i/sprites-mobile.png") transparent -96px 0 no-repeat}
.mobile-nav nav .cart a em ins {position:relative; top:12px; display:inline-block; height:12px; padding:0 6px; color:#ffffff; font-size:10px; line-height:12px; font-weight:normal; font-style:normal; text-decoration:none; background-color:rgba(0,0,0,0.5); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; zoom:1; *display:inline}
.mobile-nav nav .cart a big,
.mobile-nav nav .cart a small,
.mobile-nav nav .cart a.empty em ins {display:none}

.nav-main {position:relative; height:77px; background-color:#ffe016}
.nav-main nav {position:relative; height:inherit; float:left; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out}
.nav-main nav ul {position:relative; display:block; height:inherit; margin:0; margin-left:-2em; padding:0; list-style:none}
.nav-main nav ul li {position:relative; float:left; margin-left:2em}
.nav-main nav ul li a,
.nav-main nav ul li span {position:relative; z-index:5; display:block; height:inherit; font-family:"Cuprum","trebuchet ms",arial,sans-serif; color:#202020; font-size:200%; line-height:77px; text-decoration:none; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out}
.nav-main nav ul li a::after,
.nav-main nav ul li span::after {content:""; position:absolute; opacity:0; bottom:0; left:50%; z-index:6; display:block; width:0; height:5px; background-color:#202020; -webkit-transition:all 150ms ease-in-out; -moz-transition:all 150ms ease-in-out; -ms-transition:all 150ms ease-in-out; -o-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out}
.nav-main nav ul li a:hover::after,
.nav-main nav ul li span::after,
.nav-main nav ul li.active a::after {left:0; width:100%; opacity:1}
.nav-main nav ul::before,
.nav-main nav ul::after {content:""; display:table}
.nav-main nav ul::after {clear:both}
.nav-main .search {position:relative; height:77px; float:right; padding-top:16px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.nav-main .search form {position:relative; left:0; width:250px; height:45px; -webkit-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, left 0.5s ease-in-out; transition:width 0.5s ease-in-out, left 0.5s ease-in-out}
.nav-main .search form .query {position:relative; z-index:1; width:250px; height:45px; padding:0 45px 0 22px; font-size:129%; line-height:45px}
.nav-main .search form .go {position:absolute; display:block; z-index:2; top:11px; right:17px; padding:0; width:24px; height:24px; background:url("/f/i/sprites.png") transparent -371px -11px no-repeat; border:0; opacity:1; outline-style:none; text-indent:-9999px; cursor:pointer; cursor:hand; -webkit-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out; transition:width 0.5s ease-in-out, opacity 0.5s ease-in-out}
.nav-main .search form .search-expand {position:absolute; top:0; right:0; display:block; width:0px; height:45px; opacity:0; overflow:hidden; cursor:hand; cursor:pointer; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; -webkit-transition:right 0.5s ease-in-out, width 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition:right 0.5s ease-in-out, width 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition:right 0.5s ease-in-out, width 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition:right 0.5s ease-in-out, width 0.5s ease-in-out, opacity 0.5s ease-in-out; transition:right 0.5s ease-in-out, width 0.5s ease-in-out, opacity 0.5s ease-in-out}
.nav-main .search form .search-expand i {position:relative; top:8px; left:9px; display:block; width:27px; height:28px; background:url("/f/i/sprites-mobile.png") transparent 0 -18px no-repeat; -webkit-transition:background-position 0.5s ease-in-out; -moz-transition:background-position 0.5s ease-in-out; -ms-transition:background-position 0.5s ease-in-out; -o-transition:background-position 0.5s ease-in-out; transition:background-position 0.5s ease-in-out}
.nav-main .container-fluid::before,
.nav-main .container-fluid::after {content:""; display:table}
.nav-main .container-fluid::after {clear:both}

.nav-main .logo {position:absolute; left:70px; top:10px; padding:0; opacity:0; visibility:hidden; width:60px; -webkit-transition:all 200ms ease-in-out, opacity 100ms ease-in-out; -moz-transition:all 200ms ease-in-out, opacity 100ms ease-in-out; -ms-transition:all 200ms ease-in-out, opacity 100ms ease-in-out; -o-transition:all 200ms ease-in-out, opacity 100ms ease-in-out; transition:all 200ms ease-in-out, opacity 100ms ease-in-out}
.nav-main .logo a {display:block}
.nav-main .logo img {display:block; max-width:100%; height:auto}
.nav-main div.feedback {display:none}
.nav-main.nav-main-fixed {position:fixed !important; left:0; top:0; width:100%; z-index:99; height:65px; -webkit-box-shadow:0 0 20px rgba(198,160,54,0.4); -moz-box-shadow:0 0 20px rgba(198,160,54,0.4); box-shadow:0 0 20px rgba(198,160,54,0.4)}
.nav-main.nav-main-fixed .widthfixer {z-index:2}
.nav-main.nav-main-fixed .logo {opacity:1; width:150px; top:6px; height:auto; visibility:visible}
.nav-main.nav-main-fixed nav {display:none}
.nav-main.nav-main-fixed div.feedback {position:relative; height:65px; width:180px; display:block; position:relative; float:left; margin-left:180px}
.nav-main.nav-main-fixed div.feedback ul {position:absolute; left:0; top:0; list-style:none; margin:0; padding:0 0 15px 0}
.nav-main.nav-main-fixed div.feedback ul li {display:none; opacity:0; visibility:hidden; height:auto; line-height:1.3em}
.nav-main.nav-main-fixed div.feedback ul li a {display:block; position:relative; padding:5px 20px; text-decoration:none; -webkit-transition:background 150ms ease-in-out; -moz-transition:background 150ms ease-in-out; -ms-transition:background 150ms ease-in-out; -o-transition:background 150ms ease-in-out; transition:background 150ms ease-in-out}
.nav-main.nav-main-fixed div.feedback ul li a u {text-decoration:none; border-bottom:1px solid #e3c983}
.nav-main.nav-main-fixed div.feedback ul:hover {background-color:#000000}
.nav-main.nav-main-fixed div.feedback ul:hover li {display:block; opacity:1; visibility:visible}
.nav-main.nav-main-fixed div.feedback ul:hover li.trigger a {color:#c6a036; background-color:#000000 !important}
.nav-main.nav-main-fixed div.feedback ul:hover li.trigger a u {border-color:transparent}
.nav-main.nav-main-fixed div.feedback ul:hover li a {color:#ffffff}
.nav-main.nav-main-fixed div.feedback ul:hover li a u {border-color:#404040}
.nav-main.nav-main-fixed div.feedback ul:hover li a:hover u {border-color:transparent}
.nav-main.nav-main-fixed div.feedback ul li a:hover {color:#ffffff; background-color:#c6a036; text-decoration:none; }
.nav-main.nav-main-fixed div.feedback ul li.trigger {height:65px; line-height:65px; display:block; opacity:1; visibility:visible; font-weight:bold}
.nav-main.nav-main-fixed div.feedback ul li.trigger a {padding:0 40px 0 20px}
.nav-main.nav-main-fixed div.feedback ul li.trigger a i {display:block; position:absolute; right:20px; top:50%; margin-top:-2px; width:0; height:0; border-style:solid; border-width:4px; border-color:#000000 transparent transparent transparent}
.nav-main.nav-main-fixed div.feedback ul:hover li.trigger a i {margin-top:-7px; border-color:transparent transparent #c6a036 transparent}
.nav-main.nav-main-fixed .search {position:relative; float:right; padding-top:0; height:65px; top:9px; margin-left:50px}
.nav-main.nav-main-fixed .header-store {position:relative; float:right; top:8px}

.nav-main.nav-main-fixed .header-store .cart {left:0; top:8px}
.nav-main.nav-main-fixed .cart a big {border-color:#e3c983}
.nav-main.nav-main-fixed .cart a:hover big {border-color:#e0c680}
.nav-main.nav-main-fixed .header-store .profile {display:none}
.nav-main.nav-main-fixed .header-store .compare {top:6px; left:-85px; padding:3px; border:2px solid #c6a036; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px}
.nav-main.nav-main-fixed .header-store .compare a {margin:0; padding:0; width:25px; height:25px; display:block}
.nav-main.nav-main-fixed .header-store .compare u {display:none}
.nav-main.nav-main-fixed .header-store .compare sup {position:absolute; right:-18px; top:-13px; display:block; font-size:10px; margin-left:0.5em; width:16px; height:16px; line-height:16px; text-align:center; background-color:#ffffff; border-radius:8px}

.top-mobile-contacts-container {display:none; padding:1.2em 0 1em 0; background-color:#f9f9f9}
.top-mobile-contacts .phone {float:left}
.top-mobile-contacts .phone .phone-link {position:relative; padding-left:35px; color:#232020; font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:179%; line-height:1.4em; font-weight:bold}
.top-mobile-contacts .phone .phone-link::before {content:""; position:absolute; top:3px; left:0; display:block; width:20px; height:20px; background:url("/f/i/sprites-mobile.png") transparent -54px 0 no-repeat}
.top-mobile-contacts .email {float:right}
.top-mobile-contacts .email a {color:#232020; font-size:114%; line-height:2.2em; text-align:right}
.top-mobile-contacts .email a:hover {color:#c6a036}
.top-mobile-contacts .email a:active {color:#000000}
.top-mobile-contacts::before,
.top-mobile-contacts::after {content:""; display:table}
.top-mobile-contacts::after {clear:both}

.promo-container {position:relative; margin-bottom:3.4em}
.promo-container .promo {position:relative; z-index:5}
.promo-container .promo ul {margin:0; padding:0; list-style:none}
.promo-container .promo ul li {display:block; background-color:#f0f0f0}
.promo-container .promo ul li .wrapper {height:700px; padding-top:100px; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
.promo-container .promo ul li .wrapper .info-container {display:block; width:70%; height:490px; margin:0 auto; padding:4.8em 3em 1.2em 3em; text-align:center; border:10px solid #ffe016} 
.promo-container .promo ul li .wrapper .info-container big {font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:600%; font-weight:bold; line-height:0.9em}
.promo-container .promo ul li .wrapper .info-container i {display:block; width:40%; height:1px; margin:2em auto; background-color:#a0a0a0}
.promo-container .promo ul li .wrapper .info-container strong {display:block; margin-bottom:2.5em; color:#606060; font-size:143%; line-height:1.5em}
.promo-container .promo ul li .wrapper .info-container a {text-decoration:none}
.promo-container .promo ul li .wrapper .info-container a u {font-size:143%; line-height:1.3em; font-weight:bold; text-decoration:none; border-bottom:1px solid #202020}
.promo-container .promo ul li .wrapper .info-container a:hover {color:#202020}
.promo-container .go-down {position:absolute; bottom:55px; left:50%; z-index:6; width:0; height:0}
.promo-container .go-down a {position:relative; left:-23px; top:-23px; display:block; width:45px; height:45px}
.promo-container .go-down a i {display:block; position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-16px; width:36px; height:32px; background:url("/f/i/sprites.png") transparent -229px -8px no-repeat}
.promo-container .go-down a i {-webkit-animation:powpow 0.8s infinite linear; animation:powpow 0.8s infinite linear}
@-webkit-keyframes powpow {0% {-webkit-transform:translateY(0)} 20%,80% {-webkit-transform:translateY(-7px)} 30%,70% {-webkit-transform:translateY(-9px)} 40%,60% {-webkit-transform:translateY(-10px)} 100% {-webkit-transform:translateY(0)}}
@keyframes powpow {0% {transform:translateY(0)} 20%,80% {transform:translateY(-7px)} 30%,70% {transform:translateY(-9px)} 40%,60% {transform:translateY(-10px)} 100% {transform:translateY(0)}}

.home-content {position:relative; z-index:6; top:3em}
.home-content h1 {text-align:center}
.home-content .text-container {position:relative; width:70%; margin:0 auto; text-align:center; color:#636363; font-size:107%; line-height:1.5em}
.home-content ul.store-folders {z-index:6; margin-left:-2%}
.home-content ul.store-folders li {width:31.33%; margin-left:2%}

.app-area {position:relative; z-index:5; padding:5.3em 0 3.4em 0; background-color:#ffe016}
.app-area .text-container {font-size:107%; line-height:1.5em; -webkit-column-count:2; -moz-column-count:2; column-count:2; -moz-column-gap:4em; -webkit-column-gap:4em; column-gap:4em; -moz-column-rule: 1px solid #c3a906; -webkit-column-rule: 1px solid #c3a906; column-rule: 1px solid #c3a906}

section {position:relative; padding:4em 0}

section .wide h1 {text-align:center}
section .wide ul.store-folders {margin-left:-2%}
section .wide ul.store-folders li {width:31.33%; margin-left:2%}

section aside {position:relative}
section aside nav ul {margin:0; padding:0; font-size:107%; line-height:1.3em; list-style:none}
section aside nav ul li {margin-bottom:0.2em}
section aside nav ul li a,
section aside nav ul li span {position:relative; display:block; text-decoration:none; padding:0.6em 0.7em 0.5em 0.7em; -webkit-transition:opacity 100ms ease-in-out; -moz-transition:background-color 100ms ease-in-out; -ms-transition:background-color 100ms ease-in-out; -o-transition:background-color 100ms ease-in-out; transition:background-color 100ms ease-in-out}
/*section aside nav ul li a::after,
section aside nav ul li span::after {content:""; position:absolute; top:0; right:-5px; display:block; width:5px; height:100%; background:url("/f/i/triangle.png") transparent right center no-repeat; background-size:100% 100%; opacity:0; -webkit-transition:opacity 100ms ease-in-out; -moz-transition:opacity 100ms ease-in-out; -ms-transition:opacity 100ms ease-in-out; -o-transition:opacity 100ms ease-in-out; transition:opacity 100ms ease-in-out}
*/
section aside nav ul li a:hover,
section aside nav ul li.active a,
section aside nav ul li.active span {color:#202020; background-color:#ffe016; text-decoration:none}
section aside nav ul li a:hover::after,
section aside nav ul li.active a::after,
section aside nav ul li.active span::after {opacity:1}

section article {position:relative; min-height:15em}
section article h1 {line-height:1em}
section article ol.breadcrumbs {position:relative; top:-2em; display:block; padding:0; margin:0 0 2em 0; list-style:none; color:#9f9f9f; font-size:86%; line-height:1.5em}
section article ol.breadcrumbs li {margin:0 0.5em 0 0; padding:0; display:inline-block; zoom:1; *display:inline}
section article ol.breadcrumbs li a {display:inline-block; zoom:1; *display:inline; margin-right:0.4em; color:#a0a0a0}
section article ol.breadcrumbs li a:hover {color:#202020}
section article ol.breadcrumbs li i {display:inline-block; margin:0 0.75em; font-style:normal}

section article .mobile-profile-submenu {position:relative; top:-1em; display:block; width:100%; margin-bottom:1em}
section article .mobile-profile-submenu ul {margin:0; padding:0; list-style:none; text-align:left}
section article .mobile-profile-submenu ul li {display:inline-block; margin-right:1em}
section article .mobile-profile-submenu ul li a,
section article .mobile-profile-submenu ul li span {display:block; padding:0.6em 0.7em 0.5em 0.7em; text-decoration:none; background-color:#f9f9f9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:background-color 0.3s ease-in-out; -moz-transition:background-color 0.3s ease-in-out; -ms-transition:background-color 0.3s ease-in-out; -o-transition:background-color 0.3s ease-in-out; transition:background-color 0.3s ease-in-out}
section article .mobile-profile-submenu ul li a:hover,
section article .mobile-profile-submenu ul li.active a,
section article .mobile-profile-submenu ul li.active span {color:#202020; background-color:#ffe016; text-decoration:none}

section article ul.store-items {margin-left:-2%}
section article ul.store-items li {width:31.33%; margin-left:2%}

section article .store-item-details .photos {position:relative; float:left; width:48%; margin-right:5%}
section article .store-item-details .photos .cover img {position:relative; z-index:5; max-width:100%; height:auto}
section article .store-item-details .photos .cover a:hover {opacity:0.85}
section article .store-item-details .photos ul {margin:1em 0; padding:0; list-style:none}
section article .store-item-details .photos ul li {display:inline-block; margin:0 5px 5px 0}
section article .store-item-details .photos ul li a {display:block; text-decoration:none; border:2px solid rgba(255,223,22,0); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
section article .store-item-details .photos ul li a:hover,
section article .store-item-details .photos ul li.active a {border-color:rgba(255,223,22,1)}
section article .store-item-details .photos ul li a:hover img,
section article .store-item-details .photos ul li.active a img {opacity:0.9}
section article .store-item-details .side-info {position:relative; float:left; width:42%}
section article .store-item-details .side-info .header {margin:0.5em 0 2em 0; font-size:86%; line-height:1em}
section article .store-item-details .side-info .header div.rating {margin:-1em 0 1em 0}
section article .store-item-details .side-info .header div.rating::before,
section article .store-item-details .side-info .header div.rating::after {content:""; display:table}
section article .store-item-details .side-info .header div.rating::after {clear:both}
section article .store-item-details .side-info .header div.rating form {float:left; width:125px; margin-right:15px; unicode-bidi:bidi-override; direction:rtl; font-size:0}
section article .store-item-details .side-info .header div.rating form.busy {opacity:0.3}
section article .store-item-details .side-info .header div.rating form input {display:none}
section article .store-item-details .side-info .header div.rating form label {unicode-bidi:normal; direction:ltr; display:inline-block; width:25px; height:25px; font-size:20px; color:#d0d0d0; -webkit-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; transition:all .1s; cursor:hand; cursor:pointer; *display:inline; *zoom:1}
section article .store-item-details .side-info .header div.rating form input:checked ~ label:before {content:"\2605"; color:#ffe016; -webkit-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; transition:all .1s}
section article .store-item-details .side-info .header div.rating form label:hover {color:#909090; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
section article .store-item-details .side-info .header div.rating form label:before {content:"\2605"}
section article .store-item-details .side-info .header div.rating div.stock {float:right; color:#00a606}
section article .store-item-details .side-info .header div.rating div.stock strong {display:block; position:relative}
section article .store-item-details .side-info .header div.rating div.stock strong::before {content:'\2713'; display:inline-block; margin-right:0.5em; font-size:120%}
section article .store-item-details .side-info .header div.rating div.stock strong.outofstock {color:#a0a0a0; padding-left:0}
section article .store-item-details .side-info .header div.rating div.stock strong.outofstock::before {display:none}
section article .store-item-details .side-info .header .art-code {float:left; color:#a0a0a0}
section article .store-item-details .side-info .header .compare {float:right}
section article .store-item-details .side-info .header .compare a {position:relative; display:inline-block; *zoom:1; *display:inline; padding-left:32px; text-decoration:none}
section article .store-item-details .side-info .header .compare a:hover {text-decoration:underline}
section article .store-item-details .side-info .header .compare a::before {content:''; position:absolute; width:25px; height:25px; left:0; top:50%; margin-top:-12px; background-image:url("/f/i/compare-sprites.png"); background-repeat:no-repeat; background-position:0 0; -webkit-transition:all 150ms ease-in-out; -moz-transition:all 150ms ease-in-out; -ms-transition:all 150ms ease-in-out; -o-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out}
section article .store-item-details .side-info .header a.compare-on::before {background-position:-25px 0}
section article .store-item-details .side-info .header::before,
section article .store-item-details .side-info .header::after {content:""; display:table}
section article .store-item-details .side-info .header::after {clear:both}
section article .store-item-details .side-info .cart {display:block; margin-bottom:4em}
section article .store-item-details .side-info .cart .price {display:block; margin:0 0 0.6em 0; font-family:"Cuprum","trebuchet ms",arial,sans-serif; color:#000000; font-size:269%; line-height:1.5em}
section article .store-item-details .side-info .cart .price strong {font-weight:normal}
section article .store-item-details .side-info .cart .price strong.old {position:relative; color:#909090; font-size:25px}
section article .store-item-details .side-info .cart .price strong.old::after {content:''; position:absolute; display:block; width:100%; height:1px; top:50%; left:0;  width:100%; background-color:rgba(255,0,0,0.7); -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -o-transform:rotate(-20deg); transform:rotate(-20deg)}
section article .store-item-details .side-info .cart .price em {display:block; font-size:13px; line-height:13px; margin:0; font-style:normal; font-family:"Roboto","trebuchet ms",arial,sans-serif; color:#202020}
section article .store-item-details .side-info .cart .price small {font-family:"Roboto","trebuchet ms",arial,sans-serif; font-size:45%; white-space:nowrap}
section article .store-item-details .side-info .cart .price small span.unit {}
section article .store-item-details .side-info .cart div.controls {position:relative; display:inline-block; width:120px; margin-right:10px; height:50px; line-height:50px; vertical-align:top; margin-bottom:5px}
section article .store-item-details .side-info .cart div.controls input {position:relative; z-index:4; width:100%; min-width:110px; height:50px; padding:0 43px 0 7px; text-align:center; line-height:50px; font-size:190%; border:2px solid #ffe016; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px}
section article .store-item-details .side-info .cart div.controls input:focus {border-color:#c6a036; outline:none}
section article .store-item-details .side-info .cart div.controls span.control {position:absolute; right:7px; z-index:5; display:block; width:35px; height:25px; line-height:25px; background:url("/f/i/cart-sprites.png") transparent 0 0 no-repeat; overflow:hidden; text-indent:9999px; cursor:pointer; cursor:hand; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
section article .store-item-details .side-info .cart div.controls span.plus {top:0; background-position:0 0; border-bottom:1px solid #e3e3e3}
section article .store-item-details .side-info .cart div.controls span.minus {bottom:0; background-position:0 -25px}
section article .store-item-details .side-info .cart div.controls span.plus:hover,
section article .store-item-details .side-info .cart div.controls span.minus:hover {z-index:6}
section article .store-item-details .side-info .cart div.controls span.plus:active,
section article .store-item-details .side-info .cart div.controls span.minus:active {z-index:6}
section article .store-item-details .side-info .cart div.controls span.plus:hover {background-position:-35px 0}
section article .store-item-details .side-info .cart div.controls span.minus:hover {background-position:-35px -25px}
section article .store-item-details .side-info .cart div.controls span.plus:active {background-position:-70px 0}
section article .store-item-details .side-info .cart div.controls span.minus:active {background-position:-70px -25px}
section article .store-item-details .side-info .cart div.controls span.plus.disabled,
section article .store-item-details .side-info .cart div.controls span.minus.disabled {cursor:not-allowed}
section article .store-item-details .side-info .cart div.controls span.plus.disabled {background-position:-105px 0}
section article .store-item-details .side-info .cart div.controls span.minus.disabled {background-position:-105px -25px}
section article .store-item-details .side-info .cart div.unit-selector {position:relative; display:inline-block; margin-right:10px; height:50px; line-height:50px; vertical-align:top; margin-bottom:5px; font-size:120%; *zoom:1; *display:inline}
section article .store-item-details .side-info .cart div.unit-selector .select {display:inline-block; position:relative; z-index:99; margin:-0.5em 0 0 -10px; width:auto; vertical-align:middle; line-height:1em; *zoom:1; *display:inline}
section article .store-item-details .side-info .cart div.unit-selector .select select {display:none}
section article .store-item-details .side-info .cart div.unit-selector .select .active-option {background-color:#ffffff; color:#000000; padding:9px 15px; width:100%; display:block; cursor:hand; cursor:pointer; -webkit-transition:all 0.2s 0s ease-in-out; -moz-transition:all 0.2s 0s ease-in-out; -ms-transition:all 0.2s 0s ease-in-out; -o-transition:all 0.2s 0s ease-in-out; transition:all 0.2s 0s ease-in-out}
section article .store-item-details .side-info .cart div.unit-selector .select .active-option u {text-decoration:none; border-bottom:1px dashed #909090}
section article .store-item-details .side-info .cart div.unit-selector .select .active-option:before {content:""; width:0; height:0; border-right:4px solid transparent; border-left:4px solid transparent; border-top:4px solid #000000; position:absolute; right:0; top:50%; margin-top:-2px}
section article .store-item-details .side-info .cart div.unit-selector .select .active-option:hover {}
section article .store-item-details .side-info .cart div.unit-selector .option-list {position:absolute; top:0; left:0; min-width:100%; width:auto; background-color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 3px 12px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 12px rgba(0,0,0,0.3); box-shadow:0 3px 12px rgba(0,0,0,0.3); color:#000000; margin:0; padding:0; list-style:none; overflow-y:auto; overflow-x:hidden; visibility:hidden; opacity:0; filter:alpha(opacity=0)}
section article .store-item-details .side-info .cart div.unit-selector .option-list li {width:auto; padding:9px 15px; cursor:hand; cursor:pointer; -webkit-box-shadow:inset 0 1px 0  0px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 1px 0  0px rgba(0,0,0,0.05); box-shadow:inset 0 1px 0  0px rgba(0,0,0,0.05)}
section article .store-item-details .side-info .cart div.unit-selector .option-list li:first-child {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
section article .store-item-details .side-info .cart div.unit-selector .select .option-list li {}
section article .store-item-details .side-info .cart div.unit-selector .select .option-list li:hover {background-color:#ffe016;}
section article .store-item-details .side-info .cart div.unit-selector .select .option-list.show {-webkit-transition:opacity 0.2s 0s ease-in-out; -moz-transition:opacity 0.2s 0s ease-in-out; -ms-transition:opacity 0.2s 0s ease-in-out; -o-transition:opacity 0.2s 0s ease-in-out; transition:opacity 0.2s 0s ease-in-out; opacity:1; filter:alpha(opacity=100); visibility:visible}
section article .store-item-details .side-info .cart button {line-height:50px; height:50px; margin-bottom:5px; vertical-align:top; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px}
/*
section article .store-item-details .side-info .cart .unit {display:block}
section article .store-item-details .side-info .cart .unit span {display:inline-block; width:120px; padding:0 43px 0 7px; text-align:center; font-size:95%; line-height:1.5em}
*/
section article .store-item-details .content {width:100%; padding-top:2em; color:#000000; overflow:hidden}
section article .store-item-details .content h4 {margin:0.7em 0 0.3em 0; font-size:185%; line-height:1.2em}
section article .store-item-details .content::before,
section article .store-item-details .content::after {content:""; display:table; clear:both}
section article .store-item-details ol.attr {width:100%; margin:0 0 4em 0; padding:0; list-style:none}
section article .store-item-details ol.attr li {display:block; margin-bottom:10px; background:url("/f/i/dots.gif") transparent 50% 1.1em repeat-x}
section article .store-item-details ol.attr li strong {display:block; width:50%; height:1.6em; float:left; font-weight:normal; white-space:nowrap}
section article .store-item-details ol.attr li strong i {padding-right:0.5em; font-style:normal; background-color:#ffffff}
section article .store-item-details ol.attr li span {position:relative; z-index:10; display:block; width:50%; padding-left:0.5em; background-color:#ffffff; overflow:hidden}
section article .store-item-details ol.attr li::before,
section article .store-item-details ol.attr li::after {content:""; display:table}
section article .store-item-details ol.attr li::after {clear:both}
section article .store-item-details ol.files {margin:3em 0 0 0; padding:2em 0 0 0; border-top:1px solid #cfcfcf}
section article .store-item-details::before,
section article .store-item-details::after {content:""; display:table}
section article .store-item-details::after {clear:both}

section article ol.files {width:100%; margin:2em 0 0 0; padding:0; list-style:none}
section article ol.files li {margin-bottom:1em}
section article ol.files li a {position:relative; display:inline-block; min-height:46px; padding:0 0 0 58px; text-decoration:none}
section article ol.files li a i {position:absolute; top:0; left:0; display:block; width:35px; height:45px; padding-top:10px; text-align:center; line-height:35px; font-style:normal; background:url("/f/i/sprites.png") transparent -185px 0 no-repeat; color:#000000}
section article ol.files li a u {text-decoration:none}
section article ol.files li a em {color:#9c8046; font-style:normal}

section article .contacts-data {width:100%; margin:0 0 1em 0; padding:0; list-style:none}
section article .contacts-data.second {margin-top:3em}
section article .contacts-data li {display:block; margin-bottom:10px; background:url("/f/i/dots.gif") transparent 50% 1.1em repeat-x}
section article .contacts-data li strong {display:block; width:30%; height:1.6em; float:left; font-weight:normal; white-space:nowrap}
section article .contacts-data li strong i {padding-right:0.5em; font-style:normal; background-color:#ffffff}
section article .contacts-data li strong i b {font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:129%}
section article .contacts-data li span {display:block; width:70%; padding-left:0.5em; background-color:#ffffff; overflow:hidden}
section article .contacts-data li span em {font-style:normal}
section article .contacts-data li.main {background-image:none}
section article .contacts-data li.main strong {width:100%}
section article .contacts-data li.main span {display:none}
section article .contacts-data li::before,
section article .contacts-data li::after {content:""; display:table}
section article .contacts-data li::after {clear:both}

section article .store-items-controls {position:relative; font-size:90%; margin:0 0 2em 0}
section article .store-items-controls ul {margin:0 0 1em 0; padding:0; list-style:none}
section article .store-items-controls ul li {display:block; display:inline-block; *zoom:1; *display:inline; margin:0 0 0 0.1em; line-height:1em}
section article .store-items-controls ul li a {position:relative; display:inline-block; *zoom:1; *display:inline; padding:5px; color:#404040; text-decoration:none}
section article .store-items-controls ul li a u {border-bottom:1px solid #e0e0e0; text-decoration:none}
section article .store-items-controls ul li.active {margin:0 0.5em 0 1em}
section article .store-items-controls ul li.active span,
section article .store-items-controls ul li.active a {padding:5px 8px; color:#000000; font-weight:bold; background-color:#e9e9e9}
section article .store-items-controls ul li.active u {text-decoration:none; border-color:transparent}
section article .store-items-controls ul.sort {float:left}
section article .store-items-controls ul.sort li.active a {padding-right:22px}
section article .store-items-controls ul.sort li.active a:hover {color:#c6a036}
section article .store-items-controls ul.sort li.active a i {position:absolute; top:50%; right:0; margin-top:-11px; display:block; width:22px; height:22px; background:url("/f/i/sprites.png") transparent 0 0 no-repeat}
section article .store-items-controls ul.sort li.active a.desc i {background-position:-630px 0}
section article .store-items-controls ul.sort li.active a.desc:hover i {background-position:-630px -22px}
section article .store-items-controls ul.sort li.active a.asc i {background-position:-652px 0}
section article .store-items-controls ul.sort li.active a.asc:hover i {background-position:-652px -22px}
section article .store-items-controls ul.view {float:right}
section article .store-items-controls::before,
section article .store-items-controls::after {content:""; display:table}
section article .store-items-controls::after {clear:both}

section article .geo-text .after-store-note {margin-bottom:2.5em; font-size:86%; line-height:1.5em; font-style:italic}
section article .geo-text blockquote {margin:1.5em 0; padding:0.5em 1em 0.6em 1.2em; font-size:114%; line-height:1.4em; font-style:italic; border-left:5px solid #e9e9e9}

section article iframe {height:400px}

footer {background-color:#e9e9e9}
footer .callback {min-height:250px; padding:40px 0 30px 0; text-align:center; background-color:#f9f9f9}
footer .callback h3 {margin-bottom:40px; font-size:200%}
footer .callback form {display:inline-block}
footer .callback form span {display:block; height:60px; float:left; margin:0 11px}
footer .callback form span.desc {padding-top:7px; text-align:left; color:#5f5f5f; font-size:107%; line-height:1.5em}
footer .callback form span.arrow {line-height:60px}
footer .callback form span.arrow i {display:inline-block; width:45px; height:14px; background:url("/f/i/sprites.png") transparent -270px -16px no-repeat}
footer .callback form span.phone {position:relative}
footer .callback form span.phone::before {content:"+7"; position:absolute; z-index:10; top:18px; left:63px; display:block; height:24px; color:#202020; font-size:171%; line-height:24px}
footer .callback form span.phone i {position:absolute; top:16px; left:26px; z-index:6; display:block; width:20px; height:28px; background:url("/f/i/sprites.png") transparent -329px -8px no-repeat}
footer .callback form span.phone input {position:relative; z-index:5; width:315px; height:60px; padding:0 29px 0 95px; font-size:170%; line-height:58px; border:1px solid #ffe016; outline:none; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px}
footer .callback form span.phone input:-moz-placeholder,
footer .callback form span.phone input::-webkit-input-placeholder {color:#d0d0d0}
footer .callback form span.phone input:focus {border-color:#c6a036; -webkit-box-shadow:inset 0 0 0 1px #c6a036; -moz-box-shadow:inset 0 0 0 1px #c6a036; box-shadow:inset 0 0 0 1px #c6a036}
footer .callback form span.submit input {height:60px; padding:0 50px; font-size:27px; line-height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px}
footer .callback form::before,
footer .callback form::after {content:""; display:table}
footer .callback form::after {clear:both}
footer .contacts {min-height:280px; padding:60px 0 35px 0}
footer .contacts ul {margin:0; padding:0; list-style:none}
footer .contacts ul li {position:relative; display:block; width:33.33%; float:left; padding-left:68px; overflow:hidden; -webkit-transition:width 0.3s, padding-left 0.3s; -moz-transition:width 0.3s, padding-left 0.3s; -ms-transition:width 0.3s, padding-left 0.3s; -o-transition:width 0.3s, padding-left 0.3s; transition:width 0.3s, padding-left 0.3s}
footer .contacts ul li i {position:absolute; top:9px; left:0; display:block; width:45px; height:45px; background:url("/f/i/sprites.png") transparent 0 0 no-repeat; opacity:1; -webkit-transition:left 0.3s, opacity 0.3s; -moz-transition:left 0.3s, opacity 0.3s; -ms-transition:left 0.3s, opacity 0.3s; -o-transition:left 0.3s, opacity 0.3s; transition:left 0.3s, opacity 0.3s}
footer .contacts ul li span {position:relative; display:block; min-height:65px; padding:9px 19px; border-left:1px solid #bcbcbc}
footer .contacts ul li span big {display:block; margin-bottom:5px; font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:143%; font-weight:bold}
footer .contacts ul li.email i {background-position:0 0}
footer .contacts ul li.map i {background-position:-45px 0}
footer .contacts ul li.timetable i {background-position:-90px 0}
footer .contacts ul::before,
footer .contacts ul::after {content:""; display:table}
footer .contacts ul::after {clear:both}
footer .footer {padding-top:75px; font-size:93%; line-height:1.5em; text-align:center}
footer .footer .links {display:inline-block; *zoom:1; *display:inline; margin-right:5em}
footer .footer .mediaproduct {display:inline-block; *zoom:1; *display:inline}
footer .footer .mediaproduct span {display:block; padding-bottom:0.5em}
footer .footer .mediaproduct a.nc {color:#202020; text-decoration:none; cursor:text}
footer .footer .mediaproduct a.nc:hover {color:#202020}
footer .footer::before,
footer .footer::after {content:""; display:table}
footer .footer::after {clear:both}

footer .mobile-contacts {display:none; padding:1.2em 0 1em 0}
footer .mobile-contacts .phone {float:left}
footer .mobile-contacts .phone .phone-link {color:#232020; font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:143%; line-height:1.4em; font-weight:bold}
footer .mobile-contacts .address {float:right; color:#232020; line-height:2em; text-align:right}
footer .mobile-contacts::before,
footer .mobile-contacts::after {content:""; display:table}
footer .mobile-contacts::after {clear:both}

#pager {margin:1em 0 3em 0; padding-top:1.5em; border-top:1px solid #b9bcc9; line-height:1em}
#pager a {text-decoration:none}
#pager a:hover {text-decoration:underline}
#pager .pager-controls {float:left; padding-right:2em}
#pager .pager-controls .controls {float:left; margin-top:0.25em; margin-right:3em; font-size:150%}
#pager .pager-controls .controls span {font-size:65%}
#pager .pager-controls .controls div {display:inline-block; zoom:1; *display:inline}
#pager .pager-controls .controls .unactive {color:#c0c0c0}
#pager .pager-controls .controls .prev {margin-right:1.2em}
#pager .pager-controls .controls .next {}
#pager .pager-controls .controls::before,
#pager .pager-controls .controls::after {content:""; display:table}
#pager .pager-controls .controls::after {clear:both}
#pager .pager-controls .pages {float:left}
#pager .pager-controls .pages ul {margin:0; padding:0; list-style:none}
#pager .pager-controls .pages ul li {float:left; padding:0; margin:0 0.1em}
#pager .pager-controls .pages ul li a {display:block; padding:0.4em 0.5em}
#pager .pager-controls .pages ul li strong {display:block; background-color:#ffe016; color:#000000; margin:0 0.3em; padding:0.4em 0.5em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal}
#pager .pager-controls .pages ul li em {display:block; padding:0.4em 0; font-style:normal}
#pager .pager-controls .pages ul::before,
#pager .pager-controls .pages ul::after {content:""; display:table}
#pager .pager-controls .pages ul::after {clear:both}
#pager .size {float:right}
#pager .size ul {margin:0; padding:0; list-style:none}
#pager .size ul li {float:left; padding:0; margin:0 0.1em}
#pager .size ul li a {display:block; padding:0.4em 0.5em}
#pager .size ul li strong {display:block; background-color:#ffe016; color:#000000; margin:0 0.3em; padding:0.4em 0.5em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal}
#pager .size ul::before,
#pager .size ul::after {content:""; display:table}
#pager .size ul::after {clear:both}
#pager::before,
#pager::after {content:""; display:table}
#pager::after {clear:both}

.userform {margin:1em 0}
.userform select {height:45px; line-height:45px}
.userform td {vertical-align:top; padding:5px 10px 5px 0}
.userform .comment {font-size:85%; color:#909090; line-height:1.4em; display:block}
.userform td.value,
.userform th {padding:10px 10px 3px 0; font-size:130%; font-weight:normal}
.userform td.value {font-weight:bold}
.userform #choose_delivering {font-size:115%; margin:1em 0; padding:0; list-style-type:none; list-style-image:none}
.userform #choose_delivering li {margin:1em 0; font-weight:bold}
.userform #choose_delivering li span {font-size:75%; color:#808080; font-weight:normal}
.userform #choose_delivering li input {display:block; float:left; margin-right:10px}
.userform #choose_delivering li label {display:block; overflow:hidden; cursor:hand; cursor:pointer}
.userform tr.no-cell th {color:#e00000}
.userform tr.no-cell td input {border:2px solid #e00000}
.userform label {position:relative; cursor:hand; cursor:pointer; font-weight:normal}
.userform label span.error-tooltip {display:none; padding-top:10px}
.userform label span.error-tooltip span {display:inline-block; zoom:1; *display:inline; position:relative; zoom:1; *display:inline; background-color:#cc0000; color:#ffffff; padding:0.5em 1em}
.userform label span.error-tooltip span::after {content:''; position:absolute; left:1em; top:-10px; border:5px solid transparent; border-bottom:5px solid #cc0000; border-left:5px solid #cc0000}
.userform .row {display:table; width:100%; margin:0 0 0.5em 0; padding:0}
.userform .row-submit {margin-top:1.25em}
.userform .row .title {display:table-cell; width:35%; font-size:130%; padding:5px 2% 5px 0; vertical-align:top}
.userform .row .value {display:table-cell; width:65%; vertical-align:middle}
.userform .row .value input[type=text],
.userform .row .value input[type=password],
.userform .row .value select,
.userform .row .value textarea {width:100%}

form.pricelist {display:flex; gap:1em; flex-wrap:wrap}

table.store-items {margin:2em 0; border-collapse:collapse; width:100%; border-spacing:0; border-width:0; border:0}
table.store-items th {color:#606060 !important; background-color:#ffffff; border-bottom:2px solid #d9d9d9; padding:10px 15px 15px 15px; font-size:100%; font-weight:bold; white-space:nowrap}
table.store-items th.num {width:1%}
table.store-items th.name {width:68%}
table.store-items th.price {width:8%; text-align:right}
table.store-items th.quantity {width:15%; text-align:center}
table.store-items th.sum {width:8%; text-align:right}
table.store-items td {vertical-align:middle; padding:15px; border-bottom:1px solid #d9d9d9}
table.store-items .num {text-align:right; color:#a0a0a0}
table.store-items td.name {width:50%}
table.store-items td.name a.link {text-decoration:none}
table.store-items td.name a.link,
table.store-items td.name span.link {display:table; position:relative; width:100%}
table.store-items td.name .link span.photo {display:table-cell; width:20%; text-align:center; vertical-align:middle}
table.store-items td.name .link span.photo img {display:block; margin-right:15px; width:100px; height:auto; max-width:none}
table.store-items td.name .link span.name {display:table-cell; width:80%; vertical-align:middle}
table.store-items td.name .link span.name strong {font-size:130%; line-height:1.4em; font-weight:normal}
table.store-items td.name .link span.name strong u {text-decoration:none; color:#000000}
table.store-items td.name span.link span.name strong u {border:none}
table.store-items td.name a.link:hover span.name strong u {color:#c6a036; text-decoration:underline}
table.store-items td.name a.link:hover span.name strong u small {color:#e90089}
table.store-items tr.canceled td,
table.store-items tr.canceled td a {color:#a39080}                                   
table.store-items tr.new td {background-color:#f0f9fc; color:#000000; border-color:#c0d0f0}
table.store-items tr.new td a {color:#000000}
table.store-items tr.new td a:hover {color:#002990}
table.store-items tr.updated td {background-color:#fffbf0}
table.store-items tr.zero td {background-color:#f0f9fc; color:#4ca4d6; border-color:#c0d0f0}
table.store-items tr.zero td a {color:#a0a0a0}
table.store-items tr.zero td .name,
table.store-items tr.zero td a {text-decoration:line-through !important}
table.store-items td.price {text-align:right; font-size:120%; font-family:"Cuprum","trebuchet ms",arial,sans-serif; white-space:nowrap}
table.store-items td.unit {text-align:center}
table.store-items td.quantity {text-align:center; font-weight:bold}
table.store-items .price-single {text-align:right; font-weight:normal}
table.store-items .price s,
table.store-items .price-single s {text-align:right; font-weight:normal; text-decoration:none; margin-right:0.5em}
table.store-items td.sum {font-size:120%; font-weight:bold; text-align:right; color:#c00000; font-family:"Cuprum","trebuchet ms",arial,sans-serif}
table.store-items td.sum strong {font-weight:normal}
table.store-items td.sum .discount {display:block; line-height:1em; color:#a0a0a0; font-size:75%; margin-top:0.25em; margin-bottom:-1.25em; font-weight:normal}
table.store-items td.sum .discount:before {content:'– '}
table.store-items a.cart-button {text-decoration:none}
table.store-items td.cart {text-align:right !important; white-space:nowrap; vertical-align:middle; white-space:nowrap}
table.store-items .quantity {text-align:center !important; white-space:nowrap}
table.store-items .quantity input {text-align:center !important; width:2.5em !important; vertical-align:middle; height:40px; line-height:22px; padding:0.2em 0.2em; font-size:22px; border:1px solid #d9d9e6}
table.store-items .quantity input.busy {background:url("/f/i/progress.gif")}
table.store-items .quantity input.bad-quantity {color:#ffffff; background-color:#c00000}
table.store-items .quantity div.controls {position:relative}
table.store-items .quantity div.controls input {position:relative; z-index:4; width:100%; min-width:120px; height:50px; padding:0 43px 0 7px; text-align:center; line-height:50px; font-size:190%; border:2px solid #ffe016; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px}
table.store-items .quantity div.controls input:focus {border-color:#c6a036; outline:none}
table.store-items .quantity div.controls span.control {position:absolute; right:7px; z-index:5; display:block; width:35px; height:25px; line-height:25px; background:url("/f/i/cart-sprites.png") transparent 0 0 no-repeat; overflow:hidden; text-indent:9999px; cursor:pointer; cursor:hand; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
table.store-items .quantity div.controls span.plus {top:0; background-position:0 0; border-bottom:1px solid #e3e3e3}
table.store-items .quantity div.controls span.minus {bottom:0; background-position:0 -25px}
table.store-items .quantity div.controls span.plus:hover,
table.store-items .quantity div.controls span.minus:hover {z-index:6}
table.store-items .quantity div.controls span.plus:active,
table.store-items .quantity div.controls span.minus:active {z-index:6}
table.store-items .quantity div.controls span.plus:hover {background-position:-35px 0}
table.store-items .quantity div.controls span.minus:hover {background-position:-35px -25px}
table.store-items .quantity div.controls span.plus:active {background-position:-70px 0}
table.store-items .quantity div.controls span.minus:active {background-position:-70px -25px}
table.store-items .quantity div.controls span.plus.disabled,
table.store-items .quantity div.controls span.minus.disabled {cursor:not-allowed}
table.store-items .quantity div.controls span.plus.disabled {background-position:-105px 0}
table.store-items .quantity div.controls span.minus.disabled {background-position:-105px -25px}
table.store-items .delete {text-align:right; padding-left:2em}
table.store-items .delete a {text-decoration:none; font-size:30px; color:#707096; overflow:hidden; text-indent:9999px; vertical-align:middle; display:inline-block; *display:inline; zoom:1; width:35px; height:25px; line-height:25px; background-image:url("/f/i/cart-sprites.png"); background-position:0 -50px; cursor:pointer; cursor:hand; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
table.store-items .delete a:hover {color:#e00000; background-position:-35px -50px}
table.store-items .delete a:active {color:#000000; background-position:-70px -50px}

.compare-items {position:relative}
.compare-items .controls a {font-weight:normal; font-size:90%; text-decoration:none; display:inline-block; line-height:1em; white-space:nowrap; padding:0.5em 0.6em; margin-bottom:0.5em; *zoom:1; *display:inline}
.compare-items .controls a.active {background-color:#ffe016}
.compare-items table {table-layout:fixed; width:auto; *margin-left:-280px}
.compare-items table td,
.compare-items table th {padding:8px 0; vertical-align:top; border-top:1px solid #e9e9e9; color:#000000; padding-right:10px}
.compare-items table th {position:absolute; *position:relative; left:0; width:280px; padding-right:40px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; background:-webkit-gradient(linear, left top, right top, color-stop(80%,#ffffff), color-stop(100%,rgba(255,255,255,0))); background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0), #ffffff 40px); background:-moz-linear-gradient(right, rgba(255, 255, 255, 0), #ffffff 40px); background:-ms-linear-gradient(right, rgba(255, 255, 255, 0), #ffffff 40px); background:-o-linear-gradient(right, rgba(255, 255, 255, 0), #ffffff 40px); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1); background:linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff 40px)}
.compare-items table tr.match td,
.compare-items table tr.match th {color:#a0a0a0}
.compare-items table tr.match strong {font-weight:normal}
@-moz-document url-prefix() {.compare-items table th {margin-top:-1px}}
* html .compare-items table th {margin-top:-1px}
@media \0screen {.compare-items table th {margin-top:-1px}}
*+html .compare-items table th {margin-top:-1px}
.compare-items table td {width:250px}
.compare-items table td div a {display:block; width:100%; text-decoration:none}
.compare-items table td div a img {display:block; width:200px; height:auto; margin-bottom:1em; -webkit-transition:all 150ms ease-in-out; -moz-transition:all 150ms ease-in-out; -ms-transition:all 150ms ease-in-out; -o-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out}
.compare-items table td div a em {display:block; height:8.5em; font-style:normal}
.compare-items table td div a em u {position:relative; display:block; max-height:6em; line-height:1.5em; text-decoration:none; overflow:hidden}
.compare-items table td div a em u strong {border-bottom:1px solid transparent; -webkit-transition:border-bottom-color 150ms ease-in-out; -moz-transition:border-bottom-color 150ms ease-in-out; -ms-transition:border-bottom-color 150ms ease-in-out; -o-transition:border-bottom-color 150ms ease-in-out; transition:border-bottom-color 150ms ease-in-out}
.compare-items table td div a em u span {color:#9c8046}
.compare-items table td div a em u::after {content:""; position:absolute; right:0; bottom:0; z-index:3; height:1.5em; width:4.5em; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}
.compare-items table td div a em .price {display:inline-block; padding-top:0.5em; font-family:"Cuprum","trebuchet ms",arial,sans-serif; font-size:107%; line-height:1.5em; white-space:nowrap; overflow:hidden}
.compare-items table td div a em .price .unit {margin-left:0.5em; color:#a0a0a0; font-size:90%}
.compare-items table td div a:hover {color:#202020}
.compare-items table td div a:hover u strong {border-color:#b0b0b0}
.compare-items table td div a:hover img {opacity:0.8}
.compare-items table td div a::before,
.compare-items table td div a::after {content:""; display:table}
.compare-items table td div a::after {clear:both}
.compare-items table tr.top th,
.compare-items table tr.top td {border-top:0; height:300px; z-index:9}
.compare-items table tr.remove-row th {padding-top:25px; height:80px}
.compare-items table tr.remove-row td {padding:30px 0}
.compare-items table tr.remove-row td {font-size:90%}
.compare-items table tr.remove-row td a {color:#e00000; text-decoration:none}
.compare-items table tr.remove-row td a:hover {color:#000000; text-decoration:underline}
.compare-items table tr.remove-row th input {font-size:140%}
.compare-items div.wrapper {overflow-x:auto; overflow-y:visible; width:100%; padding-left:280px}

div.total-summa {margin:1em 0; text-align:right; line-height:1em; font-size:1.8em; white-space:nowrap}
div.total-summa span.title {font-size:0.7em; color:#606060}
div.total-summa span#total-summa {color:#c00000}

table.cart-summary {width:100%}
table.cart-summary td.cart-quotes {width:1%}
table.cart-summary td.cart-quotes a.cart-quotes {white-space:nowrap}
table.cart-summary td.cart-send {width:1%; padding-right:0}

table.store-invoices {margin:2em 0; border-collapse:collapse; width:100%; border-spacing:0; border-width:0; border:0}
table.store-invoices th {color:#606060 !important; background-color:#ffffff; border-bottom:1px solid #d9d9d9; padding:10px 5px 5px 5px; font-size:95% !important; font-weight:bold !important}
table.store-invoices th.price,
table.store-invoices th.sum {text-align:right}
table.store-invoices td {vertical-align:middle; padding:8px 10px; border-bottom:1px solid #e9e9e9}
table.store-invoices td.code {font-weight:bold; font-size:120%}
table.store-invoices td.sum {text-align:right; font-size:120%; font-weight:bold; color:#c00000}
table.store-invoices tr.updated td {background-color:#fef6e0}
table.store-invoices tr.canceled td {color:#8c7966}
table.store-invoices tr.canceled td a {color:#8c7966}

.mfp-ready .cart-result .popup-header span.check s strong {left:2em}
.cart-result .popup-header {text-align:center; font-size:40px; padding-bottom:1em; border-bottom:1px solid #d9d9d9}
.cart-result div.item {display:table; width:100%; margin:0; padding:2em 0; border-bottom:1px solid #d9d9d9; overflow:hidden}
.cart-result div.item div.photo {display:table-cell; width:15%; vertical-align:middle}
.cart-result div.item div.photo img {display:block; width:100px; height:auto; margin-right:25px; max-width:none}
.cart-result div.item div.param {display:table-cell; width:65%; padding-right:1em; vertical-align:middle}
.cart-result div.item div.param span.name {display:block; font-size:140%; line-height:1.3em; margin-bottom:0.5em}
.cart-result div.item div.param span.price {display:block; font-size:180%; line-height:1em; color:#000000; font-family:"Cuprum","trebuchet ms",arial,sans-serif}
.cart-result div.item form {display:table-cell; width:20%; padding-left:1em; text-align:right; vertical-align:middle}
.cart-result div.item form div.controls {position:relative; display:block; width:100%; overflow:hidden; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px}
.cart-result div.item form div.controls input {position:relative; z-index:4; width:100%; min-width:110px; height:50px; padding:0 43px 0 7px; text-align:center; line-height:50px; font-size:190%; border:2px solid #ffe016; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px}
.cart-result div.item form div.controls input:focus {border-color:#c6a036; outline:none}
.cart-result div.item form div.controls span.control {position:absolute; right:7px; z-index:5; display:block; width:35px; height:25px; line-height:25px; background:url("/f/i/cart-sprites.png") transparent 0 0 no-repeat; overflow:hidden; text-indent:9999px; cursor:pointer; cursor:hand; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.cart-result div.item form div.controls span.plus {top:0; background-position:0 0; border-bottom:1px solid #e3e3e3}
.cart-result div.item form div.controls span.minus {bottom:0; background-position:0 -25px}
.cart-result div.item form div.controls span.plus:hover,
.cart-result div.item form div.controls span.minus:hover {z-index:6}
.cart-result div.item form div.controls span.plus:active,
.cart-result div.item form div.controls span.minus:active {z-index:6}
.cart-result div.item form div.controls span.plus:hover {background-position:-35px 0}
.cart-result div.item form div.controls span.minus:hover {background-position:-35px -25px}
.cart-result div.item form div.controls span.plus:active {background-position:-70px 0}
.cart-result div.item form div.controls span.minus:active {background-position:-70px -25px}
.cart-result div.item form div.controls span.plus.disabled,
.cart-result div.item form div.controls span.minus.disabled {cursor:not-allowed}
.cart-result div.item form div.controls span.plus.disabled {background-position:-105px 0}
.cart-result div.item form div.controls span.minus.disabled {background-position:-105px -25px}
.cart-result div.item form div.note {text-align:center; color:#303030; padding-right:25px; white-space:nowrap}
.cart-result div.item form div.remove {text-align:center; margin-top:0.5em; padding-right:25px}
.cart-result div.item form div.remove a {color:#e00000}
.cart-result div.item form div.remove a:hover {color:#000000}
.cart-result .buttons {text-align:justify; margin:1.75em 0 -1.5em 0}
.cart-result .buttons a.button {}
.cart-result .buttons a.popup-close {background-color:#e3e3e3; font-weight:normal}
.cart-result .buttons a.popup-close:hover {background-color:#d3d3d3}
.cart-result .buttons:before {content:""; display:block; width:100%}
.cart-result .buttons:after {content:""; display:inline-block; width:100%}
.cart-result.busy div.item form div.controls input {background:url("/f/i/progress.gif")}

#stages {padding:0.6em 1em; margin:2em auto; background-color:#ffffff; border-bottom:1px solid #e9e9e9}
#stages::after {clear:both; content:""; display:table}
#stages li {display:inline-block; margin:0.2em 0; *display:inline; zoom:1}
#stages li a {text-decoration:none}
#stages li a:hover {text-decoration:underline}
#stages li::after {display:inline-block; content:'\00bb'; margin:0 0.6em; color:#95a0a6; *display:inline; zoom:1}
#stages li:last-of-type::after {display:none}
#stages li > * {display:inline-block; font-size:1.2rem; line-height:130%; color:#b9b9b9; *display:inline; zoom:1}
#stages li em {font-style:normal}
#stages li.current em {font-weight:bold}
#stages li.current > * {color:#000000}
#stages li.visited > * {color:#000000}
#stages li a:hover {color:#c6a036}
@media only screen and (min-width:768px) {
	#stages {background-color:transparent; border:none; text-align:center; padding:0 1.2em}
	#stages li {position:relative; float:none; margin:0.4em 40px 0.4em 0; width:80px; text-align:center}
	#stages li:last-of-type {margin-right:0}
	#stages li::after {position:absolute; content:''; height:2px; bottom:4px; background-color:#e9e9e9; margin:0; left:50%; width:120px; width:-webkit-calc(100%+40px); width:-moz-calc(100%+40px); width:calc(100%+40px)}
	#stages li.visited::after {background-color:#ffe016}
	#stages li.current {font-weight:bold}
	#stages li > *,
	#stages li.current > * {position:relative; padding-bottom:20px}
	#stages li > *::before {content:''; position:absolute; z-index:1; left:50%; right:auto;bottom:0; height:10px; width:10px; background-color:#e9e9e9; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
	#stages li.visited > *::before {background-color:#ffe016}
	#stages li.current > *::before {background-color:#000000}
}

div.cart-auth-blocks {overflow:hidden}
div.cart-auth-blocks div.cart-auth-block-register {float:left; width:60%; margin-right:5%}
div.cart-auth-blocks div.cart-auth-block-login {float:left; width:35%}
div.cart-auth-blocks div.cart-auth-block-login .row .title {width:45%}
div.cart-auth-blocks div.cart-auth-block-login .row .value {width:55%}

.cart-confirmation-store-items-toggler {position:relative; margin:2em 0; border-top:1px dashed #c0c0c0; text-align:center; line-height:1em}
.cart-confirmation-store-items-toggler div {position:relative; top:-0.5em; display:inline-block; zoom:1; *display:inline; background:#ffffff; padding:0 1em;}
p.total-summa {text-align:right}

.cart-confirmation-details .contacts {}
.cart-confirmation-details .contacts div.row {float:left; width:50%}
.cart-confirmation-details .contacts div.row div.title {font-size:100%; font-weight:bold}
.cart-confirmation-details .contacts::before,
.cart-confirmation-details .contacts::after {content:""; display:table}
.cart-confirmation-details .contacts::after {clear:both}

.cart-confirmation-comment p {margin:1em 0}
.cart-confirmation-comment textarea {width:100%}

.cart-invoice-sent {}
.cart-invoice-sent .cart-invoice-sent-icon {position:relative; float:left; width:40%; height:100px}
.cart-invoice-sent .cart-invoice-sent-icon::after {content:''; position:absolute; display:block; top:0; right:50px; width:100px; height:100px; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M50 100C22.386 100 0 77.615 0 50.002 0 22.39 22.386.004 50 .004s50 22.385 50 49.998C100 77.615 77.614 100 50 100zm0-93.746c-24.162 0-43.75 19.586-43.75 43.748S25.838 93.75 50 93.75c24.163 0 43.75-19.586 43.75-43.748S74.163 6.254 50 6.254zM69.977 32.61a3.125 3.125 0 0 0-5.412-3.126L44.579 64.1 33.398 53.788a3.125 3.125 0 1 0-4.561 4.272l14.287 13.177a3.125 3.125 0 0 0 4.417.144c.381-.357 22.436-38.77 22.436-38.77z" fill="#309000" fill-rule="evenodd"/></svg>') center center no-repeat; -moz-animation:pow 0.5s ease-in-out; -webkit-animation:pow 0.5s ease-in-out; animation:pow 0.5s ease-in-out}
@-moz-keyframes pow {0% {-moz-transform:scale(0.5); opacity:0} 70% {-moz-transform:scale(1.2)} 90% {-moz-transform:scale(0.8)} 70% {-moz-transform:scale(1.05)} 90% {-moz-transform:scale(0.95)} 100% {-moz-transform:scale(1); opacity:1}}
@-webkit-keyframes pow {0% {-webkit-transform:scale(0.5); opacity:0} 70% {-webkit-transform:scale(1.2)} 90% {-webkit-transform:scale(0.8)} 70% {-webkit-transform:scale(1.05)} 90% {-webkit-transform:scale(0.95)} 100% {-webkit-transform:scale(1); opacity:1}}
@keyframes pow {0% {transform:scale(0.5); opacity:0} 70% {transform:scale(1.2)} 90% {transform:scale(0.8)} 70% {transform:scale(1.05)} 90% {transform:scale(0.95)} 100% {transform:scale(1); opacity:1}}
.cart-invoice-sent .cart-invoice-sent-message {overflow:hidden}
.cart-invoice-sent .cart-invoice-sent-message table {width:auto; margin-bottom:2em; font-size:130%}
.cart-invoice-sent .cart-invoice-sent-message table th,
.cart-invoice-sent .cart-invoice-sent-message table td {padding:0.5em 1.5em 0.5em 0}
.cart-invoice-sent .cart-invoice-sent-message table th {font-weight:normal}
.cart-invoice-sent .cart-invoice-sent-message table td {font-weight:bold}
.cart-invoice-sent .cart-invoice-sent-message p.cart-invoice-sent-back {margin-top:1em}
.cart-invoice-sent::before,
.cart-invoice-sent::after {content:""; display:table}
.cart-invoice-sent::after {clear:both}

table.cart-final-submit {width:100%}

table.cart-final-submit {width:100%}
table.cart-final-submit td.cart-step-back {vertical-align:middle}
table.cart-final-submit td.total-summa {width:40%}
table.cart-final-submit td.cart-send-button {width:1%; text-align:right}

div.cart-merge-buttons {margin:3em 0; text-align:center}
div.cart-merge-buttons p {font-size:120%}
div.cart-merge-buttons ul {margin:0 !important; padding:0 !important; list-style:none}
div.cart-merge-buttons ul li {display:inline-block; zoom:1; *display:inline; padding:0 !important; padding:0 1em 0.5em 0 !important}

div#popups {display:none}
.mfp-preloader {width:30px !important; height:30px !important; text-indent:-9999px; overflow:hidden; background-color:#ffffff; opacity:1 !important; margin:0 auto; -webkit-animation:rotateplane 1.2s infinite ease-in-out; animation:rotateplane 1.2s infinite ease-in-out}
@-webkit-keyframes rotateplane {0% {-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)} 50% {-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% {-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
@keyframes rotateplane {0% {transform:perspective(120px) rotateX(0deg) rotateY(0deg)} 50% {transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% {transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
button.mfp-close {font-size:32px !important; right:10px; color:#a0a0a0 !important; width:auto !important; background:none !important}
button.mfp-close:hover {color:#c00000 !important}
button.mfp-close::before {content:'Esc'; position:absolute; display:block; white-space:nowrap; font-size:12px; color:#a0a0a0 !important; right:100%; margin-right:20px; font-family:"Roboto","trebuchet ms",arial,sans-serif}

.mfp-bg {background:#202020 !important}

.mfp-zoom-in .mfp-with-anim {opacity:0; -webkit-transition:all 0.4s cubic-bezier(0.18,0.89,0.32,1.28); -moz-transition:all 0.4s cubic-bezier(0.18,0.89,0.32,1.28); -o-transition:all 0.4s cubic-bezier(0.18,0.89,0.32,1.28); -ms-transition:all 0.4s cubic-bezier(0.18,0.89,0.32,1.28); transition:all 0.4s cubic-bezier(0.18,0.89,0.32,1.28); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -o-transform:translateY(-40px); -ms-transform:translateY(-40px); transform:translateY(-40px)}
.mfp-zoom-in.mfp-bg {opacity:0; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s}
.mfp-zoom-in.mfp-ready .mfp-with-anim {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity:0.7}
.mfp-zoom-in.mfp-removing .mfp-with-anim {opacity:0; -webkit-transform:scale(1.1); -moz-transform:scale(1.2); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.mfp-zoom-in.mfp-removing.mfp-bg {opacity:0}

.mfp-3d-unfold .mfp-content {-webkit-perspective:2000px; -moz-perspective:2000px; perspective:2000px}
.mfp-3d-unfold .mfp-with-anim {opacity:0; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateX(-60deg); -moz-transform:rotateX(-60deg); transform:rotateX(-60deg); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden}
.mfp-3d-unfold.mfp-bg {opacity:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {opacity:1; -webkit-transform:rotateX(0); -moz-transform:rotateX(0); transform:rotateX(0)}
.mfp-3d-unfold.mfp-ready.mfp-bg {opacity:0.5}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {opacity:0; -webkit-transform:rotateX(60deg); -moz-transform:rotateX(60deg); transform:rotateX(60deg)}
.mfp-3d-unfold.mfp-removing.mfp-bg {opacity:0}
.white-popup {position:relative; width:auto; max-width:800px; height:auto; margin:0 auto; padding:40px; color:#000000; -webkit-box-shadow:0 10px 100px #100900; -moz-box-shadow:0 10px 100px #100900; box-shadow:0 10px 100px #100900; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border-bottom:4px solid #a0a0a0; background:#ffffff; background-image:-moz-linear-gradient(bottom, #f0f0f0 0, #ffffff 50%); background-image:-o-linear-gradient(bottom, #f0f0f0 0, #ffffff 50%); background-image:-ms-linear-gradient(bottom, #f0f0f0 0, #ffffff 50%); background-image:-webkit-linear-gradient(bottom, #f0f0f0 0, #ffffff 50%); background-image:linear-gradient(bottom, #f0f0f0 0, #ffffff 50%)}
.white-popup h1 {text-align:center}
.white-popup table.userform {width:100%}
.white-popup .submit-close {text-align:center}
.popup-buyoneclick {max-width:500px !important}

@-webkit-keyframes sliderAnimateIn {0% {-webkit-transform:scale(0.7); opacity:0} 100% {-webkit-transform:scale(1); opacity:1}}
@-moz-keyframes sliderAnimateIn {0% {-moz-transform:scale(0.7); opacity:0} 100% {-moz-transform:scale(1); opacity:1}}
@keyframes sliderAnimateIn {0% {transform:scale(0.7); opacity:0} 100% {transform:scale(1); opacity:1}}
.sliderAnimateIn {-webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation-name:sliderAnimateIn; -moz-animation-name:sliderAnimateIn; animation-name:sliderAnimateIn}
@keyframes sliderAnimateOut {0% {transform:scale(1); opacity:1} 100% {transform:scale(1.2); opacity:0}}
@-moz-keyframes sliderAnimateOut {0% {-moz-transform:scale(1); opacity:1} 100% {-moz-transform:scale(1.2); opacity:0}}
@-webkit-keyframes sliderAnimateOut {0% {-webkit-transform:scale(1); opacity:1} 100% {-webkit-transform:scale(1.2); opacity:0}}
.sliderAnimateOut {-webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation-name:sliderAnimateOut; -moz-animation-name:sliderAnimateOut; animation-name:sliderAnimateOut}

#scroll-controls {position:relative; display:block; width:44px; height:44px; margin-bottom:20px; margin-right:20px; overflow:hidden; z-index:999999999}
#scroll-controls a {display:block; width:44px; height:44px; background:url("/f/i/sprites.png") transparent -678px -2px no-repeat; border:2px solid #c6a036; overflow:hidden; text-indent:-99999px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px}
#scroll-controls a.up {opacity:0.70}
#scroll-controls a.up:hover {opacity:1}

#disqus_thread {margin-top:2em}

div.calculation-files {}
div.calculation-files ul {margin:0; padding:0; list-style:none}
div.calculation-files ul li {overflow:hidden; position:relative; margin:0 0 1em 0}
div.calculation-files ul li div.file-title input {width:100%}
div.calculation-files ul li div.file-title span {position:absolute; display:block; right:0.1em; top:50%; margin-top:-0.8em; line-height:1em; padding:0.3em 0.75em; background-color:#ffffff; color:#c6a036}
div.calculation-files ul li div.file-button {position:absolute; top:0; right:0; display:block; float:right; height:100px}
div.calculation-files ul li input.file {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; cursor:hand; cursor:pointer}
div.calculation-files div.calculation-files-controls div {font-size:90%; margin-top:1em; color:#909090}

/*.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

*/
.autocomplete-suggestions {margin-top:-5px; padding:5px 15px 0 15px; max-height:none !important; border:2px solid #c6a036; border-top:0; background-color:#ffffff; cursor:default; overflow:hidden /*auto*/; -webkit-border-radius:0 0 22px 22px; -moz-border-radius:0 0 22px 22px; border-radius:0 0 22px 22px;}
.autocomplete-suggestions strong {font-weight:bold; color:#333c49;}
.autocomplete-suggestions .separator {width:100%; height:10px; border-top:1px solid #e6d6a9}
.autocomplete-suggestions .results {margin-top:7px; padding:0 12px; border-top:1px solid #e6d6a9; text-align:center}
.autocomplete-suggestions .results a {display:inline-block; height:34px; color:#c6a036; font-size:93%; line-height:33px; zoom:1; *display:inline; text-decoration:none}
.autocomplete-suggestions .results a:hover {color:#000000}
.autocomplete-suggestions .autocomplete-group {padding:0;}
.autocomplete-suggestions .autocomplete-group strong {display:block; color:#333c49; font-size:114%; font-weight:bold; border-bottom:1px solid #b9bcc9;}
.autocomplete-suggestions .autocomplete-suggestion {position:relative; height:30px; padding:0 12px 0 40px; font-size:107%; line-height:30px; white-space:nowrap; overflow:hidden; cursor:hand; cursor:pointer;}
.autocomplete-suggestions .autocomplete-suggestion i {position:absolute; display:block; left:5px; top:50%; margin-top:-12px; width:22px; height:22px}
.autocomplete-suggestions .autocomplete-suggestion i img {display:block; max-width:100%; height:auto}
.autocomplete-suggestions .autocomplete-suggestion s {position:relative; display:block; overflow:hidden; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width:100%; display:inline-block; *display:inline; zoom:1}
.autocomplete-suggestions .autocomplete-suggestion s small {position:absolute; z-index:1; top:0; right:0; display:block; color:#000000; font-size:107%; background-color:#ffffff; font-family:"Cuprum","trebuchet ms",arial,sans-serif}
.autocomplete-suggestions .autocomplete-suggestion s small::before {content:""; position:absolute; top:0; left:-20px; display:block; width:20px; height:30px;
	background-image:-moz-linear-gradient(left, rgba(255,255,255,0), #ffffff);
	background-image:-webkit-linear-gradient(left, rgba(255,255,255,0), #ffffff);
	background-image:-o-linear-gradient(left, rgba(255,255,255,0), #ffffff);
	background-image:-ms-linear-gradient(left, rgba(255,255,255,0), #ffffff);
	background-image:linear-gradient(left, rgba(255,255,255,0), #ffffff);}
.autocomplete-suggestions .autocomplete-selected {background-color:#ffe016;}
.autocomplete-suggestions .autocomplete-selected s small {background-color:#ffe016;}
.autocomplete-suggestions .autocomplete-selected s small::before {
	background-image:-moz-linear-gradient(left, rgba(255,224,22,0), #ffe016);
	background-image:-webkit-linear-gradient(left, rgba(255,224,22,0), #ffe016);
	background-image:-o-linear-gradient(left, rgba(255,224,22,0), #ffe016);
	background-image:-ms-linear-gradient(left, rgba(255,224,22,0), #ffe016);
	background-image:linear-gradient(left, rgba(255,224,22,0), #ffe016);}
.autocomplete-suggestions .autocomplete-no-suggestion {padding:0 12px}

ul.in-2-col {-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:3em; -moz-column-gap:3em; column-gap:3em}
ul.in-3-col {-webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:3em; -moz-column-gap:3em; column-gap:3em}

#filter {position:relative; margin-bottom:2em; background-color:#e9e9e9; padding:1em 1em 0 1em}
#filter div.wrap {display:inline-block}
#filter div.submit {margin-top:0px}
#filter div.submit input[type=submit] {margin:0 20px 0 0}
#filter div.submit a {margin:0; font-size:14px}

div.filter-attributes {}
div.filter-attributes div.attribute {display:inline-block; margin:0 2em 1em 0; vertical-align:middle; white-space:nowrap}
div.filter-attributes div.attribute div.attribute-name {display:inline-block; vertical-align:middle; margin-right:0.5em}
div.filter-attributes div.attribute div.attribute-list {display:inline-block; vertical-align:middle}
div.filter-attributes div.attribute div.attribute-range {display:inline-block; vertical-align:middle}
div.filter-attributes div.attribute div.attribute-range em {position:relative; display:inline-block; font-style:normal}
div.filter-attributes div.attribute div.attribute-range em small {position:absolute; z-index:2; top:0.85em; left:0.5em}
div.filter-attributes div.attribute div.attribute-range em input {position:relative; z-index:1; width:85px; height:34px; padding:0 0.4em 0 1.6em; color:#000000; font-size:15px; line-height:32px; text-align:right; border:1px solid #e0c030; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
div.filter-attributes div.attribute div.attribute-range i {position:relative; top:0.1em; color:#a3a093; font-style:normal}
div.filter-attributes div.attribute div.attribute-range .rur {position:relative; top:0.05em; font-size:15px; line-height:1.5em}
div.filter-attributes div.attribute div.attribute-check {display:inline-block; vertical-align:middle}
div.filter-attributes div.attribute div.attribute-check ul {display:inline-block; margin:0; padding:0; list-style:none; vertical-align:middle; line-height:18px}
div.filter-attributes div.attribute div.attribute-check ul li {display:inline-block; margin:0 20px 0 0; color:#535043; font-size:14px; vertical-align:middle}
div.filter-attributes div.attribute div.attribute-check ul li input {display:block; float:left; margin-right:0.5em}
div.filter-attributes div.attribute div.attribute-check ul li input[type=checkbox]:checked + label {color:#c94030}
div.filter-attributes div.attribute div.attribute-check ul li label {position:relative; display:block; padding-left:25px; font-weight:normal; overflow:hidden; cursor:hand; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
div.filter-attributes div.attribute div.attribute-check ul li label::before,
div.filter-attributes div.attribute div.attribute-check ul li label::after {content:''; position:absolute; display:block; overflow:hidden}
div.filter-attributes div.attribute div.attribute-check ul li label::before {width:15px; height:15px; top:1px; left:0; background-color:#ffffff; border:1px solid #662019}
div.filter-attributes div.attribute div.attribute-check ul li label::after {width:11px; height:6px; left:2px; top:4px; border-left:2px solid transparent; border-bottom:2px solid transparent; -webkit-transform:rotate(-50deg) skew(-12deg); -ms-transform:rotate(-50deg) skew(-12deg); transform:rotate(-50deg) skew(-12deg)}
div.filter-attributes div.attribute div.attribute-check ul li label:hover {color:#c94030}
div.filter-attributes div.attribute div.attribute-check ul li label:hover::before {border-color:#c94030}
div.filter-attributes div.attribute div.attribute-check ul li input:checked+label::before {border-color:#c94030}
div.filter-attributes div.attribute div.attribute-check ul li input:checked+label::after {border-color:#c94030}
div.filter-attributes div.attribute div.attribute-check ul li input[type=checkbox] {display:none}
div.filter-attributes div.attribute div.attribute-check ul li::before,
div.filter-attributes div.attribute div.attribute-check ul li::after {content:""; display:table}
div.filter-attributes div.attribute div.attribute-check ul li::after {clear:both}
div.filter-attributes div.attribute-active {font-weight:bold}

@media screen and (min-width:1100px) {
	.nav-main .search form,
	.nav-main .search form .query {width:300px}
}

@media screen and (max-width:1250px) {
}

@media screen and (max-width:1200px) {
	.nav-main.nav-main-fixed nav {margin-left:160px}
	.nav-main.nav-main-fixed div.feedback {margin-left:140px}
	.nav-main.nav-main-fixed .logo {width:120px; top:10px}
}

@media screen and (max-width:1100px) {
	footer .callback form span.desc {padding-top:8px; font-size:100%; line-height:1.5em}
	footer .callback form span.phone::before {left:43px}
	footer .callback form span.phone i {left:16px}
	footer .callback form span.phone input {width:265px; padding:0 19px 0 75px}
	footer .callback form span.submit input {padding:0 30px; font-size:171%}

	.nav-main.nav-main-fixed nav ul li a,
	.nav-main.nav-main-fixed nav ul li span {font-size:140%}
	.nav-main.nav-main-fixed nav ul li {margin-left:1.5em}
}

@media screen and (max-width:1050px) {
	ul.store-folders li {margin-top:1.5em}
	ul.store-folders li a u span strong {font-size:143%; line-height:1.3em}

	.nav-main nav ul li a,
	.nav-main nav ul li span {font-size:186%}

	.nav-main .search form,
	.nav-main .search form .query {width:230px}
}

@media screen and (max-width:991px) {
	.container-fluid {position:relative; padding:0 40px}

	header .language #google_translate_element .goog-logo-link {opacity:0}

	.header-store .compare {left:-45%}

	ul.store-items.store-items-table li a img {width:150px; margin:0 20px 0 0}

	ul.store-folders li {margin-top:1em}
	ul.store-folders li a u span strong {font-size:129%; line-height:1.3em}

	.nav-main .logo {left:40px}

	.nav-main nav ul li a,
	.nav-main nav ul li span {font-size:171%}

	.nav-main .search {width:45px}
	.nav-main .search form {width:45px}
	.nav-main .search form .query,
	.nav-main .search form .go {width:0px; padding:0; opacity:0}
	.nav-main .search form .search-expand {width:45px; opacity:1}
	.nav-main .search.expand {width:45px}
	.nav-main .search.expand form {position:absolute; top:16px; left:-205px; z-index:10; width:250px}
	.nav-main .search.expand form .query {width:250px; padding:0 45px 0 22px; opacity:1}
	.nav-main .search.expand form .go {width:24px; opacity:1}
	.nav-main .search.expand form .search-expand {right:-40px}
	.nav-main .search.expand form .search-expand i {background-position:-27px -18px}

	.nav-main.nav-main-fixed .search.expand {width:45px}
	.nav-main.nav-main-fixed .search.expand form {top:0px}

	div.cart-auth-block-register {width:100%}

	.nav-main.nav-main-fixed .search {margin-left:30px}
	.nav-main.nav-main-fixed .header-store .compare {left:-65px}

	section article ul.store-items {margin-left:-5%}
	section article ul.store-items li {width:45%; margin-left:5%}

	footer .callback h3 {margin-bottom:15px}
	footer .callback form {display:block; text-align:center}
	footer .callback form span {display:inline-block; float:none; margin:0 5px}
	footer .callback form span.desc {width:100%; height:40px; text-align:center}
	footer .callback form span.desc br {display:none}
	footer .callback form span.arrow {display:none}
	footer .callback form span.phone,
	footer .callback form span.submit {margin-top:20px}

	footer .contacts ul li {padding-left:0}
	footer .contacts ul li i {left:-45px; opacity:0}
	footer .contacts ul li.email,
	footer .contacts ul li.timetable {width:28%}
	footer .contacts ul li.map {width:44%}
}

@media screen and (max-width:900px) {
	ul.store-folders li {margin-top:2em}
	ul.store-folders li a u span strong {font-size:157%; line-height:1.3em}
	ul.store-folders li a img {max-height:210px}

	.header-store .compare {position:relative; top:0; left:0; margin:1em 0}
	.nav-main.nav-main-fixed .header-store .compare {position:absolute; top:6px; left:-65px; margin:0}

	.home-content ul.store-folders,
	section .wide ul.store-folders {margin-left:-5%}
	.home-content ul.store-folders li,
	section .wide ul.store-folders li {width:45%; margin-left:5%}

	.app-area .text-container {-webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; -webkit-column-rule:none; -moz-column-rule:none; column-rule:none}

	section aside nav ul {font-size:100%; line-height:1.3em}

	section article .store-items-controls {font-size:79%}

	section article .store-item-details .photos {width:40%}
	section article .store-item-details .side-info {width:50%}

	section article iframe {width:100%; height:320px}

	.userform td.value,
	.userform th {font-size:114%; line-height:1.4em}

	table.store-items td {padding:10px}
	table.store-items td.name .link span.photo {display:none}
	table.store-items td.name .link span.name {width:100%}
	table.store-items td.name .link span.name strong {font-size:114%; line-height:1.4em}
}

@media screen and (max-width:830px) {
	header .language #google_translate_element .goog-te-gadget .goog-te-combo {width:150px}
}

@media screen and (max-width:767px) {
	h1 {font-size:40px; line-height:1.2em}

	.container-fluid {position:relative; padding:0 20px}

	body.slided {overflow:hidden}
	body.slided .mobile-slide-menu {left:0px}

	body.slided .mobile-slide-content {left:290px}
	body.slided .mobile-slide-content::before {width:100%; opacity:1}

	ul.store-items.store-items-table li a ol li {background:none; overflow:hidden; white-space:nowrap}
	ul.store-items.store-items-table li a ol li strong {display:inline-block; width:auto; float:none; font-weight:normal; overflow:visible; white-space:normal}
	ul.store-items.store-items-table li a ol li strong i {padding-right:0}
	ul.store-items.store-items-table li a ol li strong::after {content:":"}
	ul.store-items.store-items-table li a ol li span {display:inline-block; width:auto; padding-left:0.5em; font-weight:bold; background-color:#ffffff; overflow:visible; white-space:normal}
	ul.store-items.store-items-table li a ol li strong i::after,
	ul.store-items.store-items-table li a ol li span::after {display:none}
	ul.store-items.store-items-table li a ol li::after {content:""; position:absolute; right:0; bottom:0; z-index:3; height:1.5em; width:2.5em; background-image:-moz-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-o-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:-ms-linear-gradient(right, #ffffff, rgba(255,255,255,0)); background-image:linear-gradient(right, #ffffff, rgba(255,255,255,0))}
	
	ul.store-folders li {margin-top:1.5em}
	ul.store-folders li a u {padding:5px}
	ul.store-folders li a u::before {-webkit-transition:all 0.5s cubic-bezier(0.18,0.89,0.32,1.28); -moz-transition:all 0.5s cubic-bezier(0.18,0.89,0.32,1.28); transition:all 0.5s cubic-bezier(0.18,0.89,0.32,1.28)}
	ul.store-folders li a u span::before,
	ul.store-folders li a:hover u span::before {display:none}	
	ul.store-folders li a:active u::before {opacity:0.6}
	ul.store-folders li a u span strong {font-size:143%; line-height:1.3em}

	.top-mobile-contacts-container {display:block}

	.home-content {top:0; padding:1.5em 0 2.5em 0}

	.app-area {padding-top:2.3em}

	section {padding:2em 0}

	section article ol.breadcrumbs {top:-1em}

	section article .store-item-details ol.attr li {background:none}
	section article .store-item-details ol.attr li strong {display:inline-block; width:auto; height:auto; float:none; font-weight:normal; white-space:normal}
	section article .store-item-details ol.attr li strong i {padding-right:0}
	section article .store-item-details ol.attr li strong::after {content:":"; padding-right:0.5em}
	section article .store-item-details ol.attr li span {display:inline-block; width:auto; padding-left:0; font-weight:bold; background-color:#ffffff; overflow:visible}

	footer .mobile-contacts {display:block}

	#pager .pager-controls {margin-bottom:0.5em}
	#pager .pager-controls .controls {margin-right:1.5em; font-size:107%}
	#pager .pager-controls .controls span {display:none}

	table.userform, table.userform thead, table.userform tbody, table.userform tr, table.userform th, table.userform td {position:relative; display:block}
	table.userform {width:100%}
	table.userform th {width:100% !important; padding-bottom:0px}
	table.userform td.value {width:100%; padding-top:0px}
	table.userform td[rowspan="4"] {position:absolute; top:-1em; right:0}
	table.userform td[rowspan="4"] div {margin-left:50% !important; padding:0 !important; font-size:93%; line-height:1.5em; text-align:right; background-color:rgba(255,255,255,0.5) !important}

	table.store-items, table.store-items thead, table.store-items tbody, table.store-items tr, table.store-items th, table.store-items td {position:relative; display:block}
	table.store-items thead {display:none}
	table.store-items tbody {width:100%; border-top:2px solid #d9d9d9}
	table.store-items tr {width:100%; border-bottom:1px solid #d9d9d9}
	table.store-items tr::before,
	table.store-items tr::after {content:""; display:table}
	table.store-items tr::after {clear:both}
	table.store-items td {height:70px; float:left; border-bottom:0; overflow:hidden}
	table.store-items td.num {width:10%; height:55px}
	table.store-items td.name {width:65%; height:55px}
	table.store-items td.price.price-single {width:25%; height:55px}
	table.store-items td.unit {width:15%; padding-top:25px}
	table.store-items td.quantity {width:45%; padding-top:25px}
	table.store-items td.quantity.cart {padding-top:10px}
	table.store-items td.price.sum {width:30%; padding-top:22px}
	table.store-items td.delete {width:10%; padding-top:20px; padding-left:10px}

	div.userform table:nth-child(2), div.userform table:nth-child(2) tbody, div.userform table:nth-child(2) tr, div.userform table:nth-child(2) td {position:relative; display:block}
	div.userform table:nth-child(2) {width:100%; margin-top:5em}
	div.userform table:nth-child(2) tr {width:100%}
	div.userform table:nth-child(2) tr::before,
	div.userform table:nth-child(2) tr::after {content:""; display:table}
	div.userform table:nth-child(2) tr::after {clear:both}
	div.userform table:nth-child(2) td {width:45%; height:50px; float:left}
/*	div.userform table:nth-child(2) td.delivery-summa {position:absolute; top:-2.5em; left:0; height:auto; float:none}
	div.userform table:nth-child(2) td.discount-summa {width:10%}
	div.userform table:nth-child(2) td.total-summa {position:absolute; top:-1.5em; right:0; height:auto; float:none; padding-right:0.3em !important}
*/

/*	table.cart-final-submit, table.cart-final-submit tbody, table.cart-final-submit tr, table.cart-final-submit td {position:relative; display:block}
	table.cart-final-submit {width:100%; margin-top:5em}
	table.cart-final-submit tr {width:100%}
	table.cart-final-submit td.cart-step-back {position:absolute; top:-2.5em; left:0; width:44%; height:auto; float:none}
	table.cart-final-submit td.total-summa {position:absolute; top:-1.5em; right:0; width:54%; height:auto; float:none; padding-right:0.3em !important}
	table.cart-final-submit td.total-summa small {display:none}
	table.cart-final-submit td.cart-send-button {width:100%; height:auto}
*/
	table.cart-summary tr {display:flex; flex-wrap:wrap; align-items:center}
	table.cart-summary td.cart-drop {}
	table.cart-summary td.delivery-summa {flex-grow:1; text-align:center}
	table.cart-summary td.discount-summa {text-align:rigth}
	table.cart-summary td.cart-quotes {width:50%; text-align:left}
	table.cart-summary td.cart-send {width:50%; text-align:right}

	table.cart-final-submit tr {display:flex; flex-wrap:wrap; align-items:center}
	table.cart-final-submit td.cart-step-back {margin-bottom:1em}
	table.cart-final-submit td.cart-send-button {width:100%; height:auto}

	.cart-confirmation-details .contacts div.row {float:none; width:100%}

	div.cart-auth-blocks div.cart-auth-block-register {float:none; width:100%; margin-right:0}
	div.cart-auth-blocks div.cart-auth-block-login {float:none; width:100%; margin-top:3em}
	div.cart-auth-blocks div.cart-auth-block-login .row .title {width:100%}
	div.cart-auth-blocks div.cart-auth-block-login .row .value {width:100%}
	div.cart-auth-blocks div.cart-auth-block-login .row .value input[type=text],
	div.cart-auth-blocks div.cart-auth-block-login .row .value input[type=password] {width:50%}
	div.cart-auth-blocks .userform .row {display:block}
	div.cart-auth-blocks .userform .row .title {display:block; width:100%; font-size:107%}
	div.cart-auth-blocks .userform .row .value {display:block; width:100%}
}

@media screen and (max-width:600px) {
	ul.store-folders li a u span strong {font-size:129%; line-height:1.3em}

	section article .store-items-controls {font-size:90%}
	section article .store-items-controls ul {width:100%; margin:0 0 1.5em 0; text-align:center}
	section article .store-items-controls ul.sort,
	section article .store-items-controls ul.view {float:none}

	section article .store-item-details .photos {float:none; width:100%; margin-right:0}
	section article .store-item-details .side-info {float:none; width:100%; margin-top:2em}

	.cart-result div.item div.photo {display:none}
	.cart-result div.item form {width:35%}
	.cart-result .buttons {text-align:center}
	.cart-result .buttons a.button {margin:0 5px}
	.cart-result .buttons a.button.popup-close {margin-bottom:1em}

	#scroll-controls {display:none}

	ul.in-2-col {-webkit-column-count:1; -moz-column-count:1; column-count:1}
	ul.in-3-col {-webkit-column-count:2; -moz-column-count:2; column-count:2}
}

@media screen and (max-width:479px) {
	h1 {font-size:30px; line-height:1.2em}
	h2 {font-size:26px; line-height:1.2em}

	ul.store-items.store-items-table li a img {width:100px; margin:0 15px 0 0}
	ul.store-items.store-items-table li a ol {display:none}

	ul.store-folders li a img {max-height:170px}

	.mobile-nav nav .logo {top:12px; left:42px; height:32px}
	.mobile-nav nav .logo a,
	.mobile-nav nav .logo span {left:0; width:100px; height:32px}
	.mobile-nav nav .logo a img,
	.mobile-nav nav .logo span img {width:100px; height:auto}

	.mobile-nav nav .compare {right:84px}

	.mobile-nav nav .search {right:42px}
	.mobile-nav nav .search form .query {font-size:107%; line-height:45px}
	.mobile-nav nav .search form .go {right:7px}
	.mobile-nav nav .search.expand form {left:-182px; width:182px}
	.mobile-nav nav .search.expand form .query {width:182px; padding:0 35px 0 10px}

	.top-mobile-contacts .phone {width:100%; float:none; margin-bottom:0.5em; text-align:center}
	.top-mobile-contacts .email {width:100%; float:none; text-align:center}

	.home-content ul.store-folders,
	section .wide ul.store-folders {margin-left:0}
	.home-content ul.store-folders li,
	section .wide ul.store-folders li {width:100%; margin-left:0}

	section article ol.breadcrumbs {top:-0.5em}

	section article .store-items-controls {font-size:79%}

	section article ul.store-items {margin-left:0}
	section article ul.store-items li {width:70%; margin-left:15%; margin-right:15%}

	section article iframe {width:100%; height:240px}

	footer .callback form span {margin:0}

	footer .mobile-contacts .phone {width:100%; float:none; margin-bottom:0.5em; text-align:center}
	footer .mobile-contacts .address {width:100%; float:none; text-align:center}

	div.userform table:nth-child(2) td {width:100%; height:65px; float:none; padding-bottom:1em !important; text-align:center !important}
	div.userform table:nth-child(2) td.delivery-summa,
	div.userform table:nth-child(2) td.discount-summa {display:none}
	div.userform table:nth-child(2) td.total-summa {position:absolute; top:-1.5em; right:0; height:auto; float:none; padding-bottom:0; padding-right:0.3em !important}
/*
	table.cart-final-submit {margin-top:2em}
	table.cart-final-submit td.cart-step-back {display:none}
	table.cart-final-submit td.total-summa {position:relative; top:0; width:100%; float:none; padding-bottom:0.3em; padding-right:0.3em !important; text-align:center !important}
	table.cart-final-submit td.total-summa small {display:none}
	table.cart-final-submit td.cart-send-button {width:100%; text-align:center !important}
*/
	table.cart-summary td.cart-quotes,
	table.cart-summary td.cart-send {width:100%}
	table.cart-summary td.cart-send input,
	table.cart-summary td.cart-quotes a,
	table.cart-final-submit td.cart-send-button input {width:100%}

	table.store-items td.num {width:15%; height:55px}
	table.store-items td.name {width:85%; height:55px}
	table.store-items td.price.price-single {width:30%; height:70px; padding-top:25px}
	table.store-items td.unit {width:20%}
	table.store-items td.quantity {width:50%}
	table.store-items td.price.sum {width:80%; height:45px; padding-top:13px}
	table.store-items td.delete {width:20%; height:45px; padding-top:10px}

	.cart-result .popup-header {font-size:28px; line-height:1.2em}
	.cart-result div.item div.param {display:block; width:100%}
	.cart-result div.item form {display:block; width:70%; margin:1.5em 15% 0 15%}
	.cart-result .buttons a.button {padding:0 18px; font-size:18px}

	ul.in-3-col {-webkit-column-count:1; -moz-column-count:1; column-count:1}
}