1#kladr_autocomplete .spinner,
2#kladr_autocomplete ul{position:absolute;z-index:9999;display:block;margin:0}
3#TB_ajaxContent,
4.bmenu .clear,
5.catalog-col:nth-child(5n+1),
6.clear,
7.news_end{clear:both}
8.menu ul,
9.navigation ul,
10.product_list ul,
11div.lmenu ul,
12ul.cat-menu,
13ul.spec,
14ul.spec li{list-style:none}
15.kladr-error{color:#cb3e27}
16#TB_window,
17#TB_window a:hover{color:#000}
18#kladr_autocomplete ul{padding:0;border:1px solid #c4c4c4;background-color:#fff;overflow-x:hidden;overflow-y:auto;min-width:200px;max-height:420px;color:#313131}
19#kladr_autocomplete li{display:list-item;list-style-type:none;margin:0;padding:8px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
20#kladr_autocomplete li+li{border-top:1px solid #ededed}
21#kladr_autocomplete li:hover{background-color:#f2f2f2;cursor:pointer}
22#kladr_autocomplete li.active{background-color:#e9e9e9}
23#kladr_autocomplete a{text-decoration:none}
24.facade-colors-thumbs > .owl-stage-outer{
25 height: inherit;
26}
27.my-form-control{
28 display: block;
29 width: 100%;
30 height: 34px;
31 padding: 6px 12px;
32 font-size: 14px;
33 line-height: 1.42857143;
34 color: #555;
35 outline: none;
36 background-color: #fff;
37 background-image: none;
38 border: 1px solid #ccc;
39 border-radius: 4px;
40 box-shadow: unset;
41
-webkit-appearance: none;
42
-webkit-appearance: none;
43
-moz-appearance: none;
44 appearance: none;
45}
46.shipping-block .input-group-btn{
47 z-index: 1 !important;
48}
49.single-pdf, .row-price-and-quantity{
50 display: inline-flex;
51 align-items: center;
52}
53 .row-price-and-quantity{
54 width: 100%;
55 }
56 .row-price-and-quantity div{
57 display: block;
58 width: auto;
59 }
60.block-title{
61 font-size: 20px;
62 font-weight: 400;
63 padding-left: 0;
64 margin-bottom: 15px;
65}
66.block-uuser{
67 transition: all 1s ease 0s;
68 display: block;
69 width: 200%;
70 opacity: 1;
71}
72/*Modal window css*/
73.modalDialog {
74 position: fixed;
75 font-family: Arial, Helvetica, sans-serif;
76 overflow-y: auto;
77 top: 0;
78 right: 0;
79 bottom: 0;
80 left: 0;
81 background: rgba(0,0,0,0.8);
82 z-index: 9999;
83
-webkit-transition: opacity 400ms ease-in;
84
-moz-transition: opacity 400ms ease-in;
85 transition: opacity 400ms ease-in;
86 display: none;
87 /*pointer-events: none;*/
88 }
89
90 .modalDialog:target {
91 display: block;
92 pointer-events: auto;
93 }
94
95 .modalDialog > div {
96 width: 95%;
97 position: relative;
98 margin: 9% auto;
99 padding: 5px 20px 13px 20px;
100 border-radius: 5px;
101 background: #fff;
102 }
103#widget{
104 overflow: hidden !important;
105 margin-bottom: 70px !important;
106}
107#shipping_out_option br, .delivery-title br, #floor_up br{display: none}
108@media (max-width: 720px) {
109 .shipping-block{padding-left: 0; padding-right: 0;}
110}
111@media (max-width: 992px) {
112 .block-uuser{width: 100% !important;}
113 .block-2{padding-left: 15px !important;}
114}
115.field-title{
116 font-weight: 400;
117}
118.sub-title{
119 font-size: 12px;
120 font-style: italic;
121 font-weight: 400;
122 color: #989898;
123}
124.fill-uuser{
125 font-size: 15px;
126 text-decoration: underline;
127}
128table#fc{
129 z-index: 999 !important;
130 width: 146px !important;
131}
132.address-block{
133 border: 2px solid #ffe019;
134}
135.total-table label{
136 font-size:25px !important;
137}
138.total-table{
139 padding:10px;background: #f2f3f3;margin-top: 10px;
140}
141.total-table td{
142 font-size: 14px !important;
143 font-weight: 400 !important;
144}
145.address-block textarea{
146 height: 125px;
147}
148.address-block input, .address-block textarea{
149 padding: 5px 8px;
150 margin-bottom: 10px;
151}
152.show-menu{
153 height: 305px !important;
154 line-height: 30px;
155 opacity: 1 !important;
156 background: #f6f6f6;
157 width: 100%;
158 padding: 0;
159 margin-left: -57%;
160}
161.footer-menu p, .footer-menu-catalog p{
162 text-align: left;
163 font-weight: 700;
164}
165.mob-cat-menu-title{display: flex !important;display: -ms-flexbox !important;display: -webkit-box !important;margin-left:-10px;margin-top: 20px;}
166.footer-menu li{
167 list-style-type: none;
168 text-align: left;
169}
170.footer-menu li a{
171 color: black;
172}
173.rub{
174 font-family: 'PT Sans';
175 margin-left: 5px;
176 margin-right: 10px;
177}
178.card-price .rub{
179}
180.rub-delivery{
181 font-family: 'PT Sans';
182 margin-left: 0;
183 padding-right: 5px;
184}
185.f-s-b{
186
display: block;
187 height: 26px;
188 width: 26px;
189 margin-top: -26px;
190 /* margin-right: 12px; */
191 float: right;
192 transform: skewX(0deg);
193 border-radius: 49%;
194
-o-border-radius:49%
195 -ms-border-radius
:49%
196 -moz-border-radius: 49%;/* Firefox */
197
-webkit-border-radius: 49%;/* Safari, Chrome */
198
-khtml-border-radius: 49%; /* KHTML */
199 border: 2px solid rgb(86, 165, 16);
200 background-clip: padding-box;
201
-webkit-background-clip: padding-box;
202}
203.f-s-b-1>img {
204 border: 1px solid rgb(86, 165, 16);
205}
206.more-product{text-align: center;margin-top: 30px;margin-bottom: -30px;}
207.show-more{
208 margin: 30px auto;
209 position: relative;
210 padding: 6px 12px;
211 font-size: 16px;
212 line-height: 1.42857143;
213 color: #337ab7;
214 text-decoration: none;
215 background-color: #fff;
216 border: 1px solid #ddd;
217}
218.show-more:hover{
219 color: #23527c;
220 background-color: #eee;
221 border-color: #ddd;
222}
223.catalog-col:hover .pagination-wrapper, .product-col:hover .pagination-wrapper, .owl-item:hover .pagination-wrapper{
224 z-index:10 !important;
225}
226.catalog-col:hover .display-on-hover{
227 opacity: 1 !important;
228 display: block !important;
229 position: relative;
230 top: auto;
231 background: white;
232 left: 0px;
233 right: 0;
234 z-index: 15;
235}
236
237.owl-item:hover .product-frame, .product-col:hover .product-frame{
238 border: 2px solid lightgrey;
239 transition: box-shadow .3s;
240 background: linear-gradient(to top, white 32%,transparent 7%);
241 z-index: 14;
242 border-radius: 5px;
243 line-height: 20px;
244}
245.owl-item:hover .display-on-hover{
246 display: block !important;
247 position: absolute;
248 opacity: 1 !important;
249 top: auto;
250 left: 0px;
251 width: 100%;
252 width: -webkit-fill-available;
253 width: -moz-available;
254 height: fit-content;
255 z-index: 15;
256}
257.owl-item:hover .product-col, .catalog-col:hover{
258 background: #fff;
259}
260.product-frame{
261 position: absolute;
262 top: 0;
263 right: 0;
264 bottom: 0;
265 left: 0;
266 z-index: -1;
267}
268.owl-item .product-frame{
269 min-height: 405px;
270}
271.catalog-col .product-frame{
272 min-height: 425px;
273}
274@media (max-width:1080px){
275 .footer-col-tel{
276 margin-top:25px!important;
277 }
278}
279@media (max-width:1080px){
280 .footer-col-img{
281 margin-top:25px!important;
282 }
283 .footer-col-tel div{
284 float: unset !important;
285 }
286 .footer-col-cat-menu, .footer-col-info-menu{
287 justify-content: center;
288 display: -ms-flexbox;display: -webkit-box;display: flex;
-webkit-box-align: center;
289 margin: 20px auto;
290 }
291 .js-phone{
292 font-size: 18px !important;
293 }
294 .footer-col-text{
295 display: -ms-flexbox;display: -webkit-box;display: flex;
-webkit-box-align: center;
296 justify-content: center;
297 }
298}
299@media (min-width:1130px){
300 .owl-item .product-frame{
301 min-height: 388px;
302 }
303}
304@media only screen and (min-width:1130px){
305 .catalog-col .product-frame{
306 min-height: 405px;
307 }
308}
309
310.links a,
311.links a:hover{text-decoration:underline}
312#kladr_autocomplete strong{color:#038ebd}
313#kladr_autocomplete .spinner{padding:0;width:16px;height:16px}
314#TB_load,
315#TB_window{display:none;top:50%;left:50%}
316#TB_HideSelect,
317#TB_overlay{position:fixed;top:0;left:0;height:100%;width:100%}
318#TB_window{font:12px Arial, Helvetica, sans-serif}
319#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666}
320.title,
321.title a,
322.title h1,
323.title h2,
324h1,
325h2,
326h3,
327h4,
328h5,
329h6,
330input,
331option,
332select,
333textarea{font-family:Arial, Verdana, Helvetica, sans-serif}
334#TB_window a:active,
335#TB_window a:focus,
336#TB_window a:link,
337#TB_window a:visited{color:#666}
338#TB_overlay{z-index:100}
339.TB_overlayBG{background-color:#000;filter:
alpha(opacity=75);
-moz-opacity:.75;opacity:.75}
340.used,
341.used img{filter:
alpha(opacity=40)}
342#TB_window{position:fixed;background:#fff;z-index:102;border:4px solid #525252;text-align:left}
343#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
344#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
345#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}
346#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}
347#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
348#TB_title{background-color:#e8e8e8;height:27px}
349#TB_ajaxContent{padding:2px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
350#TB_ajaxContent.TB_modal{padding:15px}
351#TB_ajaxContent p{padding:5px 0}
352#TB_load{position:fixed;height:13px;width:208px;z-index:103;margin:-6px 0 0 -104px}
353#TB_HideSelect{z-index:99;background-color:#fff;border:none;
-moz-opacity:0;opacity:0}
354#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px}
355#simplemodal-container{margin-top:-250px;box-sizing:content-box}
356#simplemodal-container .container{width:auto}
357#simplemodal-container .close{color:#0054e3;float:none;font-size:14px;font-weight:100;line-height:1.42857;opacity:1!important;text-shadow:none;position:static!important}
358.simplemodal-wrap{overflow:auto;
-webkit-overflow-scrolling:touch}
359.photos-wrapper-1 .img-limiter .fast-shipping-photos-full{
360 margin-right: 10px !important;
361}
362@media only screen and (max-width:767px){
363.photos-wrapper-1 .img-limiter .fast-shipping-photos-full{
364 margin-right: 9px !important;
365}
366.photos-wrapper{
367 max-width: 220px !important;
368}
369
370}
371@media only screen and (max-width:767px){#simplemodal-container{margin-top:0;top:15px!important;left:15px!important;right:15px!important;bottom:15px!important;width:auto!important;max-width:100%!important}
372}
373#simplemodal-container{height:auto!important;max-width:90%!important}
374#simplemodal-container .container{max-width:100%!important;min-width:auto!important}
375.simplemodal-overlay{background-color:#000}
376#simplemodal-container{color:#bbb;background-color:#fff;border:1px solid #444;padding:12px}
377#simplemodal-container code{background:#141414;border-left:3px solid #65b43d;color:#bbb;display:block;font-size:12px;margin-bottom:12px;padding:4px 6px 6px}
378#simplemodal-container a{color:#ddd}
379.simplemodal-container a.modalCloseImg{background:url(/img/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer}
380#simplemodal-container h3{color:#84b8d9}
381body,
382html{width:100%;height:100%}
383td{color:#333;font-size:12px}
384img{border:0}
385a{color:#0988bb}
386a:hover{color:#ff0e00}
387form{padding:0;margin:0}
388input,
389option,
390select,
391textarea{font-size:11px;color:#989898}
392.InpForm,
393.inpfrm{width:100%;border:1px solid #567d8f}
394.mt{width:100%;margin-bottom:30px;border:0}
395.phone{font-size:11px;width:150px}
396.phone a{color:#6a6a6a}
397.phone img{display:block;margin-bottom:4px}
398.items td{padding:0!important}
399.links{margin-bottom:7px}
400.links a{color:#0988bb}
401.links a:hover{color:#ff0e00}
402.links2{padding-bottom:0;border-bottom-width:1px;border-bottom-color:#e7e7e7;border-bottom-style:solid;margin-bottom:15px;padding-top:4px;border-top-width:3px;border-top-color:#e7e7e7;border-top-style:solid;margin-top:20px}
403.links2 .menu{margin-bottom:9px}
404.h12,
405.h14,
406.h17,
407.h18,
408.h20,
409.h22,
410.h24{font-weight:400;margin-right:0}
411.h12{font-size:12px}
412.h14{font-size:14px}
413.h17{font-size:17px}
414.h18{font-size:18px}
415.h20{font-size:20px}
416.h22{font-size:22px}
417.h24{font-size:24px}
418.txt11{font-size:11px;padding-left:0}
419.container{margin:0 auto;text-align:left}
420.left{width:160px;margin:0;padding:0 20px 0 0;vertical-align:top;overflow:hidden}
421.title,
422.title div,
423.title div div,
424.title div div div{width:100%;float:left}
425.main{margin:0 0 0 13em}
426.title,
427.title a,
428.title h1,
429.title h2,
430h1{font-size:17px;font-weight:400;text-decoration:none;color:#000;margin:0 0 7px}
431.title a:hover{color:#ff0e00}
432h2,
433h3,
434h4{font-family:Arial, Verdana, Helvetica, sans-serif;text-decoration:none;color:#000;margin:0 0 7px}
435h2,
436h3{font-size:16px}
437.prod_inf a,
438.title,
439.title2,
440h4{font-size:14px}
441.list a,
442.list a:hover,
443.title a,
444.title a:hover,
445a.adv_search,
446a.adv_search:hover{text-decoration:underline}
447.title{color:#333;background:url(/img/corner-lt.jpg) top left no-repeat #f6faf7}
448.title div{background:url(/img/corner-rt.jpg) top right no-repeat}
449.title div div{background:url(/img/corner-rb.jpg) bottom right no-repeat}
450.title div div div{background:url(/img/corner-lb.jpg) bottom left no-repeat;padding:6px 7px 6px 10px}
451.title2{border-bottom:#f1f5f7 solid 1px;margin:0 0 10px;padding:10px 0 5px;color:#666;font-weight:400}
452.title3{margin-bottom:19px;font-weight:700;color:#6a6a6a}
453.img-limiter div, .photos-full div{display: inline-block;}
454.dot-big{display: inline-block;background: rgb(86, 165, 16);height: 16px;width: 16px;margin-top: -51px; margin-right: 0px; padding: 0.5% 5%; float: right; transform: skewX(0deg);border-radius: 100%;border: 2px solid white;}
455.prod_inf{padding-top:10px;color:#333}
456.prod_inf a{color:#0988bb;font-weight:700}
457.prod_inf a:hover{color:#ff0e00}
458.prod td{padding-left:12px;padding-right:12px}
459.prod td.sl{margin:0;padding:0}
460.prod td.sr{padding-right:0}
461.prod_price{padding-top:10px}
462.prod_price span{font-size:27px;color:#f6ab48}
463.prod_price i{font-size:12px;font-style:normal;padding-right:10px}
464.prod_price img{vertical-align:top;padding-top:4px}
465.prod .photo{position:absolute}
466.prod .photo span{height:23px;padding-top:3px;display:block;font-size:11px}
467.prod .item-description{padding-top:10px;font-size:14px;color:#333;line-height:18px}
468.bl,
469.bl a,
470.bl span a{font-size:12px}
471.item-description p{margin-top:0;padding-top:0}
472.bl{vertical-align:top;color:#333;padding-top:6px}
473.bl a{color:#0988bb}
474.bl span a{color:#333}
475h1.top_title{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:13px;color:#fff;font-weight:400;margin:0;padding:7px 20px 0;overflow:hidden;width:850px;display:block}
476.search-field,
477a.adv_search{font-family:Verdana, Arial, Helvetica, sans-serif}
478.search-form{border:5px solid #b0b0b0;background:#b0b0b0;position:relative;overflow:hidden}
479.search-btn,
480.search-field{position:absolute;display:block}
481.search-field{border:1px solid #999;height:32px;left:-100px;width:100%;text-indent:110px;color:#b0b0b0;font-size:14px}
482.search-btn{border:none;cursor:pointer;right:34px;top:4px}
483.arr-right,
484.owl-next{right:0}
485a.adv_search{margin-top:5px;display:block;color:#128e09;font-size:17px}
486.content-item p,
487.content-item ul,
488.product_list{font-family:Arial, Verdana, Helvetica, sans-serif}
489a.adv_search:hover{color:#ed6b16}
490.list{font-size:14px;color:#333;width:100%;float:left;padding-top:5px}
491.list a{color:#25bc2c;padding:0 10px 0 0;display:block}
492.cat-list,
493.cat-list-active{display:inline;background:0 0;float:left}
494.list a:hover{color:#ff0e00}
495.links3 a,
496.list a sup,
497.pages td a{text-decoration:none}
498.list a sup{font-size:9px;font-weight:400;vertical-align:top;padding-top:3px}
499.cat-list,
500.podbor a{font-weight:700}
501.dforget .inf .prc img,
502.pages td,
503.product_list ul li{vertical-align:middle}
504.cat-list{font-size:17px}
505.cat-list-active{font-size:17px;padding:0 10px 0 0}
506.date,
507.hide,
508.menu li,
509.rasspisan b,
510.show,
511span.time{display:block}
512.links3{width:100%;float:left;background:url(/img/corner-lt.jpg) top left no-repeat #f1f5f7;margin-bottom:22px}
513.links3 div{width:100%;background:url(/img/corner-rt.jpg) top right no-repeat;padding-top:1px}
514.links3 div div{width:100%;background:url(/img/corner-lb.jpg) bottom left no-repeat}
515.links3 div div div{width:100%;background:url(/img/corner-rb.jpg) bottom right no-repeat;padding-bottom:7px}
516.links3 a{color:#567d8f}
517.links3 a:hover{background:0 0;color:#ff0e00}
518.content-item{margin-bottom:0;}
519.content-item p,
520.content-item ul{font-size:14px;line-height:20px;margin:0 0 10px;padding:0;color:#666}
521.content-item p img{margin:6px 12px 0 0;padding:0}
522.content-item p b,
523.content-item p strong{font-weight:400}
524.product_list a{color:#0988bb}
525.product_list a:hover{background:0 0;color:#ff0e00}
526.product_list th{font-size:14px;color:#567d8f;font-weight:400;text-align:left;border-bottom:#f1f5f7 solid 1px;padding:4px 6px 4px 4px}
527.product_list td{font-size:14px;border-bottom:#f1f5f7 1px solid;color:#333;padding:6px 5px 6px 3px}
528.product_list ul{margin:2px 0 0;padding:0;position:relative;text-align:left}
529.product_list ul li{margin:0;padding:0;list-style:none;text-align:left;float:left}
530.pages{margin:0;width:100%;text-align:center;background:url(/img/corner-lb.jpg) bottom left no-repeat #f1f5f7}
531.pages tr{width:100%;height:40px;background:url(/img/corner-rb.jpg) bottom right no-repeat}
532.pages td{font-size:17px;padding:0;white-space:nowrap;color:#567d8f}
533.pages td a,
534.pages td span{font-size:17px;padding:3px 7px}
535.pages td a{margin-left:2px;color:#567d8f}
536.pages td span{color:#333}
537.pages .btnl,
538.pages .btnr{margin:0;color:#fff;text-decoration:none}
539div.lmenu ul{margin:0 0 10px;padding:0}
540div.lmenu ul li{margin:0;padding:0;line-height:20px}
541div.lmenu ul li a{color:#333;text-decoration:underline;font-size:14px;font-weight:700}
542div.lmenu ul li ul li{margin:0;padding:0}
543div.lmenu ul li ul li a{color:#0988bb;text-decoration:underline;font-size:14px;padding-top:3px;padding-bottom:3px;font-weight:400}
544.alser a,
545.alser span,
546.dforget .inf a.ttl,
547.rasspisan b,
548.ttl,
549.ttl a,
550.zakaz div.title{font-weight:700}
551div.lmenu ul li a:hover{color:#ff0e00;text-decoration:underline}
552div.lmenu ul li ul li a.s{background:url(/img/menu-arrow.jpg) 0 8px no-repeat;padding-left:20px;color:#ff0e00;font-weight:700}
553div.lmenu ul li ul li a.s:hover{color:#ff0e00;text-decoration:underline}
554.menu{background:0 0}
555.menu ul{margin:0;padding:0}
556.menu li{margin:0;width:100%;padding-bottom:5px}
557.hide,
558.show{width:100%;padding-bottom:4px;margin-bottom:10px;margin-top:-10px;padding-left:10px;color:#0988bb;text-decoration:none}
559.left-round-block,
560.left-round-block div,
561.left-round-block div div,
562.left-round-block div div div{width:160px;margin:0;padding:0;overflow:hidden}
563.left-round-block{font-size:14px;color:#333;background:url(/img/corner-lt.jpg) top left no-repeat #f1f5f7;margin-top:10px}
564.left-round-block div{background:url(/img/corner-rt.jpg) top right no-repeat}
565.left-round-block div div{background:url(/img/corner-rb.jpg) bottom right no-repeat}
566.left-round-block div div div{background:url(/img/corner-lb.jpg) bottom left no-repeat}
567.left-round-block h3{font-size:14px;width:150px;margin:0;padding:7px 0 10px}
568.left-round-block a{color:#567d8f;text-decoration:none}
569.left-round-block a:hover{color:#ff0e00;text-decoration:underline}
570span.time{height:16px;padding-top:0;padding-bottom:7px}
571.rasspisan{line-height:19px;color:#6a6a6a;font-size:11px;padding-left:6px;padding-top:2px}
572.rasspisan b{font-size:15px;color:#000;margin-bottom:0}
573.specialisation{font-size:12px;color:#333;margin:0;padding:0 0 5px}
574ul.spec a{text-decoration:none}
575ul.spec a:hover{text-decoration:underline;color:#ff0e00}
576ul.spec{margin:0;padding:0 0 13px;line-height:16px;font-size:11px}
577.anal,
578.dforget{margin-bottom:20px}
579.prigoditco{line-height:18px}
580.anal{line-height:24px}
581.anal b{color:#567d8f}
582.anal i{color:#000}
583.anal i span{color:#ee1212}
584.dforget{width:100%}
585.dforget .pic,
586.dforget .pic2{text-align:center;width:106px}
587.dforget .infin{padding-left:18px!important}
588.dforget .inf a.ttl{font-size:12px}
589.dforget .inf a.ttl span{width:1px;position:absolute;margin-left:-9px;margin-top:4px}
590.dforget .inf .prc{margin-top:7px;margin-bottom:7px;font-size:14px;color:#333;white-space:nowrap}
591.dforget .inf .lnksm,
592.dforget .inf .lnksm a{font-size:10px;color:#666}
593.dforget .inf .lnksm{padding-bottom:20px}
594.akciya{margin-bottom:30px}
595.akciya td{vertical-align:top;font-size:11px}
596.date{margin-bottom:4px;color:#666}
597.akciya .lnk,
598.alser span,
599.ttl a{color:#567d8f;display:block}
600.ttl{padding-bottom:5px;display:block}
601.ttl a{margin-bottom:2px}
602.akciya .lnk{padding-top:5px}
603.akciya .pic{padding-right:8px;padding-left:8px;vertical-align:middle;width:100px;text-align:center}
604.poll label,
605.poll td{text-align:left}
606.alser{padding-left:20px;width:33%}
607.alser span{margin-bottom:27px}
608.alser a,
609.slink,
610.slink a{color:#6a6a6a}
611.alser a{font-size:14px}
612.slink{font-size:9px;display:block;margin-left:14px}
613.poll .poll_question,
614.poll td{font-size:11px}
615.bmenu li,
616.bmenu ul.a li{font-size:14px;float:left;list-style-type:none}
617.bmenu,
618.bmenu ul{margin:0;padding:0}
619.bmenu li{margin-left:17px;margin-right:24px;margin-bottom:0}
620.bmenu ul.a{margin:0;padding:0}
621.bmenu ul.a li{margin-left:17px;margin-right:15px}
622.bmenu li.s,
623.bmenu ul.a li.s{margin-left:0;margin-right:0}
624.bmenu a{color:#787a7b;text-decoration:none}
625.bmenu a:hover{color:#787a7b;text-decoration:underline}
626.bmenu li.s a,
627.bmenu li.s span{background-color:#fb5900;color:#fff;padding:1px 8px}
628.bmenu li.s a:hover{color:
#7tff0e00;
ext-decoration:underline}
629.news_date,
630.news_date a{color:#666}
631.news_date{font-size:11px}
632.calendar td,
633.calendar td a{color:#6a6a6a}
634.news_title{font-size:17px;margin-bottom:15px}
635.calendar td,
636.footer,
637.footer td,
638.zakaz{font-size:11px}
639.news_pic{float:left}
640.news_pic td{text-align:center;vertical-align:middle}
641.param td,
642td.rr{vertical-align:top}
643.news_end{margin-bottom:18px}
644.calendar{margin-top:0;margin-bottom:9px}
645.calendar td{padding-right:6px}
646.calendar input{width:61px;font-size:11px;padding:1px 0 0 3px;color:#000}
647.calendar .c,
648.icons{padding-right:0}
649.calendar input.btn{width:auto;height:auto}
650td.rr{width:40%}
651.icons{margin-top:0;margin-bottom:-20px;border-spacing:10px;float:right;position:relative}
652.icons td{border:none;padding:0}
653.icons span{margin-right:6px}
654.parametr{color:#567d8f;padding-bottom:10px;width:100%}
655.parametr a{color:#666}
656.param{border-top:#fafafa solid 1px;width:100%}
657.param td{line-height:18px;padding:10px}
658.param tr.gr td{background-color:#fafafa}
659.param td.rr{border-left:#fafafa solid 1px;padding-top:28px;width:70%}
660.param td.rr img{margin-top:10px;margin-bottom:10px}
661#attributes,
662#short_attributes{width:
100% px}
663.footer{color:#787a7b;margin-top:41px;border-top:#e7e7e7 1px solid;padding-top:20px}
664.footer td{color:#787a7b;padding-right:10px;padding-top:5px}
665.footer td span{width:150px;display:block}
666.zakaz{width:290px;background-color:#dfdfdf;border:1px solid #8b8b8b;position:absolute;z-index:1;padding:18px 19px 24px}
667.zakaz div.title{font-size:14px;color:#6a6a6a;border-bottom:2px #8b8b8b solid;padding-bottom:3px;margin-bottom:17px;text-align:left}
668.zakaz td{border:none;padding:0 0 3px;font-size:11px;text-align:left}
669.zakaz td td{padding-top:10px}
670.zakaz td a{color:#567d8f!important}
671.footer .menu{text-align:left;position:relative;margin-top:-29px}
672.footer .menu ul{margin:0;padding:0 14px;list-style-type:none;text-align:center}
673.footer .menu li{margin:0;display:inline;color:#787a7b;font-size:12px;border-right:#787a7b 1px solid;padding-right:8px;padding-left:8px;background-color:#fff}
674.footer2,
675.footer2 td,
676.footer3{font-size:11px;color:#787a7b}
677.footer .menu li.last{margin-right:0;border-right:none}
678.footer .menu li a{font-weight:400;color:#787a7b;text-decoration:none}
679.footer .menu li a:hover{text-decoration:underline}
680.footer2{margin-top:41px;padding-top:20px}
681.footer2 td{padding-right:10px;padding-top:5px}
682.footer2 td span{width:150px;display:block}
683.footer3{margin-top:40px;border-top:#e7e7e7 1px solid;padding-top:20px}
684.footer3 .menu{text-align:center;margin-bottom:15px;position:relative;margin-top:-29px}
685.footer3 .menu ul{margin:0;padding:0 14px;list-style-type:none;text-align:center}
686.footer3 .menu li{margin:0;display:inline;color:#787a7b;font-size:12px;border-right:#787a7b 1px solid;padding-right:8px;padding-left:8px;background-color:#fff}
687.btninp,
688.lnk{font-size:11px}
689.footer3 .menu li.last{margin-right:0;float:none;border-right:none}
690.footer3 .menu li a{font-weight:400;color:#787a7b;text-decoration:none}
691.footer3 .menu li a:hover{text-decoration:underline}
692.basket_sum th{text-align:left;color:#6a6a6a;padding-bottom:4px}
693.basket_sum td{padding-top:8px;padding-bottom:10px;border-top:#e7e7e7 solid 1px}
694.basket_sum tr.sum td,
695.basket_sum tr.sum th{border-top:#e7e7e7 3px solid;padding-top:6px;padding-bottom:7px}
696.basket_sum tr.sum td b{color:#000}
697.basket_sum tr.sum th{text-align:right;padding-right:34px}
698#msgBox,
699.btnsubm{text-align:center}
700.basket_sum tr td a{text-decoration:none}
701a.uline,
702a.uline:hover{text-decoration:underline}
703.basket_sum td td{padding:0 5px;border:none}
704.btnl,
705.btnr{height:13px;display:block;background-image:url(/img/btn_arr.gif);background-repeat:no-repeat;padding:0}
706.btnl{width:13px;background-position:0 0}
707.btninp{width:24px;float:left}
708.btnr{width:13px;background-position:-47px 0}
709.b,
710.bctitle,
711.h1inline h1,
712.title h2,
713.title h3{display:inline}
714.lnk{color:#6a6a6a}
715.UserAgree{border:1px solid #ccc;margin-bottom:3px;font-family:"Times New Roman", Times, serif;font-size:14px;padding:18px 10px}
716.space{height:20px}
717#attributes h2{margin:0;font-size:13px}
718.b{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:18px;font-weight:400}
719.select{padding-right:0}
720#msgBox{background-color:#f1f5f7;border:1px solid #0988bb;padding:24px;position:absolute;left:100px;top:400px;width:260px;color:#0988bb;font-family:Arial, Verdana, sans;font-size:14px;display:none;z-index:100000}
721#tag_cloud{line-height:26px;text-align:justify;color:#567d8f}
722#tag_cloud a{margin-right:10px}
723.top_menu .menu li{color:#333;display:inline-block!important;font-size:12px;padding:0 10px;width:auto!important}
724.tags_block a:hover,
725.top_menu a:hover,
726a.uline:hover{color:#ff0e00}
727.top_menu{padding:10px 0}
728.top_menu .menu{padding:5px;border:1px solid #b9b9b9;
-moz-border-radius:0;
-webkit-border-radius:0;border-radius:0;background:#fefcea;background:
-moz-linear-gradient(top, #fff, #f8f8f8);background:
-webkit-gradient(linear, left top, left bottom,
color-stop(0, #fff),
color-stop(100%, #f8f8f8));background:
-webkit-linear-gradient(top, #fff, #f8f8f8);background:
-o-linear-gradient(top, #fff, #f8f8f8);background:
-ms-linear-gradient(top, #fff, #f8f8f8);background:linear-gradient(top, #fff, #f8f8f8)}
729#colorselector [type=radio][disabled]+img,
730.error input,
731.error textarea{border:2px solid red}
732.tags_block{float:left;width:260px;margin-left:10px;margin-bottom:10px}
733.tags_block a{margin-left:0!important}
734.add_to_basket{text-decoration:none;display:inline-block;text-transform:capitalize;font-weight:400;font-size:14px;width:88px;height:24px;line-height:24px}
735.add_to_basket.second{background:#ccc}
736.add_to_basket.small{display:inline;width:auto;height:auto;background:0 0}
737.after-order a{color:#0054e3!important;text-decoration:underline;font-size:14px;position:static!important;background:0 0!important}
738.after-order a:hover{color:#1a5684!important;text-decoration:underline}
739#colorselector .error{color:red;font-size:12px;height:15px;margin:10px 0}
740#colorselector label{cursor:pointer;margin:2px;display:inline-block;text-align:center}
741#colorselector label span{color:#000;font-size:11px;font-weight:700;word-wrap:break-word}
742#colorselector label [type=radio]{display:none}
743#colorselector .ieSelected img,
744#colorselector [type=radio]:checked~img{
-moz-box-shadow:0 0 0 5px #ff4f00;
-webkit-box-shadow:0 0 0 5px #ff4f00;box-shadow:0 0 0 5px #ff4f00;margin:0}
745#colorselector [type=submit]{font-size:18px;padding:5px;color:#000}
746#colorselector [type=submit]:last-child{display:block;float:right}
747.like-button-horizontal[data-snid=vk]{width:90px}
748.like-button-horizontal[data-snid=gp]{width:60px}
749div.error{color:red}
750.UserAgree div{display:block}
751form div.field{display:block;margin-left:15em;padding:.5em 0}
752form div.field label{float:left;width:14.8em;margin-left:-15em}
753form div.field input,
754form div.field select{font-size:1.2em;height:1.4em;width:24em;display:block}
755form div.submit input{width:auto;height:auto;font-size:auto}
756form div.field textarea{width:24em;height:8em;font-size:1.2em}
757.used{opacity:.4}
758.add_to_basket,
759.add_to_compared,
760.add_to_saved{cursor:pointer;cursor:
hand}
761.menu{margin-bottom:0!important}
762.footer .menu{margin-bottom:15px!important}
763.menu li,
764.menu li.last{float:left!important}
765.footer .menu li,
766.footer .menu li.last{float:none}
767.bmenu li{margin:0 .8em 0 0!important;padding:0!important}
768.bmenu li a,
769.bmenu li span{margin:0!important;padding:.2em .3em!important;line-height:1.5em!important}
770.bmenu li a:hover{text-decoration:none!important;background-color:#fb5900;color:#fff}
771.page_title{color:#008ebc}
772.clear{display:block;height:1px;font-size:1px;line-height:1px;margin:0;padding:0}
773fieldset{border:1px solid #ccc;padding:1em}
774legend{font-weight:700;color:#111}
775form.small div.field{margin-left:12em}
776form.small div.field label{margin-left:-11em;width:10em}
777form.ajax{display:block;padding:6px 12px 12px;margin:-7px 0 0 -13px;background:#e7e7e7;border:1px solid #8b8b8b;width:240px;position:relative;z-index:99}
778form.ajax div.field{padding:.1em 0;margin:0}
779form.ajax div.field label{display:block;position:static;float:none;margin:0;padding:0;width:auto;font-size:11px}
780#helper,
781.arr{position:absolute}
782form.ajax a.toggle,
783form.ajax h2{border-bottom:2px solid #8b8b8b;margin:0 0 .5em}
784form.ajax div.field input,
785form.ajax div.field textarea{color:#111;padding:1px;width:97%;font-size:11px}
786form.ajax div.submit input{width:auto}
787form.ajax h2{font-size:14px;padding:.5em 0 .3em;color:#6a6a6a;display:none}
788form.ajax a.toggle{display:block;padding:0 0 .3em}
789form.ajax span.desc{display:block;padding:0;margin:0;color:#555;font-size:11px;line-height:13px}
790form.attributes div.attr_range input{display:inline;width:5em}
791form.attributes div.attr_number select{display:inline;width:5em;height:auto!important;border:
auto!important}
792form.attributes div.attr_number input{display:inline;width:6em;margin-left:1em}
793form.attributes div.attr_list select{height:8em;width:20em}
794form.attributes div.attr_bool input{display:inline;width:auto;height:auto}
795form.attributes input,
796form.attributes option,
797form.attributes select{font-size:12px!important;color:#000!important;padding:0}
798.product_list th a.nolink{color:#567d8f;text-decoration:none}
799.product_list th{vertical-align:bottom!important}
800#top_menu{width:520px;margin-left:auto;margin-right:auto;padding-left:0}
801.srch{border:1px solid #008ebc}
802td.mt{padding-left:20px;padding-right:20px}
803.news_pic{height:auto!important;width:160px!important}
804#helper,
805body{width:100%;height:100%}
806.tag_tag0,
807.tag_tag1,
808.tag_tag2,
809.tag_tag3,
810.tag_tag4,
811.tag_tag5,
812.tag_tag6{font-size:14px}
813body{margin:0}
814#helper{top:0;left:0;z-index:-10}
815li{list-style-position:inside}
816.orderer{font-size:16px;margin:5px auto;border:1px solid #ccc;padding:2px}
817.orderer a{text-decoration:none;border-bottom:1px #ccc dashed;line-height:20px;text-transform:lowercase;margin:0 10px}
818.orderer a:hover{color:#333;border-color:#333}
819.orderer a.active{color:#ff4e00;border-color:#ff4e00}
820.container{width:1340px}
821.alert{padding:.3em 1em;font-size:.7em;margin-bottom:.7em}
822#basket_items_ico,
823.catalog-col,
824.tags-row{margin-bottom:30px}
825.ico_basket{background:url(/img/basket-ico.jpg)}
826#basket_items_title,
827#basket_items_title:hover{text-decoration:none;color:#0988bb}
828#basket_items_ico{margin-right:10px;margin-top:3px;float:left}
829.search-form{height:42px}
830#footer{padding:1em 0}
831#footer .col-sm-12{padding:1em}
832#footer .text-right img{max-width:80%}
833.tags-row span{display:block;margin-top:6px}
834.tags-row a{display:block}
835.owl-carousel .owl-item img{max-width:100%;max-height:100%;width:auto!important;height:auto!important}
836#current_photo img,
837.page-wrapper table{max-width:100%!important}
838#current_photo img{width:auto!important;height:auto!important;max-height:100%!important}
839.prod .print{margin-top:25px;padding-top:7px;line-height:1.3em;vertical-align:middle}
840.catalog-col{padding-top:20px}
841
842/*.catalog-col:nth-child(1),
843.catalog-col:nth-child(2),
844.catalog-col:nth-child(3),
845.catalog-col:nth-child(4),
846.catalog-col:nth-child(5){border-top:none}*/
847.product-col {border: 2px solid transparent;}
848.product-col .small{font-size:75%;margin:7px 0 0}
849.product-col>img{margin:4px 4px 4px 0!important}
850.owl-carousel .product-col>a>img,
851.product-col>a>img{height:auto;max-height:100%!important;display:block;width:auto;max-width: max-content;margin-bottom: 10px;object-fit:cover;/*margin:0 auto 10px*/}
852.owl-carousel .product-col>a>img{height:200px}
853.owl-carousel .product-col>a{height:150px!important;display:flex;display: -ms-flexbox;}
854.product-col>a{height:150px!important;display: -ms-flexbox;display: -webkit-box;display: flex;
-webkit-box-align: center;
-webkit-box-pack: end;justify-content: center;}
855.product-col .prod_inf a{text-decoration:underline;display:block;padding-right:15px;height:40px;overflow:hidden;text-overflow:ellipsis}
856.add_to_basket:hover,
857.product-col-title,
858ul.cat-menu li a{text-decoration:none}
859.product-col-title{background:#f6faf7;color:#333;font-size:17px;font-weight:400;margin:0 0 7px}
860.arr{top:50%;width:48px;height:48px;cursor:pointer;font-size:26px;line-height:48px;text-align:center;z-index:10;display:block;background-color:#eee;margin-top:-24px}
861.arr:hover{background-color:#e3e3e3}
862.arr-left{left:0}
863.list a sup{top:0;line-height:1.42857}
864.toggle-catalog{margin-bottom:.5em;font-size:1em}
865.toggle-catalog.colored{background:#ed8d63;border-color:#dc7c52;color:#fff}
866.tags-col.active:before,
867.tags-col:before{background-position:center center;background-repeat:no-repeat}
868.page-wrapper table td{vertical-align:top;text-align:left}
869.page-wrapper table p{margin:0;line-height:1.5em}
870.page-wrapper hr{margin:.5em 0}
871img{max-width:100%}
872.tags-col a{display:none}
873.tags-col span,
874.tags-col.active a{display:block;border-bottom:1px solid #eee;margin:0}
875.tags-col.active a{padding:.4em 1em;font-size:.8em;color:#333}
876.tags-col:before{font-size:.7em;color:#888;padding:.45em 1em;content:"";height:32px;background-image:url(/img/down-9x8.png);float:right}
877.tags-col.active:before{background-image:url(/img/up-9x8.png)}
878.tags-col span{background:#f8f8f8;padding:.4em 1em;font-size:.9em;color:#333;cursor:pointer}
879.tags-col span:hover,
880.tags-col.active span{background:#f4f4f4}
881.tags-row .tags-col:first-child span{border-radius:.5em .5em 0 0}
882.tags-row .tags-col:last-child span{border-radius:0 0 .5em .5em}
883@media only screen and (max-width:800px){.labels-block{margin-right: 0;left: 15% !important;}
884}
885.labels-block span.bestseller-text{
886
887}
888
889.label-text{
890 display: inline-block;
891 background: rgb(86, 165, 16);
892 color: rgb(255, 255, 255);
893 padding: 5%;
894 text-align: center;
895 white-space: nowrap;
896 text-transform: uppercase;
897 font-size: 12px;
898 transform: skewX(-15deg);
899 transform-origin: 100% center;
900 vertical-align: baseline;
901 margin: 10px auto 5px auto;
902 min-width: 150px;
903 max-width: 150px;
904}
905.labels-block{
906 position: absolute;
907 float: right;
908 left: 10%;
909 width: min-content;
910}
911.labels-block img{
912 margin-bottom: 6px;
913 max-width:30px;
914 min-width:30px;
915 vertical-align: middle;
916}
917
918@media only screen and (max-width:1350px){.container{max-width:1200px}
919.main-sidebar-bg{margin-right:-20px}
920}
921
922@media (max-width:1200px){
923 /*.catalog-col:nth-child(5){border-top:1px solid #ddd}*/
924 .catalog-col:nth-child(n+1){clear:none}
925 .catalog-col:nth-child(4n+1){clear: both;}
926 .main-sidebar-bg{margin-right:0}
927}
928@media (max-width:990px){
929 /*.catalog-col:nth-child(4){border-top:1px solid #ddd}*/
930 .catalog-col:nth-child(n+1),
931 .catalog-col:nth-child(2n+1){clear:none}
932 .catalog-col:nth-child(3n+1){clear: both;}
933}
934@media (max-width:760px){
935 /*.catalog-col:nth-child(3){border-top:1px solid #ddd}*/
936 .catalog-col:nth-child(n+1),
937 .catalog-col:nth-child(3n+1),
938 .catalog-col:nth-child(4n+1){clear:none}
939 .catalog-col:nth-child(2n+1){clear: both;}
940}
941/*@media (max-width:1220px){.container{max-width:1100px}
942.catalog-col:nth-child(4){border-top:1px solid #ddd}
943.catalog-col:nth-child(3n+1),
944.catalog-col:nth-child(4n+1),
945.catalog-col:nth-child(5n+1){clear:none}
946.catalog-col:nth-child(4n+1){clear:both}
947.catalog-col:nth-child(5){border-top:1px solid #eee}
948.main-sidebar-bg{margin-right:0}
949}*/
950@media (max-width:1140px){body{font-size:18px;line-height:24px}
951.container{max-width:740px}
952.header-new .text-right,
953.header-new .text-right a,
954.header-new .text-right span{font-size:1em!important;padding-left:0}
955#basket_items_ico{display:none}
956.basket-col{padding:2em 0 0;text-align:center}
957.product-col .prod_inf a{height:46px}
958.logo img{width:150px}
959}
960@media only screen and (max-width:767px){body{font-size:20px;line-height:26px}
961.display-on-hover {
962 opacity: 1 !important;
963}
964.product-col:hover .hidden {
965 border-right: unset;
966 border-left: unset;
967}
968.product-col{
969 border:unset;
970}
971.hidden {
972 display: block !important;
973 position: absolute;
974 top: auto;
975 background: white;
976 left: 0px;
977 width: -webkit-fill-available;
978 height: fit-content;
979 margin: -2px;
980 /*border-bottom: 2px solid rgb(0,0,0,.1);*/
981 z-index: 10;
982}
983.product-col{
984 height: 390px;
985}
986.catalog-col:hover {
987 background: transparent;
988 border-radius:unset;
989 border: none;
990}
991/*.catalog-col:nth-child(2){border-top:1px solid #ddd}*/
992.container{max-width:600px}
993.header-new,
994.header-new .text-right{text-align:center!important}
995.product-col-title,
996.product-row .product-col,
997.title h2,
998h1,
999h2{text-align:center}
1000.fast-shipping{left: unset !important;right: 55px;}
1001.top_menu{display:none}
1002.top_menu.active{display:block}
1003.top_menu .menu{border:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff!important;z-index:10;display:block}
1004.top_menu .menu li{float:none;display:block!important;text-align:center;width:100%!important;padding:0;margin:0}
1005.top_menu .menu li a{display:block;padding:.8em .4em;font-weight:100;font-size:1.5em;text-decoration:none;border-bottom:1px solid #eee}
1006.top_menu .menu li a:hover{background:#f6f6f6}
1007.photos-wrapper:hover .photos-full,
1008.product-row .photos-full{display:none!important}
1009.product-col-title{padding:.5em;margin:1.4em 0 .6em;font-size:1.6em}
1010.title h2,
1011h1,
1012h2{margin:.8em auto .6em;font-size:17px}
1013#colorselector label{width:35px!important}
1014#colorselector label span{font-weight:100!important;font-size:10px!important}
1015.logo img{width:auto}
1016}
1017#colorselector:checked~img,
1018#colorselector [type=radio]~img{margin:0}
1019@media (max-width:620px){body{font-size:16px;line-height:22px}
1020.container{max-width:450px}
1021.phones-top{padding-top:.5em;margin-bottom:-1em;display:block!important}
1022.phones-top a{display:block;line-height:1.7em;font-size:14px}
1023.phones-top a.color{color:#939393}
1024.basket-col{margin-bottom:.5em}
1025.product-col .prod_inf>a{overflow:visible;text-overflow:initial;white-space:normal;height:auto}
1026.product-col .small{font-size:100%}
1027.product-col .add_to_basket{display:block;font-size:1.5em;height:2em;line-height:2em;width:100%;margin:10px auto}
1028#footer{text-align:center}
1029#footer .col-sm-6{padding:2em 0}
1030.compact-mode-hide{display:none}
1031.compact-mode-show{display:inline-block!important}
1032}
1033#colorselector,
1034.page-wrapper iframe{max-width:100%!important}
1035.owl-carousel{padding:0 20px}
1036.owl-next,
1037.owl-prev{position:absolute;top:50%;margin-top:-100px;display:block;width:30px;height:200px;background:url(/img/arrows.png);opacity:.2;transition:opacity .3s}
1038.owl-next:hover,
1039.owl-prev:hover{opacity:.5;transition:opacity .3s}
1040.owl-prev{left:0;background-position:0 -200px}
1041.card-color-preview{color:#567d8f;margin-bottom:4px;cursor:pointer}
1042.card-color-preview:hover{color:#356}
1043.bctitle{font-size:17px!important;font-weight:100}
1044.scrollToTop{position:fixed;bottom:25px;right:40px;display:none;border-radius:12px 4px;transition:background .3s;z-index:100;cursor:pointer}
1045.scrollToTop:focus,
1046.scrollToTop:hover{transition:background-color .3s}
1047#gallery-meta{position:relative;top:-5px;padding:0 28px}
1048.basket_sum th{font-size:.9em}
1049.basket_sum tr td a.btn{color:#444}
1050#colorselector{min-width:auto!important}
1051#colorselector label{width:70px;line-height:14px}
1052.readmore{clear:both;position:relative}
1053.readmore[aria-expanded=false]:before{content:"";position:absolute;top:70%;bottom:0;left:0;right:0;background:
-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);background:
-webkit-gradient(linear, left top, left bottom,
color-stop(0, rgba(255, 255, 255, 0)),
color-stop(100%, #fff));background:
-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);background:
-o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);background:
-ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)}
1054.readmore-active:before{display:none!important}
1055.dwn-arr,
1056.readmore-link,
1057.up-arr{display:block;background-repeat:no-repeat}
1058.readmore-link{opacity:.3;margin:15px 0;height:32px;background-position:50% 50%}
1059.readmore-link:hover{opacity:.5}
1060.readmore-link.down{background-image:url(/img/down.png)}
1061.readmore-link.up,
1062.up-arr{background-image:url(/img/up.png)}
1063.dwn-arr,
1064.up-arr{float:right;width:16px;height:16px;background-size:contain}
1065.label,
1066.label>span{display:inline-block}
1067.dwn-arr{background-image:url(/img/down.png)}
1068.label{margin-right:5px!important;margin-bottom:5px!important;font-weight:100!important;font-size:12px;overflow:hidden;white-space:normal}
1069.label>span{background:rgba(0, 0, 0, .05);border-radius:0 3px 3px 0;padding:4px 6px;box-shadow:-1px 0 0 rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .2) inset;margin:-2px -8px -4px 8px}
1070.label-default{background:#eee!important;color:#333!important}
1071.label-default:hover{background:#e4e4e4!important;color:#000!important}
1072.label-default>span{box-shadow:-1px 0 0 rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .5) inset}
1073.label-success{background:#fa8459!important;color:#fff!important}
1074.label-success:hover{background:#f27d52!important;color:#fff!important}
1075.header-line{border-bottom:1px solid #eee;margin:0 0 12px}
1076iframe[name=google_conversion_frame]{height:0}
1077.photos-wrapper{position:relative}
1078.photos-wrapper .img-limiter{height:30px!important;overflow:hidden;text-align: center;margin-top: 15px;}
1079.photos-wrapper .photos-full{display:none;box-shadow:0 0 3px 1px transparent, 0 0 0 1px transparent;text-align: center;}
1080/*.photos-wrapper:hover .photos-full{display:block;position:absolute;bottom:0px;left:-5px;width: -webkit-fill-available;height: fit-content;background:#fff;box-shadow:0 0 3px 1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);transition:box-shadow .3s;padding:5px 1px 1px 5px;z-index:10}*/
1081.photos-wrapper:hover .photos-full img{display:inline-block;margin:0 5px 0 0;transform:scale(1);transition:transform .1s ease-out}
1082.photos-wrapper .photos-full img:hover{transform:scale(2.5);transition:transform .1s ease-out;
-moz-box-shadow:0 0 0 2px #fff;
-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;position:relative;z-index:10}
1083.photos-wrapper{min-height:20px;margin:2px 0}
1084.owl-item .photos-wrapper img,
1085.photos-wrapper img{
1086 width: 26px !important;
1087 /*height: 26px!important;*/
1088 border-radius: 50%;
1089
-o-border-radius:50%;
1090
-ms-border-radius:50%;
1091
-moz-border-radius: 50%;/* Firefox */
1092
-webkit-border-radius: 50%;/* Safari, Chrome */
1093
-khtml-border-radius: 50%; /* KHTML */
1094 background-clip: padding-box;
1095
-webkit-background-clip: padding-box;
1096 border: 1px solid white;
1097 }
1098@media (max-width:450px){.container{margin:0 auto!important;padding:0!important;max-width:90%!important;width:90%!important}
1099.photos-wrapper .img-limiter{/*height:auto!important;overflow:visible*/}
1100.photos-wrapper{width:auto!important;overflow:visible!important}
1101}
1102ul.cat-menu,
1103ul.cat-menu li,
1104ul.cat-menu li a{margin:0;display:block}
1105ul.cat-menu svg {
1106 height: 48px;
1107 width: 100%;
1108 margin-bottom: 10px;
1109}
1110.lt-320{display:none}
1111@media (max-width:319px){.container{padding-left:5px!important;padding-right:5px!important;max-width:100%!important;width:100%!important}
1112.lt-320{display:inline-block}
1113.gt-320{display:none}
1114.has-description{display:none!important}
1115}
1116.has-submenu ul{display: block;}
1117.cat-menu-wrapper{opacity:0;transition:opacity .3s ease-in}
1118.cat-menu-wrapper.ready{opacity:1;text-align: justify;transition:opacity .2s ease-in}
1119ul.cat-menu{padding: 0;font-size: 16px;}
1120.top-menu-left ul.cat-menu{padding: 0;font-size: 16px;width: 7%; text-align: center;}
1121@media (max-width:1130px){.top-menu-left ul.cat-menu{width: 7%;}}
1122@media (max-width:1065px){.top-menu-left ul.cat-menu{width: 7%;font-size: 15px;}}
1123.last-sub-menu{
1124 right: 0;
1125 left: auto !important;
1126 padding-inline-start: 0;
1127}
1128.last-sub-menu:before{
1129 left: auto !important;
1130 right: 21%;
1131}
1132.last-sub-menu:after{
1133 left: auto !important;
1134 right: 21%;
1135}
1136ul.cat-menu li{padding:0;position:relative;display: inline-block;width: 100%}
1137ul.cat-menu li.has-submenu:after,
1138ul.cat-menu li.has-submenu:before{/*content:"";display:block;position:absolute;right:-2px;top:22px;border:4px solid #ccc;border-color:transparent transparent transparent #ccc*/}
1139ul.cat-menu li.has-submenu:after{/*right:0;top:12px;border:3px solid #fff;border-color:transparent transparent transparent #fff*/}
1140ul.cat-menu li a{padding:9px 5px 9px;text-align: -webkit-center;color:#222}
1141li.has-submenu > ul.cat-menu li a{padding: 9px 0 4px 25px !important;text-align: left !important;}
1142ul.cat-menu li a img{display: block;}
1143.city-chooser,
1144.city-chooser__city,
1145.js-link,
1146.js-link:hover{text-decoration:none!important}
1147ul.cat-menu>li>a:hover{background:#f6f6f6;color:#ff4e00}
1148.owl-carousel-related,
1149.owl-carousel-related.owl-loaded{background-color:#fff}
1150ul.cat-menu li.active.has-submenu:after,
1151ul.cat-menu li.active.has-submenu:before{display:none}
1152ul.last-sub-menu li a{
1153 float: left;
1154 padding-left: 15px;
1155}
1156ul.cat-menu>li.active>ul:after,
1157ul.cat-menu>li.active>ul:before{display:none}
1158ul.cat-menu>li.active>ul a.s:before{content:"•";color:#0988bb;margin-right:4px}
1159ul.cat-menu ul{display:none;position:absolute;top:auto;left:-40px;width:270px !important;background:#fff;border:1px solid #ddd;z-index:10;border-radius:6px;padding-top:6px;padding-bottom:6px;box-shadow:0 3px 4px rgba(0, 0, 0, .1)}
1160@media (max-width:1665px){
1161 ul.cat-menu ul{
1162 left:-70px;
1163 }
1164}
1165li.has-submenu:hover > a:after,
1166li.has-submenu:hover > a:before{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:0;border:6px solid #fff;border-color: transparent transparent #ddd transparent;}
1167ul.cat-menu ul>li,
1168ul.cat-menu ul>li>a{/*display:block!important*/}
1169li.has-submenu:hover > a:after{border:5px solid #fff;position: absolute;border-color: transparent transparent #fff transparent;left:50%;bottom:-1px;z-index: 99;}
1170
1171
1172@media (min-width:992px){ul.cat-menu li:hover ul{display:block!important}
1173}
1174ul.cat-menu ul>li>a{/*padding-left:15px;padding-right:15px;*/border:none!important}
1175.has-submenu .dwn-arr,
1176.has-submenu .up-arr,
1177.toggle-sub-btn{display:none!important}
1178.cat-menu-wrapper ul{display: inline-table;}
1179/*.gt769 .cat-menu-wrapper{display:block !important}*/
1180@media only screen and (max-width:992px){
1181ul.cat-menu svg {
1182 height: 100%;
1183 width: 48px;
1184 vertical-align: middle;
1185 margin-right: 10px;
1186}
1187.top-menu-block{
1188 box-shadow: unset !important;
1189 margin-top: 0 !important;
1190 }
1191 .top-menu-left ul.cat-menu{
1192 width: 100% !important;
1193 text-align: left;
1194 padding: 0 10px;
1195 }
1196 .last-item-menu{
1197 margin-bottom: 15px !important;
1198 }
1199 ul.cat-menu li a{
1200 text-align: left;
1201 border-bottom: 1px solid #ddd;
1202 padding: 3px 9px;
1203 }
1204 ul.cat-menu li a img{
1205 width: 30px !important;
1206 margin-right: 10px !important;
1207 display: inline-block !important;
1208 }
1209 .has-submenu{
1210 border-bottom: 1px solid #ddd;
1211 }
1212.cat-menu-wrapper,
1213ul.cat-menu li.has-submenu:after,
1214ul.cat-menu li.has-submenu:before{display:none}
1215.has-submenu .toggle-sub-btn{position:absolute;display:block!important;cursor:pointer;opacity:1 !important}
1216.has-submenu .toggle-sub-btn:focus,
1217.has-submenu .toggle-sub-btn:hover{opacity:.6}
1218ul.cat-menu ul{width:auto;position:static;border:none;box-shadow:none}
1219ul.cat-menu ul:after,
1220ul.cat-menu ul:before{display:none}
1221ul.cat-menu ul a{padding-left:20px!important}
1222}
1223.index-product-row .photos-wrapper .photos-full img:first-child:hover{transform:scale(2.5) translateX(5px)}
1224.owl-carousel-related-wrapper{background-image:url(/assets/img/preloader.gif)!important;background-repeat:no-repeat!important;background-position:center center!important}
1225.owl-carousel-related{margin-top:40px}
1226.owl-carousel-related .related-title{height:40px;display:block;overflow:hidden;line-height:20px;margin-bottom:6px}
1227.owl-carousel-related.owl-carousel .item a.prod-img{
1228 display: flex;
1229
-webkit-box-align: center;
1230
-webkit-box-pack: end;
1231 justify-content: center;
1232 height: 150px !important;
1233}
1234div#fullscreen_button{
1235 top: 40px !important;
1236 top: 80px;
1237 left: 20px;
1238}
1239.owl-carousel-related.owl-carousel .item a img{height:150px !important;display:block;margin-bottom:20px;/*margin:0 auto 20px*/}
1240.owl-carousel-related.owl-carousel .item .product-title{margin-top:20px;}
1241.related-item-price{padding:0 10px}
1242.nav-tabs-blue{border-bottom:5px solid #f6fbf7}
1243.nav-tabs-blue>li.active>a,
1244.nav-tabs-blue>li.active>a:focus,
1245.nav-tabs-blue>li.active>a:hover{background:#f6fbf7;border-color:#f6fbf7}
1246.owl-carousel-related .owl-item .photos-wrapper img,
1247.owl-carousel-related .photos-wrapper img{/*margin-right:3px!important*/}
1248.cat-item-colors-div{text-align:center}
1249.cat-item-color-div{display:inline-block;width:70px;height:90px;cursor:pointer;position:relative;overflow:visibile!important;vertical-align:top}
1250.cat-item-color-div:hover:before{position:absolute;top:-65px;opacity:.5;left:5px;right:0;bottom:0;display:block;content:"";z-index:11;background-image:url(/img/cursor_zoom.png);background-position:center;background-repeat:no-repeat}
1251.cat-item-color-div span{display:block;overflow:hidden;height:30px;line-height:14px;font-size:12px;color:#444;text-align:center;text-overflow:ellipsis}
1252img.cat-item-color-big{position:absolute;top:-30px;left:-5px;z-index:10;width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;box-shadow:0 0 0 3px #fff, 0 0 2px 5px rgba(0, 0, 0, .1);display:none}
1253.cat-item-color-div:hover img.cat-item-color-big{display:block}
1254.cat-item-color{display:block;margin:0 auto 4px;width:50px;height:50px}
1255.colors-carousel-source,
1256.thumbs-carousel-source{display:none}
1257.thumbs-carousel-wrapper{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, .8);z-index:100}
1258.thumbs-carousel-wrapper:before{content:"\f057";cursor:pointer;font-family:FontAwesome;display:block;position:absolute;top:10%;right:10%;z-index:100;color:#fff;text-shadow:0 3px 3px rgba(0, 0, 0, .9);font-size:64px;height:auto!important;width:79px!important}
1259.owl-carousel.owl-carousel-thumb{position:absolute;top:10%;left:0;right:0;bottom:10%;width:auto}
1260.owl-carousel-thumb .item,
1261.owl-carousel-thumb .owl-item,
1262.owl-carousel-thumb .owl-stage,
1263.owl-carousel-thumb .owl-stage-outer{height:100%}
1264.owl-carousel-thumb .item{background-size:contain;background-position:center center;background-repeat:no-repeat}
1265.owl-carousel.owl-carousel-thumb.owl-carousel-colors .item{background-size:auto}
1266.owl-carousel.owl-carousel-thumb.owl-carousel-colors .item .item-label{color:#fff;font-weight:100;text-align:center;font-size:1.6em;padding-top:.4em}
1267.owl-carousel-thumb .owl-next,
1268.owl-carousel-thumb .owl-prev{background:0 0!important}
1269.owl-carousel.owl-carousel-thumb .owl-next,
1270.owl-carousel.owl-carousel-thumb .owl-prev{position:absolute!important;display:block!important;top:30%!important;bottom:30%!important;z-index:10!important;height:auto!important;width:80px!important;margin:0!important;background-repeat:no-repeat!important;background-position:center!important;opacity:.6!important}
1271.owl-carousel.owl-carousel-thumb .owl-next:hover,
1272.owl-carousel.owl-carousel-thumb .owl-prev:hover{opacity:1!important}
1273.owl-carousel.owl-carousel-thumb .owl-next{right:10%!important}
1274.owl-carousel.owl-carousel-thumb .owl-prev{left:10%!important}
1275.owl-carousel.owl-carousel-thumb .owl-next:before,
1276.owl-carousel.owl-carousel-thumb .owl-prev:before{font-family:FontAwesome;display:block;position:absolute;top:50%;color:#fff;text-shadow:0 3px 3px rgba(0, 0, 0, .9);font-size:64px;margin-top:-40px;line-height:80px}
1277.owl-carousel.owl-carousel-thumb .owl-next:before{content:"\f138";left:0}
1278.owl-carousel.owl-carousel-thumb .owl-prev:before{content:"\f137";right:0}
1279.header-row:after,
1280.main-basket-row::after{content:''}
1281@media (max-width:1140px){.owl-carousel.owl-carousel-thumb{top:5%;bottom:5%}
1282.owl-carousel.owl-carousel-thumb .owl-next:before,
1283.owl-carousel.owl-carousel-thumb .owl-prev:before,
1284.thumbs-carousel-wrapper:before{font-size:48px}
1285.owl-carousel.owl-carousel-thumb .owl-next,
1286.thumbs-carousel-wrapper:before{right:0!important}
1287.owl-carousel.owl-carousel-thumb .owl-prev{left:0!important}
1288.owl-carousel.owl-carousel-thumb .owl-next,
1289.owl-carousel.owl-carousel-thumb .owl-prev{width:60px!important}
1290.thumbs-carousel-wrapper:before{top:5%!important;width:58px!important}
1291}
1292@media only screen and (max-width:800px){.owl-carousel.owl-carousel-thumb{top:0;bottom:0}
1293}
1294#item_photo_current{cursor:url(/img/cursor_zoom.png), url(/img/cursor_zoom.cur), pointer}
1295.item-colors-select-modal-content .h2{margin-bottom:20px!important}
1296.item-colors-select-modal-content label{width:200px!important;height:60px;display:block;float:left;text-align:left;font-size:12px;color:#333;cursor:pointer;position:relative}
1297.item-colors-select-modal-content .price{position:absolute;top:25px;left:25px;transform:translate3d(-50%, -50%, 0);color:#fff;font-size:15px;font-weight:700;text-shadow:1px 1px 0 rgba(0, 0, 0, .5), -1px -1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(0, 0, 0, .5), 1px -1px 0 rgba(0, 0, 0, .5)}
1298.item-colors-select-modal-content label>span{display:table;width:140px!important}
1299.item-colors-select-modal-content span.left{display:table-cell;vertical-align:top;width:60px}
1300.item-colors-select-modal-content span.right{display:table-cell;vertical-align:top;word-wrap:break-word;max-height:70px;overflow:hidden}
1301.item-colors-select-modal-content input{display:none}
1302.item-colors-select-modal-content img{font-size:0;max-width:50px!important;width:50px!important;height:50px!important;margin:0;float:left}
1303.modal-colors-list-wrapper{max-height:420px;overflow:hidden;margin-bottom:30px;margin-right:-20px}
1304.modal-colors-list-wrapper:hover{overflow:auto}
1305.item-colors-select-modal-content .color-row{margin:10px 0;clear:both}
1306.item-colors-select-modal-content img.color-row-img{width:50px;height:50px;display:inline-block;margin:0 15px 0 0;vertical-align:middle;float:none}
1307.item-colors-select-modal-content .color-row-text{display:inline-block;vertical-align:middle}
1308body{padding:0;background:url(/assets/img/bg.png);font-family:Arial, sans-serif;font-size:16px;font-weight:400;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:grayscale;color:#000}
1309b,
1310h1,
1311h2,
1312h3,
1313h4,
1314h5,
1315h6,
1316strong,
1317th{font-weight:500}
1318.h1{text-align:left;font-size:24px;margin-top:10px;font-weight:600!important;text-transform:uppercase;}
1319.h2,
1320.zagolovok{color:#333!important;margin:0 0 26px!important;font-size:20px!important;font-weight:100!important;}
1321.zagolovok{border-left:5px solid #ffdb4d;padding-left:9px;margin-left:-15px!important}
1322.container{background:0 0}
1323.main-sidebar-bg{margin-bottom:0px}
1324.main-content,
1325.main-sidebar-bg{background:#fff;padding:0 7px;}
1326.main-content{padding:13px 15px}
1327.btn-warning{background:#ffdb4d!important;border-color:#ffdb4d!important;color:#000!important}
1328.btn-warning:active,
1329.btn-warning:focus,
1330.btn-warning:hover{background:#ffe019!important;border-color:#ffe019!important;color:#000!important}
1331.bt-lg{font-size:22px}
1332.btn-blue{border:2px solid #0988bb;font-weight:500;color:#0988bb;padding:3px 12px}
1333.btn-blue:hover{color:#6be;border-color:#6be}
1334.btn-disabled{opacity:.5;cursor:default}
1335.btn-grey{background:#eee;color:#000;text-align:center;outline:0!important}
1336.add_to_basket,
1337.btn-yellow,
1338.btn-yellow-inline{background:#ffdb4d;color:#000;text-align:center;outline:0!important}
1339.btn-grey:active,
1340.btn-grey:focus,
1341.btn-grey:hover{background:#dedede;outline:0!important}
1342.add_to_basket:active,
1343.add_to_basket:focus,
1344.add_to_basket:hover,
1345.btn-yellow-inline:active,
1346.btn-yellow-inline:focus,
1347.btn-yellow-inline:hover,
1348.btn-yellow:active,
1349.btn-yellow:focus,
1350.btn-yellow:hover{background:#ffe019;color:#000;outline:0!important}
1351.btn-grey,
1352.btn-yellow,
1353.btn-yellow-inline{border-radius:0;display:block;font-weight:500}
1354.btn-grey,
1355.btn-yellow-inline{display:inline-block;margin-right:10px}
1356.btn-green,
1357.btn.btn-green,
1358a.btn-green{background:#00be00;border:none;font-weight:100;color:#fff!important;padding:5px 12px!important;display:block}
1359.btn-green:hover{background:#1bd109!important}
1360.sidebar-title{border-left:5px solid #ffdb4d;padding-left:10px;margin-left:-7px;margin-bottom:15px;font-size: 20px!important;}
1361.cat-menu-wrapper>ul.cat-menu>li.active>a,
1362.cat-menu-wrapper>ul.cat-menu>li.active>a:hover{background:#ffdb4d;border-radius:0;color:#222}
1363.cat-menu-wrapper>ul.cat-menu>li.active>a:hover{background:#ffe019}
1364hr.dotted{border: 1.5px;border-bottom: 0.7px dotted #ddd;padding:0;margin:15px 0;clear:both}
1365.gray,
1366.grey{color:#737373!important}
1367.red,
1368.warning{color:#ff0e00!important}
1369.green,
1370.success{color:#00871f!important}
1371.js-link,
1372.js-link:hover{border-bottom:1px dashed currentColor;cursor:pointer}
1373.js-link:hover{opacity:.8}
1374.f-l-h{display:flex;flex-direction:row;width:100%}
1375.f-l-h>*,
1376.f-l-h>.btn{display:block!important}
1377.f-l-h>*{flex:1}
1378.f-l-h>.btn:last-child{margin-right:0!important}
1379.scrollToTop,
1380.scrollToTop:focus,
1381.scrollToTop:hover{background-color:transparent;background-image:url(/assets/img/arr-go-top.png)!important;background-position:center;background-repeat:no-repeat;background-size:contain;width:50px!important;height:50px!important}
1382.required{color:#ff0021}
1383.select2{text-align:left}
1384.contacts-maps{clear:both!important;margin:20px 0!important}
1385.after-page{clear:both}
1386.delivery-regions-menu a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;display:block;padding-left:5px;font-size:15px}
1387.show-all-colors-link:hover{border-color: #ff0e00 !important;color: #ff0e00 !important;text-decoration: none !important;}
1388@media (max-width:620px){.oferta-link{text-align:left;padding-bottom:10px}
1389}
1390@media (max-width:450px){.f-l-h{display:block}
1391.f-l-h>*{display:block!important;width:100%;margin:10px 0}
1392}
1393@media (max-width:319px){.main-block,
1394.navigation,
1395body,
1396html{font-size:12px;overflow-x:hidden}
1397.btn,
1398.show-all-colors-link{font-size:11px!important; display: inline-block;
1399 margin: 0 0 0 15px;
1400 position: relative;
1401 z-index: 10;
1402 border: 2px solid #0988bb;
1403 font-weight: 500;
1404 color: #0988bb;
1405 padding: 3px 6px;
1406 font-size: 14px;
1407 border-radius: 5px;padding-left:4px!important;padding-right:4px!important;display:block!important;margin:10px 0!important;border-width:1px!important;text-align:center!important}
1408.row{margin-right:0!important;margin-left:0!important}
1409.h1{font-size:18px}
1410.h2{margin:10px 0!important;font-size:14px!important;text-align:center!important}
1411.scrollToTop,
1412.scrollToTop:hover{bottom:10px;right:10px;width:40px!important;height:40px!important}
1413.col-lg-1,
1414.col-lg-10,
1415.col-lg-11,
1416.col-lg-12,
1417.col-lg-2,
1418.col-lg-3,
1419.col-lg-4,
1420.col-lg-5,
1421.col-lg-6,
1422.col-lg-7,
1423.col-lg-8,
1424.col-lg-9,
1425.col-md-1,
1426.col-md-10,
1427.col-md-11,
1428.col-md-12,
1429.col-md-2,
1430.col-md-3,
1431.col-md-4,
1432.col-md-5,
1433.col-md-6,
1434.col-md-7,
1435.col-md-8,
1436.col-md-9,
1437.col-sm-1,
1438.col-sm-10,
1439.col-sm-11,
1440.col-sm-12,
1441.col-sm-2,
1442.col-sm-3,
1443.col-sm-4,
1444.col-sm-5,
1445.col-sm-6,
1446.col-sm-7,
1447.col-sm-8,
1448.col-sm-9,
1449.col-xs-1,
1450.col-xs-10,
1451.col-xs-11,
1452.col-xs-12,
1453.col-xs-2,
1454.col-xs-3,
1455.col-xs-4,
1456.col-xs-5,
1457.col-xs-6,
1458.col-xs-7,
1459.col-xs-8,
1460.col-xs-9{padding:0!important}
1461}
1462body>noindex{display:none}
1463.navigation{background:#525559!important;padding:0;margin:0;}
1464.navigation ul{display:block;padding:0;margin:0}
1465.navigation li{display:inline-block;margin-right:15px}
1466.navigation li:last-child{margin-right:0}
1467.navigation a{display:block;color:#fff;font-size:13px;font-weight:500;line-height:32px;height:34px}
1468.navigation .container{background:0 0!important}
1469.navigation-pull-right{float:right}
1470#nav-toggle{position:fixed;top:68px;right:20px;z-index:100;display:none;cursor:pointer;opacity:.5;padding:10px 35px 16px 0}
1471body.nav-active{overflow:hidden}
1472body.nav-active .main-block,
1473body.nav-active header{
-webkit-filter:blur(5px);
-moz-filter:blur(5px);filter:blur(5px)}
1474body.nav-active .navigation{box-shadow:0 5px 15px #000;filter:none!important}
1475body.nav-active #scrollToTop,
1476body.nav-active .city-chooser{display:none!important}
1477#nav-toggle.active{top:20px}
1478#nav-toggle:hover{opacity:1}
1479#nav-toggle span,
1480#nav-toggle span:after,
1481#nav-toggle span:before{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#333;position:absolute;display:block;content:'';
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
1482#nav-toggle span:before{top:-10px}
1483#nav-toggle span:after{bottom:-10px}
1484#nav-toggle.active span{background-color:transparent}
1485#nav-toggle.active span:after,
1486#nav-toggle.active span:before{top:0}
1487#nav-toggle.active span:before{
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);transform:rotate(45deg)}
1488#nav-toggle.active span:after{
-o-transform:translateY(-10px) rotate(-45deg);
-ms-transform:translateY(-10px) rotate(-45deg);
-moz-transform:translateY(-10px) rotate(-45deg);
-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);top:10px}
1489@media (max-width:1140px){.navigation-pull-right{float:none}
1490}
1491@media (max-width:991px){ul.navigation-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, .8);z-index:99;align-content:center;align-self:center;text-align:center;
-webkit-align-items:center;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0}
1492ul.navigation-menu.active{display:flex;display: -ms-flexbox;display: -webkit-box;}
1493ul.navigation-menu li{display:inline-block;width:100%;margin:0;padding:0}
1494ul.navigation-menu li a{display:block;width:100%;height:50px;font-size:21px;line-height:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#222}
1495#nav-toggle{display:block}
1496}
1497.description .table,
1498.description .table td{font-weight:400!important;font-size:13px!important}
1499.table-dotted-wrapper{margin:0}
1500.table-dotted th{font-size:20px;padding:4px 8px 12px 4px!important;color:#000}
1501.table-dotted td,
1502.table-dotted th{border:none!important;vertical-align:top!important}
1503.table-dotted td:first-child,
1504.table-dotted th{padding-left:0!important}
1505.table-dotted th:last-child{padding-right:0!important}
1506.table-dotted tr{background-image:url(/assets/img/td-dots.png);background-repeat:repeat-x;background-position:0 21px}
1507.table-dotted tr:hover{background-image:url(/assets/img/td-dots-hover.png)}
1508.table-dotted tr.no-dots{background:0 0!important}
1509.table-dotted td{font-size:16px;line-height:1.3;padding:2px 8px!important;color:#737373}
1510.table-dotted td>span{background:#fff;padding-right:5px;box-shadow:0 2px 0 #fff}
1511.table-dotted td>span.select2{padding:0!important}
1512.table-sm{font-size:14px}
1513.table-sm th{font-size:16px;line-height:1.3;color:#000;padding-top:10px!important;padding-bottom:5px!important;height:48px}
1514.table-sm td{font-size:14px;line-height:16px;color:#000}
1515.table-dotted.aligned-right td:last-child{text-align:right;padding-right:0!important}
1516.table-dotted.aligned-right td:first-child{text-align:left;padding-left:0!important}
1517.table-dotted.aligned-right td:first-child:last-child{background:#fff!important}
1518.table-dotted.aligned-right td:last-child>span{padding-left:5px}
1519.table-dotted.aligned-right td:first-child>span{padding-left:0}
1520.table-dotted.aligned-right tr,
1521.table-dotted.table-sm tr{background-position:0 16px}
1522.table-dotted.aligned-right td,
1523.table-dotted.table-sm td{height:30px;text-align:left}
1524.table-lg,
1525.table-lg td,
1526.table-lg th{font-size:17px}
1527@media (max-width:319px){.table,
1528.table td,
1529.table th,
1530.table tr{display:block!important;text-align:left!important;background:0 0!important;padding-left:0!important}
1531.table-sm th{text-align:center}
1532.table tr{margin:10px 0!important}
1533.table td>span{display:block!important}
1534}
1535header{background:#fff;padding-top:20px;box-shadow:0 3px 3px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);margin-bottom:20px}
1536.main-logo{margin:0;display:block;margin-top:9px;}
1537@media (max-width:1200px){
1538 .main-logo{
1539 text-align: center;
1540 }
1541}
1542header .svg-logo{height:36px}
1543.header-row{display:block;margin:0 -15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;box-sizing:border-box}
1544.header-row:after{clear:both;display:block;height:0;width:100%}
1545.header-col{float:left;padding:0 15px!important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;box-sizing:border-box}
1546.logo-col{width:16%}
1547.search-col{width:35%;text-align:center}
1548.col-order-call{width:16%;margin-left:-6px}
1549.col-order-call .main-callback-btn{max-width:165px;margin-left:auto;margin-right:auto}
1550.main-basket-col{width:13%;margin-left:6px}
1551.slogan{font-size:15px;color:#0988bb;display:block;margin:5px 0 0}
1552.main-phone,
1553header .svg-phone{vertical-align:middle;display:inline-block}
1554header .svg-phone{width:40px;stroke:#ff0021;margin:7px 10px 5px 67px}
1555.main-phone{
1556font-size:18px;
1557color:#555;
1558}
1559.main-work-time{
1560display:block;
1561margin:0;
1562padding:0;
1563font-size:12px;
1564}
1565.main-email{
1566text-align:center;
1567font-size:14px;
1568font-weight:600;
1569margin-top:9px;
1570}
1571.main-email small{
1572font-size:10px;
1573font-weight:normal;
1574}
1575.main-mess,.main-callback,.main-cart{
1576margin-top:10px;
1577}
1578@media (max-width:750px){.main-work-time br{display: none;}}
1579.city-chooser__city{color:#ffdb4d!important;}
1580.city-chooser__city:hover{color:#ffdb4d!important;opacity:1!important}
1581.main-callback-btn{margin-top:7px;padding:4px 17px;display:block}
1582@media (max-width:1350px){.logo-col{width:20%}
1583.search-col{width:45%}
1584.col-order-call{width:18%}
1585.main-basket-col{width:13%}
1586}
1587@media (max-width:1140px){.logo-col{width:100%;text-align:center}
1588.search-col{width:50%}
1589.col-order-call,
1590.main-basket-col{width:25%}
1591header .svg-logo{height:60px}
1592.slogan{font-size:16px;margin:0}
1593header .svg-phone{margin:7px 10px 5px 0}
1594}
1595@media (max-width:767px){.search-col{text-align:center;width:100%;margin-bottom:20px}
1596.col-order-call{clear:left;width:60%}
1597.main-basket-col{width:40%}
1598}
1599@media (max-width:620px){.col-order-call,
1600.main-basket-col{width:50%}
1601}
1602@media (max-width:450px){header .svg-logo{height:36px}
1603.col-order-call{width:100%}
1604.main-basket-col{clear:left;width:100%;margin-bottom:40px;margin-left:0;margin-right:0}
1605.main-phone{margin-top:15px;margin-bottom:15px}
1606.search-col{margin-top:20px;margin-bottom:20px}
1607}
1608@media (max-width:319px){header .svg-logo{height:27px}
1609.slogan{font-size:12px}
1610.main-phone{font-size:14px}
1611.col-order-call .main-callback-btn{max-width:none!important;width:100%!important}
1612.col-order-call{margin:0!important}
1613}
1614.main-search .btn,
1615.main-search .input-group-btn{font-size:15px;background:#ffdb4d;position:relative;outline: none;}
1616.header-search{margin-top:5px}
1617.main-search .input-group{
1618 border: 2px solid #ffdb4d;
1619}
1620.main-search .btn:active{
1621
-webkit-box-shadow: none;
1622 box-shadow: none;
1623 outline: none;
1624}
1625.main-search{/*width:81%;*/margin:8px auto 0;display:block}
1626.main-search .form-control{
1627
-webkit-appearance: none;
1628
-webkit-appearance: none;
1629
-moz-appearance: none;
1630 appearance: none;
1631 border:none;
1632 min-height:32px;
1633 width:100%!important;
1634 border-radius:0;
1635 outline: none;
1636 box-shadow: none;
1637}
1638.main-search .input-group-btn{
1639
-webkit-appearance:none!important;
1640 padding-left:0;
1641 box-shadow: unset;
1642
-webkit-appearance: none;
1643
-webkit-appearance: none;
1644
-moz-appearance: none;
1645 appearance: none;}
1646.main-search .btn{border:none;color:#222;min-height:32px;min-width:90px;top:0;left:0}
1647.main-search .btn:hover{background:#ffe019}
1648@media (max-width:1100px){.main-search{width:100%}
1649}
1650@media (max-width:990px){
1651 .block-price-info{
1652 margin-top: 0px !important;
1653 margin-bottom: 10px !important;
1654 }
1655}
1656.block-product a:hover{
1657 color:#23527c !important;
1658 text-decoration: none !important;
1659}
1660.main-basket-list .block-price-info{
1661 margin-top: 0px !important;
1662}
1663.main-basket-list .block-product{
1664 width: 100% !important;
1665}
1666.main-basket-list .block-product:first-child {
1667 border-top: unset !important;
1668}
1669.main-basket-list .sum{
1670 width: 100%;
1671}
1672.input-sm{
1673 text-align: center;
1674 height: auto;
1675 box-shadow: unset;
1676
-webkit-appearance: none;
1677
-moz-appearance: none;
1678}
1679/*/////////////// ñòèëèçàöèÿ êíîïîê//////////////////*/
1680.checkbox input {
1681 position: absolute;
1682 z-index: -1;
1683 opacity: 0;
1684 margin: 10px 0 0 20px;
1685}
1686.checkbox__text {
1687 position: relative;
1688 padding: 0 0 0 30px;
1689 cursor: pointer;
1690}
1691.checkbox__text:before {
1692 content: '';
1693 position: absolute;
1694 top: -4px;
1695 left: -30px;
1696 width: 50px;
1697 height: 26px;
1698 border-radius: 13px;
1699 background: #CDD1DA;
1700 box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
1701 transition: .2s;
1702}
1703.checkbox__text:after {
1704 content: '';
1705 position: absolute;
1706 top: -1px;
1707 left: -27px;
1708 width: 20px;
1709 height: 20px;
1710 border-radius: 10px;
1711 background: #FFF;
1712 box-shadow: 0 2px 5px rgba(0,0,0,.3);
1713 transition: .2s;
1714}
1715.checkbox input:checked + .checkbox__text:before {
1716 background: #9FD468;
1717}
1718.checkbox input:checked + .checkbox__text:after {
1719 left: -2px;
1720}
1721.checkbox input:focus + .checkbox__text:before {
1722 box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);
1723}
1724/********************* radio button ********************/
1725.radio input {
1726 position: absolute;
1727 z-index: -1;
1728 opacity: 0;
1729 margin: 10px 0 0 7px;
1730}
1731.radio__text {
1732 position: relative;
1733 /*padding: 0 0 0 35px;*/
1734 cursor: pointer;
1735}
1736.radio__text:before {
1737 content: '';
1738 position: absolute;
1739 top: 5px;
1740 left: -30px;
1741 width: 14px;
1742 height: 14px;
1743 border: 1px solid #cdd1da;
1744 border-radius: 50%;
1745 background: #FFF;
1746}
1747.radio__text:after {
1748 content: '';
1749 position: absolute;
1750 top: 6px;
1751 left: -29px;
1752 width: 12px;
1753 height: 12px;
1754 border-radius: 50%;
1755 background: #9FD468;
1756 box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
1757 opacity: 0;
1758 transition: .2s;
1759}
1760.radio input:checked + .radio__text:after {
1761 opacity: 1;
1762}
1763.radio input:focus + .radio__text:before {
1764 box-shadow: 0 0 0 2px rgba(255,255,0,.7);
1765}
1766/*/////////////// êîíåö ñòèëèçàöèè êíîïîê//////////////////*/
1767@media (max-width:319px){.main-search{margin-top:20px}
1768.main-search .input-group{display:block}
1769.main-search .input-group-btn{display:block;clear:both;float:none;position:static;margin:10px 0;width:100%}
1770.main-search .btn{width:100%}
1771}
1772.main-basket{max-width:154px;margin-left:auto;padding:0 4px;border:2px solid #ffdb4d;margin-top:0;font-size:14px;height:36px;position:relative}
1773.main-basket-list{display:none;position:absolute;top:100%;right:0;width:700px;padding:20px;z-index:1000;background:#fff;box-shadow:0 0 20px rgba(0, 0, 0, .2)}
1774@media (min-width:768px){.main-basket:hover .main-basket-list{display:block}
1775}
1776.no-padding{padding-left: 0;padding-right: 0;}
1777.main-basket-list.empty,
1778.main-basket:hover .main-basket-list.empty{display:none!important}
1779.main-basket a{color:#222!important;line-height:1.3}
1780.main-basket .basket-title{font-size:17px;display:block}
1781.main-basket .btn-green{margin-bottom:0!important}
1782.no-products-text{padding:6px 0 5px;text-align:center;font-size:15px;
-webkit-user-select:none;
-moz-user-select:none;user-select:none;cursor:default;position:absolute;left:0;right:0}
1783.main-basket-row::after{clear:both;display:block}
1784.main-basket-row .svg-shop{width:30px;height:32px;display:block;vertical-align:top;float:left;stroke:#ffdb4d;margin:0 8px 0 0}
1785.icon,
1786.logo-footer{vertical-align:middle}
1787#basket_items_order{margin:5px 0;font-weight:100;border-radius:4px;padding:3px;font-size:13px}
1788#basket_items_txt{text-transform:capitalize;display:block;padding: 6px 0 5px;}
1789@media (max-width:767px){.main-basket{font-size:13px;margin-bottom: 20px;}
1790}
1791@media only screen and (max-width:450px){.main-basket{width:auto;margin-top:0px;min-height:36px;margin-bottom: 15px;position:relative}
1792.main-basket .basket-title{font-size:20px;margin-top:8px;text-align:center}
1793#basket_items_order{width:auto}
1794.main-basket-row .svg-shop{width:30px;position:absolute;}
1795#basket_items_txt{text-align:center}
1796}
1797@media (max-width:319px){.main-basket-col{display:none!important}
1798}
1799footer{background:#f2f3f3;padding:30px 0 40px;margin-top:30px;font-size: 90% !important;}
1800.footer-bottom,
1801.footer-top{padding:0 15px 20px}
1802footer .ya-phone{font-size:28px}
1803.logo-footer{display:inline-block;margin-right:10px}
1804.footer-top{margin-bottom:20px;border-bottom:1px solid #e4e4e4}
1805.footer-top>.row{margin-right:0!important;margin-left:0!important}
1806.logo-footer .svg-logo{width:140px;height:31px;margin-top:-6px}
1807footer .copyright{font-size:13px}
1808.socials-footer{text-align: center;}
1809.socials-footer img{display:inline-block;margin: 2px 20px;font-size:0;width: 25%;}
1810@media (max-width:767px){
1811 .social-block{float: unset !important;}
1812 .socials-footer{text-align:center !important;}
1813 .socials-footer img{width: 20%;}
1814 .ya-img{margin-right: 20px !important;}
1815}
1816@media (max-width:550px){
1817 .socials-footer img{width: 30%}
1818}
1819.socials-footer a:hover img{opacity:.85;filter:none;
-webkit-filter:none}
1820.payment-methods-img{margin:0 0 15px 0}
1821.footer-row{margin:0}
1822.footer-row::after{clear:both;display:block;content:""}
1823.footer-col{float:left;margin:0}
1824.footer-col-1{width:25%;line-height:1.5}
1825.footer-col-2{width:25%}
1826.footer-col-2 .main-callback-btn{width:157px;display:block;margin-left:auto;margin-right:auto}
1827.footer-col-2 .footer-mail{display:block;margin-top:9px}
1828.footer-col-3{width:25%;text-align:center}
1829.footer-col-3 .js-phone{font-size:24px;line-height:48px}
1830.footer-col-4{width:25%;text-align:right}
1831@media (max-width:1380px){.pre-footer .container,
1832footer .container{width:auto!important}
1833}
1834@media (max-width:1140px){.footer-col-1{width:50%;text-align:left}
1835.footer-col-2{width:50%;text-align:right}
1836.footer-col-2 .main-callback-btn{display:inline-block}
1837.footer-col-3{width:50%;text-align:left}
1838.footer-col-4{width:50%;text-align:right}
1839}
1840@media (max-width:767px){footer{text-align:center}
1841.payment-methods-img{margin:15px auto;max-width:200px}
1842}
1843@media (max-width:620px){.copyright,
1844.logo-footer{display:block;text-align:center}
1845.footer-col-1,
1846.footer-col-2,
1847.footer-col-3,
1848.footer-col-4{width:100%;text-align:center}
1849.logo-footer{margin:10px auto}
1850.logo-footer .svg-logo{width:180px;height:41px}
1851.copyright{margin-bottom:5px}
1852.socials-footer{float:none;text-align:center}
1853.socials-footer img{margin:2px 12px 12px}
1854.footer-bottom{margin-top:10px!important}
1855}
1856.basket-title h3{
1857 font-weight: 700;
1858 font-size: 22px;
1859 margin-bottom: 30px;
1860}
1861.form-group1 label{
1862 font-weight: 500;
1863 font-size: 15px;
1864}
1865.basket-title, .breadcrumbs{border-left:5px solid #ffdb4d;padding-left:11px;margin-left:-15px;color:#5f5f5f}
1866.breadcrumbs a{text-decoration:none;color:#5f5f5f}
1867.breadcrumbs a:hover{color:#ff0021}
1868@media (max-width:319px){.footer-col-2 .main-callback-btn{width:100%!important}
1869.footer-col-3 .js-phone{font-size:14px!important}
1870.breadcrumbs{border:none;padding:0!important;margin:10px -20px}
1871.breadcrumbs .breadcrumb-item{font-size:12px!important}
1872}
1873.modal-dialog{z-index:1041}
1874.modal-content{z-index:1042;padding:30px;border-radius:0!important}
1875.modal-close-btn{width:24px;height:24px;background-image:url(/assets/img/close.png);background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:20px;right:20px;cursor:pointer;opacity:.5}
1876.modal-close-btn:hover{opacity:1}
1877@media only screen and (max-width:450px){.modal-close-btn{top:10px;right:10px}
1878}
1879.ya-share2_inited{margin-bottom:5px;margin-top:-5px}
1880.crr-cnt{height:28px!important;display:block!important;overflow:hidden!important}
1881.crr .mc-star{display:block;margin-left:0!important;margin-top:8px!important}
1882.product-card-rating{height:30px;display:block;border-top:1px dashed rgba(0, 0, 0, .1);margin-top:14px;padding-top:5px}
1883.product-card-rating span.mcicon-star,
1884.product-card-rating span.mcicon-star-half-o,
1885.product-card-rating span.mcicon-star-o{font-size:14px!important;padding-right:3px!important}
1886@media (min-width:1300px){.product-card-rating span.mcicon-star,
1887.product-card-rating span.mcicon-star-half-o,
1888.product-card-rating span.mcicon-star-o{font-size:16px!important;padding-right:4px!important}
1889}
1890.content-item ul li{margin-left:20px!important}
1891.prod.card .nal status_text br{display:none}
1892.prod.card .nal status_text,
1893.prod.card .nal status_text b,
1894.prod.card .nal status_text span,
1895.stars{display:block}
1896.prod.card .nal status_text li{margin:4px 0 4px 10px}
1897.stars{text-align:center;text-decoration:none!important;white-space:nowrap}
1898.prod.card .stars{margin-top:10px}
1899.stars img,
1900.stars span{display:inline-block}
1901.owl-carousel-related.owl-carousel .item a .stars img,
1902.stars img{width:16px!important;height:16px!important;display:inline-block!important;margin:0!important}
1903.stars .gray{color:#999;font-size:11px}
1904.stars:hover .gray{color:#666}
1905.footer-wrapper{background-image:url(/assets/img/wood-dark.jpg)}
1906.top_menu>.menu{border-radius:4px!important;border:none!important;background:url(/assets/img/wood-light.png)!important}
1907.product-row .add_to_basket{position:relative;top:-5px}
1908.breadcrumb-item{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:14px;font-weight:400;text-decoration:none;color:#5f5f5f;margin:0 0 7px}
1909.title.h1inline a:hover,
1910a:hover .breadcrumb-item{color:#ff0e00}
1911.fltr-form-active .fltrs{min-height:180px}
1912.hide-fltr-form-btn{margin-right:17px!important}
1913.note{padding:7px 15px 6px;margin:20px 0;color:#222;border-radius:2px}
1914.note-info{background:#f6faf7}
1915.b-filter-tags{clear:both;position:relative;margin-top:4px;overflow:hidden;height:30px;margin-right:-8px}
1916.b-filter-tags__inner{position:absolute;left:0;white-space:nowrap;transition:transform .2s ease-in}
1917.b-filter-tags__next,
1918.b-filter-tags__prev{position:absolute;top:1px;z-index:10;cursor:pointer;background:#fff;box-shadow:0 0 30px 30px #fff;height:30px;width:30px}
1919.b-filter-tags__next.disabled,
1920.b-filter-tags__prev.disabled{display:none}
1921.b-filter-tags__next .fa,
1922.b-filter-tags__prev .fa{height:25px;width:30px;opacity:.15;background-size:contain}
1923.b-filter-tags__next:hover .fa,
1924.b-filter-tags__prev:hover .fa,
1925.icon,
1926.pagination .disabled a{opacity:.5}
1927.b-filter-tags__next .fa::before,
1928.b-filter-tags__prev .fa::before{position:relative;left:11px;top:-1px}
1929.b-filter-tags__prev{left:0}
1930.b-filter-tags__prev .fa{background-image:url(/assets/img/left.png)}
1931.b-filter-tags__next{right:0}
1932.b-filter-tags__next .fa{background-image:url(/assets/img/right.png)}
1933.b-filter-tags__tag{border-color:rgba(0, 0, 0, .1)!important;background:#eee!important;margin-right:17px}
1934.b-filter-tags__tag:last-child{margin-right:10px!important}
1935.b-filter-tags__tag:active,
1936.b-filter-tags__tag:focus,
1937.b-filter-tags__tag:hover{background:#ddd!important;border-color:rgba(0, 0, 0, .15)!important}
1938.b-filter-tags__tag.btn-disabled,
1939.b-filter-tags__tag.btn-disabled:active,
1940.b-filter-tags__tag.btn-disabled:focus,
1941.b-filter-tags__tag.btn-disabled:hover{background:#eee!important;border-color:rgba(0, 0, 0, .1)!important}
1942img.cat-item-color,
1943img.cat-item-color-big{font-size:0;background-color:#f6f6f6}
1944.card-color-text{position:relative;display:inline-block}
1945.cat-item-color-div span.card-color-text--inner{position:absolute;top:0;left:50%;min-width:100px;width:auto;height:auto!important;overflow:visible;
-webkit-transform:translate3d(-50%, 0, 0);
-moz-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);background:#fff;z-index:90;padding:5px 15px!important;box-shadow:0 0 5px rgba(0, 0, 0, .05);display:none!important}
1946.cat-item-color-div:hover .card-color-text{overflow:visible!important}
1947.cat-item-color-div:hover .card-color-text--inner{display:block!important}
1948.has-description{position:relative;display:inline-block}
1949.has-description .description{display:none;left:0;position:absolute;top:50%;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);right:108%;background:#fff;color:#222;padding:10px;z-index:10;box-shadow:0 0 5px rgba(0, 0, 0, .05);border:1px solid rgba(0, 0, 0, .1);min-width:240px;max-width:420px}
1950.h2,
1951.h4{color:#000;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:400;text-decoration:none;display:block}
1952@media (max-width:1140px){.has-description{position:static}
1953.has-description .description{right:auto;left:0;width:200px;min-width:200px}
1954}
1955.has-description:focus .description,
1956.has-description:hover .description{display:block}
1957.fa-angle-right:before{content:"\f105"}
1958.fa-question-circle:before{content:"\f059"}
1959.fa-question-circle-o:before{content:"\f29c"}
1960.icon{cursor:pointer;margin:2px;font-size:14px}
1961.icon:hover{opacity:.7}
1962.h2{margin:0 0 5px;font-size:16px}
1963.h4{margin:0;font-size:13px}
1964#note-content{padding:5px 20px;background:#56a510;color:#fff;text-shadow:-1px -1px 0 rgba(0, 0, 0, .05);font-size:14px;display:none;position:fixed;top:40px;left:50%;z-index:9900;box-shadow:0 0 30px rgba(0, 0, 0, .4);
-ms-transform:translate3d(-50%, 0, 0);
-moz-transform:translate3d(-50%, 0, 0);
-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}
1965.owl-carousel .product-col>a,
1966.product-col>a{background-image:url(/assets/img/preloader.gif);background-position:center;background-repeat:no-repeat;background-color: white;}
1967.product-col>a>img{background-color:transparent;font-size:0;color:transparent}
1968.owl-carousel{display:block!important;visibility:hidden}
1969.owl-carousel.owl-loaded{visibility:visible}
1970.pagination-wrapper{text-align:center;z-index: 13;overflow: hidden;position: relative;margin-top: 30px;padding-top: 30px;}
1971.pagination-product-next{position:relative}
1972.pagination-product-next span{position:absolute;top:220px;left:0;right:0;padding:0 60px;color:#2c6791;text-decoration:underline;font-size:16px;line-height:21px;display:block}
1973.pagination-product-next .link{position:relative;display:block;background:#fff;box-shadow:0 0 0 1px #eee inset;border-radius:10px;height:300px!important;margin:10px}
1974.pagination-product-next .link:hover{background:#fafafa}
1975.pagination-product-next .link:hover span{text-decoration:none}
1976.pagination-product-next .fa{position:absolute;top:50%;left:50%;transform:translate3d(-40%, -70%, 0);font-size:220px;color:#ddd}
1977@media (max-width:1140px){.pagination-product-next span{top:210px;padding:0 15px;text-align:center}
1978.pagination-product-next .fa{font-size:180px}
1979.pagination{text-align:center}
1980.pagination a{margin:5px 2px!important;border-radius:4px!important;float:none!important;display:inline-block!important}
1981}
1982.pre-footer{background:#ffdb4d;color:#222;padding:10px;margin:40px 0 0;font-weight:300}
1983.pre-footer-item{width:20%;text-align:center;float:left;font-size:14px}
1984.pre-footer .svg-icon{stroke:#222;height:48px;stroke-width:5}
1985.pre-footer .svg-drill{
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;
-ms-filter:"FlipH"}
1986@media (max-width:600px){.pre-footer-item{font-size:13px}
1987}
1988@media (max-width:450px){.pre-footer-item{width:100%;font-size:18px;margin:10px 0}
1989}
1990.collapsible-btns{/*height:30px;overflow:hidden;*/margin:10px 0;clear:both}
1991.collapsible-btns .btn{margin-right:5px;margin-bottom:5px;border-radius:4px;color:#000;background:#f6faf7;border:1px solid #ebefec}
1992.collapsible-btns .btn:hover{color: #ff0e00 !important;text-decoration: underline !important;}
1993.collapsible-btns.enabled .btn-open span:hover{border-color: #ff0e00 !important;color: #ff0e00 !important;}
1994.collapsible-btns .btn.active{box-shadow: none;color: #ff0e00 !important;pointer-events: none;}
1995.collapsible-btns.open{overflow:visible;height:auto}
1996.collapsible-btns.enabled .btn-close,
1997.collapsible-btns.enabled .btn-open{margin-right:5px;cursor:pointer;height:30px}
1998.collapsible-btns.enabled .btn-close span,
1999.collapsible-btns.enabled .btn-open span{ border: 2px solid #0988bb;
2000 font-weight: 500;
2001 color: #0988bb;
2002 padding: 3px 8px 3px 6px;
2003 font-size: 14px;
2004 border-radius: 5px;
2005 cursor: pointer;}
2006.hide-me{display: none;}
2007.btn-hide-me:hover{
2008 border-color: #ff0e00 !important;
2009 color: #ff0e00 !important;
2010}
2011.collapsible-btns.enabled .btn-close i,
2012.collapsible-btns.enabled .btn-open i{font-style:normal;color:#222;text-decoration:none}
2013.collapsible-btns .btn-close:hover,
2014.collapsible-btns .btn-open:hover{text-decoration:none}
2015.collapsible-btns .btn-close,
2016.collapsible-btns .btn-open{display:none}
2017.collapsible-btns.enabled .btn-open{display:inline-block}
2018.collapsible-btns.open .btn-open{display:none}
2019.collapsible-btns.enabled.open .btn-close{display:inline-block}
2020.collapsible-btns .break{display:none}
2021@media (max-width:600px){.collapsible-btns .break{display:block}.collapsible-btns {height: auto;overflow: overlay;}
2022}
2023.colors-link{padding:0;margin:37px 0 5px;color:#222;font-size:14px}
2024.colors-title{color:#333;margin:0 0 26px;font-size:20px;font-weight:100!important}
2025.colors-title sup{font-size:13px;top:-9px}
2026.colors-link .img{cursor:pointer;margin:10px auto;height:77px;max-width:509px;background-image:url(/assets/img/card/facade-colors-img.jpg);background-position:center;background-size:cover;transition:opacity .2s}
2027.colors-thumbs .item img,
2028.modal .item-facade{cursor:/*url(/img/cursor_zoom.png), url(/img/cursor_zoom.cur),*/ pointer}
2029.modal-content .item-facade{cursor:url(/img/cursor_zoom.png), url(/img/cursor_zoom.cur), pointer}
2030.colors-link .text-center>a{font-size:13px}
2031.colors-link .img:hover{opacity:.8;transition:opacity .2s}
2032.colors-thumbs{overflow:visible;padding:0!important;margin:0 34px!important;height:96px;width:auto}
2033.colors-thumbs.js-nav-disabled{margin:0 -10px!important}
2034.colors-thumbs .item{cursor: pointer;padding-top:0 !important;font-size:12px;line-height:16px;margin:7px;color:#444;display:block;text-align:center;position:relative;height:120px}
2035.modal-content .item.facade-color-selected,
2036.modal-content .item.item-color-selected{box-shadow:0 0 0 1px #fff, 0 0 0 4px #ffdb4d inset}
2037.colors-thumbs .item.facade-color-selected img,
2038.colors-thumbs .item.item-color-selected img{box-shadow:0 0 0 1px #fff, 0 0 0 4px #ffdb4d}
2039.colors-thumbs .item img{display:block;width:50px!important;height:50px!important;margin:0 auto}
2040.colors-thumbs .item span.short{display:block;max-height:26px;overflow:hidden;margin-top:15px;font-size:13px;line-height:13px;font-family:arial, sans-serif;z-index:0;position:relative}
2041.colors-thumbs .item span.full{display:none;font-size:13px;line-height:13px;font-family:arial, sans-serif}
2042@media (min-width:620px){.colors-thumbs .item:hover span.short{display:none}
2043.colors-thumbs .owl-item:hover{z-index:100}
2044.colors-thumbs .item:hover span.full{background:#fff;padding:4px;box-shadow:0 0 5px rgba(0, 0, 0, .25);display:block;position:absolute;left:-25px;right:-25px;margin:0;top:51px;z-index:100}
2045}
2046@media (max-width:620px){.colors-link{margin:30px 0 45px}
2047}
2048.colors-thumbs .owl-next,
2049.colors-thumbs .owl-prev{background-image:url(/img/arrows-narrow.png);margin-top:-116px}
2050.colors-thumbs .owl-prev{left:-32px!important}
2051.colors-thumbs .owl-next{right:-32px!important;top:50px;}
2052.modal .item-facade{width:22%;display:block;float:left;margin:1.5% 1.5% 105px;height:100px;background-size:cover;background-position:center center}
2053.modal .item-facade .item-label{position:relative;margin-top:100px;height:100px;overflow:hidden;padding:10px;background:#f6f6f6;color:#222;font-size:12px;line-height:16px;cursor:default;z-index:0}
2054.modal .item-facade .btn-copy{display:none!important}
2055.modal .item-facade .btn-select{display:block!important;text-align:center;position:absolute;bottom:5px;left:5px;right:5px}
2056.modal-content::after{display:block;content:'';height:1px;clear:both}
2057.show-all-colors-link{font-size:13px; display: inline-block;
2058 margin: 0 0 0 15px;
2059 position: relative;
2060 z-index: 10;
2061 border: 2px solid #0988bb;
2062 font-weight: 500;
2063 color: #0988bb;
2064 padding: 3px 6px;
2065 font-size: 14px;
2066 border-radius: 5px;}
2067.colors-selected-text{font-size:14px;margin-left:20px;color:#00871f;font-style: italic;}
2068.thumbs-carousel-wrapper .btn-copy,
2069.thumbs-carousel-wrapper .btn-select{margin-top:15px}
2070/*.fast-shipping-photos-full{
2071 top: 25%;
2072 display: block;
2073 background: rgb(86, 165, 16);
2074 height: 10px;
2075 width: 10px;
2076 margin: auto;
2077 position: absolute;
2078 left: 25%;
2079 padding: 0.5% 5%;
2080 border-radius: 100%;
2081 border: 1px solid white;
2082}*/
2083@media (max-width:800px){.modal .item-facade .item-label{height:100px;padding:5px;font-size:11px}
2084}
2085@media (max-width:620px){
2086.colors-title{font-size: 16px !important;}
2087.dot-small{
2088 /*left: 44%!important;
2089 top: 13.5% !important;*/
2090}
2091.show-all-colors-link{display: inline-block;
2092 margin: 0 0 0 15px;
2093 position: relative;
2094 z-index: 10;
2095 border: 2px solid #0988bb;
2096 font-weight: 500;
2097 color: #0988bb;
2098 padding: 3px 6px;
2099 font-size: 14px;
2100 border-radius: 5px;
2101 cursor: pointer;white-space:nowrap;vertical-align:middle;cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;user-select:none}
2102.colors-selected-text{float:none;display:block;margin:20px 0;font-size:16px;clear:both;text-align: center;font-style: italic;}
2103.modal .item-facade{width:30%}
2104}
2105@media (max-width:450px){.modal .item-facade{width:47%}
2106}
2107@media (min-width:1000px){.thumbs-carousel-wrapper .item-label{font-size:16px!important}
2108.thumbs-carousel-wrapper .btn-copy,
2109.thumbs-carousel-wrapper .btn-select{margin-top:5px}
2110}
2111.search-price-old::after{content:"";position:absolute;top:50%;left:5px;right:5px;border-top:1px solid red;transform:rotate(-15deg)}
2112.catalogue-products .product-title a{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;text-align:center}
2113.index-product-row .catalogue-products .product-title a{margin-right:5px;margin-left:5px}
2114.catalogue-products .price-old{color:#888;position:relative}
2115.catalogue-products .price-old::after{content:"";position:absolute;top:50%;left:5px;right:5px;border-top:1px solid red;transform:rotate(-15deg)}
2116.catalogue-products .product-characteristics{text-align:center;font-size:13px;font-style:italic}
2117.catalogue-products .product-price{text-align:center;font-size:18px;white-space:nowrap;margin: 10px 0 0 0;font-weight: 700;}
2118.catalogue-products .product-price .price{font-weight:700}
2119.product-buttons{text-align:center}
2120.buy-item{width:140px;margin: 3px auto 20px 0px;}
2121.photos-wrapper,
2122.photos-wrapper-8{max-width: 220px;margin-left:auto!important;margin-right:auto!important}
2123/*.photos-wrapper-1{width:20px}
2124.photos-wrapper-2{width:48px}
2125.photos-wrapper-3{width:105px}
2126.photos-wrapper-4{width:105px}
2127.photos-wrapper-5{width:121px}
2128.photos-wrapper-6{width:144px}
2129.photos-wrapper-7{width:169px}*/
2130@media (max-width:991px){.photos-wrapper,
2131.photos-wrapper.photos-wrapper-7,
2132.photos-wrapper.photos-wrapper-8{width:auto; }
2133.catalogue-products .product-price{font-size:14px;font-weight: 700;}
2134}
2135@media (max-width:450px){.catalogue-products .product-title a{white-space: nowrap;
2136 overflow: hidden;
2137 text-overflow: ellipsis;
2138 display: block;
2139 text-align: center;}
2140.buy-item{width:auto;margin:0 2px;padding:6px 0;display:block;text-align:center}
2141}
2142@media (max-width:320px){.catalogue-products .product-price>price_virtual{display:block;margin:5px auto 10px;text-align:center}
2143}
2144.kladrlistapp{position:relative}
2145.catid, .quant{display:none;}
2146.col-xs-five,
2147.col-sm-five,
2148.col-md-five,
2149.col-lg-five {
2150 position: relative;
2151 min-height: 1px;
2152 padding-right: 10px;
2153 padding-left: 10px;
2154}
2155
2156.col-xs-five {
2157 width: 20%;
2158 float: left;
2159}
2160@media (max-width: 768px) {
2161 .sum-delivery, .sum-delivery-title, .sum-total-title, .sum-total{
2162 text-align: center !important;
2163 padding-left: 30px !important;
2164 }
2165}
2166@media (min-width: 768px) {
2167 .col-sm-five {
2168 width: 20%;
2169 float: left;
2170 }
2171}
2172
2173@media (min-width: 992px) {
2174 .col-md-five {
2175 width: 20%;
2176 float: left;
2177 }
2178}
2179
2180@media (min-width: 1200px) {
2181 .col-lg-five {
2182 width: 20%;
2183 float: left;
2184 }
2185}
2186
2187 /* Smartphones (portrait and landscape) ----------- */
2188
2189 @media only screen
2190
2191 and (
min-device-width : 300px)
2192
2193 and (
max-device-width : 480px){
2194 .group-block{padding: 20px 0px;}
2195 .form-group1 label{font-size: 14px;}
2196 .addr-field{
2197 margin-bottom: 15px;
2198 padding-left: 0;
2199 padding-right: 0;
2200 }
2201 .choose-day-shipping{
2202 margin-left: -7px;
2203 }
2204 .fix-title{
2205 margin-left:-15px !important;
2206 }
2207 .main-total-block{
2208 margin-top: 0 !important;
2209 width: 112% !important;
2210 margin-left: -15px !important;
2211 padding-left: 0;
2212 padding-right: 0;
2213 }
2214 .payment-block{
2215 padding-left: 5px;
2216 padding-right: 0;
2217 }
2218 .total-table{
2219 padding-left: 0;
2220 padding-right: 0;
2221 }
2222 .total-table table{
2223 width: 100% !important;
2224 }
2225 .catalogue-products .owl-dots{
2226 text-align: center;
2227 margin-top: 20px;
2228 }
2229 .catalogue-products .owl-dot{
2230 font-size: 0;
2231 background: #dfe0e1;
2232 width: 15px;
2233 height: 15px;
2234
-webkit-border-radius: 10px;
2235
-moz-border-radius: 10px;
2236 border-radius: 10px;
2237 display: inline-flex;
2238 justify-items: center;
2239 align-items: center;
2240 text-align: center !important;
2241 cursor: pointer;
2242 margin: 0px 5px !important;
2243 }
2244 .catalogue-products .owl-dots .active{
2245 background: #ffdb4d;
2246 }
2247 li.has-submenu:hover > a:after, li.has-submenu:hover > a:before{
2248 display:none;
2249 }
2250 .delivery-block-map{display:none;}
2251 .product-frame {
2252 display: none;
2253 }
2254 .owl-item .product-col {
2255 max-height: 330px;
2256 }
2257 .content-item{
2258 margin-top: 0 !important;
2259 }
2260 .catalog-col:hover .display-on-hover{
2261 background: transparent !important;
2262 }
2263 .owl-item:hover .product-frame, .product-col:hover .product-frame{
2264 border: unset !important;
2265 background: transparent !important;
2266 }
2267 .owl-item:hover .product-col, .catalog-col:hover{
2268 background: transparent;
2269 }
2270 .display-on-hover {
2271 opacity: 1 !important;
2272 }
2273 .product-col>a,.owl-carousel .product-col>a{
2274 height:250px!important;
2275 }
2276 .product-col {
2277 height: 450px;
2278 }
2279 .owl-carousel .product-col>a>img, .product-col>a>img{
2280 width: 100%;
2281
2282 }
2283 .top-menu-block{
2284 box-shadow: unset !important;
2285 margin-top: 0 !important;
2286 }
2287 .top-menu-left ul.cat-menu{
2288 width: 100% !important;
2289 text-align: left;
2290 padding: 0 10px;
2291 }
2292 .last-item-menu{
2293 margin-bottom: 15px !important;
2294 }
2295 ul.cat-menu li a{
2296 text-align: left;
2297 border-bottom: 1px solid #ddd;
2298 padding: 3px 9px;
2299 }
2300 ul.cat-menu li a img{
2301 width: 30px !important;
2302 margin-right: 10px;
2303 display: inline-block !important;
2304 }
2305 .has-submenu{
2306 border-bottom: 1px solid #ddd;
2307 }
2308 .controls1 .nextBtn, .controls1 .prevBtn{
2309 margin-top: -40% !important;
2310 }
2311}
2312 /* Smartphones (landscape) ----------- */
2313
2314 @media only screen
2315
2316 and (min-width : 321px)
2317
2318 and (max-width : 721px)
2319
2320 and (orientation : landscape) {
2321 #shipping-out-mkad{margin-top:0 !important;}
2322 .choose-day-shipping{margin-left: 0 !important;}
2323 .group-block{padding:0px;}
2324 .addr-field{ margin-bottom: 15px;}
2325 .catalogue-products .owl-dots{
2326 text-align: center;
2327 margin-top: -20px;
2328 }
2329 .catalogue-products .owl-dot{
2330 font-size: 0;
2331 background: #dfe0e1;
2332 width: 15px;
2333 height: 15px;
2334
-webkit-border-radius: 10px;
2335
-moz-border-radius: 10px;
2336 border-radius: 10px;
2337 display: inline-flex;
2338 justify-items: center;
2339 align-items: center;
2340 text-align: center !important;
2341 cursor: pointer;
2342 margin: 26px 5px !important;
2343 }
2344 .catalogue-products .owl-dots .active{
2345 background: #ffdb4d;
2346 }
2347 .delivery-block-map{display:none;}
2348 li.has-submenu:hover > a:after, li.has-submenu:hover > a:before{
2349 display:none;
2350 }
2351 .product-frame {
2352 display: none;
2353 }
2354 .owl-item .product-col {
2355 max-height: 330px;
2356 }
2357 .catalog-col:hover .display-on-hover{
2358 background: transparent !important;
2359 }
2360 .owl-item:hover .product-frame, .product-col:hover .product-frame{
2361 border: unset !important;
2362 background: transparent !important;
2363 }
2364 .owl-item:hover .product-col, .catalog-col:hover{
2365 background: transparent;
2366 }
2367 .content-item{
2368 margin-top: 0 !important;
2369 }
2370 .dot-small{
2371 /*left: 48.5% !important;
2372 top: 12.5% !important;*/
2373 }
2374 .top-menu-block{
2375 box-shadow: unset !important;
2376 margin-top: 0 !important;
2377 }
2378 .top-menu-left ul.cat-menu{
2379 width: 100% !important;
2380 text-align: left;
2381 padding: 0 10px;
2382 }
2383 .last-item-menu{
2384 margin-bottom: 15px !important;
2385 }
2386 ul.cat-menu li a{
2387 text-align: left;
2388 border-bottom: 1px solid #ddd;
2389 padding: 3px 9px;
2390 }
2391 ul.cat-menu li a img{
2392 width: 30px !important;
2393 margin-right: 10px;
2394 display: inline-block !important;
2395 }
2396 .has-submenu{
2397 border-bottom: 1px solid #ddd;
2398 }
2399 .controls1 .nextBtn, .controls1 .prevBtn{
2400 margin-top: -30% !important;
2401 }
2402 }
2403
2404 /* iPhone (portrait) ----------- */
2405
2406 @media only screen
2407
2408 and (
min-device-width : 300px)
2409
2410 and (
max-device-width : 667px)
2411
2412 and (orientation : portrait) {
2413 #shipping_out_option br, .delivery-title br, #floor_up br{display: block !important;}
2414 #shipping-in-mkad{
2415 top:-22px;
2416 position: inherit;
2417 }
2418 #shipping-out-mkad{
2419 top:-43px;
2420 position: inherit;
2421 }
2422 .single-pdf{
2423 padding:0 !important;
2424 }
2425}
2426
2427 /* iPads (portrait) ----------- */
2428
2429 @media only screen
2430
2431 and (
min-device-width : 768px)
2432
2433 and (
max-device-width : 1024px)
2434
2435 and (orientation : portrait) {
2436 .product-frame {
2437 display: none;
2438 }
2439 .content-item{
2440 margin-top: 0 !important;
2441 }
2442 .catalog-col:hover .display-on-hover{
2443 background: transparent !important;
2444 }
2445 .owl-item:hover .product-frame, .product-col:hover .product-frame{
2446 border: unset !important;
2447 background: transparent !important;
2448 }
2449 .owl-item:hover .product-col, .catalog-col:hover{
2450 background: transparent;
2451 }
2452 .display-on-hover {
2453 opacity: 1 !important;
2454 min-height: 110px;
2455 }
2456 .content-item{
2457 margin-top: 30px !important;
2458 }
2459 .photos-wrapper{
2460 max-width: 160px;
2461 }
2462 .main-phone {
2463 font-size: 22px;
2464 }
2465 .top-menu-block{
2466 box-shadow: unset !important;
2467 margin-top: 0 !important;
2468 }
2469 .top-menu-left ul.cat-menu{
2470 width: 100% !important;
2471 text-align: left;
2472 padding: 0 10px;
2473 }
2474 .last-item-menu{
2475 margin-bottom: 15px !important;
2476 }
2477 ul.cat-menu li a{
2478 text-align: left;
2479 border-bottom: 1px solid #ddd;
2480 padding: 3px 9px;
2481 }
2482 ul.cat-menu li a img{
2483 width: 30px !important;
2484 margin-right: 10px;
2485 display: inline-block !important;
2486 }
2487 .has-submenu{
2488 border-bottom: 1px solid #ddd;
2489 }
2490 .card-row{
2491 margin-right: 0;
2492 margin-left: 0;
2493 }
2494 }
2495 /* iPads (landscape) ----------- */
2496
2497 @media only screen
2498
2499 and (
min-device-width : 768px)
2500
2501 and (
max-device-width : 1024px)
2502
2503 and (orientation : landscape) {
2504 .product-frame {
2505 display: none;
2506 }
2507 .content-item{
2508 margin-top: 0 !important;
2509 }
2510 .catalog-col:hover .display-on-hover{
2511 background: transparent !important;
2512 }
2513 .owl-item:hover .product-frame, .product-col:hover .product-frame{
2514 border: unset !important;
2515 background: transparent !important;
2516 }
2517 .owl-item:hover .product-col, .catalog-col:hover{
2518 background: transparent;
2519 }
2520 .display-on-hover {
2521 opacity: 1 !important;
2522 min-height: 130px;;
2523 }
2524 .photos-wrapper{
2525 max-width: 160px;
2526 }
2527 .top-menu-left ul.cat-menu{
2528 width: 9.6%;
2529 }
2530 .card-row{
2531 margin-right: 0;
2532 margin-left: 0;
2533 }
2534
2535 }
2536 /*Slider on index page css*/
2537 .controls, .controls1{
2538 display: block;
2539 text-align: center;
2540 }
2541 .controls ol, .controls1 ol{
2542 padding-inline-start: 0;
2543 }
2544 .numericControls li{
2545 font-size: 0;
2546 background: #dfe0e1;
2547 width: 15px;
2548 height: 15px;
2549
-webkit-border-radius: 10px;
2550
-moz-border-radius: 10px;
2551 border-radius: 10px;
2552 display: inline-flex;
2553 justify-items: center;
2554 align-items: center;
2555 text-align: center !important;
2556 margin-left: 5px;
2557 margin: 26px 5px !important;
2558 cursor: pointer;
2559 }
2560 .numericControls .current{
2561 background: #ffdb4d;
2562 }
2563.controls .prevBtn, .controls1 .prevBtn{
2564 left: 0;
2565 background-position: 0 -200px !important;
2566 }
2567.controls .nextBtn, .controls1 .nextBtn{
2568 right: 0;
2569 }
2570 .controls .nextBtn, .controls1 .nextBtn{
2571 background: url(/img/arrow-next.png);
2572 }
2573 .controls .prevBtn, .controls1 .prevBtn{
2574 background: url(/img/arrow-prev.png);
2575 }
2576 .controls .nextBtn, .controls .prevBtn, .controls1 .nextBtn, .controls1 .prevBtn{
2577 position: absolute;
2578 background-position: center !important;
2579 width: 30px;
2580 height: 60px;
2581 margin-left: 30px;
2582 margin-right: 30px;
2583 margin-top: -183px;
2584 transition: opacity .3s;
2585 }
2586 @media (max-width: 900px) {
2587 .controls1 .nextBtn, .controls1 .prevBtn{
2588 margin-top: -20%;
2589 }
2590 .controls .nextBtn, .controls .prevBtn{
2591 margin-top: -20%;
2592 }
2593
2594 }
2595 @media (max-width: 430px) {
2596 .controls .nextBtn, .controls .prevBtn{
2597 display: none !important;
2598 }
2599 }
2600 /* cyrillic-ext */
2601@font-face {
2602 font-family: 'PT Sans';
2603 font-style: normal;
2604 font-weight: 700;
2605 src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
2606 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
2607 font-display: swap;
2608}
2609/* cyrillic */
2610@font-face {
2611 font-family: 'PT Sans';
2612 font-style: normal;
2613 font-weight: 700;
2614 src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
2615 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
2616 font-display: swap;
2617}
2618/* cyrillic-ext */
2619@font-face {
2620 font-family: 'PT Sans';
2621 font-style: normal;
2622 font-weight: 400;
2623 src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
2624 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
2625 font-display: swap;
2626}
2627/* cyrillic */
2628@font-face {
2629 font-family: 'PT Sans';
2630 font-style: normal;
2631 font-weight: 400;
2632 src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
2633 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
2634 font-display: swap;
2635}
2636/*********************************Êàëåíäàðü css*******************************/
2637/*! jQuery UI - v1.12.0-pre - 2016-02-09
2638* http://jqueryui.com
2639* Includes: core.css, accordion.css, autocomplete.css, button.css, checkboxradio.css, controlgroup.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, sortable.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
2640* Copyright jQuery Foundation and other contributors; Licensed */
2641/* Layout helpers
2642----------------------------------*/
2643.ui-helper-hidden {
2644 display: none;
2645}
2646.ui-helper-hidden-accessible {
2647 border: 0;
2648 clip: rect(0 0 0 0);
2649 height: 1px;
2650 margin: -1px;
2651 overflow: hidden;
2652 padding: 0;
2653 position: absolute;
2654 width: 1px;
2655}
2656.ui-helper-reset {
2657 margin: 0;
2658 padding: 0;
2659 border: 0;
2660 outline: 0;
2661 line-height: 1.3;
2662 text-decoration: none;
2663 font-size: 100%;
2664 list-style: none;
2665}
2666.ui-helper-clearfix:before,
2667.ui-helper-clearfix:after {
2668 content: "";
2669 display: table;
2670 border-collapse: collapse;
2671}
2672.ui-helper-clearfix:after {
2673 clear: both;
2674}
2675.ui-helper-zfix {
2676 width: 100%;
2677 height: 100%;
2678 top: 0;
2679 left: 0;
2680 position: absolute;
2681 opacity: 0;
2682 filter:
Alpha(Opacity=0); /* support: IE8 */
2683}
2684
2685.ui-front {
2686 z-index: 100;
2687}
2688
2689
2690/* Interaction Cues
2691----------------------------------*/
2692.ui-state-disabled {
2693 cursor: default !important;
2694 pointer-events: none;
2695}
2696
2697
2698/* Icons
2699----------------------------------*/
2700.ui-icon {
2701 display: inline-block;
2702 vertical-align: middle;
2703 margin-top: -.25em;
2704 position: relative;
2705 text-indent: -99999px;
2706 overflow: hidden;
2707 background-repeat: no-repeat;
2708}
2709
2710.ui-widget-icon-block {
2711 left: 50%;
2712 margin-left: -8px;
2713 display: block;
2714}
2715
2716/* Misc visuals
2717----------------------------------*/
2718
2719/* Overlays */
2720.ui-widget-overlay {
2721 position: fixed;
2722 top: 0;
2723 left: 0;
2724 width: 100%;
2725 height: 100%;
2726}
2727
2728.ui-accordion .ui-accordion-header {
2729 display: block;
2730 cursor: pointer;
2731 position: relative;
2732 margin: 2px 0 0 0;
2733 padding: .5em .5em .5em .7em;
2734 font-size: 100%;
2735}
2736.ui-accordion .ui-accordion-content {
2737 padding: 1em 2.2em;
2738 border-top: 0;
2739 overflow: auto;
2740}
2741
2742.ui-autocomplete {
2743 position: absolute;
2744 top: 0;
2745 left: 0;
2746 cursor: default;
2747}
2748
2749.ui-button {
2750 padding: .4em 1em;
2751 display: inline-block;
2752 position: relative;
2753 line-height: normal;
2754 margin-right: .1em;
2755 cursor: pointer;
2756 vertical-align: middle;
2757 text-align: center;
2758
-webkit-user-select: none;
2759
-moz-user-select: none;
2760
-ms-user-select: none;
2761 user-select: none;
2762
2763 /* Support: IE <= 11 */
2764 overflow: visible;
2765}
2766
2767.ui-button,
2768.ui-button:link,
2769.ui-button:visited,
2770.ui-button:hover,
2771.ui-button:active {
2772 text-decoration: none;
2773}
2774
2775/* to make room for the icon, a width needs to be set here */
2776.ui-button-icon-only {
2777 width: 2em;
2778 box-sizing: border-box;
2779 text-indent: -9999px;
2780 white-space: nowrap;
2781}
2782
2783/* no icon support for input elements */
2784input.ui-button.ui-button-icon-only {
2785 text-indent: 0;
2786}
2787
2788/* button icon element(s) */
2789.ui-button-icon-only .ui-icon {
2790 position: absolute;
2791 top: 50%;
2792 left: 50%;
2793 margin-top: -8px;
2794 margin-left: -8px;
2795}
2796
2797.ui-button.ui-icon-notext .ui-icon {
2798 padding: 0;
2799 width: 2.1em;
2800 height: 2.1em;
2801 text-indent: -9999px;
2802 white-space: nowrap;
2803
2804}
2805
2806input.ui-button.ui-icon-notext .ui-icon {
2807 width: auto;
2808 height: auto;
2809 text-indent: 0;
2810 white-space: normal;
2811 padding: .4em 1em;
2812}
2813
2814/* workarounds */
2815/* Support: Firefox 5 - 40 */
2816input.ui-button::-moz-focus-inner,
2817button.ui-button::-moz-focus-inner {
2818 border: 0;
2819 padding: 0;
2820}
2821
2822.ui-checkboxradio-label .ui-icon-background {
2823 box-shadow: inset 1px 1px 1px #ccc;
2824 border-radius: .12em;
2825 border: none;
2826}
2827.ui-checkboxradio-radio-label .ui-icon-background {
2828 width: 16px;
2829 height: 16px;
2830 border-radius: 1em;
2831 overflow: visible;
2832 border: none;
2833}
2834.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
2835.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
2836 background-image: none;
2837 width: 8px;
2838 height: 8px;
2839 border-width: 4px;
2840 border-style: solid;
2841}
2842.ui-checkboxradio-disabled {
2843 pointer-events: none;
2844}
2845
2846.ui-controlgroup {
2847 vertical-align: middle;
2848 display: inline-block;
2849}
2850.ui-controlgroup > .ui-controlgroup-item {
2851 float: left;
2852 margin-left: 0;
2853 margin-right: 0;
2854}
2855.ui-controlgroup > .ui-controlgroup-item:focus,
2856.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
2857 z-index: 9999;
2858}
2859.ui-controlgroup-vertical > .ui-controlgroup-item {
2860 display: block;
2861 float: none;
2862 width: 100%;
2863 margin-top: 0;
2864 margin-bottom: 0;
2865 text-align: left;
2866}
2867.ui-controlgroup-vertical .ui-controlgroup-item {
2868 box-sizing: border-box;
2869}
2870.ui-controlgroup .ui-controlgroup-label {
2871 padding: .4em 1em;
2872}
2873.ui-controlgroup .ui-controlgroup-label span {
2874 font-size: 80%;
2875}
2876.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
2877 border-left: none;
2878}
2879.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
2880 border-top: none;
2881}
2882.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
2883 border-right: none;
2884}
2885.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
2886 border-bottom: none;
2887}
2888
2889/* Spinner specific style fixes */
2890.ui-controlgroup-vertical .ui-spinner-input {
2891
2892 /* Support: IE8 only, Android < 4.4 only */
2893 width: 75%;
2894 width: calc( 100% - 2.4em );
2895}
2896.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
2897 border-top-style: solid;
2898}
2899
2900
2901.ui-datepicker {
2902 width: 17em;
2903 padding: .2em .2em 0;
2904 display: none;
2905}
2906.ui-datepicker .ui-datepicker-header {
2907 position: relative;
2908 padding: .2em 0;
2909}
2910.ui-datepicker .ui-datepicker-prev,
2911.ui-datepicker .ui-datepicker-next {
2912 position: absolute;
2913 top: 2px;
2914 width: 1em;
2915 height: 1em;
2916}
2917.ui-datepicker .ui-datepicker-prev-hover,
2918.ui-datepicker .ui-datepicker-next-hover {
2919 top: 1px;
2920}
2921.ui-datepicker .ui-datepicker-prev {
2922 left: 2px;
2923 background: url(prev.png);
2924 background-repeat: no-repeat;
2925 background-position: center;
2926 background-size: contain;
2927 cursor: pointer;
2928 top: 7px;
2929}
2930.ui-datepicker .ui-datepicker-next {
2931 right: 2px;
2932 background: url(next.png);
2933 background-repeat: no-repeat;
2934 background-position: center;
2935 background-size: contain;
2936 cursor: pointer;
2937 top: 7px;
2938}
2939/*.ui-datepicker .ui-datepicker-prev-hover {
2940 left: 1px;
2941}
2942.ui-datepicker .ui-datepicker-next-hover {
2943 right: 1px;
2944}*/
2945.ui-datepicker .ui-datepicker-prev span,
2946.ui-datepicker .ui-datepicker-next span {
2947 display: block;
2948 position: absolute;
2949 left: 50%;
2950 margin-left: -8px;
2951 top: 50%;
2952 margin-top: -8px;
2953}
2954.ui-datepicker .ui-datepicker-title {
2955 margin: 0 2.3em;
2956 line-height: 1.8em;
2957 text-align: center;
2958}
2959.ui-datepicker .ui-datepicker-title select {
2960 font-size: 1em;
2961 margin: 1px 0;
2962}
2963.ui-datepicker select.ui-datepicker-month,
2964.ui-datepicker select.ui-datepicker-year {
2965 width: 45%;
2966}
2967.ui-datepicker table {
2968 width: 100%;
2969 font-size: .9em;
2970 border-collapse: collapse;
2971 margin: 0 0 .4em;
2972}
2973.ui-datepicker th {
2974 padding: .7em .3em;
2975 text-align: center;
2976 font-weight: bold;
2977 border: 0;
2978}
2979.ui-datepicker td {
2980 border: 0;
2981 padding: 1px;
2982}
2983.ui-datepicker td span,
2984.ui-datepicker td a {
2985 display: block;
2986 padding: .2em;
2987 text-align: right;
2988 text-decoration: none;
2989}
2990.ui-datepicker .ui-datepicker-buttonpane {
2991 background-image: none;
2992 margin: .7em 0 0 0;
2993 padding: 0 .2em;
2994 border-left: 0;
2995 border-right: 0;
2996 border-bottom: 0;
2997}
2998.ui-datepicker .ui-datepicker-buttonpane button {
2999 float: right;
3000 margin: .5em .2em .4em;
3001 cursor: pointer;
3002 padding: .2em .6em .3em .6em;
3003 width: auto;
3004 overflow: visible;
3005}
3006.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
3007 float: left;
3008}
3009
3010/* with multiple calendars */
3011.fa-calendar:hover{
3012 cursor: pointer;
3013}
3014.ui-datepicker.ui-datepicker-multi {
3015 width: auto;
3016}
3017.ui-datepicker-multi .ui-datepicker-group {
3018 float: left;
3019}
3020.ui-datepicker-multi .ui-datepicker-group table {
3021 width: 95%;
3022 margin: 0 auto .4em;
3023}
3024.ui-datepicker-multi-2 .ui-datepicker-group {
3025 width: 50%;
3026}
3027.ui-datepicker-multi-3 .ui-datepicker-group {
3028 width: 33.3%;
3029}
3030.ui-datepicker-multi-4 .ui-datepicker-group {
3031 width: 25%;
3032}
3033.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
3034.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
3035 border-left-width: 0;
3036}
3037.ui-datepicker-multi .ui-datepicker-buttonpane {
3038 clear: left;
3039}
3040.ui-datepicker-row-break {
3041 clear: both;
3042 width: 100%;
3043 font-size: 0;
3044}
3045
3046/* RTL support */
3047.ui-datepicker-rtl {
3048 direction: rtl;
3049}
3050.ui-datepicker-rtl .ui-datepicker-prev {
3051 right: 2px;
3052 left: auto;
3053}
3054.ui-datepicker-rtl .ui-datepicker-next {
3055 left: 2px;
3056 right: auto;
3057}
3058.ui-datepicker-rtl .ui-datepicker-prev:hover {
3059 right: 1px;
3060 left: auto;
3061}
3062.ui-datepicker-rtl .ui-datepicker-next:hover {
3063 left: 1px;
3064 right: auto;
3065}
3066.ui-datepicker-rtl .ui-datepicker-buttonpane {
3067 clear: right;
3068}
3069.ui-datepicker-rtl .ui-datepicker-buttonpane button {
3070 float: left;
3071}
3072.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
3073.ui-datepicker-rtl .ui-datepicker-group {
3074 float: right;
3075}
3076.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
3077.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
3078 border-right-width: 0;
3079 border-left-width: 1px;
3080}
3081
3082/* Icons */
3083.ui-datepicker .ui-icon {
3084 display: block;
3085 text-indent: -99999px;
3086 overflow: hidden;
3087 background-repeat: no-repeat;
3088 left: .5em;
3089 top: .3em;
3090}
3091
3092.ui-dialog {
3093 position: absolute;
3094 top: 0;
3095 left: 0;
3096 padding: .2em;
3097 outline: 0;
3098}
3099.ui-dialog .ui-dialog-titlebar {
3100 padding: .4em 1em;
3101 position: relative;
3102}
3103.ui-dialog .ui-dialog-title {
3104 float: left;
3105 margin: .1em 0;
3106 white-space: nowrap;
3107 width: 90%;
3108 overflow: hidden;
3109 text-overflow: ellipsis;
3110}
3111.ui-dialog .ui-dialog-titlebar-close {
3112 position: absolute;
3113 right: .3em;
3114 top: 50%;
3115 width: 20px;
3116 margin: -10px 0 0 0;
3117 padding: 1px;
3118 height: 20px;
3119}
3120.ui-dialog .ui-dialog-content {
3121 position: relative;
3122 border: 0;
3123 padding: .5em 1em;
3124 background: none;
3125 overflow: auto;
3126}
3127.ui-dialog .ui-dialog-buttonpane {
3128 text-align: left;
3129 border-width: 1px 0 0 0;
3130 background-image: none;
3131 margin-top: .5em;
3132 padding: .3em 1em .5em .4em;
3133}
3134.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
3135 float: right;
3136}
3137.ui-dialog .ui-dialog-buttonpane button {
3138 margin: .5em .4em .5em 0;
3139 cursor: pointer;
3140}
3141.ui-dialog .ui-resizable-n {
3142 height: 2px;
3143 top: 0;
3144}
3145.ui-dialog .ui-resizable-e {
3146 width: 2px;
3147 right: 0;
3148}
3149.ui-dialog .ui-resizable-s {
3150 height: 2px;
3151 bottom: 0;
3152}
3153.ui-dialog .ui-resizable-w {
3154 width: 2px;
3155 left: 0;
3156}
3157.ui-dialog .ui-resizable-se,
3158.ui-dialog .ui-resizable-sw,
3159.ui-dialog .ui-resizable-ne,
3160.ui-dialog .ui-resizable-nw {
3161 width: 7px;
3162 height: 7px;
3163}
3164.ui-dialog .ui-resizable-se {
3165 right: 0;
3166 bottom: 0;
3167}
3168.ui-dialog .ui-resizable-sw {
3169 left: 0;
3170 bottom: 0;
3171}
3172.ui-dialog .ui-resizable-ne {
3173 right: 0;
3174 top: 0;
3175}
3176.ui-dialog .ui-resizable-nw {
3177 left: 0;
3178 top: 0;
3179}
3180.ui-draggable .ui-dialog-titlebar {
3181 cursor: move;
3182}
3183
3184.ui-draggable-handle {
3185
-ms-touch-action: none;
3186 touch-action: none;
3187}
3188
3189.ui-menu {
3190 list-style: none;
3191 padding: 0;
3192 margin: 0;
3193 display: block;
3194 outline: none;
3195}
3196.ui-menu .ui-menu {
3197 position: absolute;
3198}
3199.ui-menu .ui-menu-item {
3200 margin: 0;
3201 cursor: pointer;
3202 /* support: IE10, see #8844 */
3203}
3204.ui-menu .ui-menu-item-wrapper {
3205 position: relative;
3206 padding: 3px 1em 3px .4em;
3207}
3208.ui-menu .ui-menu-divider {
3209 margin: 5px 0;
3210 height: 0;
3211 font-size: 0;
3212 line-height: 0;
3213 border-width: 1px 0 0 0;
3214}
3215.ui-menu .ui-state-focus,
3216.ui-menu .ui-state-active {
3217 margin: -1px;
3218}
3219
3220/* icon support */
3221.ui-menu-icons {
3222 position: relative;
3223}
3224.ui-menu-icons .ui-menu-item-wrapper {
3225 padding-left: 2em;
3226}
3227
3228/* left-aligned */
3229.ui-menu .ui-icon {
3230 position: absolute;
3231 top: 0;
3232 bottom: 0;
3233 left: .2em;
3234 margin: auto 0;
3235}
3236
3237/* right-aligned */
3238.ui-menu .ui-menu-icon {
3239 left: auto;
3240 right: 0;
3241}
3242
3243.ui-progressbar {
3244 height: 2em;
3245 text-align: left;
3246 overflow: hidden;
3247}
3248.ui-progressbar .ui-progressbar-value {
3249 margin: -1px;
3250 height: 100%;
3251}
3252.ui-progressbar .ui-progressbar-overlay {
3253 height: 100%;
3254 filter:
alpha(opacity=25); /* support: IE8 */
3255 opacity: 0.25;
3256}
3257.ui-progressbar-indeterminate .ui-progressbar-value {
3258 background-image: none;
3259}
3260
3261.ui-resizable {
3262 position: relative;
3263}
3264.ui-resizable-handle {
3265 position: absolute;
3266 font-size: 0.1px;
3267 display: block;
3268
-ms-touch-action: none;
3269 touch-action: none;
3270}
3271.ui-resizable-disabled .ui-resizable-handle,
3272.ui-resizable-autohide .ui-resizable-handle {
3273 display: none;
3274}
3275.ui-resizable-n {
3276 cursor: n-resize;
3277 height: 7px;
3278 width: 100%;
3279 top: -5px;
3280 left: 0;
3281}
3282.ui-resizable-s {
3283 cursor: s-resize;
3284 height: 7px;
3285 width: 100%;
3286 bottom: -5px;
3287 left: 0;
3288}
3289.ui-resizable-e {
3290 cursor: e-resize;
3291 width: 7px;
3292 right: -5px;
3293 top: 0;
3294 height: 100%;
3295}
3296.ui-resizable-w {
3297 cursor: w-resize;
3298 width: 7px;
3299 left: -5px;
3300 top: 0;
3301 height: 100%;
3302}
3303.ui-resizable-se {
3304 cursor: se-resize;
3305 width: 12px;
3306 height: 12px;
3307 right: 1px;
3308 bottom: 1px;
3309}
3310.ui-resizable-sw {
3311 cursor: sw-resize;
3312 width: 9px;
3313 height: 9px;
3314 left: -5px;
3315 bottom: -5px;
3316}
3317.ui-resizable-nw {
3318 cursor: nw-resize;
3319 width: 9px;
3320 height: 9px;
3321 left: -5px;
3322 top: -5px;
3323}
3324.ui-resizable-ne {
3325 cursor: ne-resize;
3326 width: 9px;
3327 height: 9px;
3328 right: -5px;
3329 top: -5px;
3330}
3331
3332.ui-selectable {
3333
-ms-touch-action: none;
3334 touch-action: none;
3335}
3336.ui-selectable-helper {
3337 position: absolute;
3338 z-index: 100;
3339 border: 1px dotted black;
3340}
3341
3342.ui-selectmenu-menu {
3343 padding: 0;
3344 margin: 0;
3345 position: absolute;
3346 top: 0;
3347 left: 0;
3348 display: none;
3349}
3350.ui-selectmenu-menu .ui-menu {
3351 overflow: auto;
3352 overflow-x: hidden;
3353 padding-bottom: 1px;
3354}
3355.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
3356 font-size: 1em;
3357 font-weight: bold;
3358 line-height: 1.5;
3359 padding: 2px 0.4em;
3360 margin: 0.5em 0 0 0;
3361 height: auto;
3362 border: 0;
3363}
3364.ui-selectmenu-open {
3365 display: block;
3366}
3367.ui-selectmenu-button.ui-button {
3368 text-align: left;
3369 overflow: hidden;
3370 text-overflow: ellipsis;
3371 white-space: nowrap;
3372 width: 14em;
3373}
3374
3375.ui-sortable-handle {
3376
-ms-touch-action: none;
3377 touch-action: none;
3378}
3379
3380.ui-slider {
3381 position: relative;
3382 text-align: left;
3383}
3384.ui-slider .ui-slider-handle {
3385 position: absolute;
3386 z-index: 2;
3387 width: 1.2em;
3388 height: 1.2em;
3389 cursor: default;
3390
-ms-touch-action: none;
3391 touch-action: none;
3392}
3393.ui-slider .ui-slider-range {
3394 position: absolute;
3395 z-index: 1;
3396 font-size: .7em;
3397 display: block;
3398 border: 0;
3399 background-position: 0 0;
3400}
3401
3402/* support: IE8 - See #6727 */
3403.ui-slider.ui-state-disabled .ui-slider-handle,
3404.ui-slider.ui-state-disabled .ui-slider-range {
3405 filter: inherit;
3406}
3407
3408.ui-slider-horizontal {
3409 height: .8em;
3410}
3411.ui-slider-horizontal .ui-slider-handle {
3412 top: -.3em;
3413 margin-left: -.6em;
3414}
3415.ui-slider-horizontal .ui-slider-range {
3416 top: 0;
3417 height: 100%;
3418}
3419.ui-slider-horizontal .ui-slider-range-min {
3420 left: 0;
3421}
3422.ui-slider-horizontal .ui-slider-range-max {
3423 right: 0;
3424}
3425
3426.ui-slider-vertical {
3427 width: .8em;
3428 height: 100px;
3429}
3430.ui-slider-vertical .ui-slider-handle {
3431 left: -.3em;
3432 margin-left: 0;
3433 margin-bottom: -.6em;
3434}
3435.ui-slider-vertical .ui-slider-range {
3436 left: 0;
3437 width: 100%;
3438}
3439.ui-slider-vertical .ui-slider-range-min {
3440 bottom: 0;
3441}
3442.ui-slider-vertical .ui-slider-range-max {
3443 top: 0;
3444}
3445
3446.ui-spinner {
3447 position: relative;
3448 display: inline-block;
3449 overflow: hidden;
3450 padding: 0;
3451 vertical-align: middle;
3452}
3453.ui-spinner-input {
3454 border: none;
3455 background: none;
3456 color: inherit;
3457 padding: .222em 0;
3458 margin: .2em 0;
3459 vertical-align: middle;
3460 margin-left: .4em;
3461 margin-right: 2em;
3462}
3463.ui-spinner-button {
3464 width: 1.6em;
3465 height: 50%;
3466 font-size: .5em;
3467 padding: 0;
3468 margin: 0;
3469 text-align: center;
3470 position: absolute;
3471 cursor: default;
3472 display: block;
3473 overflow: hidden;
3474 right: 0;
3475}
3476/* more specificity required here to override default borders */
3477.ui-spinner a.ui-spinner-button {
3478 border-top-style: none;
3479 border-bottom-style: none;
3480 border-right-style: none;
3481}
3482.ui-spinner-up {
3483 top: 0;
3484}
3485.ui-spinner-down {
3486 bottom: 0;
3487}
3488
3489.ui-tabs {
3490 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
3491 padding: .2em;
3492}
3493.ui-tabs .ui-tabs-nav {
3494 margin: 0;
3495 padding: .2em .2em 0;
3496}
3497.ui-tabs .ui-tabs-nav li {
3498 list-style: none;
3499 float: left;
3500 position: relative;
3501 top: 0;
3502 margin: 1px .2em 0 0;
3503 border-bottom-width: 0;
3504 padding: 0;
3505 white-space: nowrap;
3506}
3507.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
3508 float: left;
3509 padding: .5em 1em;
3510 text-decoration: none;
3511}
3512.ui-tabs .ui-tabs-nav li.ui-tabs-active {
3513 margin-bottom: -1px;
3514 padding-bottom: 1px;
3515}
3516.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
3517.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
3518.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
3519 cursor: text;
3520}
3521.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
3522 cursor: pointer;
3523}
3524.ui-tabs .ui-tabs-panel {
3525 display: block;
3526 border-width: 0;
3527 padding: 1em 1.4em;
3528 background: none;
3529}
3530
3531.ui-tooltip {
3532 padding: 8px;
3533 position: absolute;
3534 z-index: 9999;
3535 max-width: 300px;
3536}
3537body .ui-tooltip {
3538 border-width: 2px;
3539}
3540
3541/* Component containers
3542----------------------------------*/
3543.ui-widget {
3544 font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
3545 font-size: 1em/*{fsDefault}*/;
3546}
3547.ui-widget .ui-widget {
3548 font-size: 1em;
3549}
3550.ui-widget input,
3551.ui-widget select,
3552.ui-widget textarea,
3553.ui-widget button {
3554 font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
3555 font-size: 1em;
3556}
3557.ui-widget.ui-widget-content {
3558 border: 1px solid #c5c5c5/*{borderColorDefault}*/;
3559}
3560.ui-widget-content {
3561 border: 1px solid #dddddd/*{borderColorContent}*/;
3562 background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
3563 color: #333333/*{fcContent}*/;
3564}
3565.ui-widget-content a {
3566 color: #333333/*{fcContent}*/;
3567}
3568.ui-widget-header {
3569 color: #333333/*{fcHeader}*/;
3570 font-weight: bold;
3571}
3572.ui-widget-header a {
3573 color: #333333/*{fcHeader}*/;
3574}
3575
3576/* Interaction states
3577----------------------------------*/
3578.ui-state-default,
3579.ui-widget-content .ui-state-default,
3580.ui-widget-header .ui-state-default,
3581.ui-button,
3582
3583/* We use html here because we need a greater specificity to make sure disabled
3584works properly when clicked or hovered */
3585html .ui-button.ui-state-disabled:hover,
3586html .ui-button.ui-state-disabled:active {
3587 text-align: center;
3588 border: 1px solid rgba(255,255,255,.15);
3589 font-weight: normal;
3590 color: #454545;
3591}
3592.ui-state-default a,
3593.ui-state-default a:link,
3594.ui-state-default a:visited,
3595a.ui-button,
3596a:link.ui-button,
3597a:visited.ui-button,
3598.ui-button {
3599 color: #454545/*{fcDefault}*/;
3600 text-decoration: none;
3601}
3602
3603.ui-button:hover,
3604.ui-button:focus {
3605 border: 1px solid #cccccc/*{borderColorHover}*/;
3606 background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
3607 font-weight: normal/*{fwDefault}*/;
3608 color: #2b2b2b/*{fcHover}*/;
3609}
3610.ui-state-hover a,
3611.ui-state-hover a:hover,
3612.ui-state-hover a:link,
3613.ui-state-hover a:visited,
3614.ui-state-focus a,
3615.ui-state-focus a:hover,
3616.ui-state-focus a:link,
3617.ui-state-focus a:visited,
3618a.ui-button:hover,
3619a.ui-button:focus {
3620 color: #2b2b2b/*{fcHover}*/;
3621 text-decoration: none;
3622}
3623
3624.ui-visual-focus {
3625 box-shadow: 0 0 3px 1px rgb(94, 158, 214);
3626}
3627.ui-state-active,
3628.ui-widget-content .ui-state-active,
3629.ui-widget-header .ui-state-active,
3630a.ui-button:active,
3631.ui-button:active,
3632.ui-button.ui-state-active:hover {
3633 border: 1px solid #003eff/*{borderColorActive}*/;
3634 background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
3635 font-weight: normal/*{fwDefault}*/;
3636 color: #ffffff/*{fcActive}*/;
3637}
3638.ui-icon-background,
3639.ui-state-active .ui-icon-background {
3640 border: #003eff/*{borderColorActive}*/;
3641 background-color: #ffffff/*{fcActive}*/;
3642}
3643.ui-state-active a,
3644.ui-state-active a:link,
3645.ui-state-active a:visited {
3646 color: #ffffff/*{fcActive}*/;
3647 text-decoration: none;
3648}
3649
3650/* Interaction Cues
3651----------------------------------*/
3652.ui-state-highlight,
3653.ui-widget-content .ui-state-highlight,
3654.ui-widget-header .ui-state-highlight {
3655 border: 1px solid #dad55e/*{borderColorHighlight}*/;
3656 background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
3657 color: #777620/*{fcHighlight}*/;
3658}
3659.ui-state-highlight a,
3660.ui-widget-content .ui-state-highlight a,
3661.ui-widget-header .ui-state-highlight a {
3662 color: #777620/*{fcHighlight}*/;
3663}
3664.ui-state-error,
3665.ui-widget-content .ui-state-error,
3666.ui-widget-header .ui-state-error {
3667 border: 1px solid #f1a899/*{borderColorError}*/;
3668 background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
3669 color: #5f3f3f/*{fcError}*/;
3670}
3671.ui-state-error a,
3672.ui-widget-content .ui-state-error a,
3673.ui-widget-header .ui-state-error a {
3674 color: #5f3f3f/*{fcError}*/;
3675}
3676.ui-state-error-text,
3677.ui-widget-content .ui-state-error-text,
3678.ui-widget-header .ui-state-error-text {
3679 color: #5f3f3f/*{fcError}*/;
3680}
3681.ui-priority-primary,
3682.ui-widget-content .ui-priority-primary,
3683.ui-widget-header .ui-priority-primary {
3684 font-weight: bold;
3685}
3686.ui-priority-secondary,
3687.ui-widget-content .ui-priority-secondary,
3688.ui-widget-header .ui-priority-secondary {
3689 opacity: .7;
3690 filter:
Alpha(Opacity=70); /* support: IE8 */
3691 font-weight: normal;
3692}
3693.ui-state-disabled,
3694.ui-widget-content .ui-state-disabled,
3695.ui-widget-header .ui-state-disabled {
3696 opacity: .35;
3697 filter:
Alpha(Opacity=35); /* support: IE8 */
3698 /*background-image: none;*/
3699}
3700.ui-state-disabled .ui-icon {
3701 filter:
Alpha(Opacity=35); /* support: IE8 - See #6059 */
3702}
3703
3704/* Icons
3705----------------------------------*/
3706
3707/* states and images */
3708.ui-icon {
3709 width: 16px;
3710 height: 16px;
3711}
3712
3713/* positioning */
3714.ui-icon-blank { background-position: 16px 16px; }
3715.ui-icon-caret-1-n { background-position: 0 0; }
3716.ui-icon-caret-1-ne { background-position: -16px 0; }
3717.ui-icon-caret-1-e { background-position: -32px 0; }
3718.ui-icon-caret-1-se { background-position: -48px 0; }
3719.ui-icon-caret-1-s { background-position: -65px 0; }
3720.ui-icon-caret-1-sw { background-position: -80px 0; }
3721.ui-icon-caret-1-w { background-position: -96px 0; }
3722.ui-icon-caret-1-nw { background-position: -112px 0; }
3723.ui-icon-caret-2-n-s { background-position: -128px 0; }
3724.ui-icon-caret-2-e-w { background-position: -144px 0; }
3725.ui-icon-triangle-1-n { background-position: 0 -16px; }
3726.ui-icon-triangle-1-ne { background-position: -16px -16px; }
3727.ui-icon-triangle-1-e { background-position: -32px -16px; }
3728.ui-icon-triangle-1-se { background-position: -48px -16px; }
3729.ui-icon-triangle-1-s { background-position: -65px -16px; }
3730.ui-icon-triangle-1-sw { background-position: -80px -16px; }
3731.ui-icon-triangle-1-w { background-position: -96px -16px; }
3732.ui-icon-triangle-1-nw { background-position: -112px -16px; }
3733.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
3734.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
3735.ui-icon-arrow-1-n { background-position: 0 -32px; }
3736.ui-icon-arrow-1-ne { background-position: -16px -32px; }
3737.ui-icon-arrow-1-e { background-position: -32px -32px; }
3738.ui-icon-arrow-1-se { background-position: -48px -32px; }
3739.ui-icon-arrow-1-s { background-position: -65px -32px; }
3740.ui-icon-arrow-1-sw { background-position: -80px -32px; }
3741.ui-icon-arrow-1-w { background-position: -96px -32px; }
3742.ui-icon-arrow-1-nw { background-position: -112px -32px; }
3743.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
3744.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
3745.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
3746.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
3747.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
3748.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
3749.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
3750.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
3751.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
3752.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
3753.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
3754.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
3755.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
3756.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
3757.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
3758.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
3759.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
3760.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
3761.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
3762.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
3763.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
3764.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
3765.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
3766.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
3767.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
3768.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
3769.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
3770.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
3771.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
3772.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
3773.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
3774.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
3775.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
3776.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
3777.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
3778.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
3779.ui-icon-arrow-4 { background-position: 0 -80px; }
3780.ui-icon-arrow-4-diag { background-position: -16px -80px; }
3781.ui-icon-extlink { background-position: -32px -80px; }
3782.ui-icon-newwin { background-position: -48px -80px; }
3783.ui-icon-refresh { background-position: -64px -80px; }
3784.ui-icon-shuffle { background-position: -80px -80px; }
3785.ui-icon-transfer-e-w { background-position: -96px -80px; }
3786.ui-icon-transferthick-e-w { background-position: -112px -80px; }
3787.ui-icon-folder-collapsed { background-position: 0 -96px; }
3788.ui-icon-folder-open { background-position: -16px -96px; }
3789.ui-icon-document { background-position: -32px -96px; }
3790.ui-icon-document-b { background-position: -48px -96px; }
3791.ui-icon-note { background-position: -64px -96px; }
3792.ui-icon-mail-closed { background-position: -80px -96px; }
3793.ui-icon-mail-open { background-position: -96px -96px; }
3794.ui-icon-suitcase { background-position: -112px -96px; }
3795.ui-icon-comment { background-position: -128px -96px; }
3796.ui-icon-person { background-position: -144px -96px; }
3797.ui-icon-print { background-position: -160px -96px; }
3798.ui-icon-trash { background-position: -176px -96px; }
3799.ui-icon-locked { background-position: -192px -96px; }
3800.ui-icon-unlocked { background-position: -208px -96px; }
3801.ui-icon-bookmark { background-position: -224px -96px; }
3802.ui-icon-tag { background-position: -240px -96px; }
3803.ui-icon-home { background-position: 0 -112px; }
3804.ui-icon-flag { background-position: -16px -112px; }
3805.ui-icon-calendar { background-position: -32px -112px; }
3806.ui-icon-cart { background-position: -48px -112px; }
3807.ui-icon-pencil { background-position: -64px -112px; }
3808.ui-icon-clock { background-position: -80px -112px; }
3809.ui-icon-disk { background-position: -96px -112px; }
3810.ui-icon-calculator { background-position: -112px -112px; }
3811.ui-icon-zoomin { background-position: -128px -112px; }
3812.ui-icon-zoomout { background-position: -144px -112px; }
3813.ui-icon-search { background-position: -160px -112px; }
3814.ui-icon-wrench { background-position: -176px -112px; }
3815.ui-icon-gear { background-position: -192px -112px; }
3816.ui-icon-heart { background-position: -208px -112px; }
3817.ui-icon-star { background-position: -224px -112px; }
3818.ui-icon-link { background-position: -240px -112px; }
3819.ui-icon-cancel { background-position: 0 -128px; }
3820.ui-icon-plus { background-position: -16px -128px; }
3821.ui-icon-plusthick { background-position: -32px -128px; }
3822.ui-icon-minus { background-position: -48px -128px; }
3823.ui-icon-minusthick { background-position: -64px -128px; }
3824.ui-icon-close { background-position: -80px -128px; }
3825.ui-icon-closethick { background-position: -96px -128px; }
3826.ui-icon-key { background-position: -112px -128px; }
3827.ui-icon-lightbulb { background-position: -128px -128px; }
3828.ui-icon-scissors { background-position: -144px -128px; }
3829.ui-icon-clipboard { background-position: -160px -128px; }
3830.ui-icon-copy { background-position: -176px -128px; }
3831.ui-icon-contact { background-position: -192px -128px; }
3832.ui-icon-image { background-position: -208px -128px; }
3833.ui-icon-video { background-position: -224px -128px; }
3834.ui-icon-script { background-position: -240px -128px; }
3835.ui-icon-alert { background-position: 0 -144px; }
3836.ui-icon-info { background-position: -16px -144px; }
3837.ui-icon-notice { background-position: -32px -144px; }
3838.ui-icon-help { background-position: -48px -144px; }
3839.ui-icon-check { background-position: -64px -144px; }
3840.ui-icon-bullet { background-position: -80px -144px; }
3841.ui-icon-radio-on { background-position: -96px -144px; }
3842.ui-icon-radio-off { background-position: -112px -144px; }
3843.ui-icon-pin-w { background-position: -128px -144px; }
3844.ui-icon-pin-s { background-position: -144px -144px; }
3845.ui-icon-play { background-position: 0 -160px; }
3846.ui-icon-pause { background-position: -16px -160px; }
3847.ui-icon-seek-next { background-position: -32px -160px; }
3848.ui-icon-seek-prev { background-position: -48px -160px; }
3849.ui-icon-seek-end { background-position: -64px -160px; }
3850.ui-icon-seek-start { background-position: -80px -160px; }
3851/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
3852.ui-icon-seek-first { background-position: -80px -160px; }
3853.ui-icon-stop { background-position: -96px -160px; }
3854.ui-icon-eject { background-position: -112px -160px; }
3855.ui-icon-volume-off { background-position: -128px -160px; }
3856.ui-icon-volume-on { background-position: -144px -160px; }
3857.ui-icon-power { background-position: 0 -176px; }
3858.ui-icon-signal-diag { background-position: -16px -176px; }
3859.ui-icon-signal { background-position: -32px -176px; }
3860.ui-icon-battery-0 { background-position: -48px -176px; }
3861.ui-icon-battery-1 { background-position: -64px -176px; }
3862.ui-icon-battery-2 { background-position: -80px -176px; }
3863.ui-icon-battery-3 { background-position: -96px -176px; }
3864.ui-icon-circle-plus { background-position: 0 -192px; }
3865.ui-icon-circle-minus { background-position: -16px -192px; }
3866.ui-icon-circle-close { background-position: -32px -192px; }
3867.ui-icon-circle-triangle-e { background-position: -48px -192px; }
3868.ui-icon-circle-triangle-s { background-position: -64px -192px; }
3869.ui-icon-circle-triangle-w { background-position: -80px -192px; }
3870.ui-icon-circle-triangle-n { background-position: -96px -192px; }
3871.ui-icon-circle-arrow-e { background-position: -112px -192px; }
3872.ui-icon-circle-arrow-s { background-position: -128px -192px; }
3873.ui-icon-circle-arrow-w { background-position: -144px -192px; }
3874.ui-icon-circle-arrow-n { background-position: -160px -192px; }
3875.ui-icon-circle-zoomin { background-position: -176px -192px; }
3876.ui-icon-circle-zoomout { background-position: -192px -192px; }
3877.ui-icon-circle-check { background-position: -208px -192px; }
3878.ui-icon-circlesmall-plus { background-position: 0 -208px; }
3879.ui-icon-circlesmall-minus { background-position: -16px -208px; }
3880.ui-icon-circlesmall-close { background-position: -32px -208px; }
3881.ui-icon-squaresmall-plus { background-position: -48px -208px; }
3882.ui-icon-squaresmall-minus { background-position: -64px -208px; }
3883.ui-icon-squaresmall-close { background-position: -80px -208px; }
3884.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
3885.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
3886.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
3887.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
3888.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
3889.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
3890
3891
3892/* Misc visuals
3893----------------------------------*/
3894
3895/* Corner radius */
3896.ui-corner-all,
3897.ui-corner-top,
3898.ui-corner-left,
3899.ui-corner-tl {
3900 border-top-left-radius: 3px/*{cornerRadius}*/;
3901}
3902.ui-corner-all,
3903.ui-corner-top,
3904.ui-corner-right,
3905.ui-corner-tr {
3906 border-top-right-radius: 3px/*{cornerRadius}*/;
3907}
3908.ui-corner-all,
3909.ui-corner-bottom,
3910.ui-corner-left,
3911.ui-corner-bl {
3912 border-bottom-left-radius: 3px/*{cornerRadius}*/;
3913}
3914.ui-corner-all,
3915.ui-corner-bottom,
3916.ui-corner-right,
3917.ui-corner-br {
3918 border-bottom-right-radius: 3px/*{cornerRadius}*/;
3919}
3920
3921/* Overlays */
3922.ui-widget-overlay {
3923 background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
3924 opacity: .3/*{opacityOverlay}*/;
3925 filter:
Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
3926}
3927.ui-widget-shadow {
3928
-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
3929 box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
3930}
3931/****************************************************************/
3932.construct-whole{
3933text-align:center;
3934}
3935.construct-overlay{
3936position:absolute;
3937top:0;
3938left:0;
3939width:100%;
3940}
3941.construct-lay{
3942position: relative;
3943margin:0 auto;
3944width:900px;
3945max-width: 900px;
3946height: 300px;
3947}
3948.construct-center{
3949
3950margin-top: 80px;
3951width:394px;
3952text-align:center;
3953
3954}
3955.construct-h2{
3956margin-top:2rem;
3957font-size:2.4rem;
3958}
3959.construct-h2 a, .construct-h2 a:hover, .construct-h2 a:active{
3960color:#000;
3961text-decoration:none;
3962}
3963.construct-h3{
3964font-size:1.8rem;
3965font-weight:500;
3966}
3967.construct-btn{
3968margin:0 auto;
3969margin-top:2rem;
3970width: 182px;
3971height: 44px;
3972line-height: 32px;
3973}
3974.construct-video{
3975}
3976.video__header-video{
3977max-width:100%;
3978}
3979
3980.constructor-steps{
3981margin-top:3rem;
3982}
3983
3984.constructor-steps-frame{
3985text-align:center;
3986}
3987.constructor-steps-helper{
3988display:inline-block;
3989height:100%;
3990vertical-align:middle;
3991}
3992.constructor-steps-img{
3993vertical-align:middle;
3994max-height:250px;
3995}
3996.constructor-steps-text{
3997
3998margin-top:40px;
3999text-align:center;
4000font-weight:600;
4001}
4002.constructor-steps-memo{
4003margin-top:4rem;
4004}
4005.constructor-steps-h{
4006font-weight:600;
4007font-size:1.75rem;
4008margin-bottom:1rem;
4009}
4010
4011@media (max-width: 896px) {
4012
4013.construct-overlay{
4014
4015}
4016.construct-lay {
4017
4018width:300px;
4019max-width:100%;
4020height:auto;
4021
4022}
4023
4024.construct-center{
4025
4026margin-top:0;
4027width:128px;
4028
4029}
4030
4031.construct-h2{
4032margin-top:8px;
4033font-size:10px;
4034
4035}
4036.construct-h3{
4037font-size:8px;
4038}
4039.construct-btn{
4040
4041margin-top:0;
4042width: 115px;
4043height: 33px;
4044line-height:inherit;
4045
4046}
4047.constructor-steps-text{
4048margin-top:0;
4049margin-bottom:60px;
4050}
4051
4052}
4053
4054
4055
4056@media (max-width: 896px) {
4057.main-callback{
4058margin-top:18px;
4059}
4060.main-phone{
4061margin-bottom:0;
4062}
4063}
4064
4065
4066/*reviews*/
4067.review-card{
4068width:224px;
4069height:284px;
4070padding:8px;
4071font-family:Arial,Verdana,Helvetica,sans-serif;
4072font-size:12px;
4073background-color:#f3f3f3;
4074margin:0 auto;
4075}
4076
4077.la{
4078float:left;
4079margin-right:20px;
4080}
4081.review-name{
4082font-weight:600;
4083padding-top:10px;
4084}
4085.review-stars{
4086clear:both;
4087margin-top:20px;
4088margin-bottom:10px;
4089}
4090.review-bold{
4091font-weight:600;
4092margin:0;
4093}
4094.review-text{
4095margin-top:0;
4096margin-bottom:6px;
4097}
4098
4099.footer-phone a{
4100display:block;
4101}
4102.footer-center{
4103text-align:center;
4104margin-bottom:10px;
4105}
4106.main-article{
4107width:90%;
4108margin:0 auto;
4109padding:0 12px;
4110margin-bottom:22px;
4111}
4112.main-intro{
4113font-family: "Montserrat", sans-serif !important;
4114font-size: 15px !important;
4115}
4116
4117.socico img{
4118width:32px;
4119margin:8px;
4120}
4121.faq-topic{
4122font-size:18px;
4123padding-top:12px;
4124padding-bottom:8px;
4125color:#19a;
4126}
4127.faq-card{
4128padding:12px 4px;
4129border: 1px solid #19a;
4130
4131}
4132.faq-card-header{
4133font-size:16px;
4134}
4135
4136.faq-header,.faq-header:hover{
4137color:#000;
4138font-size:16px;
4139text-decoration:none !important;
4140cursor:pointer;
4141padding:8px;
4142}
4143
4144.faq-card-body{
4145padding:12px 4px;
4146font-size:14px;
4147}
4148
4149
4150.item-card{
4151width:326px;
4152height:326px;
4153max-height:326px;
4154margin:36px 0;
4155overflow:hidden;
4156text-align:center;
4157border-radius:4px;
4158box-shadow:3px 3px 6px rgb(0 0 0 / 15%);
4159}
4160.item-card-cover{
4161width:240px;
4162height:240px;
4163margin:0 auto;
4164-webkit-filter: brightness(100%);
4165filter: brightness(100%);
4166transition:1s ease all;
4167}
4168.item-card-cover img{
4169width:222px;
4170height:222px;
4171border-radius:4px;
4172object-fit:cover;
4173}
4174.item-card-cover:hover{
4175transform:scale(1.1);
4176}
4177.item-card-heading{
4178margin:4px;
4179text-transform:uppercase;
4180font-size:16px;
4181}
4182.item-card-heading a,.item-card-heading a:hover{
4183color:#777;
4184text-decoration:none;
4185}
4186.item-card-tagline{
4187font-size:13px;
4188}
4189
4190.mat-card-cover{
4191float:left;
4192width:400px;
4193height:400px;
4194-webkit-filter: brightness(100%);
4195filter: brightness(100%);
4196transition:1s ease all;
4197clear:both;
4198}
4199.mat-card-cover img{
4200width:360px;
4201height:360px;
4202border-radius:4px;
4203object-fit:cover;
4204}
4205.mat-card-cover:hover{
4206transform:scale(1.1);
4207}
4208.mat-card-heading{
4209text-transform:uppercase;
4210font-size:16px;
4211}
4212.mat-card-tagline{
4213
4214}
4215.mat-card-intro{
4216
4217}
4218.mat-card-text{
4219
4220}
4221
4222.mat-card-intro p, .mat-card-text p{
4223padding:0;
4224margin:0;
4225}
4226.mat-card-intro p img, .mat-card-text p img{
4227width:512px;
4228float:left;
4229padding:16px;
4230}
4231.mat-card-intro h2,.mat-card-text h2{
4232font-size:18px;
4233text-transform:uppercase;
4234margin-top:12px;
4235}
4236
4237.sale{
4238width:100%;
4239margin:0 auto;
4240}
4241
4242.sale h2{
4243font-size:1.75rem;
4244font-weight:500;
4245text-transform:uppercase;
4246}
4247.sale p{
4248font-size:16px;
4249}
4250.h1{
4251text-transform:uppercase;
4252}
4253.ikea{
4254margin-top:-5px;
4255}
4256.ikea img{
4257width:64px !important;
4258}
4259.ikea-big{
4260margin:0 auto;
4261}
4262.ikea-big img{
4263width:128px !important;
4264max-width:128px !important;
4265}
4266.x-menu-h{
4267text-align: left;
4268font-weight: 600;
4269}
4270
4271