Commit a5333f154cb889e0978720db8c182a078b855e7d
1 parent
4a2c9e70
Minify
Showing
6 changed files
with
5385 additions
and
4440 deletions
Show diff stats
common/config/main.php
... | ... | @@ -3,13 +3,13 @@ |
3 | 3 | 'language' => 'ru', |
4 | 4 | 'vendorPath' => dirname(dirname(__DIR__)) . '/vendor', |
5 | 5 | 'components' => [ |
6 | - 'assetManager' => [ | |
7 | - 'bundles' => [ | |
8 | - 'yii\web\JqueryAsset' => [ | |
9 | - 'jsOptions' => [ 'position' => \yii\web\View::POS_HEAD ], | |
10 | - ], | |
11 | - ], | |
12 | - ], | |
6 | +// 'assetManager' => [ | |
7 | +// 'bundles' => [ | |
8 | +// 'yii\web\JqueryAsset' => [ | |
9 | +// 'jsOptions' => [ 'position' => \yii\web\View::POS_HEAD ], | |
10 | +// ], | |
11 | +// ], | |
12 | +// ], | |
13 | 13 | |
14 | 14 | 'sms' => [ |
15 | 15 | 'class' => 'common\components\SmsSender', | ... | ... |
frontend/assets/AppAsset.php
... | ... | @@ -12,10 +12,8 @@ class AppAsset extends AssetBundle |
12 | 12 | public $basePath = '@webroot'; |
13 | 13 | public $baseUrl = '@web'; |
14 | 14 | public $css = [ |
15 | - 'css/site.css', | |
16 | 15 | 'css/style.min.css', |
17 | 16 | 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700', |
18 | - 'css/lightgallery.css', | |
19 | 17 | ]; |
20 | 18 | public $js = [ |
21 | 19 | 'js/device.min.js', | ... | ... |
frontend/web/css/lightgallery.css
... | ... | @@ -839,5 +839,3 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object |
839 | 839 | -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; |
840 | 840 | transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; |
841 | 841 | } |
842 | - | |
843 | -/*# sourceMappingURL=lightgallery.css.map */ | ... | ... |
frontend/web/css/site.css
frontend/web/css/style.css
Changes suppressed. Click to show
1 | +html, | |
2 | +body { | |
3 | + height: 100%; | |
4 | +} | |
5 | + | |
6 | +.wrap { | |
7 | + min-height: 100%; | |
8 | + height: auto; | |
9 | + margin: 0 auto -60px; | |
10 | + padding: 0 0 60px; | |
11 | +} | |
12 | + | |
13 | +.wrap > .container { | |
14 | + padding: 70px 15px 20px; | |
15 | +} | |
16 | + | |
17 | +.footer { | |
18 | + height: 60px; | |
19 | + background-color: #f5f5f5; | |
20 | + border-top: 1px solid #ddd; | |
21 | + padding-top: 20px; | |
22 | +} | |
23 | + | |
24 | +.jumbotron { | |
25 | + text-align: center; | |
26 | + background-color: transparent; | |
27 | +} | |
28 | + | |
29 | +.jumbotron .btn { | |
30 | + font-size: 21px; | |
31 | + padding: 14px 24px; | |
32 | +} | |
33 | + | |
34 | +.not-set { | |
35 | + color: #c55; | |
36 | + font-style: italic; | |
37 | +} | |
38 | + | |
39 | +/* add sorting icons to gridview sort links */ | |
40 | +a.asc:after, a.desc:after { | |
41 | + position: relative; | |
42 | + top: 1px; | |
43 | + display: inline-block; | |
44 | + font-family: 'Glyphicons Halflings'; | |
45 | + font-style: normal; | |
46 | + font-weight: normal; | |
47 | + line-height: 1; | |
48 | + padding-left: 5px; | |
49 | +} | |
50 | + | |
51 | +a.asc:after { | |
52 | + content: "\e151"; | |
53 | +} | |
54 | + | |
55 | +a.desc:after { | |
56 | + content: "\e152"; | |
57 | +} | |
58 | + | |
59 | +.sort-numerical a.asc:after { | |
60 | + content: "\e153"; | |
61 | +} | |
62 | + | |
63 | +.sort-numerical a.desc:after { | |
64 | + content: "\e154"; | |
65 | +} | |
66 | + | |
67 | +.sort-ordinal a.asc:after { | |
68 | + content: "\e155"; | |
69 | +} | |
70 | + | |
71 | +.sort-ordinal a.desc:after { | |
72 | + content: "\e156"; | |
73 | +} | |
74 | + | |
75 | +.grid-view td { | |
76 | + white-space: nowrap; | |
77 | +} | |
78 | + | |
79 | +.grid-view .filters input, | |
80 | +.grid-view .filters select { | |
81 | + min-width: 50px; | |
82 | +} | |
83 | + | |
84 | +.hint-block { | |
85 | + display: block; | |
86 | + margin-top: 5px; | |
87 | + color: #999; | |
88 | +} | |
89 | + | |
90 | +.error-summary { | |
91 | + color: #a94442; | |
92 | + background: #fdf7f7; | |
93 | + border-left: 3px solid #eed3d7; | |
94 | + padding: 10px 20px; | |
95 | + margin: 0 0 15px 0; | |
96 | +} | |
97 | + | |
98 | +/* align the logout "link" (button in form) of the navbar */ | |
99 | +.nav > li > form { | |
100 | + padding: 8px; | |
101 | +} | |
102 | + | |
103 | +@media(max-width:768px) { | |
104 | + .nav li > form { | |
105 | + padding: 3px; | |
106 | + } | |
107 | +} | |
108 | +.nav > li > form > button:hover { | |
109 | + text-decoration: none; | |
110 | +} | |
111 | + | |
112 | +*{ | |
113 | + margin: 0; | |
114 | + padding: 0;} | |
115 | +body { | |
116 | + font-family: 'Roboto'; | |
117 | + font-weight: normal; | |
118 | + font-size: 14px; | |
119 | + color: #414143; | |
120 | + background: url("../images/bg_body.jpg") repeat; | |
121 | + line-height: 1.42857143; | |
122 | +} | |
123 | +.off-scroll { | |
124 | + overflow-y: hidden; | |
125 | + height: 100%; | |
126 | + position: fixed; | |
127 | +} | |
128 | +img { | |
129 | + border: none; | |
130 | +} | |
131 | +input, textarea, button { | |
132 | + outline: none!important; | |
133 | +} | |
134 | +[class*="section-box"]{width:100%;float:left;position:relative;} | |
135 | +.style {width: 100%;float: left;} | |
136 | +/***fix-buttons***/ | |
137 | +.question-form { | |
138 | + height: 40px; | |
139 | + padding: 0 23px; | |
140 | + line-height: 40px; | |
141 | + text-decoration: none; | |
142 | + color: #fff; | |
143 | + font-size: 13px; | |
144 | + text-transform: uppercase; | |
145 | + background: #939598; | |
146 | + border-top-left-radius: 4px; | |
147 | + border-top-right-radius: 4px; | |
148 | + z-index: 999; | |
149 | + transform: rotate(-90deg); | |
150 | + -webkit-transform: rotate(-90deg); | |
151 | + position: fixed; | |
152 | + top:325px; | |
153 | + right: -68px; | |
154 | +} | |
155 | +.question-form span { | |
156 | + position: absolute; | |
157 | + min-width: 22px; | |
158 | + height: 22px; | |
159 | + padding: 0 4px; | |
160 | + line-height: 22px; | |
161 | + color: #fff; | |
162 | + background: #ed1c24; | |
163 | + font-size: 13px; | |
164 | + top: -10px; | |
165 | + right: -10px; | |
166 | + transform: rotate(90deg); | |
167 | + -webkit-transform: rotate(90deg); | |
168 | + border-radius: 22px; | |
169 | + text-align: center; | |
170 | +} | |
171 | +.calc-menu .question-form span { | |
172 | + transform: rotate(0deg); | |
173 | + -webkit-transform: rotate(0deg); | |
174 | + right: -26px; | |
175 | + top: -16px; | |
176 | +} | |
177 | +/***header***/ | |
178 | +.section-box-header { | |
179 | + background: #fff; | |
180 | + margin-bottom: 2px; | |
181 | +} | |
182 | +.logo_ { | |
183 | + height: 112px; | |
184 | + width: 100%; | |
185 | + position: relative; | |
186 | + display: table-cell; | |
187 | + vertical-align: middle; | |
188 | +} | |
189 | +.logo_ img {width: 100%;vertical-align: middle} | |
190 | + | |
191 | + | |
192 | +.menu-wrapper { | |
193 | + height: 40px; | |
194 | + position: relative; | |
195 | +} | |
196 | +.menu-wrapper:before { | |
197 | + background: #414143; | |
198 | + height: 40px; | |
199 | + width: 100%; | |
200 | + position: absolute; | |
201 | + content: ''; | |
202 | +} | |
203 | +.phones-head {padding-top: 31px;} | |
204 | +.phones-head table { | |
205 | + border: 0; | |
206 | + collapse: 0; | |
207 | + margin: 0 auto; | |
208 | +} | |
209 | +.phones-head table tr td{position: relative;} | |
210 | + | |
211 | +.phones-head p { | |
212 | + font-size: 18px; | |
213 | + color: #414143; | |
214 | +} | |
215 | +.phones-head p span{font-weight: 700; color: inherit; font-size: 18px;right: auto;top: auto; position: relative} | |
216 | +.phones-head span{ | |
217 | + font-weight: 300; | |
218 | + font-size: 13px; | |
219 | + color: #939598; | |
220 | + position: absolute; | |
221 | + right: 0; | |
222 | + top: 23px; | |
223 | + width: 199px; | |
224 | + text-align: right; | |
225 | + line-height: 14px; | |
226 | +} | |
227 | +.search-ico, .close-search { | |
228 | + height: 112px; | |
229 | + position: relative; | |
230 | +} | |
231 | +.search-ico img, .close-search img, .search-btn-mob img { | |
232 | + position: absolute; | |
233 | + top: 50%; | |
234 | + right: 15px; | |
235 | + margin-top: -9px; | |
236 | + cursor: pointer; | |
237 | +} | |
238 | +.close-search img { | |
239 | + margin-top: -8px; | |
240 | +} | |
241 | +.menu-wr { | |
242 | + position: relative; | |
243 | + z-index: 3; | |
244 | + height: 42px; | |
245 | + padding: 0 15px; | |
246 | +} | |
247 | + | |
248 | +.home_ico { | |
249 | + display: block; | |
250 | + width: 40px; | |
251 | + height: 100%; | |
252 | + background: #939598 url("../images/ico/ico-1.png") 50% 50% no-repeat; | |
253 | + position: absolute; | |
254 | + left: 15px; | |
255 | + top: 0; | |
256 | +} | |
257 | +ul.main-menu { | |
258 | + height: 100%; | |
259 | + width: 100%; | |
260 | + float: left; | |
261 | + padding-left: 40px; | |
262 | + border-bottom: 2px solid #939598; | |
263 | +} | |
264 | +ul.main-menu li { | |
265 | + float: left; | |
266 | + list-style: none; | |
267 | + position: relative; | |
268 | + | |
269 | +} | |
270 | +ul.main-menu li:first-child::before {display: none;} | |
271 | +ul.main-menu li a { | |
272 | + color: #fff; | |
273 | + text-decoration: none; | |
274 | + font-size: 13px; | |
275 | + text-transform: uppercase; | |
276 | + padding: 0 28px 0 29px; | |
277 | + line-height: 40px; | |
278 | + position: relative; | |
279 | + height: 100%; | |
280 | + display: block; | |
281 | +} | |
282 | +ul.main-menu li a:before { | |
283 | + position: absolute; | |
284 | + left: 0px; | |
285 | + top: 50%; | |
286 | + margin-top: -10px; | |
287 | + width: 1px; | |
288 | + height: 20px; | |
289 | + background: #5a5a5d; | |
290 | + content: ''; | |
291 | +} | |
292 | +ul.main-menu li:first-child a { | |
293 | + padding-left: 26px; | |
294 | + padding-right: 45px; | |
295 | + z-index: 2; | |
296 | +} | |
297 | +ul.main-menu li:first-child a:before { | |
298 | + left: auto; | |
299 | + right: 20px; | |
300 | + background: url("../images/ico/ico-3-1.png") no-repeat; | |
301 | + width: 8px; | |
302 | + height: 5px; | |
303 | + margin-top: -3px; | |
304 | +} | |
305 | +ul.main-menu li:first-child:hover a:before {background: url("../images/ico/ico-4.png") no-repeat;} | |
306 | +ul.main-menu li:hover::before { | |
307 | + background: #5a5a5d; | |
308 | + position: absolute; | |
309 | + width: 100%; | |
310 | + height: 100%; | |
311 | + content: ''; | |
312 | + top: 0; | |
313 | + left: -1px; | |
314 | + padding: 0 1px; | |
315 | + box-sizing: content-box; | |
316 | +} | |
317 | +ul.main-menu li:last-child:hover::before {padding: 0 0 0 2px;} | |
318 | +ul.main-menu li:first-child {padding-left: 0;} | |
319 | +ul.main-menu li:first-child:hover {background: #fff} | |
320 | +ul.main-menu li:first-child:hover a { | |
321 | + color: #414143; | |
322 | +} | |
323 | + | |
324 | +ul.main-menu li ul { | |
325 | + display: none; | |
326 | + position: absolute; | |
327 | + width: 100%; | |
328 | + top:0; | |
329 | + left: 0; | |
330 | + padding-top: 41px; | |
331 | + background: #fff; | |
332 | + box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); | |
333 | +} | |
334 | +ul.main-menu li:hover ul { | |
335 | + display: block; | |
336 | +} | |
337 | + | |
338 | +ul.main-menu li:hover ul li { | |
339 | + width: 100%; | |
340 | + height: 44px; | |
341 | + background: #fff; | |
342 | + border-top: 1px solid #dedfe0; | |
343 | +} | |
344 | + | |
345 | +ul.main-menu li:hover ul li::before, ul.main-menu li:hover ul li:first-child::before { | |
346 | + background: #8b8d90; | |
347 | + display: block; | |
348 | +} | |
349 | +ul.main-menu li ul li:hover a { | |
350 | + color: #fff !important; | |
351 | +} | |
352 | +ul.main-menu li:first-child ul li a:before {display: none;} | |
353 | + | |
354 | +.lang-wr { | |
355 | + position: absolute; | |
356 | + height: 43px; | |
357 | + top: 32px; | |
358 | + left: 0; | |
359 | +} | |
360 | +.lang-wr-mob {left: 50%} | |
361 | +.lang-wr a { | |
362 | + position: absolute; | |
363 | + bottom: 0; | |
364 | + left: 0; | |
365 | + text-decoration: none; | |
366 | + color: #414143; | |
367 | + font-size: 13px; | |
368 | + font-weight: 300; | |
369 | + line-height: 14px; | |
370 | +} | |
371 | +.lang-wr a.active { | |
372 | + text-decoration: underline; | |
373 | +} | |
374 | +.lang-wr a:first-child { | |
375 | + bottom: auto; | |
376 | + top: 4px; | |
377 | + left: 0; | |
378 | +} | |
379 | + | |
380 | +.hidden-search { | |
381 | + position: absolute; | |
382 | + top: 0; | |
383 | + right: 0; | |
384 | + margin-right: -100%; | |
385 | + width: 100%; | |
386 | + height: 100%; | |
387 | + background: #fff; | |
388 | + /*transition: 0.2s;*/ | |
389 | +} | |
390 | +.hidden-search.vis { | |
391 | + margin-right: 0; | |
392 | + transition: 0.5s; | |
393 | +} | |
394 | +.search-title { | |
395 | + height: 112px; | |
396 | +} | |
397 | +.search-title p { | |
398 | + line-height: 112px; | |
399 | + font-size: 18px; | |
400 | + font-weight: 700; | |
401 | + color: #414143; | |
402 | +} | |
403 | +.search-form-wr-padding {padding: 0 83px !important;} | |
404 | +.search-form-wr { | |
405 | + width: 100%; | |
406 | + height: 35px; | |
407 | + position: relative; | |
408 | + margin-top: 41px; | |
409 | +} | |
410 | +.search-form-wr input { | |
411 | + width: 100%; | |
412 | + border-top: 0; | |
413 | + border-left: 0; | |
414 | + border-right: 0; | |
415 | + outline: none !important; | |
416 | + border-bottom: 1px solid #dedfe0; | |
417 | + padding: 0 52px 0 15px; | |
418 | + height: 34px; | |
419 | + line-height: 34px; | |
420 | + font-size: 13px; | |
421 | + color: #414143; | |
422 | + text-transform: uppercase; | |
423 | +} | |
424 | +.search-form-wr button { | |
425 | + width: 48px; | |
426 | + height: 33px; | |
427 | + position: absolute; | |
428 | + right: 0; | |
429 | + top: 0; | |
430 | + border: 0 !important; | |
431 | + outline: none !important; | |
432 | + cursor: pointer; | |
433 | + background: #fff url("../images/ico/ico-2.png") 50% 0 no-repeat; | |
434 | +} | |
435 | +.head-container { | |
436 | + height: 112px; | |
437 | + overflow-x: hidden; | |
438 | + position: relative; | |
439 | + background: #fff; | |
440 | +} | |
441 | +.phones-head-table-mob { | |
442 | + text-align: right; | |
443 | +} | |
444 | + | |
445 | + | |
446 | +.phones-table-wr { | |
447 | + position: absolute; | |
448 | + padding-right: 22px; | |
449 | + top: 38px; | |
450 | + right: 15px; | |
451 | + background: #fff; | |
452 | +} | |
453 | +.phones-table-wr:before { | |
454 | + position: absolute; | |
455 | + top: 8px; | |
456 | + right: 0; | |
457 | + content: ''; | |
458 | + background: url("../images/ico/ico-6.png") no-repeat; | |
459 | + cursor: pointer; | |
460 | + width: 10px; | |
461 | + height: 6px; | |
462 | + z-index: 2; | |
463 | + transition: 0.3s; | |
464 | +} | |
465 | +.phones-table-wr p, .phones-table-wr ul { | |
466 | + position: relative; | |
467 | + z-index: 3; | |
468 | +} | |
469 | +.phones-table-wr:after { | |
470 | + width: 100%; | |
471 | + height: 100%; | |
472 | + content: ''; | |
473 | + box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); | |
474 | + position: absolute; | |
475 | + top: -18px; | |
476 | + left: -10px; | |
477 | + box-sizing: content-box; | |
478 | + padding: 18px 10px 28px 10px; | |
479 | + background: #fff; | |
480 | + z-index: 2; | |
481 | + display: none; | |
482 | +} | |
483 | + | |
484 | +.phones-table-wr p { | |
485 | + font-size: 18px; | |
486 | + color: #414143; | |
487 | + cursor: pointer; | |
488 | +} | |
489 | +.phones-table-wr p .vis-phone {font-weight: 700; font-size: 18px; color: inherit;} | |
490 | +.phones-table-wr ul { | |
491 | + list-style: none; | |
492 | + display: none; | |
493 | +} | |
494 | +.phones-table-wr ul li {margin-top: 26px;} | |
495 | + | |
496 | + | |
497 | + | |
498 | +.phones-table-wr ul li span { | |
499 | + font-weight: 300; | |
500 | + font-size: 13px; | |
501 | + color: #939598; | |
502 | + line-height: 14px; | |
503 | +} | |
504 | +.phones-table-wr ul li p {cursor: default} | |
505 | +.phones-table-wr.vis-phone ul { | |
506 | + display: block; | |
507 | +} | |
508 | +.phones-table-wr.vis-phone:before { | |
509 | + transform: rotate(180deg); | |
510 | + -webkit-transform: rotate(180deg); | |
511 | +} | |
512 | +.phones-table-wr.vis-phone:after { | |
513 | + opacity: 1; | |
514 | + display: block; | |
515 | +} | |
516 | +.mobile-menu { | |
517 | + height: 42px; | |
518 | + background: #414143; | |
519 | + border-bottom: 2px solid #939598; | |
520 | +} | |
521 | +.menu_mob { | |
522 | + position: relative; | |
523 | + cursor: pointer; | |
524 | + width: 14px; | |
525 | + float: left; | |
526 | + height: 40px; | |
527 | + margin-left: 15px; | |
528 | +} | |
529 | +.menu_mob div { | |
530 | + position: absolute; | |
531 | + width: 14px; | |
532 | + height: 2px; | |
533 | + background: #fff; | |
534 | + top: 0; | |
535 | + margin-top: 25px; | |
536 | + left: 0; | |
537 | +} | |
538 | +.menu_mob div:first-child { | |
539 | + margin-top: 13px; | |
540 | +} | |
541 | +.menu_mob div:first-child:before { | |
542 | + width: 100%; | |
543 | + height: 100%; | |
544 | + position: absolute; | |
545 | + background: #fff; | |
546 | + top: 0; | |
547 | + left: 0; | |
548 | + margin-top: 6px; | |
549 | + content: ''; | |
550 | +} | |
551 | +.calc-menu {} | |
552 | +.calc-menu .question-form { | |
553 | + line-height: 42px; | |
554 | + position: relative; | |
555 | + background: none; | |
556 | + padding: 0 !important; | |
557 | + border-top-left-radius: 0; | |
558 | + border-top-right-radius: 0; | |
559 | + z-index: 1; | |
560 | + transform: none; | |
561 | + top: auto; | |
562 | + right: auto; | |
563 | + height: auto; | |
564 | +} | |
565 | +.calc-menu .question-form:before { | |
566 | + content: ''; | |
567 | + position: absolute; | |
568 | + width: 12px; | |
569 | + height: 18px; | |
570 | + left: -20px; | |
571 | + top: 50%; | |
572 | + margin-top: -9px; | |
573 | + background: url("../images/ico/ico-7.png") no-repeat; | |
574 | +} | |
575 | +.calc-menu .question-form:hover {text-decoration: underline} | |
576 | +.search-btn-mob { | |
577 | + height: 40px; | |
578 | +} | |
579 | +.search-btn-mob img { | |
580 | + right: 30px; | |
581 | +} | |
582 | + | |
583 | +.mob-overlay { | |
584 | + display: none; | |
585 | + position: fixed; | |
586 | + width: 100%; | |
587 | + height: 100%; | |
588 | + z-index: 999; | |
589 | + background: #000; | |
590 | + opacity: 0.8; | |
591 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
592 | + top: 0; | |
593 | + left: 0; | |
594 | + cursor: default; | |
595 | +} | |
596 | +.section-box-content {margin-top: -2px;} | |
597 | +.section-box-content .container.shadow {padding-bottom: 30px;} | |
598 | +.shadow { | |
599 | + background: #fff; | |
600 | + box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); | |
601 | + position: relative; | |
602 | +} | |
603 | +.prefooter .shadow:before { | |
604 | + position: absolute; | |
605 | + width: 100%; | |
606 | + height: 13px; | |
607 | + background: #fff; | |
608 | + content: ''; | |
609 | + top: -11px; | |
610 | + left: 0; | |
611 | +} | |
612 | +/***mob-menu***/ | |
613 | +.close-menu-mob { | |
614 | + position: relative; | |
615 | + width: 100%; | |
616 | + height: 52px; | |
617 | + background: #fff; | |
618 | + text-transform: uppercase; | |
619 | + color: #414143; | |
620 | + font-size: 18px; | |
621 | + font-weight: 700; | |
622 | + text-transform: uppercase; | |
623 | + padding-top: 17px; | |
624 | + padding-left: 10px; | |
625 | + cursor: default; | |
626 | +} | |
627 | +.close-menu-mob:before { | |
628 | + width: 16px; | |
629 | + height: 16px; | |
630 | + content: ''; | |
631 | + position: absolute; | |
632 | + right: 0; | |
633 | + top: 20px; | |
634 | + background: url("../images/ico/ico-5.png") no-repeat; | |
635 | + cursor: pointer; | |
636 | +} | |
637 | +.xs-sm-menu { | |
638 | + display: none; | |
639 | + width: 300px; | |
640 | + position: fixed; | |
641 | + z-index: 9999; | |
642 | + top: 0; | |
643 | + left: 0; | |
644 | + margin-left: -300px; | |
645 | + height: 100%; | |
646 | + overflow-y: scroll; | |
647 | + background: #4c4c50; | |
648 | + transition: 0.2s; | |
649 | + padding: 0 10px; | |
650 | +} | |
651 | +.xs-sm-menu.open.visible { | |
652 | + margin-left: 0; | |
653 | +} | |
654 | +.xs-sm-menu.open { | |
655 | + display: block; | |
656 | + background: #fff; | |
657 | +} | |
658 | +.xs-sm-menu .main-menu { | |
659 | + width: 100%; | |
660 | + float: left; | |
661 | + padding-left: 0; | |
662 | + padding-bottom: 60px; | |
663 | + height: auto; | |
664 | + border-bottom: 0; | |
665 | +} | |
666 | +/*.xs-sm-menu ul.main-menu li:hover::before {display: none;}*/ | |
667 | +.xs-sm-menu .main-menu li { | |
668 | + width: 100%; | |
669 | + float: left; | |
670 | + height: 36px; | |
671 | + border-bottom: 1px solid #dedfe0; | |
672 | +} | |
673 | +.xs-sm-menu ul.main-menu li:first-child:hover {background: none;} | |
674 | +.xs-sm-menu .main-menu li:hover ul { | |
675 | + display: none !important; | |
676 | +} | |
677 | + | |
678 | + | |
679 | +.xs-sm-menu .main-menu li a { | |
680 | + color: #414143; | |
681 | + padding: 0 0 0 10px !important; | |
682 | +} | |
683 | + | |
684 | +.xs-sm-menu ul.main-menu li a:before {display: none;} | |
685 | +.xs-sm-menu ul.main-menu li:first-child a:before {display: block; | |
686 | + background: url("../images/ico/ico-4.png") no-repeat; | |
687 | + transition: 0.3s; | |
688 | + -webkit-transition: 0.3s; | |
689 | + transform: rotate(-180deg); | |
690 | + -webkit-transform: rotate(-180deg); | |
691 | +} | |
692 | +.xs-sm-menu ul.main-menu li:first-child:hover a:before { background: url("../images/ico/ico-4.png") no-repeat;} | |
693 | +.xs-sm-menu ul.main-menu li:hover::before {display: none;} | |
694 | +.xs-sm-menu ul.main-menu li ul { | |
695 | + position: relative; | |
696 | + top: auto; | |
697 | + left: auto; | |
698 | + padding-top: 0; | |
699 | + padding-left: 0; | |
700 | + float: left; | |
701 | + background: none; | |
702 | + box-shadow: none; | |
703 | +} | |
704 | +.xs-sm-menu ul.main-menu li ul li { | |
705 | + background: #8b8d90; | |
706 | + height: 36px; | |
707 | + border-bottom: 1px solid #fff; | |
708 | + padding-left: 20px; | |
709 | +} | |
710 | +.xs-sm-menu ul.main-menu li:hover ul li {border-top: 0} | |
711 | +.xs-sm-menu ul.main-menu li ul li a, .xs-sm-menu ul.main-menu li ul li:hover a { | |
712 | + color: #fff !important; | |
713 | +} | |
714 | +.xs-sm-menu ul.main-menu li ul li a {padding-left: 0 !important;} | |
715 | +.xs-sm-menu ul.main-menu li ul li a:before {display: none !important;} | |
716 | +.xs-sm-menu ul.main-menu li ul li:last-child {border-bottom: 0} | |
717 | +.xs-sm-menu ul.main-menu li.show-sub-menu ul {display: block !important;} | |
718 | +.xs-sm-menu ul.main-menu li.show-sub-menu {height: auto; border-bottom: 0; } | |
719 | + | |
720 | +.xs-sm-menu li.show-sub-menu ul li:first-child::before { | |
721 | + left: 0 !important; | |
722 | + padding: 0 !important; | |
723 | +} | |
724 | +.xs-sm-menu ul.main-menu li.show-sub-menu:first-child a:before { | |
725 | + transform: rotate(0); | |
726 | + -webkit-transform: rotate(0); | |
727 | +} | |
728 | + | |
729 | + | |
730 | + | |
731 | + | |
732 | + | |
733 | + | |
734 | + | |
735 | + | |
736 | + | |
737 | + | |
738 | + | |
739 | + | |
740 | + | |
741 | + | |
742 | + | |
743 | + | |
744 | + | |
745 | +/****carousel****/ | |
746 | +.owl-carousel .animated { | |
747 | + -webkit-animation-duration: 1000ms; | |
748 | + animation-duration: 1000ms; | |
749 | + -webkit-animation-fill-mode: both; | |
750 | + animation-fill-mode: both; | |
751 | +} | |
752 | +.owl-carousel .owl-animated-in { | |
753 | + z-index: 0; | |
754 | +} | |
755 | +.owl-carousel .owl-animated-out { | |
756 | + z-index: 1; | |
757 | +} | |
758 | +.owl-carousel .fadeOut { | |
759 | + -webkit-animation-name: fadeOut; | |
760 | + animation-name: fadeOut; | |
761 | +} | |
762 | + | |
763 | +@-webkit-keyframes fadeOut { | |
764 | + 0% { | |
765 | + opacity: 1; | |
766 | + } | |
767 | + | |
768 | + 100% { | |
769 | + opacity: 0; | |
770 | + } | |
771 | +} | |
772 | +@keyframes fadeOut { | |
773 | + 0% { | |
774 | + opacity: 1; | |
775 | + } | |
776 | + | |
777 | + 100% { | |
778 | + opacity: 0; | |
779 | + } | |
780 | +} | |
781 | + | |
782 | +/* | |
783 | + * Owl Carousel - Auto Height Plugin | |
784 | + */ | |
785 | +.owl-height { | |
786 | + -webkit-transition: height 500ms ease-in-out; | |
787 | + -moz-transition: height 500ms ease-in-out; | |
788 | + -ms-transition: height 500ms ease-in-out; | |
789 | + -o-transition: height 500ms ease-in-out; | |
790 | + transition: height 500ms ease-in-out; | |
791 | +} | |
792 | + | |
793 | +/* | |
794 | + * Core Owl Carousel CSS File | |
795 | + */ | |
796 | +.owl-carousel { | |
797 | + display: none; | |
798 | + width: 100%; | |
799 | + -webkit-tap-highlight-color: transparent; | |
800 | + /* position relative and z-index fix webkit rendering fonts issue */ | |
801 | + position: relative; | |
802 | + z-index: 1; | |
803 | +} | |
804 | +.owl-carousel .owl-stage { | |
805 | + position: relative; | |
806 | + -ms-touch-action: pan-Y; | |
807 | +} | |
808 | +.owl-carousel .owl-stage:after { | |
809 | + content: "."; | |
810 | + display: block; | |
811 | + clear: both; | |
812 | + visibility: hidden; | |
813 | + line-height: 0; | |
814 | + height: 0; | |
815 | +} | |
816 | +.owl-carousel .owl-stage-outer { | |
817 | + position: relative; | |
818 | + overflow: hidden; | |
819 | + /* fix for flashing background */ | |
820 | + -webkit-transform: translate3d(0px, 0px, 0px); | |
821 | +} | |
822 | + | |
823 | +.owl-carousel .owl-controls .owl-nav .owl-prev, | |
824 | +.owl-carousel .owl-controls .owl-nav .owl-next, | |
825 | +.owl-carousel .owl-controls .owl-dot { | |
826 | + cursor: pointer; | |
827 | + cursor: hand; | |
828 | + -webkit-user-select: none; | |
829 | + -khtml-user-select: none; | |
830 | + -moz-user-select: none; | |
831 | + -ms-user-select: none; | |
832 | + user-select: none; | |
833 | +} | |
834 | +.owl-carousel.owl-loaded { | |
835 | + display: block; | |
836 | +} | |
837 | +.owl-carousel.owl-loading { | |
838 | + opacity: 0; | |
839 | + display: block; | |
840 | +} | |
841 | +.owl-carousel.owl-hidden { | |
842 | + opacity: 0; | |
843 | +} | |
844 | +.owl-carousel .owl-refresh .owl-item { | |
845 | + display: none; | |
846 | +} | |
847 | +.owl-carousel .owl-item { | |
848 | + position: relative; | |
849 | + min-height: 1px; | |
850 | + float: left; | |
851 | + -webkit-backface-visibility: hidden; | |
852 | + -webkit-tap-highlight-color: transparent; | |
853 | + -webkit-touch-callout: none; | |
854 | + -webkit-user-select: none; | |
855 | + -moz-user-select: none; | |
856 | + -ms-user-select: none; | |
857 | + user-select: none; | |
858 | +} | |
859 | +.owl-carousel .owl-item img { | |
860 | + display: block; | |
861 | + width: 100%; | |
862 | + -webkit-transform-style: preserve-3d; | |
863 | +} | |
864 | +.owl-carousel.owl-text-select-on .owl-item { | |
865 | + -webkit-user-select: auto; | |
866 | + -moz-user-select: auto; | |
867 | + -ms-user-select: auto; | |
868 | + user-select: auto; | |
869 | +} | |
870 | +.owl-carousel .owl-grab { | |
871 | + cursor: move; | |
872 | + cursor: -webkit-grab; | |
873 | + cursor: -o-grab; | |
874 | + cursor: -ms-grab; | |
875 | + cursor: grab; | |
876 | +} | |
877 | +.owl-carousel.owl-rtl { | |
878 | + direction: rtl; | |
879 | +} | |
880 | +.owl-carousel.owl-rtl .owl-item { | |
881 | + float: right; | |
882 | +} | |
883 | + | |
884 | +/* No Js */ | |
885 | +.no-js .owl-carousel { | |
886 | + display: block; | |
887 | +} | |
888 | + | |
889 | +/* | |
890 | + * Owl Carousel - Lazy Load Plugin | |
891 | + */ | |
892 | +.owl-carousel .owl-item .owl-lazy { | |
893 | + opacity: 0; | |
894 | + -webkit-transition: opacity 400ms ease; | |
895 | + -moz-transition: opacity 400ms ease; | |
896 | + -ms-transition: opacity 400ms ease; | |
897 | + -o-transition: opacity 400ms ease; | |
898 | + transition: opacity 400ms ease; | |
899 | +} | |
900 | +.owl-carousel .owl-item img { | |
901 | + transform-style: preserve-3d; | |
902 | +} | |
903 | + | |
904 | +/* | |
905 | + * Owl Carousel - Video Plugin | |
906 | + */ | |
907 | +.owl-carousel .owl-video-wrapper { | |
908 | + position: relative; | |
909 | + height: 100%; | |
910 | + background: #000; | |
911 | +} | |
912 | +.owl-carousel .owl-video-play-icon { | |
913 | + position: absolute; | |
914 | + height: 80px; | |
915 | + width: 80px; | |
916 | + left: 50%; | |
917 | + top: 50%; | |
918 | + margin-left: -40px; | |
919 | + margin-top: -40px; | |
920 | + background: url("owl.video.play.png") no-repeat; | |
921 | + cursor: pointer; | |
922 | + z-index: 1; | |
923 | + -webkit-backface-visibility: hidden; | |
924 | + -webkit-transition: scale 100ms ease; | |
925 | + -moz-transition: scale 100ms ease; | |
926 | + -ms-transition: scale 100ms ease; | |
927 | + -o-transition: scale 100ms ease; | |
928 | + transition: scale 100ms ease; | |
929 | +} | |
930 | +.owl-carousel .owl-video-play-icon:hover { | |
931 | + -webkit-transition: scale(1.3, 1.3); | |
932 | + -moz-transition: scale(1.3, 1.3); | |
933 | + -ms-transition: scale(1.3, 1.3); | |
934 | + -o-transition: scale(1.3, 1.3); | |
935 | + transition: scale(1.3, 1.3); | |
936 | +} | |
937 | +.owl-carousel .owl-video-playing .owl-video-tn, | |
938 | +.owl-carousel .owl-video-playing .owl-video-play-icon { | |
939 | + display: none; | |
940 | +} | |
941 | +.owl-carousel .owl-video-tn { | |
942 | + opacity: 0; | |
943 | + height: 100%; | |
944 | + background-position: center center; | |
945 | + background-repeat: no-repeat; | |
946 | + -webkit-background-size: contain; | |
947 | + -moz-background-size: contain; | |
948 | + -o-background-size: contain; | |
949 | + background-size: contain; | |
950 | + -webkit-transition: opacity 400ms ease; | |
951 | + -moz-transition: opacity 400ms ease; | |
952 | + -ms-transition: opacity 400ms ease; | |
953 | + -o-transition: opacity 400ms ease; | |
954 | + transition: opacity 400ms ease; | |
955 | +} | |
956 | +.owl-carousel .owl-video-frame { | |
957 | + position: relative; | |
958 | + z-index: 1; | |
959 | +} | |
960 | +/****carousel****/ | |
961 | + | |
962 | + | |
963 | + | |
964 | + | |
965 | + | |
966 | +/****footer****/ | |
967 | +.copyright { | |
968 | + height: 25px; | |
969 | +} | |
970 | +.copyright p { | |
971 | + width: 100%; | |
972 | + float: left; | |
973 | + font-size: 11px; | |
974 | + color: #939598; | |
975 | + font-weight: 300; | |
976 | +} | |
977 | +.artweb-wr { | |
978 | + height: 25px; | |
979 | + float: right; | |
980 | +} | |
981 | + | |
982 | +.artweb-wr a { | |
983 | + height: 25px; | |
984 | + padding-right: 33px; | |
985 | + position: relative; | |
986 | + line-height: 25px; | |
987 | + color: #939598; | |
988 | + font-size: 11px; | |
989 | + display: block; | |
990 | +} | |
991 | +.artweb-wr a:hover { | |
992 | + text-decoration: none; | |
993 | +} | |
994 | +.artweb-wr a:before { | |
995 | + position: absolute; | |
996 | + width: 24px; | |
997 | + height: 23px; | |
998 | + top: 0; | |
999 | + right: 0; | |
1000 | + background: url("../images/footer/artweb-logo.png") 0 50% no-repeat; | |
1001 | + content: ''; | |
1002 | +} | |
1003 | + | |
1004 | +.f-img {width: 100%;display: table-cell; height: 106px; vertical-align: middle;} | |
1005 | +.f-img img {max-width: 100%;vertical-align: middle;} | |
1006 | +.border-footer { | |
1007 | + position: absolute; | |
1008 | + padding: 0 15px; | |
1009 | + top: 0; | |
1010 | + left: 0; | |
1011 | + width: 100%; | |
1012 | +} | |
1013 | +.border-footer div{ | |
1014 | + width: 100%; | |
1015 | + height: 1px; | |
1016 | + background: #dedfe0; | |
1017 | +} | |
1018 | +.studio_footer {margin-top: 13px;} | |
1019 | + | |
1020 | +.mb-im-f-1 {text-align: center;display: table;} | |
1021 | +.mb-im-f-2 {} | |
1022 | +.mb-im-f-3 {} | |
1023 | +.mb-im-f-4 {} | |
1024 | +.mb-im-f-5 {text-align: right; display: table;} | |
1025 | + | |
1026 | +.certificate_f { | |
1027 | + text-decoration: none; | |
1028 | + font-size: 13px; | |
1029 | + color: #939598; | |
1030 | + font-weight: 300; | |
1031 | + padding-left: 25px; | |
1032 | + position: relative; | |
1033 | +} | |
1034 | +.certificate_f:before { | |
1035 | + content: ''; | |
1036 | + position: absolute; | |
1037 | + width: 20px; | |
1038 | + height: 26px; | |
1039 | + left: 0; | |
1040 | + top: 50%; | |
1041 | + margin-top: -13px; | |
1042 | + background: url("../images/ico/ico-12.png") no-repeat; | |
1043 | +} | |
1044 | + | |
1045 | + | |
1046 | +/*****forms*****/ | |
1047 | +#overlay { | |
1048 | + display: none; | |
1049 | + /*display: block!important;*/ | |
1050 | + width: 100%; | |
1051 | + height: 100%; | |
1052 | + position: fixed; | |
1053 | + top: 0; | |
1054 | + left: 0; | |
1055 | + z-index: 99999; | |
1056 | + background: #000; | |
1057 | + opacity: 0.8; | |
1058 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
1059 | +} | |
1060 | +.modal-form, #success-form { | |
1061 | + width: 810px; | |
1062 | + background: #fff; | |
1063 | + position: absolute; | |
1064 | + left: 50%; | |
1065 | + margin-left: -405px; | |
1066 | + top: 20px; | |
1067 | + opacity: 0; | |
1068 | + /*opacity: 1;*/ | |
1069 | + z-index: 999991; | |
1070 | + display: none; | |
1071 | + /*display: block!important;*/ | |
1072 | +} | |
1073 | +#success-form { | |
1074 | + height: 216px; | |
1075 | + background: #fff; | |
1076 | +} | |
1077 | +#modal_form-2 .txt-success { | |
1078 | + width: 810px; | |
1079 | + height: 216px; | |
1080 | + display: table-cell; | |
1081 | + vertical-align: middle; | |
1082 | + text-align: center; | |
1083 | +} | |
1084 | +.form-wr { | |
1085 | + width: 100%; | |
1086 | + float: left; | |
1087 | + background: #fff; | |
1088 | + position: relative; | |
1089 | +} | |
1090 | +#close-form { | |
1091 | + width: 34px; | |
1092 | + height: 34px; | |
1093 | + background: url("../images/ico/ico-13.png") no-repeat; | |
1094 | + position: absolute; | |
1095 | + top: -57px; | |
1096 | + right: -61px; | |
1097 | + cursor: pointer; | |
1098 | + z-index: 999; | |
1099 | +} | |
1100 | +.form-title { | |
1101 | + font-size: 24px; | |
1102 | + font-weight: 700; | |
1103 | + width: 100%; | |
1104 | + float: left; | |
1105 | + text-align: center; | |
1106 | + margin-top: 34px; | |
1107 | +} | |
1108 | + | |
1109 | + | |
1110 | + | |
1111 | +.modal-form form { | |
1112 | + width: 100%; | |
1113 | + float: left; | |
1114 | + padding: 0 150px; | |
1115 | + margin-bottom: 40px; | |
1116 | +} | |
1117 | +.input-wr { | |
1118 | + width: 100%; | |
1119 | + float: left; | |
1120 | + position: relative; | |
1121 | + margin-top: 21px; | |
1122 | +} | |
1123 | + | |
1124 | +.modal-form form label { | |
1125 | + font-size: 14px; | |
1126 | + font-weight: 700; | |
1127 | + text-transform: uppercase; | |
1128 | + width: 150px; | |
1129 | + text-align: right; | |
1130 | + display: block; | |
1131 | + line-height: 32px; | |
1132 | + height: 30px; | |
1133 | + float: left; | |
1134 | + padding-right: 30px; | |
1135 | + position: relative; | |
1136 | +} | |
1137 | +.modal-form form .required label:before { | |
1138 | + content: '*'; | |
1139 | + position: absolute; | |
1140 | + top: 0; | |
1141 | + right: 23px; | |
1142 | + line-height: 30px; | |
1143 | + color: #ed1c24; | |
1144 | + font-size: 14px; | |
1145 | + | |
1146 | +} | |
1147 | +.modal-form form input, .modal-form form textarea { | |
1148 | + width: 360px; | |
1149 | + max-width: 360px; | |
1150 | + float: right; | |
1151 | + height: 30px; | |
1152 | + padding-left: 10px; | |
1153 | +} | |
1154 | +.modal-form form input { | |
1155 | + outline: none!important; | |
1156 | + font-size: 18px; | |
1157 | + | |
1158 | + border-top: 0; | |
1159 | + border-left: 0; | |
1160 | + border-right: 0; | |
1161 | + border-bottom: 1px solid #dedfe0; | |
1162 | +} | |
1163 | +.modal-form form textarea { | |
1164 | + | |
1165 | + max-height: 30px; | |
1166 | + border-top: 0; | |
1167 | + border-left: 0; | |
1168 | + border-right: 0; | |
1169 | + border-bottom: 1px solid #dedfe0; | |
1170 | + resize: none; | |
1171 | +} | |
1172 | +.modal-form form input:focus, .modal-form form textarea:focus {border-bottom: 1px solid #a7a7a7;transition: 0.2s;-webkit-transition: 0.2s;} | |
1173 | +.modal-form form .has-error input, .modal-form form .has-error textarea { | |
1174 | + border-bottom: 1px solid #ed1c24; | |
1175 | +} | |
1176 | +.modal-form form .help-block { | |
1177 | + display: none; | |
1178 | + position: absolute; | |
1179 | + right: 0; | |
1180 | + bottom: 1px; | |
1181 | + width: 95px; | |
1182 | + background: #fff; | |
1183 | + height: 100%; | |
1184 | +} | |
1185 | +.modal-form form .has-error .help-block {display: block;} | |
1186 | +.modal-form form .has-error .help-block:before { | |
1187 | + position: absolute; | |
1188 | + content: 'ошибка ввода'; | |
1189 | + font-size: 13px; | |
1190 | + line-height: 30px; | |
1191 | + color: #ed1c24; | |
1192 | + top: 0; | |
1193 | + right: 0; | |
1194 | + display: block !important; | |
1195 | + width: 100%; | |
1196 | + text-align: right; | |
1197 | +} | |
1198 | +.button-wr {width: 360px;float: right; margin-top: 40px;} | |
1199 | +.modal-form form button[type="submit"] { | |
1200 | + display: block; | |
1201 | + margin: 0 auto; | |
1202 | + width: 174px; | |
1203 | + height: 40px; | |
1204 | + line-height: 40px; | |
1205 | + outline: none !important; | |
1206 | + text-align: center; | |
1207 | + text-transform: uppercase; | |
1208 | + border: 1px solid #939598; | |
1209 | + color: inherit; | |
1210 | + font-size: 11px; | |
1211 | + font-weight: 700; | |
1212 | + cursor: pointer; | |
1213 | + background: #fff; | |
1214 | + | |
1215 | + | |
1216 | +} | |
1217 | +.modal-form form button[type="submit"]:hover { | |
1218 | + background: #939598; | |
1219 | + color: #fff; | |
1220 | + | |
1221 | +} | |
1222 | +.modal-form form button[type="submit"]:hover:active { | |
1223 | + background: #68696b; | |
1224 | +} | |
1225 | + | |
1226 | +.form-product-wr { | |
1227 | + width: 100%; | |
1228 | + height: 241px; | |
1229 | + overflow: hidden; | |
1230 | + float: left; | |
1231 | + margin-top: 40px; | |
1232 | +} | |
1233 | +.form-product-wr.product_0 {display: none;} | |
1234 | +.form-product-wr.product_1 {height: 75px;} | |
1235 | +.form-product-wr.product_2 {height: 155px;} | |
1236 | + | |
1237 | +.scrollbar_ {height: 241px; | |
1238 | + overflow-y: hidden;} | |
1239 | +.form-product-wr table { | |
1240 | + padding: 0; | |
1241 | + border: 0; | |
1242 | + collapse: 0; | |
1243 | +} | |
1244 | +.form-product-wr table tr { | |
1245 | + width: 100%; | |
1246 | + float: left; | |
1247 | + margin-top: 9px; | |
1248 | + position: relative; | |
1249 | +} | |
1250 | +.form-product-wr table tr:first-child {margin-top: 0;} | |
1251 | +.form-product-wr table tr td { | |
1252 | + min-height: 67px; | |
1253 | + width: 360px; | |
1254 | + position: relative; | |
1255 | + padding-right: 50px; | |
1256 | +} | |
1257 | +.form-product-wr table tr td:first-child { | |
1258 | + width: 150px; | |
1259 | + text-align: right; | |
1260 | + padding-right: 30px; | |
1261 | +} | |
1262 | +.form-product-wr table tr td.remove_ { | |
1263 | + content: ''; | |
1264 | + position: absolute; | |
1265 | + right: 0; | |
1266 | + top: 50%; | |
1267 | + margin-top: -8px; | |
1268 | + width: 16px !important; | |
1269 | + height: 16px; | |
1270 | + background: url("../images/ico/ico-14.png") no-repeat; | |
1271 | + cursor: pointer; | |
1272 | +} | |
1273 | +.form-product-wr table tr td.remove_:hover { | |
1274 | + background: url("../images/ico/ico-15.png") no-repeat; | |
1275 | +} | |
1276 | +.form-product-wr table tr td:first-child:before {display: none;} | |
1277 | + | |
1278 | + | |
1279 | +.form-product-wr table tr td:first-child img {vertical-align: middle} | |
1280 | +.form-product-wr table tr td a { | |
1281 | + text-decoration: none; | |
1282 | + font-size: 13px; | |
1283 | + color: inherit; | |
1284 | +} | |
1285 | +.form-product-wr table tr td a span { | |
1286 | + font-weight: 700; | |
1287 | +} | |
1288 | +.form-product-wr table tr td a span:first-child { | |
1289 | + font-weight: 400; | |
1290 | + text-transform: uppercase; | |
1291 | +} | |
1292 | +._more_ { | |
1293 | + position: absolute; | |
1294 | + left: 0; | |
1295 | + bottom: 9px; | |
1296 | + text-decoration: none; | |
1297 | + font-size: 13px; | |
1298 | + color: #939598; | |
1299 | +} | |
1300 | +._more_:hover {text-decoration: underline;} | |
1301 | +/**********/ | |
1302 | +/*****home*****/ | |
1303 | +.margin-top {margin-top: 30px;} | |
1304 | + | |
1305 | + | |
1306 | + | |
1307 | + | |
1308 | +.box-mosaic a { | |
1309 | + position: relative; | |
1310 | + display: block; | |
1311 | + height: 100%; | |
1312 | +} | |
1313 | +.box-mosaic a:hover { | |
1314 | + opacity: 0.9; | |
1315 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
1316 | +} | |
1317 | +.box-mosaic a div { | |
1318 | + height: 100%;width: 100%;position: absolute;top: 0;left: 0;overflow: hidden; | |
1319 | +} | |
1320 | +.box-mosaic a p { | |
1321 | + width: 100%; | |
1322 | + height: 75px; | |
1323 | + position: absolute; | |
1324 | + bottom: 0; | |
1325 | + left: 0; | |
1326 | + color: #fff; | |
1327 | + text-decoration: none; | |
1328 | + font-size: 14px; | |
1329 | + z-index: 2; | |
1330 | + line-height: 14px; | |
1331 | + padding-left: 20px; | |
1332 | + background: url("../images/shadow-home.png") repeat-x; | |
1333 | + padding-right: 16px; | |
1334 | + padding-top: 39px; | |
1335 | +} | |
1336 | +.box-mosaic a p:before { | |
1337 | + width: 7px; | |
1338 | + height: 12px; | |
1339 | + background: url("../images/ico/ico-3.png") no-repeat; | |
1340 | + position: absolute; | |
1341 | + bottom: 24px; | |
1342 | + right: 16px; | |
1343 | + content: ''; | |
1344 | +} | |
1345 | +.box-mosaic img {width: 100%;position: absolute;top: 0;left: 0} | |
1346 | +[class*="moz-"] { | |
1347 | + height: 75px; | |
1348 | +} | |
1349 | +.moz-5 a {height: 152px;} | |
1350 | +.moz-1 {height: 152px; padding-right: 2px !important;} | |
1351 | +.moz-2 {padding-left: 0 !important; padding-right: 2px !important;} | |
1352 | +.moz-3 {padding-left: 0 !important;} | |
1353 | +.moz-4 {padding-left: 0 !important;margin-top: 2px; padding-right: 2px !important;} | |
1354 | +.moz-5 {padding-left: 0!important;margin-top: 2px;} | |
1355 | +.moz-6 {padding-right: 2px !important;margin-top: 2px;} | |
1356 | +.moz-7 {padding-left: 0!important; padding-right: 2px !important;margin-top: 2px;} | |
1357 | + | |
1358 | + | |
1359 | + | |
1360 | +.box-slider { | |
1361 | + position: relative; | |
1362 | + height: 460px; | |
1363 | + overflow: hidden; | |
1364 | +} | |
1365 | + | |
1366 | +.slider-menu { | |
1367 | + height: 100%; | |
1368 | + position: absolute; | |
1369 | + z-index: 2; | |
1370 | + top:0; | |
1371 | + left: 0; | |
1372 | +} | |
1373 | +.slider-menu ul { | |
1374 | + position: relative; | |
1375 | + height: 100%; | |
1376 | +} | |
1377 | +.slider-menu ul:before { | |
1378 | + position: absolute; | |
1379 | + top: 0; | |
1380 | + left: 0; | |
1381 | + width: 100%; | |
1382 | + height: 100%; | |
1383 | + background: url("../images/shadow-slider-1.png") 0 50% no-repeat; | |
1384 | + content: ''; | |
1385 | +} | |
1386 | +.slider-menu ul li { | |
1387 | + list-style: none; | |
1388 | + position: relative; | |
1389 | + width: 34px; | |
1390 | + height: 100%; | |
1391 | + float: left; | |
1392 | +} | |
1393 | +.slider-menu ul li a { | |
1394 | + text-decoration: none; | |
1395 | + color: #fff; | |
1396 | + font-size: 14px; | |
1397 | + width: 460px; | |
1398 | + height: 34px; | |
1399 | + line-height: 34px; | |
1400 | + display: block; | |
1401 | + text-align: center; | |
1402 | + z-index: 2; | |
1403 | + position: absolute; | |
1404 | + top: 213px; | |
1405 | + left: -213px; | |
1406 | + transform: rotate(-90deg); | |
1407 | + -webkit-transform: rotate(-90deg); | |
1408 | +} | |
1409 | +.slider-menu ul li a:hover { | |
1410 | + text-decoration: underline; | |
1411 | +} | |
1412 | +.slider-menu ul li:before { | |
1413 | + position: absolute; | |
1414 | + top: 0; | |
1415 | + left: 0; | |
1416 | + height: 100%; | |
1417 | + width: 34px; | |
1418 | + content: ''; | |
1419 | + background: #000; | |
1420 | + opacity: 0.9; | |
1421 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
1422 | + z-index: 1; | |
1423 | +} | |
1424 | +.slider-menu ul li:nth-child(2):before { | |
1425 | + opacity: 0.8; | |
1426 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
1427 | +} | |
1428 | +.slider-menu ul li:nth-child(3):before { | |
1429 | + opacity: 0.7; | |
1430 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |
1431 | +} | |
1432 | +.slider-menu ul li:nth-child(4):before { | |
1433 | + opacity: 0.6; | |
1434 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; | |
1435 | +} | |
1436 | +.slider-menu ul li:nth-child(5):before { | |
1437 | + opacity: 0.5; | |
1438 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1439 | +} | |
1440 | +.slider-menu ul li:nth-child(6):before { | |
1441 | + opacity: 0.4; | |
1442 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | |
1443 | +} | |
1444 | +.slider-menu ul li:nth-child(7):before { | |
1445 | + opacity: 0.3; | |
1446 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; | |
1447 | +} | |
1448 | +.slider-menu ul li:nth-child(8):before { | |
1449 | + opacity: 0.2; | |
1450 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; | |
1451 | +} | |
1452 | +.slider-menu ul li:nth-child(n+9):before { | |
1453 | + opacity: 0.15; | |
1454 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; | |
1455 | +} | |
1456 | + | |
1457 | + | |
1458 | +.slider-img a { | |
1459 | + position: relative; | |
1460 | + width: 100%; | |
1461 | + height:100%; | |
1462 | + display: none; | |
1463 | +} | |
1464 | +.slider-img a.active-slide {display: block;} | |
1465 | +.slider-img a img { | |
1466 | + position: absolute; | |
1467 | + width: 1140px; | |
1468 | + height: 460px; | |
1469 | + top: 50%; | |
1470 | + left: 50%; | |
1471 | + margin-top: -230px; | |
1472 | + margin-left: -570px; | |
1473 | +} | |
1474 | +.slider-img a div{ | |
1475 | + position: absolute; | |
1476 | + width: 50%; | |
1477 | + bottom: 36px; | |
1478 | + right: 0; | |
1479 | + z-index: 3; | |
1480 | + padding-right: 97px; | |
1481 | +} | |
1482 | +.slider-img a p, .slider-img a span { | |
1483 | + color: #fff; | |
1484 | + text-decoration: none; | |
1485 | +} | |
1486 | +.slider-img a p { | |
1487 | + font-size: 36px; | |
1488 | + font-weight: 700; | |
1489 | + text-transform: uppercase; | |
1490 | + position: relative; | |
1491 | + line-height: 42px; | |
1492 | + padding-bottom: 8px; | |
1493 | +} | |
1494 | +.slider-img a p:before { | |
1495 | + width: 100%; | |
1496 | + height: 2px; | |
1497 | + background: #fff; | |
1498 | + opacity: 0.5; | |
1499 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1500 | + position: absolute; | |
1501 | + bottom: 0; | |
1502 | + left: 0; | |
1503 | + content: ''; | |
1504 | +} | |
1505 | +.slider-img a span { | |
1506 | + font-size: 13px; | |
1507 | + font-weight: 300; | |
1508 | + display: block; | |
1509 | + line-height: 16px; | |
1510 | + padding-top: 12px; | |
1511 | +} | |
1512 | + | |
1513 | + | |
1514 | + | |
1515 | + | |
1516 | + | |
1517 | + | |
1518 | + | |
1519 | + | |
1520 | + | |
1521 | +.slider-img{ | |
1522 | + position: relative; | |
1523 | + height:100%; | |
1524 | + overflow: hidden; | |
1525 | + z-index: 1; | |
1526 | +} | |
1527 | + | |
1528 | + | |
1529 | +.box-banners a img {max-width: 100%} | |
1530 | +.box-banners a:hover { | |
1531 | + opacity: 0.9; | |
1532 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
1533 | +} | |
1534 | + | |
1535 | +/***breadcrumb***/ | |
1536 | +ul.breadcrumb { | |
1537 | + width: 100%; | |
1538 | + float: left; | |
1539 | + margin-top: 28px; | |
1540 | + margin-bottom: 16px; | |
1541 | +} | |
1542 | +ul.breadcrumb li { | |
1543 | + float: left; | |
1544 | + list-style: none; | |
1545 | + font-size: 13px; | |
1546 | + color: #939598; | |
1547 | + font-weight: 300; | |
1548 | + position: relative; | |
1549 | + padding-left: 18px; | |
1550 | +} | |
1551 | +ul.breadcrumb li:first-child {padding-left: 0;} | |
1552 | +ul.breadcrumb li:before { | |
1553 | + content: ''; | |
1554 | + position: absolute; | |
1555 | + width: 3px; | |
1556 | + height: 5px; | |
1557 | + top: 50%; | |
1558 | + margin-top: -2px; | |
1559 | + left: 8px; | |
1560 | + background: url("../images/ico/ico-8.png") no-repeat; | |
1561 | +} | |
1562 | + | |
1563 | +ul.breadcrumb li:first-child:before {display: none;} | |
1564 | +ul.breadcrumb li a { | |
1565 | + text-decoration: underline; | |
1566 | + color: inherit; | |
1567 | +} | |
1568 | + | |
1569 | +/***titles***/ | |
1570 | +.box-title-1 { | |
1571 | + font-size: 24px; | |
1572 | + color:#414143; | |
1573 | + font-weight: 700; | |
1574 | +} | |
1575 | +/***cat***/ | |
1576 | +.box-category {margin-top: -19px;} | |
1577 | +.margin_bottom_30 {margin-bottom: 30px;} | |
1578 | +.link-cat { | |
1579 | + position: relative; | |
1580 | + width: 100%; | |
1581 | + display: block; | |
1582 | + float: left; | |
1583 | + height: 144px; | |
1584 | + background-repeat: no-repeat !important; | |
1585 | + background-size: cover !important; | |
1586 | +} | |
1587 | +.link-cat:before { | |
1588 | + height: 75px; | |
1589 | + background: url("../images/shadow-cat.png") repeat-x; | |
1590 | + position: absolute; | |
1591 | + bottom: 0; | |
1592 | + left: 0; | |
1593 | + content: ''; | |
1594 | + width: 100%; | |
1595 | +} | |
1596 | +.link-cat p { | |
1597 | + position: absolute; | |
1598 | + color: #fff; | |
1599 | + left: 0; | |
1600 | + bottom: 19px; | |
1601 | + width: 100%; | |
1602 | + padding-left: 20px; | |
1603 | + padding-right: 20px; | |
1604 | +} | |
1605 | +.link-cat p:before { | |
1606 | + position: absolute; | |
1607 | + width: 7px; | |
1608 | + height: 12px; | |
1609 | + content: ''; | |
1610 | + background: url("../images/ico/ico-3.png") no-repeat; | |
1611 | + right: 11px; | |
1612 | + bottom: 6px; | |
1613 | +} | |
1614 | +.link-cat img { | |
1615 | + width: 100%; | |
1616 | + height: auto !important;float: left; | |
1617 | +} | |
1618 | +.cat-list-wr {margin-top: 30px;} | |
1619 | +.cat-list, .cat-list-brands { | |
1620 | + width: 100%; | |
1621 | + float: left; | |
1622 | +} | |
1623 | +.cat-list-brands-wr { | |
1624 | + width: 100%; | |
1625 | + float: left; | |
1626 | + position: relative; | |
1627 | + height: 133px; | |
1628 | +} | |
1629 | +.cat-list-brands { | |
1630 | + border-left: 1px solid #dedfe0; | |
1631 | + border-right: 1px solid #dedfe0; | |
1632 | + border-bottom: 1px solid #dedfe0; | |
1633 | + padding-top: 9px; | |
1634 | + padding-bottom: 13px; | |
1635 | + height: 133px; | |
1636 | + overflow: hidden; | |
1637 | + background: #fff; | |
1638 | + z-index: 2; | |
1639 | +} | |
1640 | +.cat-list-brands ul { | |
1641 | + list-style: none; | |
1642 | + width: 100%; | |
1643 | + float: left; | |
1644 | + padding: 0 10px 0 20px; | |
1645 | +} | |
1646 | +.cat-list-brands ul li { | |
1647 | + width: 100%; | |
1648 | + float: left; | |
1649 | + height: 24px; | |
1650 | +} | |
1651 | +.cat-list-brands ul li a { | |
1652 | + color: #414143; | |
1653 | + text-decoration: none; | |
1654 | + font-size: 13px; | |
1655 | + display: block; | |
1656 | + width: 100%; | |
1657 | + height: 100%; | |
1658 | + line-height: 24px; | |
1659 | + overflow: hidden; | |
1660 | + white-space: nowrap; | |
1661 | + position: relative; | |
1662 | +} | |
1663 | +.cat-list-brands ul li a:before { | |
1664 | + content: ''; | |
1665 | + height: 24px; | |
1666 | + width: 22px; | |
1667 | + opacity: 1; | |
1668 | + position: absolute; | |
1669 | + top: 0; | |
1670 | + right: 0; | |
1671 | + background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); | |
1672 | + background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); | |
1673 | + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); | |
1674 | + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); | |
1675 | +} | |
1676 | +.cat-list-brands ul li a:hover {text-decoration: underline;} | |
1677 | +.hover .link-cat, .hover .cat-list-brands {box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); transition: 0.2s; -webkit-transition: 0.2s} | |
1678 | +.hover .cat-list-brands { | |
1679 | + position: absolute; | |
1680 | + top: 0; | |
1681 | + left: 0; | |
1682 | + height: auto; | |
1683 | + min-height: 133px; | |
1684 | +} | |
1685 | + | |
1686 | + | |
1687 | +.expand_brands { | |
1688 | + display: none; | |
1689 | + padding: 0 0 0 20px; | |
1690 | + float: left; | |
1691 | +} | |
1692 | + | |
1693 | +.expand_brands p { | |
1694 | + float: left; | |
1695 | + color: #939598; | |
1696 | + border-bottom: 1px dashed #939598; | |
1697 | + font-size: 13px; | |
1698 | + cursor: pointer; | |
1699 | +} | |
1700 | +/****************/ | |
1701 | + | |
1702 | +/***brand***/ | |
1703 | +.box-brand { | |
1704 | + margin-top: 11px; | |
1705 | +} | |
1706 | + | |
1707 | +.article-img img { | |
1708 | + width: 100%; | |
1709 | + max-width: 100%; | |
1710 | + float: left; | |
1711 | +} | |
1712 | +.content-txt { | |
1713 | + margin-top: 28px; | |
1714 | +} | |
1715 | +.brand-main-txt {margin-top: -2px; padding-bottom: 53px;} | |
1716 | +.content-txt p, .brand-main-txt p, .brand-list-desc-txt p, .products-txt p, .service-txt p, .artile-view-txt p, .tabs-content p { | |
1717 | + font-size: 13px; | |
1718 | + width: 100%; | |
1719 | + float: left; | |
1720 | + line-height: 16px; | |
1721 | + margin-top: 15px; | |
1722 | +} | |
1723 | +.products-txt p, .brand-list-desc-txt p, .tabs-content p {float: none;} | |
1724 | +.content-txt p:first-child, .brand-main-txt p:first-child, .brand-list-desc-txt p:first-child, .artile-view-txt p:first-of-type {margin-top: 0} | |
1725 | + | |
1726 | +.brand-link a { | |
1727 | + display: block; | |
1728 | + width: 100%; | |
1729 | + float: left; | |
1730 | + border: 1px solid #dedfe0; | |
1731 | + padding: 13px 5px; | |
1732 | + margin-top: 12px; | |
1733 | + text-align: center; | |
1734 | +} | |
1735 | +.brand-link a:first-child {margin-top: 0;} | |
1736 | +.brand-link a:hover { | |
1737 | + box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); | |
1738 | + transition: 0.2s; | |
1739 | + -webkit-transition: 0.2s; | |
1740 | +} | |
1741 | +.brand-link a img { | |
1742 | + max-width: 100%; | |
1743 | + vertical-align:middle; | |
1744 | +} | |
1745 | +.uppercase {text-transform: uppercase;} | |
1746 | + | |
1747 | +.brand-txt-img {z-index1;position: absolute;height: 100%; width: 50%;right: 0;} | |
1748 | + | |
1749 | +.brand-txt-img div {width: 100%;height: 50px;padding-left: 15px;display: table-cell;vertical-align: bottom} | |
1750 | +.brand-txt-img img { | |
1751 | + float: left; | |
1752 | + max-height: 50px; | |
1753 | + max-width: 100%; | |
1754 | + vertical-align: bottom; | |
1755 | + position: absolute;z-index: 3; bottom: 0;left: 15px; | |
1756 | +} | |
1757 | +.brand-list-desc-txt { | |
1758 | + margin-top: -3px; | |
1759 | +} | |
1760 | +.brand-list-desc-txt p a { | |
1761 | + color: #939598; | |
1762 | + font-size: 13px; | |
1763 | + position: relative; | |
1764 | + text-decoration: none; | |
1765 | +} | |
1766 | + | |
1767 | +.brand-list-desc-txt p a:hover {text-decoration: underline;} | |
1768 | +.brand-list-desc-txt p a:before { | |
1769 | + position: absolute; | |
1770 | + width: 6px; | |
1771 | + height: 5px; | |
1772 | + background: url("../images/ico/ico-9.png") no-repeat; | |
1773 | + top: 50%; | |
1774 | + margin-top: -2px; | |
1775 | + right: -10px; | |
1776 | + content: ''; | |
1777 | +} | |
1778 | +.brand-list-desc .box-title-1 {padding: 0 15px;margin-bottom: 15px} | |
1779 | +.brands-list-wr { | |
1780 | + margin-top: 51px; | |
1781 | + overflow: hidden; | |
1782 | +} | |
1783 | +.brand-list-desc img {max-width: 100%;float: left;} | |
1784 | +.brands-list, .collection-list ul { | |
1785 | + padding-left: 15px; | |
1786 | + margin-top: 4px; | |
1787 | + padding-right: 15px; | |
1788 | + box-sizing: content-box; | |
1789 | + overflow: hidden; | |
1790 | +} | |
1791 | +.collection-list ul { | |
1792 | + margin-top: -26px; | |
1793 | + padding: 0; | |
1794 | + margin-left: -30px; | |
1795 | +} | |
1796 | +.brands-list li, .collection-list ul li { | |
1797 | + float: left; | |
1798 | + width: 116px; | |
1799 | + list-style: none; | |
1800 | + margin-right: 30px; | |
1801 | + margin-top: 26px; | |
1802 | +} | |
1803 | +.collection-list ul li { | |
1804 | + margin-right: 0; | |
1805 | + margin-left: 30px; | |
1806 | +} | |
1807 | +.brands-list li:last-child, .collection-list ul li:last-child {margin-right: 0;} | |
1808 | + | |
1809 | +.brands-list li a, .collection-list ul li a { | |
1810 | + text-decoration: none; | |
1811 | + color: inherit; | |
1812 | + | |
1813 | +} | |
1814 | +.brands-list li a p, .collection-list ul li a p { | |
1815 | + font-size: 13px; | |
1816 | + color: inherit; | |
1817 | + width: 100%; | |
1818 | + text-transform: uppercase; | |
1819 | + text-align: center; | |
1820 | + line-height: 16px; | |
1821 | + height: 32px; | |
1822 | + overflow: hidden; | |
1823 | + margin-top: 9px; | |
1824 | +} | |
1825 | +.brands-list li a div, .collection-list ul li a div { | |
1826 | + width: 116px; | |
1827 | + height: 116px; | |
1828 | + position: relative; | |
1829 | +} | |
1830 | +.brands-list li a div:before, .collection-list ul li a div:before { | |
1831 | + content: ''; | |
1832 | + position: absolute; | |
1833 | + top: 0; | |
1834 | + left: 0; | |
1835 | + width: 100%; | |
1836 | + height: 100%; | |
1837 | + border: 5px solid #fff; | |
1838 | + opacity: 0; | |
1839 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
1840 | +} | |
1841 | +.brands-list li a div img, .collection-list ul li a div img {max-width: 100%;} | |
1842 | +.brands-list li a:hover, .collection-list ul li a:hover {text-decoration: underline;} | |
1843 | +.brands-list li a:hover div:before, .collection-list ul li.active a div:before { | |
1844 | + transition: 0.3s; | |
1845 | + -webkit-transition: 0.3s; | |
1846 | + opacity: 0.5; | |
1847 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1848 | +} | |
1849 | +.collection-list ul li a:hover div {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;} | |
1850 | + | |
1851 | +.brands-list_ { | |
1852 | + width: 100%; | |
1853 | + float: left; | |
1854 | + margin-top: 48px; | |
1855 | +} | |
1856 | + | |
1857 | + | |
1858 | + | |
1859 | +/**********/ | |
1860 | +/***products***/ | |
1861 | +.products-title { | |
1862 | + font-size: 24px; | |
1863 | + font-weight: 700; | |
1864 | + margin-top: -8px; | |
1865 | +} | |
1866 | +.products-link {margin-top: 30px;} | |
1867 | +.products-link a { | |
1868 | + position: relative; | |
1869 | + width: 100%; | |
1870 | + display: block; | |
1871 | + float: left; | |
1872 | +} | |
1873 | +.products-link a img { | |
1874 | + width: 100%; | |
1875 | + max-width: 100%; | |
1876 | + float: left; | |
1877 | +} | |
1878 | + | |
1879 | +.products-link a:after { | |
1880 | + content: ''; | |
1881 | + position: absolute; | |
1882 | + top: 0; | |
1883 | + left: 0; | |
1884 | + width: 100%; | |
1885 | + height: 100%; | |
1886 | + border: 5px solid #fff; | |
1887 | + opacity: 0; | |
1888 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
1889 | +} | |
1890 | +.products-link a:hover:after { | |
1891 | + transition: 0.3s; | |
1892 | + -webkit-transition: 0.3s; | |
1893 | + opacity: 0.5; | |
1894 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1895 | +} | |
1896 | +.products-link a:before { | |
1897 | + position: absolute; | |
1898 | + width: 7px; | |
1899 | + height: 12px; | |
1900 | + background: url("../images/ico/ico-3.png") no-repeat; | |
1901 | + content: ''; | |
1902 | + bottom: 20px; | |
1903 | + right: 15px; | |
1904 | +} | |
1905 | + | |
1906 | +.products-list-wr {margin-top: 60px} | |
1907 | +.products-list-wr:first-child {margin-top: 0} | |
1908 | + | |
1909 | +/**************/ | |
1910 | +/***about,contacts,company,service***/ | |
1911 | +.pic-width img, .service-txt img {width: 100%;max-width: 100%;float: left;} | |
1912 | +.service-adress {margin-top: 15px;} | |
1913 | +.service-adress ul { | |
1914 | + list-style: none; | |
1915 | + position: relative; | |
1916 | +} | |
1917 | +.service-adress ul li { | |
1918 | + font-size: 13px; | |
1919 | + padding-left: 15px; | |
1920 | +} | |
1921 | +.service-adress ul:before { | |
1922 | + content: ''; | |
1923 | + position: absolute; | |
1924 | + left: 0; | |
1925 | + top: 0; | |
1926 | + width: 3px; | |
1927 | + height: 100%; | |
1928 | + background: #939598; | |
1929 | +} | |
1930 | +.title-contacts { | |
1931 | + font-size: 24px; | |
1932 | + font-weight: 700; | |
1933 | + margin-top: 32px; | |
1934 | +} | |
1935 | +.title-contacts:first-child { | |
1936 | + margin-top: 0; | |
1937 | +} | |
1938 | +/**************/ | |
1939 | +/***articles***/ | |
1940 | +.articles-date, .articles-title {float: left;} | |
1941 | +.articles-date span { | |
1942 | + line-height: 17px; | |
1943 | + padding: 0 7px; | |
1944 | + color: #fff; | |
1945 | + font-size: 11px; | |
1946 | + font-weight: 300; | |
1947 | + background: #939598; | |
1948 | + display: block; | |
1949 | + margin-top: 8px; | |
1950 | + margin-right: 16px; | |
1951 | + float: left; | |
1952 | +} | |
1953 | +.articles-title a, .articles-title { | |
1954 | + font-weight: 700; | |
1955 | + font-size: 24px; | |
1956 | + text-decoration: none; | |
1957 | + color: inherit; | |
1958 | + | |
1959 | +} | |
1960 | +.articles-title a:hover { | |
1961 | + text-decoration: underline; | |
1962 | +} | |
1963 | +.articles_data-title {margin-top: 32px;margin-bottom: 15px;} | |
1964 | +.new_articles_data-title {margin-top: 51px;margin-bottom: 15px;} | |
1965 | +.articles-wr {margin-top: -20px;} | |
1966 | +.new_articles-wr {margin-top: -38px;} | |
1967 | + | |
1968 | +.article-img:hover {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;} | |
1969 | +.articles-view-wr .articles-date span {margin-top: 0;margin-right: 0;} | |
1970 | +.float-left {float: left;} | |
1971 | +.float-right {float: right;} | |
1972 | +.artile-view-txt {margin-top: 25px;} | |
1973 | +.artile-view-txt img {max-width: 100%;} | |
1974 | +.artile-view-txt p {padding: 0 15px;float: none;} | |
1975 | +.artile-view-txt img {margin-bottom: 10px;} | |
1976 | +/**************/ | |
1977 | +/***gallery page***/ | |
1978 | +.galery-obj-img {} | |
1979 | +.galery-obj-img a {text-decoration: none; float: left;width: 100%;overflow: hidden;} | |
1980 | +.galery-obj-img img {max-height: 100px;min-height: 100px;float: left; margin-right: 30px;margin-top: 20px;} | |
1981 | +/******gallery********/ | |
1982 | +.lg-outer .lg-thumb-item:hover {border: 0!important;} | |
1983 | +.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item.active:hover {border:2px solid #939598!important;} | |
1984 | +.lg-outer .lg-thumb-item { | |
1985 | + border: 0 !important; | |
1986 | + border-radius: 0!important; | |
1987 | +} | |
1988 | +/***project***/ | |
1989 | +.marginbottom-15 {margin-bottom: -15px;} | |
1990 | +.galery-obj-img ul li { | |
1991 | + list-style: none; | |
1992 | + float: left; | |
1993 | +} | |
1994 | +.project-brands_ { | |
1995 | + overflow-x: hidden; | |
1996 | +} | |
1997 | +/**************/ | |
1998 | +/***collection***/ | |
1999 | +.collection-img {text-align: center} | |
2000 | +.collection-img img { | |
2001 | + width: 100%; | |
2002 | + max-width: 360px !important; | |
2003 | + vertical-align: bottom; | |
2004 | +} | |
2005 | +.colect-title { | |
2006 | + text-align: center; | |
2007 | + font-size: 18px; | |
2008 | + font-weight: 700; | |
2009 | + margin-top: 37px; | |
2010 | +} | |
2011 | + | |
2012 | +.collection-description table { | |
2013 | + width: 100%; | |
2014 | + float: left; | |
2015 | + padding: 0 !important; | |
2016 | + border: 0 !important; | |
2017 | + border-spacing: 0!important; | |
2018 | + margin-top: 3px; | |
2019 | +} | |
2020 | +.collection-description table tr { | |
2021 | + width: 100%; | |
2022 | + height: 31px; | |
2023 | +} | |
2024 | +.collection-description table tr td { | |
2025 | + width: 50%; | |
2026 | + font-weight: 700; | |
2027 | + font-size: 13px; | |
2028 | + text-align: left; | |
2029 | + padding-left: 10px; | |
2030 | +} | |
2031 | +.collection-description table tr td:first-child { | |
2032 | + font-weight: 400; | |
2033 | + text-align: right; | |
2034 | + padding-left: 0; | |
2035 | + padding-right: 10px; | |
2036 | +} | |
2037 | + | |
2038 | +.load_collection { | |
2039 | + position: fixed; | |
2040 | + width: 100%; | |
2041 | + height: 100%; | |
2042 | + top: 0; | |
2043 | + left: 0; | |
2044 | + z-index: 99999; | |
2045 | +} | |
2046 | +.load_collection:before { | |
2047 | + content: ''; | |
2048 | + width: 100%; | |
2049 | + height: 100%; | |
2050 | + position: absolute; | |
2051 | + top: 0; | |
2052 | + left: 0; | |
2053 | + background: #fff; | |
2054 | + opacity: 0.8; | |
2055 | + z-index: 1; | |
2056 | +} | |
2057 | +.load_collection div { | |
2058 | + width: 100%; | |
2059 | + height: 100%; | |
2060 | + position: absolute; | |
2061 | + top: 0; | |
2062 | + left: 0; | |
2063 | + z-index: 2; | |
2064 | + background: url("../images/25.gif") 50% 50% no-repeat; | |
2065 | +} | |
2066 | + | |
2067 | +.to_order { | |
2068 | + display: block; | |
2069 | + margin: 0 auto; | |
2070 | + margin-top: 10px; | |
2071 | + width: 174px; | |
2072 | + height: 40px; | |
2073 | + text-decoration: none; | |
2074 | + line-height: 40px; | |
2075 | + border: 1px solid #939598; | |
2076 | + color: #414143; | |
2077 | + font-size: 11px; | |
2078 | + font-weight: 700; | |
2079 | + text-transform: uppercase; | |
2080 | + text-align: center; | |
2081 | +} | |
2082 | +.to_order:hover { | |
2083 | + background: #939598; | |
2084 | + color: #fff; | |
2085 | + transition: 0.2s; | |
2086 | + -webkit-transition: 0.2s; | |
2087 | +} | |
2088 | +.collect-tabs {margin-top: 60px;} | |
2089 | + | |
2090 | + | |
2091 | + | |
2092 | +.list-tabs { | |
2093 | + padding-left: 55px; | |
2094 | + width: 100%; | |
2095 | + float: left; | |
2096 | + position: relative; | |
2097 | +} | |
2098 | +.list-tabs:before { | |
2099 | + position: absolute; | |
2100 | + content: ''; | |
2101 | + bottom: 0; | |
2102 | + left: 0; | |
2103 | + width: 100%; | |
2104 | + height: 1px; | |
2105 | + background: #dedfe0; | |
2106 | + | |
2107 | +} | |
2108 | +.list-tabs li, .list-tabs li span { | |
2109 | + width: 174px; | |
2110 | + height: 39px; | |
2111 | +} | |
2112 | +.list-tabs li { | |
2113 | + position: relative; | |
2114 | + z-index: 2; | |
2115 | + list-style: none; | |
2116 | + float: left; | |
2117 | + text-decoration: none; | |
2118 | + color: inherit; | |
2119 | + font-size: 11px; | |
2120 | + text-transform: uppercase; | |
2121 | + cursor: pointer; | |
2122 | + border-left: 1px solid #dedfe0; | |
2123 | + border-right: 1px solid #dedfe0; | |
2124 | + border-top: 1px solid #dedfe0; | |
2125 | + margin-right: 2px; | |
2126 | + background: #dedfe0; | |
2127 | +} | |
2128 | +.list-tabs li span { | |
2129 | + text-align: center; | |
2130 | + display: table-cell; | |
2131 | + vertical-align: middle; | |
2132 | +} | |
2133 | +.list-tabs li.active-tab { | |
2134 | + background: #fff; | |
2135 | +} | |
2136 | +.tabs-content a { | |
2137 | + text-decoration: underline; | |
2138 | + color: inherit; | |
2139 | +} | |
2140 | +.tabs-content a:hover { | |
2141 | + text-decoration: none; | |
2142 | +} | |
2143 | + | |
2144 | + | |
2145 | +.t_content_wr { | |
2146 | + margin-top: 13px; | |
2147 | +} | |
2148 | +.tabs-content { | |
2149 | + display: none; | |
2150 | +} | |
2151 | +.tabs-content .certificate { | |
2152 | + width: 100% !important; | |
2153 | + height: 500px !important; | |
2154 | + margin-top: 25px; | |
2155 | +} | |
2156 | +.certificate-page .certificate { | |
2157 | + width: 450px !important; | |
2158 | + height: 500px !important; | |
2159 | + margin-top: 15px; | |
2160 | +} | |
2161 | +.tabs-content .gall-1 { | |
2162 | + width: 100%; | |
2163 | + float: left; | |
2164 | +} | |
2165 | + | |
2166 | +.tabs-content .gall-1 li { | |
2167 | + list-style: none; | |
2168 | + margin-top: 25px; | |
2169 | +} | |
2170 | +.tabs-content .gall-1 li a {float: left;} | |
2171 | +.tabs-content .gall-1 li a img { | |
2172 | +} | |
2173 | + | |
2174 | + | |
2175 | + | |
2176 | + | |
2177 | + | |
2178 | + | |
2179 | + | |
2180 | + | |
2181 | +/**************/ | |
2182 | + | |
2183 | + | |
2184 | + | |
2185 | +/***all***/ | |
2186 | +.new_article-img { | |
2187 | + width: 50%; | |
2188 | + float: left; | |
2189 | + margin-right: 15px; | |
2190 | + padding-right: 15px; | |
2191 | + margin-bottom: 10px; | |
2192 | +} | |
2193 | +.new_article-img img { | |
2194 | + max-width: 100%; | |
2195 | + width: 100%; | |
2196 | + float: left; | |
2197 | +} | |
2198 | +/**************/ | |
2199 | + | |
2200 | + | |
2201 | +/***pagination***/ | |
2202 | +.navi_ {position: relative;margin-top: 30px;padding: 0 63px;} | |
2203 | +.pagination { | |
2204 | + margin: 0 auto; | |
2205 | + display: table; | |
2206 | + | |
2207 | +} | |
2208 | +.pagination li { | |
2209 | + float: left; | |
2210 | + list-style: none; | |
2211 | + min-width: 24px; | |
2212 | + height: 24px; | |
2213 | + text-align: center; | |
2214 | + background: #f2f2f3; | |
2215 | + border-radius: 4px; | |
2216 | + margin: 10px 3px 0 3px; | |
2217 | +} | |
2218 | +.pagination li.active { | |
2219 | + background: #939598; | |
2220 | +} | |
2221 | +.pagination li a { | |
2222 | + font-size: 15px; | |
2223 | + color: inherit; | |
2224 | + text-decoration: none; | |
2225 | + line-height: 24px; | |
2226 | + width: 100%; | |
2227 | + display: block; | |
2228 | + padding: 0 3px; | |
2229 | + position: relative; | |
2230 | +} | |
2231 | +.pagination li.active a {color: #fff} | |
2232 | +.pagination li.prev, .pagination li.next { | |
2233 | + position: absolute; | |
2234 | + top: 0; | |
2235 | + background: none; | |
2236 | + width: 24px; | |
2237 | + height: 24px; | |
2238 | +} | |
2239 | +.pagination li.prev.disabled, .pagination li.next.disabled {opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} | |
2240 | +.pagination li.prev span, .pagination li.next span {display: block;position: relative;width: 100%;height: 100%;} | |
2241 | +.pagination li.prev { | |
2242 | + left: 33px; | |
2243 | +} | |
2244 | + | |
2245 | +.pagination li.next { | |
2246 | + right: 33px; | |
2247 | +} | |
2248 | +.pagination li.prev span:before, .pagination li.next span:before, .pagination li.prev a:before, .pagination li.next a:before { | |
2249 | + width: 100%; | |
2250 | + height: 100%; | |
2251 | + background: red; | |
2252 | + content: ''; | |
2253 | + position: absolute; | |
2254 | + top: 0; | |
2255 | + left: 0; | |
2256 | +} | |
2257 | +.pagination li.prev span:before, .pagination li.prev a:before { | |
2258 | + background: #fff url("../images/ico/ico-10.png") 50% 50% no-repeat; | |
2259 | +} | |
2260 | +.pagination li.next span:before, .pagination li.next a:before { | |
2261 | + background: #fff url("../images/ico/ico-11.png") 50% 50% no-repeat; | |
2262 | +} | |
2263 | +/**************/ | |
2264 | +.certificate-page {margin-top: -30px;} | |
2265 | +.title-certificate-pg { | |
2266 | + font-weight: 700; | |
2267 | + font-size: 18px; | |
2268 | + margin-top: 20px; | |
2269 | +} | |
2270 | + | |
2271 | + | |
2272 | +/***scrollbar***/ | |
2273 | + | |
2274 | +.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } | |
2275 | +.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } | |
2276 | + | |
2277 | +.mCustomScrollBox{ /* contains plugin's markup */ | |
2278 | + position: relative; | |
2279 | + overflow: hidden; | |
2280 | + height: 100%; | |
2281 | + max-width: 100%; | |
2282 | + outline: none; | |
2283 | + direction: ltr; | |
2284 | +} | |
2285 | + | |
2286 | +.mCSB_container{ /* contains the original content */ | |
2287 | + overflow: hidden; | |
2288 | + width: auto; | |
2289 | + height: auto; | |
2290 | +} | |
2291 | + | |
2292 | + | |
2293 | + | |
2294 | +/* | |
2295 | +------------------------------------------------------------------------------------------------------------------------ | |
2296 | +2. VERTICAL SCROLLBAR | |
2297 | +y-axis | |
2298 | +------------------------------------------------------------------------------------------------------------------------ | |
2299 | +*/ | |
2300 | + | |
2301 | + | |
2302 | + | |
2303 | +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ | |
2304 | + | |
2305 | +.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ | |
2306 | + margin-right: 0; | |
2307 | + margin-left: 30px; | |
2308 | +} | |
2309 | + | |
2310 | +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ | |
2311 | + | |
2312 | +.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ | |
2313 | + position: absolute; | |
2314 | + width: 16px; | |
2315 | + height: auto; | |
2316 | + left: auto; | |
2317 | + top: 0; | |
2318 | + right: 0; | |
2319 | + bottom: 0; | |
2320 | +} | |
2321 | + | |
2322 | +.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ | |
2323 | + | |
2324 | +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, | |
2325 | +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ | |
2326 | + right: auto; | |
2327 | + left: 0; | |
2328 | +} | |
2329 | + | |
2330 | +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ | |
2331 | + | |
2332 | +.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ | |
2333 | + position: absolute; | |
2334 | + top: 0; | |
2335 | + left: 0; | |
2336 | + bottom: 0; | |
2337 | + right: 0; | |
2338 | + height: auto; | |
2339 | +} | |
2340 | + | |
2341 | +.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } | |
2342 | + | |
2343 | +.mCSB_scrollTools .mCSB_draggerRail{ | |
2344 | + width: 3px; | |
2345 | + height: 100%; | |
2346 | + margin: 0 auto; | |
2347 | + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; | |
2348 | +} | |
2349 | + | |
2350 | +.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ | |
2351 | + cursor: pointer; | |
2352 | + width: 100%; | |
2353 | + height: 30px; /* minimum dragger height */ | |
2354 | + z-index: 1; | |
2355 | +} | |
2356 | + | |
2357 | +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ | |
2358 | + position: relative; | |
2359 | + width: 9px; | |
2360 | + height: 100%; | |
2361 | + margin: 0 auto; | |
2362 | + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; | |
2363 | + text-align: center; | |
2364 | +} | |
2365 | + | |
2366 | +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, | |
2367 | +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } | |
2368 | + | |
2369 | +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, | |
2370 | +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } | |
2371 | + | |
2372 | +.mCSB_scrollTools .mCSB_buttonUp, | |
2373 | +.mCSB_scrollTools .mCSB_buttonDown{ | |
2374 | + display: block; | |
2375 | + position: absolute; | |
2376 | + height: 20px; | |
2377 | + width: 100%; | |
2378 | + overflow: hidden; | |
2379 | + margin: 0 auto; | |
2380 | + cursor: pointer; | |
2381 | +} | |
2382 | + | |
2383 | +.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } | |
2384 | + | |
2385 | + | |
2386 | +5. TRANSITIONS | |
2387 | + ------------------------------------------------------------------------------------------------------------------------ | |
2388 | + */ | |
2389 | + | |
2390 | +.mCSB_scrollTools, | |
2391 | +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, | |
2392 | +.mCSB_scrollTools .mCSB_buttonUp, | |
2393 | +.mCSB_scrollTools .mCSB_buttonDown, | |
2394 | +.mCSB_scrollTools .mCSB_buttonLeft, | |
2395 | +.mCSB_scrollTools .mCSB_buttonRight{ | |
2396 | + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2397 | + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2398 | + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2399 | + transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2400 | +} | |
2401 | + | |
2402 | +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ | |
2403 | +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, | |
2404 | +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, | |
2405 | +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ | |
2406 | + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2407 | + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2408 | + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2409 | + opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2410 | + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2411 | + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2412 | + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2413 | + opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2414 | + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2415 | + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2416 | + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2417 | + opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2418 | + transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2419 | + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2420 | + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2421 | + opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2422 | +} | |
2423 | + | |
2424 | + | |
2425 | + | |
2426 | +/* | |
2427 | +------------------------------------------------------------------------------------------------------------------------ | |
2428 | +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS | |
2429 | +------------------------------------------------------------------------------------------------------------------------ | |
2430 | +*/ | |
2431 | + | |
2432 | +/* | |
2433 | +---------------------------------------- | |
2434 | +6.1 THEMES | |
2435 | +---------------------------------------- | |
2436 | +*/ | |
2437 | + | |
2438 | +/* default theme ("light") */ | |
2439 | + | |
2440 | +.mCSB_scrollTools{ opacity: 1!important;} | |
2441 | + | |
2442 | +.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, | |
2443 | +.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } | |
2444 | + | |
2445 | +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, | |
2446 | +.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, | |
2447 | +.mCustomScrollBox:hover > .mCSB_scrollTools, | |
2448 | +.mCustomScrollBox:hover ~ .mCSB_scrollTools, | |
2449 | +.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, | |
2450 | +.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } | |
2451 | + | |
2452 | +.mCSB_scrollTools .mCSB_draggerRail{ | |
2453 | + background-color: #f2f2f3; | |
2454 | +} | |
2455 | + | |
2456 | +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ | |
2457 | + background: #dedfe0; | |
2458 | +} | |
2459 | + | |
2460 | +.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ | |
2461 | + | |
2462 | +} | |
2463 | +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, | |
2464 | +.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ | |
2465 | + | |
2466 | +} | |
2467 | + | |
2468 | +/*.mCSB_scrollTools .mCSB_buttonUp,*/ | |
2469 | +/*.mCSB_scrollTools .mCSB_buttonDown,*/ | |
2470 | +/*.mCSB_scrollTools .mCSB_buttonLeft,*/ | |
2471 | +/*.mCSB_scrollTools .mCSB_buttonRight{*/ | |
2472 | +/*background-image: url(mCSB_buttons.png); !* css sprites *!*/ | |
2473 | +/*background-repeat: no-repeat;*/ | |
2474 | +/*opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";*/ | |
2475 | +/*}*/ | |
2476 | + | |
2477 | +.mCSB_scrollTools .mCSB_buttonUp{ | |
2478 | + background-position: 0 0; | |
2479 | + /* | |
2480 | + sprites locations | |
2481 | + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px | |
2482 | + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px | |
2483 | + */ | |
2484 | +} | |
2485 | + | |
2486 | +.mCSB_scrollTools .mCSB_buttonDown{ | |
2487 | + background-position: 0 -20px; | |
2488 | + /* | |
2489 | + sprites locations | |
2490 | + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px | |
2491 | + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px | |
2492 | + */ | |
2493 | +} | |
2494 | + | |
2495 | +.mCSB_scrollTools .mCSB_buttonLeft{ | |
2496 | + background-position: 0 -40px; | |
2497 | + /* | |
2498 | + sprites locations | |
2499 | + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px | |
2500 | + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px | |
2501 | + */ | |
2502 | +} | |
2503 | + | |
2504 | +.mCSB_scrollTools .mCSB_buttonRight{ | |
2505 | + background-position: 0 -56px; | |
2506 | + /* | |
2507 | + sprites locations | |
2508 | + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px | |
2509 | + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px | |
2510 | + */ | |
2511 | +} | |
2512 | + | |
2513 | +.mCSB_scrollTools .mCSB_buttonUp:hover, | |
2514 | +.mCSB_scrollTools .mCSB_buttonDown:hover, | |
2515 | +.mCSB_scrollTools .mCSB_buttonLeft:hover, | |
2516 | +.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } | |
2517 | + | |
2518 | +.mCSB_scrollTools .mCSB_buttonUp:active, | |
2519 | +.mCSB_scrollTools .mCSB_buttonDown:active, | |
2520 | +.mCSB_scrollTools .mCSB_buttonLeft:active, | |
2521 | +.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } | |
2522 | + | |
2523 | + | |
2524 | +/* theme: "dark" */ | |
2525 | + | |
2526 | +/* ---------------------------------------- */ | |
2527 | + | |
2528 | + | |
2529 | + | |
2530 | +/* theme: "light-2", "dark-2" */ | |
2531 | + | |
2532 | +.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, | |
2533 | +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ | |
2534 | + width: 4px; | |
2535 | + background-color: #fff; background-color: rgba(255,255,255,0.1); | |
2536 | + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; | |
2537 | +} | |
2538 | + | |
2539 | +.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, | |
2540 | +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ | |
2541 | + width: 4px; | |
2542 | + background-color: #fff; background-color: rgba(255,255,255,0.75); | |
2543 | + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; | |
2544 | +} | |
2545 | + | |
2546 | +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, | |
2547 | +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, | |
2548 | +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, | |
2549 | +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ | |
2550 | + width: 100%; | |
2551 | + height: 4px; | |
2552 | + margin: 6px auto; | |
2553 | +} | |
2554 | + | |
2555 | +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } | |
2556 | + | |
2557 | +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, | |
2558 | +.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } | |
2559 | + | |
2560 | +.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } | |
2561 | + | |
2562 | +.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } | |
2563 | + | |
2564 | +.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } | |
2565 | + | |
2566 | +.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } | |
2567 | + | |
2568 | + | |
2569 | + | |
2570 | + | |
2571 | + | |
2572 | + | |
2573 | + | |
2574 | + | |
2575 | + | |
2576 | + | |
2577 | + | |
2578 | +/***************/ | |
2579 | + | |
2580 | + | |
2581 | + | |
2582 | + | |
2583 | + | |
2584 | + | |
2585 | + | |
2586 | + | |
2587 | + | |
2588 | + | |
2589 | + | |
2590 | + | |
2591 | + | |
2592 | + | |
2593 | +/********animations********/ | |
2594 | + | |
2595 | +/**************************/ | |
2596 | + | |
2597 | + | |
2598 | + | |
2599 | +/***bootstrap grid***/ | |
2600 | + | |
2601 | +.container { | |
2602 | + min-width:320px; | |
2603 | +} | |
2604 | + | |
2605 | + | |
2606 | +@media (max-width: 1200px) { | |
2607 | + .link-cat {height: 116px;} | |
2608 | + /*[class*="moz-"] {*/ | |
2609 | + /*height: 62px;*/ | |
2610 | + /*}*/ | |
2611 | + /*.moz-1 {height: 124px;}*/ | |
2612 | + ul.main-menu li a { | |
2613 | + padding: 0 11px 0 12px; | |
2614 | + } | |
2615 | + ul.main-menu li:first-child a { | |
2616 | + padding-left: 30px; | |
2617 | + } | |
2618 | + .brands-list li {margin-right: 21px;} | |
2619 | +} | |
2620 | + | |
2621 | +@media (max-width: 992px) { | |
2622 | + [class*="moz-"] { | |
2623 | + height: 75px; | |
2624 | + } | |
2625 | + .moz-1 { | |
2626 | + height: 152px | |
2627 | + } | |
2628 | + .hidden-search { | |
2629 | + position: fixed; | |
2630 | + height: 112px; | |
2631 | + margin-top: -112px; | |
2632 | + z-index: 99999999; | |
2633 | + right: auto; | |
2634 | + left: 0; | |
2635 | + margin-right: 0; | |
2636 | + } | |
2637 | + .hidden-search.vis { | |
2638 | + transition: 0.5s; | |
2639 | + margin-top: 0; | |
2640 | + } | |
2641 | + .head-container { | |
2642 | + overflow: visible; | |
2643 | + } | |
2644 | + .mob-overlay {display: block;} | |
2645 | + .tablet-artweb { | |
2646 | + height: 40px; | |
2647 | + background: #dedfe0; | |
2648 | + padding-top: 8px; | |
2649 | + margin-top: 20px; | |
2650 | + } | |
2651 | + .shadow {box-shadow: none;} | |
2652 | + .prefooter .shadow:before {display: none;} | |
2653 | + .slider-img a div {padding-right: 30px;} | |
2654 | + .margin-top {margin-top: 20px;} | |
2655 | + .section-box-content .container.shadow { | |
2656 | + padding-bottom: 20px; | |
2657 | + } | |
2658 | + | |
2659 | + | |
2660 | + | |
2661 | + | |
2662 | + .cat-list-brands, .cat-list-brands-wr { | |
2663 | + height: 155px; | |
2664 | + } | |
2665 | + .hover .cat-list-brands { | |
2666 | + min-height: 155px; | |
2667 | + } | |
2668 | + .cat-list-brands ul { | |
2669 | + height: 119px; | |
2670 | + overflow: hidden; | |
2671 | + } | |
2672 | + .expand_brands { | |
2673 | + display: block; | |
2674 | + height: 10px; | |
2675 | + } | |
2676 | + .expand .cat-list-brands, .expand .cat-list-brands ul { | |
2677 | + height: auto; | |
2678 | + } | |
2679 | + .expand .cat-list-brands { | |
2680 | + position: absolute; | |
2681 | + top: 0; | |
2682 | + left: 0; | |
2683 | + } | |
2684 | + | |
2685 | + .brands-list li {margin-right: 19px;} | |
2686 | + | |
2687 | + .new_article-img {margin-bottom: 20px} | |
2688 | +} | |
2689 | +@media (max-width: 991px) { | |
2690 | + .link-cat {height: 162px;} | |
2691 | + | |
2692 | +} | |
2693 | + | |
2694 | +@media (max-width: 950px) { | |
2695 | + .link-cat {height: 155px;} | |
2696 | + .modal-form, #success-form { | |
2697 | + width: 610px; | |
2698 | + margin-left: -305px; | |
2699 | + } | |
2700 | + .modal-form form {padding: 0 30px;} | |
2701 | + | |
2702 | + | |
2703 | +} | |
2704 | + | |
2705 | +@media (max-width: 940px) { | |
2706 | + | |
2707 | + | |
2708 | + | |
2709 | +} | |
2710 | + | |
2711 | + | |
2712 | +@media (max-width: 900px) { | |
2713 | + .link-cat { | |
2714 | + height: 145px; | |
2715 | + } | |
2716 | +} | |
2717 | +@media (max-width: 896px) { | |
2718 | + | |
2719 | +} | |
2720 | +@media (max-width: 850px) { | |
2721 | + .link-cat { | |
2722 | + height: 136px; | |
2723 | + } | |
2724 | +} | |
2725 | +@media (max-width: 835px) {} | |
2726 | +@media (max-width: 810px) { | |
2727 | + .list-tabs {padding-left: 30px;} | |
2728 | + .list-tabs li, .list-tabs li span {width: 160px;} | |
2729 | +} | |
2730 | +@media (max-width: 800px) { | |
2731 | + .link-cat { | |
2732 | + height: 127px; | |
2733 | + } | |
2734 | +} | |
2735 | + | |
2736 | + | |
2737 | +@media (max-width: 768px) { | |
2738 | + .link-cat { | |
2739 | + height: 121px; | |
2740 | + } | |
2741 | +} | |
2742 | + | |
2743 | +@media (max-width: 767px) { | |
2744 | + .link-cat { | |
2745 | + height: 396px; | |
2746 | + } | |
2747 | + /*.close-search {*/ | |
2748 | + /*position: absolute !important;*/ | |
2749 | + /*top: 0;*/ | |
2750 | + /*right: 0;*/ | |
2751 | + /*}*/ | |
2752 | + .search-form-wr-padding {padding: 0 15px !important;} | |
2753 | + /*.close-search img {margin-top: 0;top: 20px;}*/ | |
2754 | + /*.search-title {*/ | |
2755 | + /*height: 36px;*/ | |
2756 | + /*}*/ | |
2757 | + /*.search-title p {line-height: 53px;}*/ | |
2758 | + | |
2759 | + .hidden-search.vis { | |
2760 | + transition: 0.5s; | |
2761 | + margin-top: 0; | |
2762 | + } | |
2763 | + .logo_ { | |
2764 | + height: auto; | |
2765 | + padding-top: 20px; | |
2766 | + display: block; | |
2767 | + width: 165px; | |
2768 | + margin: 0 auto; | |
2769 | + } | |
2770 | + | |
2771 | + .lang-mob { | |
2772 | + position: absolute !important; | |
2773 | + right: 0; | |
2774 | + } | |
2775 | + .lang-wr-mob { | |
2776 | + top: 12px; | |
2777 | + left: 0; | |
2778 | + width: 100%; | |
2779 | + | |
2780 | + } | |
2781 | + .lang-wr a { | |
2782 | + right: 15px; | |
2783 | + left: auto; | |
2784 | + } | |
2785 | + | |
2786 | + .phones-table-wr { | |
2787 | + top: 8px; | |
2788 | + right: auto; | |
2789 | + width: 220px; | |
2790 | + left: 50%; | |
2791 | + margin-left: -110px; | |
2792 | + background: none; | |
2793 | + } | |
2794 | + .phones-table-wr:after { | |
2795 | + left: 10px; | |
2796 | + padding: 18px 5px 28px 5px; | |
2797 | + } | |
2798 | + .calc-menu {text-align: center;} | |
2799 | + .calc-menu .question-form {font-size: 11px} | |
2800 | + .f-img { | |
2801 | + display: block; | |
2802 | + height: auto; | |
2803 | + } | |
2804 | + .mb-im-f-4, .mb-im-f-5, .mb-im-f-5_1 {margin-top: 31px;height: 34px;} | |
2805 | + .mb-im-f-3 {margin-top: 15px;} | |
2806 | + .prefooter .shadow .row {padding-top: 15px; padding-bottom: 15px;} | |
2807 | + [class*="moz-"], [class*="moz-"] a { | |
2808 | + height: 75px; | |
2809 | + } | |
2810 | + .moz-5 a {height: 75px;} | |
2811 | + .moz-3, .moz-5 {padding-right: 2px !important;} | |
2812 | + .moz-3 {margin-top: 2px;} | |
2813 | + .moz-3, .moz-5, .moz-7 { | |
2814 | + padding-left: 15px !important; | |
2815 | + } | |
2816 | + .moz-4, .moz-2, .moz-6 { | |
2817 | + padding-right: 15px !important; | |
2818 | + } | |
2819 | + .moz-6 {padding-left: 0 !important;} | |
2820 | + .slider-img a span, .slider-img a p:before {display: none;} | |
2821 | + | |
2822 | + .box-slider { | |
2823 | + height: auto; | |
2824 | + } | |
2825 | + .slider-img {height: 180px;} | |
2826 | + .slider-img a div { | |
2827 | + width: 100%; | |
2828 | + padding-right: 0; | |
2829 | + text-align: center; | |
2830 | + padding: 0 20px; | |
2831 | + bottom: 16px; | |
2832 | + } | |
2833 | + .slider-img a p {font-size: 28px;line-height: 34px;} | |
2834 | + | |
2835 | + .slider-menu { | |
2836 | + position: relative; | |
2837 | + top: auto; | |
2838 | + left: auto; | |
2839 | + height: auto; | |
2840 | + float: left; | |
2841 | + width: 100%; | |
2842 | + transform: rotate(-180deg); | |
2843 | + -webkit-transform: rotate(-180deg); | |
2844 | + } | |
2845 | + .slider-menu ul { | |
2846 | + width: 100%; | |
2847 | + height: auto; | |
2848 | + float: left; | |
2849 | + } | |
2850 | + .slider-menu ul:before {display: none} | |
2851 | + .slider-menu ul li { | |
2852 | + width: 100%; | |
2853 | + height: 34px; | |
2854 | + } | |
2855 | + .slider-menu ul li:before { | |
2856 | + width: 100%; | |
2857 | + } | |
2858 | + .slider-menu ul li a { | |
2859 | + position: relative; | |
2860 | + top: auto; | |
2861 | + left: auto; | |
2862 | + transform: rotate(-180deg); | |
2863 | + -webkit-transform: rotate(-180deg); | |
2864 | + width: 100%; | |
2865 | + } | |
2866 | + .margin-top {margin-top: 15px;} | |
2867 | + .section-box-content .container.shadow { | |
2868 | + padding-bottom: 15px; | |
2869 | + } | |
2870 | + .brand-link { | |
2871 | + padding-top: 20px; | |
2872 | + } | |
2873 | + | |
2874 | + .brand-list-desc-txt, { | |
2875 | + margin-top: 10px; | |
2876 | + } | |
2877 | + .brand-list-desc-txt p {margin-top: 4px;} | |
2878 | + | |
2879 | + .brand-main-txt {margin-top: 20px;} | |
2880 | + .brand-txt-img {width: 100%;} | |
2881 | + | |
2882 | + /*.products-title {margin-top: 10px}*/ | |
2883 | + | |
2884 | + .new_article-img { | |
2885 | + width: 100%; | |
2886 | + margin-bottom: 10px; | |
2887 | + } | |
2888 | + | |
2889 | + .brands-list_ .brand-list-desc img {margin-bottom: 10px;} | |
2890 | + .collection-list ul {margin-top: 10px;} | |
2891 | + | |
2892 | + .tabs-content .gall-1 li a {width: 100%;} | |
2893 | + .tabs-content .gall-1 li a img {margin: 0 auto;} | |
2894 | + .certificate_f span {display: none;} | |
2895 | + .certificate_f {padding-left: 0;width: 20px;height: 26px;display: block;float: left;} | |
2896 | + .certificate_f:before { | |
2897 | + top: 0; | |
2898 | + margin-top: 6px; | |
2899 | + } | |
2900 | + .list-tabs li {margin-top: 2px} | |
2901 | + | |
2902 | + | |
2903 | + .modal-form, #success-form { | |
2904 | + width: 300px; | |
2905 | + margin-left: -150px; | |
2906 | + } | |
2907 | + .modal-form form {padding: 0 15px;} | |
2908 | + .modal-form form label { | |
2909 | + text-align: left; | |
2910 | + width: auto; | |
2911 | + padding-right: 0; | |
2912 | + font-size: 11px; | |
2913 | + line-height: 20px; | |
2914 | + height: 20px; | |
2915 | + } | |
2916 | + .modal-form form input, .modal-form form textarea { | |
2917 | + width: 100%; | |
2918 | + border: 1px solid #dedfe0; | |
2919 | + } | |
2920 | + .modal-form form .required label:before { | |
2921 | + right: -7px; | |
2922 | + line-height: 20px; | |
2923 | + height: 20px; | |
2924 | + } | |
2925 | + .modal-form form .has-error .help-block {display: none;} | |
2926 | + | |
2927 | + .modal-form form .has-error input, .modal-form form .has-error textarea {border: 1px solid #ed1c24;} | |
2928 | + .modal-form form input:focus, .modal-form form textarea:focus { | |
2929 | + border: 1px solid #a7a7a7; | |
2930 | + } | |
2931 | + .modal-form form textarea { | |
2932 | + height: 50px; | |
2933 | + max-height: 50px; | |
2934 | + padding-top: 5px; | |
2935 | + } | |
2936 | + .button-wr { | |
2937 | + margin-top: 0; | |
2938 | + width: 100%; | |
2939 | + } | |
2940 | + ._more_ { | |
2941 | + width: 100%; | |
2942 | + height: 18px; | |
2943 | + bottom: -28px; | |
2944 | + text-align: center; | |
2945 | + } | |
2946 | + .form-product-wr table tr td {padding-right: 33px;} | |
2947 | + .form-product-wr table tr td:first-child { | |
2948 | + padding-right: 5px; | |
2949 | + text-align: left; | |
2950 | + } | |
2951 | +} | |
2952 | +@media (max-width: 700px) { | |
2953 | + .link-cat { | |
2954 | + height: 360px; | |
2955 | + } | |
2956 | +} | |
2957 | + | |
2958 | +@media (max-width: 668px) { | |
2959 | + | |
2960 | +} | |
2961 | +@media (max-width: 650px) { | |
2962 | + .link-cat { | |
2963 | + height: 332px; | |
2964 | + } | |
2965 | +} | |
2966 | +@media (max-width: 600px) { | |
2967 | + .link-cat { | |
2968 | + height: 304px; | |
2969 | + } | |
2970 | +} | |
2971 | +@media (max-width: 550px) { | |
2972 | + .link-cat { | |
2973 | + height: 277px; | |
2974 | + } | |
2975 | +} | |
2976 | +@media (max-width: 560px) { | |
2977 | + | |
2978 | +} | |
2979 | +@media (max-width: 525px) { | |
2980 | + .box-mosaic a p { | |
2981 | + padding-top: 30px; | |
2982 | + } | |
2983 | + .box-mosaic a p:before {bottom: 32px;right: 9px;} | |
2984 | + .certificate-page .certificate {width: 100% !important;} | |
2985 | +} | |
2986 | +@media (max-width: 500px) { | |
2987 | + .link-cat { | |
2988 | + height: 249px; | |
2989 | + } | |
2990 | +} | |
2991 | +@media (max-width: 480px) { | |
2992 | + .link-cat { | |
2993 | + height: 238px; | |
2994 | + } | |
2995 | +} | |
2996 | +@media (max-width: 460px) { } | |
2997 | +@media (max-width: 450px) { | |
2998 | + .link-cat { | |
2999 | + height: 222px; | |
3000 | + } | |
3001 | + #close-form { | |
3002 | + top: -58px; | |
3003 | + right: 0;} | |
3004 | +} | |
3005 | + | |
3006 | +@media (max-width: 400px) { | |
3007 | + .link-cat { | |
3008 | + height: 194px; | |
3009 | + } | |
3010 | + .box-mosaic a p { | |
3011 | + padding-right: 23px; | |
3012 | + padding-top: 16px; | |
3013 | + } | |
3014 | + .box-mosaic a p:before {bottom: 46px;} | |
3015 | + .tabs-content .certificate {height: 300px !important;} | |
3016 | + | |
3017 | +} | |
3018 | +@media (max-width: 350px) { | |
3019 | + .link-cat { | |
3020 | + height: 166px; | |
3021 | + } | |
3022 | + .box-mosaic a p { | |
3023 | + padding-right: 23px; | |
3024 | + padding-top: 16px; | |
3025 | + } | |
3026 | + .box-mosaic a p:before {bottom: 46px;right: 16px;} | |
3027 | +} | |
3028 | +@media (max-width: 336px) { | |
3029 | + .link-cat { | |
3030 | + height: 160px; | |
3031 | + } | |
3032 | +} | |
3033 | +@media (max-width: 330px) { | |
3034 | + .box-mosaic a p { | |
3035 | + padding-right: 22px; | |
3036 | + } | |
3037 | + .box-mosaic a p:before {right: 9px} | |
3038 | +} | |
3039 | + | |
3040 | +* | |
3041 | +{ | |
3042 | + -webkit-box-sizing:border-box; | |
3043 | + -moz-box-sizing:border-box; | |
3044 | + box-sizing:border-box | |
3045 | +} | |
3046 | + | |
3047 | +:before,:after | |
3048 | +{ | |
3049 | + -webkit-box-sizing:border-box; | |
3050 | + -moz-box-sizing:border-box; | |
3051 | + box-sizing:border-box | |
3052 | +} | |
3053 | + | |
3054 | +.img-responsive | |
3055 | +{ | |
3056 | + display:block; | |
3057 | + max-width:100%; | |
3058 | + height:auto | |
3059 | +} | |
3060 | + | |
3061 | +.img-rounded | |
3062 | +{ | |
3063 | + border-radius:6px | |
3064 | +} | |
3065 | + | |
3066 | +.img-thumbnail | |
3067 | +{ | |
3068 | + padding:4px; | |
3069 | + line-height:1.42857143; | |
3070 | + background-color:#fff; | |
3071 | + border:1px solid #ddd; | |
3072 | + border-radius:4px; | |
3073 | + -webkit-transition:all .2s ease-in-out; | |
3074 | + -o-transition:all .2s ease-in-out; | |
3075 | + transition:all .2s ease-in-out; | |
3076 | + display:inline-block; | |
3077 | + max-width:100%; | |
3078 | + height:auto | |
3079 | +} | |
3080 | + | |
3081 | +.img-circle | |
3082 | +{ | |
3083 | + border-radius:50% | |
3084 | +} | |
3085 | + | |
3086 | +.container | |
3087 | +{ | |
3088 | + margin-right:auto; | |
3089 | + margin-left:auto; | |
3090 | + padding-left:15px; | |
3091 | + padding-right:15px; | |
3092 | +} | |
3093 | + | |
3094 | +@media (min-width: 768px) { | |
3095 | + .container | |
3096 | + { | |
3097 | + width:100% | |
3098 | + } | |
3099 | +} | |
3100 | + | |
3101 | +@media (min-width: 992px) { | |
3102 | + .container | |
3103 | + { | |
3104 | + width:970px | |
3105 | + } | |
3106 | +} | |
3107 | + | |
3108 | +@media (min-width: 1200px) { | |
3109 | + .container | |
3110 | + { | |
3111 | + width:1170px | |
3112 | + } | |
3113 | +} | |
3114 | + | |
3115 | +.container-fluid | |
3116 | +{ | |
3117 | + margin-right:auto; | |
3118 | + margin-left:auto; | |
3119 | + padding-left:15px; | |
3120 | + padding-right:15px | |
3121 | +} | |
3122 | + | |
3123 | +.row | |
3124 | +{ | |
3125 | + margin-left:-15px; | |
3126 | + margin-right:-15px | |
3127 | +} | |
3128 | + | |
3129 | +.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 | |
3130 | +{ | |
3131 | + position:relative; | |
3132 | + min-height:1px; | |
3133 | + padding-left:15px; | |
3134 | + padding-right:15px | |
3135 | +} | |
3136 | + | |
3137 | +.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 | |
3138 | +{ | |
3139 | + float:left | |
3140 | +} | |
3141 | + | |
3142 | +.col-xs-12 | |
3143 | +{ | |
3144 | + width:100% | |
3145 | +} | |
3146 | + | |
3147 | +.col-xs-11 | |
3148 | +{ | |
3149 | + width:91.66666667% | |
3150 | +} | |
3151 | + | |
3152 | +.col-xs-10 | |
3153 | +{ | |
3154 | + width:83.33333333% | |
3155 | +} | |
3156 | + | |
3157 | +.col-xs-9 | |
3158 | +{ | |
3159 | + width:75% | |
3160 | +} | |
3161 | + | |
3162 | +.col-xs-8 | |
3163 | +{ | |
3164 | + width:66.66666667% | |
3165 | +} | |
3166 | + | |
3167 | +.col-xs-7 | |
3168 | +{ | |
3169 | + width:58.33333333% | |
3170 | +} | |
3171 | + | |
3172 | +.col-xs-6 | |
3173 | +{ | |
3174 | + width:50% | |
3175 | +} | |
3176 | + | |
3177 | +.col-xs-5 | |
3178 | +{ | |
3179 | + width:41.66666667% | |
3180 | +} | |
3181 | + | |
3182 | +.col-xs-4 | |
3183 | +{ | |
3184 | + width:33.33333333% | |
3185 | +} | |
3186 | + | |
3187 | +.col-xs-3 | |
3188 | +{ | |
3189 | + width:25% | |
3190 | +} | |
3191 | + | |
3192 | +.col-xs-2 | |
3193 | +{ | |
3194 | + width:16.66666667% | |
3195 | +} | |
3196 | + | |
3197 | +.col-xs-1 | |
3198 | +{ | |
3199 | + width:8.33333333% | |
3200 | +} | |
3201 | + | |
3202 | +.col-xs-pull-12 | |
3203 | +{ | |
3204 | + right:100% | |
3205 | +} | |
3206 | + | |
3207 | +.col-xs-pull-11 | |
3208 | +{ | |
3209 | + right:91.66666667% | |
3210 | +} | |
3211 | + | |
3212 | +.col-xs-pull-10 | |
3213 | +{ | |
3214 | + right:83.33333333% | |
3215 | +} | |
3216 | + | |
3217 | +.col-xs-pull-9 | |
3218 | +{ | |
3219 | + right:75% | |
3220 | +} | |
3221 | + | |
3222 | +.col-xs-pull-8 | |
3223 | +{ | |
3224 | + right:66.66666667% | |
3225 | +} | |
3226 | + | |
3227 | +.col-xs-pull-7 | |
3228 | +{ | |
3229 | + right:58.33333333% | |
3230 | +} | |
3231 | + | |
3232 | +.col-xs-pull-6 | |
3233 | +{ | |
3234 | + right:50% | |
3235 | +} | |
3236 | + | |
3237 | +.col-xs-pull-5 | |
3238 | +{ | |
3239 | + right:41.66666667% | |
3240 | +} | |
3241 | + | |
3242 | +.col-xs-pull-4 | |
3243 | +{ | |
3244 | + right:33.33333333% | |
3245 | +} | |
3246 | + | |
3247 | +.col-xs-pull-3 | |
3248 | +{ | |
3249 | + right:25% | |
3250 | +} | |
3251 | + | |
3252 | +.col-xs-pull-2 | |
3253 | +{ | |
3254 | + right:16.66666667% | |
3255 | +} | |
3256 | + | |
3257 | +.col-xs-pull-1 | |
3258 | +{ | |
3259 | + right:8.33333333% | |
3260 | +} | |
3261 | + | |
3262 | +.col-xs-pull-0 | |
3263 | +{ | |
3264 | + right:auto | |
3265 | +} | |
3266 | + | |
3267 | +.col-xs-push-12 | |
3268 | +{ | |
3269 | + left:100% | |
3270 | +} | |
3271 | + | |
3272 | +.col-xs-push-11 | |
3273 | +{ | |
3274 | + left:91.66666667% | |
3275 | +} | |
3276 | + | |
3277 | +.col-xs-push-10 | |
3278 | +{ | |
3279 | + left:83.33333333% | |
3280 | +} | |
3281 | + | |
3282 | +.col-xs-push-9 | |
3283 | +{ | |
3284 | + left:75% | |
3285 | +} | |
3286 | + | |
3287 | +.col-xs-push-8 | |
3288 | +{ | |
3289 | + left:66.66666667% | |
3290 | +} | |
3291 | + | |
3292 | +.col-xs-push-7 | |
3293 | +{ | |
3294 | + left:58.33333333% | |
3295 | +} | |
3296 | + | |
3297 | +.col-xs-push-6 | |
3298 | +{ | |
3299 | + left:50% | |
3300 | +} | |
3301 | + | |
3302 | +.col-xs-push-5 | |
3303 | +{ | |
3304 | + left:41.66666667% | |
3305 | +} | |
3306 | + | |
3307 | +.col-xs-push-4 | |
3308 | +{ | |
3309 | + left:33.33333333% | |
3310 | +} | |
3311 | + | |
3312 | +.col-xs-push-3 | |
3313 | +{ | |
3314 | + left:25% | |
3315 | +} | |
3316 | + | |
3317 | +.col-xs-push-2 | |
3318 | +{ | |
3319 | + left:16.66666667% | |
3320 | +} | |
3321 | + | |
3322 | +.col-xs-push-1 | |
3323 | +{ | |
3324 | + left:8.33333333% | |
3325 | +} | |
3326 | + | |
3327 | +.col-xs-push-0 | |
3328 | +{ | |
3329 | + left:auto | |
3330 | +} | |
3331 | + | |
3332 | +.col-xs-offset-12 | |
3333 | +{ | |
3334 | + margin-left:100% | |
3335 | +} | |
3336 | + | |
3337 | +.col-xs-offset-11 | |
3338 | +{ | |
3339 | + margin-left:91.66666667% | |
3340 | +} | |
3341 | + | |
3342 | +.col-xs-offset-10 | |
3343 | +{ | |
3344 | + margin-left:83.33333333% | |
3345 | +} | |
3346 | + | |
3347 | +.col-xs-offset-9 | |
3348 | +{ | |
3349 | + margin-left:75% | |
3350 | +} | |
3351 | + | |
3352 | +.col-xs-offset-8 | |
3353 | +{ | |
3354 | + margin-left:66.66666667% | |
3355 | +} | |
3356 | + | |
3357 | +.col-xs-offset-7 | |
3358 | +{ | |
3359 | + margin-left:58.33333333% | |
3360 | +} | |
3361 | + | |
3362 | +.col-xs-offset-6 | |
3363 | +{ | |
3364 | + margin-left:50% | |
3365 | +} | |
3366 | + | |
3367 | +.col-xs-offset-5 | |
3368 | +{ | |
3369 | + margin-left:41.66666667% | |
3370 | +} | |
3371 | + | |
3372 | +.col-xs-offset-4 | |
3373 | +{ | |
3374 | + margin-left:33.33333333% | |
3375 | +} | |
3376 | + | |
3377 | +.col-xs-offset-3 | |
3378 | +{ | |
3379 | + margin-left:25% | |
3380 | +} | |
3381 | + | |
3382 | +.col-xs-offset-2 | |
3383 | +{ | |
3384 | + margin-left:16.66666667% | |
3385 | +} | |
3386 | + | |
3387 | +.col-xs-offset-1 | |
3388 | +{ | |
3389 | + margin-left:8.33333333% | |
3390 | +} | |
3391 | + | |
3392 | +.col-xs-offset-0 | |
3393 | +{ | |
3394 | + margin-left:0 | |
3395 | +} | |
3396 | + | |
3397 | +@media (min-width: 768px) { | |
3398 | + .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 | |
3399 | + { | |
3400 | + float:left | |
3401 | + } | |
3402 | + | |
3403 | + .col-sm-12 | |
3404 | + { | |
3405 | + width:100% | |
3406 | + } | |
3407 | + | |
3408 | + .col-sm-11 | |
3409 | + { | |
3410 | + width:91.66666667% | |
3411 | + } | |
3412 | + | |
3413 | + .col-sm-10 | |
3414 | + { | |
3415 | + width:83.33333333% | |
3416 | + } | |
3417 | + | |
3418 | + .col-sm-9 | |
3419 | + { | |
3420 | + width:75% | |
3421 | + } | |
3422 | + | |
3423 | + .col-sm-8 | |
3424 | + { | |
3425 | + width:66.66666667% | |
3426 | + } | |
3427 | + | |
3428 | + .col-sm-7 | |
3429 | + { | |
3430 | + width:58.33333333% | |
3431 | + } | |
3432 | + | |
3433 | + .col-sm-6 | |
3434 | + { | |
3435 | + width:50% | |
3436 | + } | |
3437 | + | |
3438 | + .col-sm-5 | |
3439 | + { | |
3440 | + width:41.66666667% | |
3441 | + } | |
3442 | + | |
3443 | + .col-sm-4 | |
3444 | + { | |
3445 | + width:33.33333333% | |
3446 | + } | |
3447 | + | |
3448 | + .col-sm-3 | |
3449 | + { | |
3450 | + width:25% | |
3451 | + } | |
3452 | + | |
3453 | + .col-sm-2 | |
3454 | + { | |
3455 | + width:16.66666667% | |
3456 | + } | |
3457 | + | |
3458 | + .col-sm-1 | |
3459 | + { | |
3460 | + width:8.33333333% | |
3461 | + } | |
3462 | + | |
3463 | + .col-sm-pull-12 | |
3464 | + { | |
3465 | + right:100% | |
3466 | + } | |
3467 | + | |
3468 | + .col-sm-pull-11 | |
3469 | + { | |
3470 | + right:91.66666667% | |
3471 | + } | |
3472 | + | |
3473 | + .col-sm-pull-10 | |
3474 | + { | |
3475 | + right:83.33333333% | |
3476 | + } | |
3477 | + | |
3478 | + .col-sm-pull-9 | |
3479 | + { | |
3480 | + right:75% | |
3481 | + } | |
3482 | + | |
3483 | + .col-sm-pull-8 | |
3484 | + { | |
3485 | + right:66.66666667% | |
3486 | + } | |
3487 | + | |
3488 | + .col-sm-pull-7 | |
3489 | + { | |
3490 | + right:58.33333333% | |
3491 | + } | |
3492 | + | |
3493 | + .col-sm-pull-6 | |
3494 | + { | |
3495 | + right:50% | |
3496 | + } | |
3497 | + | |
3498 | + .col-sm-pull-5 | |
3499 | + { | |
3500 | + right:41.66666667% | |
3501 | + } | |
3502 | + | |
3503 | + .col-sm-pull-4 | |
3504 | + { | |
3505 | + right:33.33333333% | |
3506 | + } | |
3507 | + | |
3508 | + .col-sm-pull-3 | |
3509 | + { | |
3510 | + right:25% | |
3511 | + } | |
3512 | + | |
3513 | + .col-sm-pull-2 | |
3514 | + { | |
3515 | + right:16.66666667% | |
3516 | + } | |
3517 | + | |
3518 | + .col-sm-pull-1 | |
3519 | + { | |
3520 | + right:8.33333333% | |
3521 | + } | |
3522 | + | |
3523 | + .col-sm-pull-0 | |
3524 | + { | |
3525 | + right:auto | |
3526 | + } | |
3527 | + | |
3528 | + .col-sm-push-12 | |
3529 | + { | |
3530 | + left:100% | |
3531 | + } | |
3532 | + | |
3533 | + .col-sm-push-11 | |
3534 | + { | |
3535 | + left:91.66666667% | |
3536 | + } | |
3537 | + | |
3538 | + .col-sm-push-10 | |
3539 | + { | |
3540 | + left:83.33333333% | |
3541 | + } | |
3542 | + | |
3543 | + .col-sm-push-9 | |
3544 | + { | |
3545 | + left:75% | |
3546 | + } | |
3547 | + | |
3548 | + .col-sm-push-8 | |
3549 | + { | |
3550 | + left:66.66666667% | |
3551 | + } | |
3552 | + | |
3553 | + .col-sm-push-7 | |
3554 | + { | |
3555 | + left:58.33333333% | |
3556 | + } | |
3557 | + | |
3558 | + .col-sm-push-6 | |
3559 | + { | |
3560 | + left:50% | |
3561 | + } | |
3562 | + | |
3563 | + .col-sm-push-5 | |
3564 | + { | |
3565 | + left:41.66666667% | |
3566 | + } | |
3567 | + | |
3568 | + .col-sm-push-4 | |
3569 | + { | |
3570 | + left:33.33333333% | |
3571 | + } | |
3572 | + | |
3573 | + .col-sm-push-3 | |
3574 | + { | |
3575 | + left:25% | |
3576 | + } | |
3577 | + | |
3578 | + .col-sm-push-2 | |
3579 | + { | |
3580 | + left:16.66666667% | |
3581 | + } | |
3582 | + | |
3583 | + .col-sm-push-1 | |
3584 | + { | |
3585 | + left:8.33333333% | |
3586 | + } | |
3587 | + | |
3588 | + .col-sm-push-0 | |
3589 | + { | |
3590 | + left:auto | |
3591 | + } | |
3592 | + | |
3593 | + .col-sm-offset-12 | |
3594 | + { | |
3595 | + margin-left:100% | |
3596 | + } | |
3597 | + | |
3598 | + .col-sm-offset-11 | |
3599 | + { | |
3600 | + margin-left:91.66666667% | |
3601 | + } | |
3602 | + | |
3603 | + .col-sm-offset-10 | |
3604 | + { | |
3605 | + margin-left:83.33333333% | |
3606 | + } | |
3607 | + | |
3608 | + .col-sm-offset-9 | |
3609 | + { | |
3610 | + margin-left:75% | |
3611 | + } | |
3612 | + | |
3613 | + .col-sm-offset-8 | |
3614 | + { | |
3615 | + margin-left:66.66666667% | |
3616 | + } | |
3617 | + | |
3618 | + .col-sm-offset-7 | |
3619 | + { | |
3620 | + margin-left:58.33333333% | |
3621 | + } | |
3622 | + | |
3623 | + .col-sm-offset-6 | |
3624 | + { | |
3625 | + margin-left:50% | |
3626 | + } | |
3627 | + | |
3628 | + .col-sm-offset-5 | |
3629 | + { | |
3630 | + margin-left:41.66666667% | |
3631 | + } | |
3632 | + | |
3633 | + .col-sm-offset-4 | |
3634 | + { | |
3635 | + margin-left:33.33333333% | |
3636 | + } | |
3637 | + | |
3638 | + .col-sm-offset-3 | |
3639 | + { | |
3640 | + margin-left:25% | |
3641 | + } | |
3642 | + | |
3643 | + .col-sm-offset-2 | |
3644 | + { | |
3645 | + margin-left:16.66666667% | |
3646 | + } | |
3647 | + | |
3648 | + .col-sm-offset-1 | |
3649 | + { | |
3650 | + margin-left:8.33333333% | |
3651 | + } | |
3652 | + | |
3653 | + .col-sm-offset-0 | |
3654 | + { | |
3655 | + margin-left:0 | |
3656 | + } | |
3657 | +} | |
3658 | + | |
3659 | +@media (min-width: 992px) { | |
3660 | + .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 | |
3661 | + { | |
3662 | + float:left | |
3663 | + } | |
3664 | + | |
3665 | + .col-md-12 | |
3666 | + { | |
3667 | + width:100% | |
3668 | + } | |
3669 | + | |
3670 | + .col-md-11 | |
3671 | + { | |
3672 | + width:91.66666667% | |
3673 | + } | |
3674 | + | |
3675 | + .col-md-10 | |
3676 | + { | |
3677 | + width:83.33333333% | |
3678 | + } | |
3679 | + | |
3680 | + .col-md-9 | |
3681 | + { | |
3682 | + width:75% | |
3683 | + } | |
3684 | + | |
3685 | + .col-md-8 | |
3686 | + { | |
3687 | + width:66.66666667% | |
3688 | + } | |
3689 | + | |
3690 | + .col-md-7 | |
3691 | + { | |
3692 | + width:58.33333333% | |
3693 | + } | |
3694 | + | |
3695 | + .col-md-6 | |
3696 | + { | |
3697 | + width:50% | |
3698 | + } | |
3699 | + | |
3700 | + .col-md-5 | |
3701 | + { | |
3702 | + width:41.66666667% | |
3703 | + } | |
3704 | + | |
3705 | + .col-md-4 | |
3706 | + { | |
3707 | + width:33.33333333% | |
3708 | + } | |
3709 | + | |
3710 | + .col-md-3 | |
3711 | + { | |
3712 | + width:25% | |
3713 | + } | |
3714 | + | |
3715 | + .col-md-2 | |
3716 | + { | |
3717 | + width:16.66666667% | |
3718 | + } | |
3719 | + | |
3720 | + .col-md-1 | |
3721 | + { | |
3722 | + width:8.33333333% | |
3723 | + } | |
3724 | + | |
3725 | + .col-md-pull-12 | |
3726 | + { | |
3727 | + right:100% | |
3728 | + } | |
3729 | + | |
3730 | + .col-md-pull-11 | |
3731 | + { | |
3732 | + right:91.66666667% | |
3733 | + } | |
3734 | + | |
3735 | + .col-md-pull-10 | |
3736 | + { | |
3737 | + right:83.33333333% | |
3738 | + } | |
3739 | + | |
3740 | + .col-md-pull-9 | |
3741 | + { | |
3742 | + right:75% | |
3743 | + } | |
3744 | + | |
3745 | + .col-md-pull-8 | |
3746 | + { | |
3747 | + right:66.66666667% | |
3748 | + } | |
3749 | + | |
3750 | + .col-md-pull-7 | |
3751 | + { | |
3752 | + right:58.33333333% | |
3753 | + } | |
3754 | + | |
3755 | + .col-md-pull-6 | |
3756 | + { | |
3757 | + right:50% | |
3758 | + } | |
3759 | + | |
3760 | + .col-md-pull-5 | |
3761 | + { | |
3762 | + right:41.66666667% | |
3763 | + } | |
3764 | + | |
3765 | + .col-md-pull-4 | |
3766 | + { | |
3767 | + right:33.33333333% | |
3768 | + } | |
3769 | + | |
3770 | + .col-md-pull-3 | |
3771 | + { | |
3772 | + right:25% | |
3773 | + } | |
3774 | + | |
3775 | + .col-md-pull-2 | |
3776 | + { | |
3777 | + right:16.66666667% | |
3778 | + } | |
3779 | + | |
3780 | + .col-md-pull-1 | |
3781 | + { | |
3782 | + right:8.33333333% | |
3783 | + } | |
3784 | + | |
3785 | + .col-md-pull-0 | |
3786 | + { | |
3787 | + right:auto | |
3788 | + } | |
3789 | + | |
3790 | + .col-md-push-12 | |
3791 | + { | |
3792 | + left:100% | |
3793 | + } | |
3794 | + | |
3795 | + .col-md-push-11 | |
3796 | + { | |
3797 | + left:91.66666667% | |
3798 | + } | |
3799 | + | |
3800 | + .col-md-push-10 | |
3801 | + { | |
3802 | + left:83.33333333% | |
3803 | + } | |
3804 | + | |
3805 | + .col-md-push-9 | |
3806 | + { | |
3807 | + left:75% | |
3808 | + } | |
3809 | + | |
3810 | + .col-md-push-8 | |
3811 | + { | |
3812 | + left:66.66666667% | |
3813 | + } | |
3814 | + | |
3815 | + .col-md-push-7 | |
3816 | + { | |
3817 | + left:58.33333333% | |
3818 | + } | |
3819 | + | |
3820 | + .col-md-push-6 | |
3821 | + { | |
3822 | + left:50% | |
3823 | + } | |
3824 | + | |
3825 | + .col-md-push-5 | |
3826 | + { | |
3827 | + left:41.66666667% | |
3828 | + } | |
3829 | + | |
3830 | + .col-md-push-4 | |
3831 | + { | |
3832 | + left:33.33333333% | |
3833 | + } | |
3834 | + | |
3835 | + .col-md-push-3 | |
3836 | + { | |
3837 | + left:25% | |
3838 | + } | |
3839 | + | |
3840 | + .col-md-push-2 | |
3841 | + { | |
3842 | + left:16.66666667% | |
3843 | + } | |
3844 | + | |
3845 | + .col-md-push-1 | |
3846 | + { | |
3847 | + left:8.33333333% | |
3848 | + } | |
3849 | + | |
3850 | + .col-md-push-0 | |
3851 | + { | |
3852 | + left:auto | |
3853 | + } | |
3854 | + | |
3855 | + .col-md-offset-12 | |
3856 | + { | |
3857 | + margin-left:100% | |
3858 | + } | |
3859 | + | |
3860 | + .col-md-offset-11 | |
3861 | + { | |
3862 | + margin-left:91.66666667% | |
3863 | + } | |
3864 | + | |
3865 | + .col-md-offset-10 | |
3866 | + { | |
3867 | + margin-left:83.33333333% | |
3868 | + } | |
3869 | + | |
3870 | + .col-md-offset-9 | |
3871 | + { | |
3872 | + margin-left:75% | |
3873 | + } | |
3874 | + | |
3875 | + .col-md-offset-8 | |
3876 | + { | |
3877 | + margin-left:66.66666667% | |
3878 | + } | |
3879 | + | |
3880 | + .col-md-offset-7 | |
3881 | + { | |
3882 | + margin-left:58.33333333% | |
3883 | + } | |
3884 | + | |
3885 | + .col-md-offset-6 | |
3886 | + { | |
3887 | + margin-left:50% | |
3888 | + } | |
3889 | + | |
3890 | + .col-md-offset-5 | |
3891 | + { | |
3892 | + margin-left:41.66666667% | |
3893 | + } | |
3894 | + | |
3895 | + .col-md-offset-4 | |
3896 | + { | |
3897 | + margin-left:33.33333333% | |
3898 | + } | |
3899 | + | |
3900 | + .col-md-offset-3 | |
3901 | + { | |
3902 | + margin-left:25% | |
3903 | + } | |
3904 | + | |
3905 | + .col-md-offset-2 | |
3906 | + { | |
3907 | + margin-left:16.66666667% | |
3908 | + } | |
3909 | + | |
3910 | + .col-md-offset-1 | |
3911 | + { | |
3912 | + margin-left:8.33333333% | |
3913 | + } | |
3914 | + | |
3915 | + .col-md-offset-0 | |
3916 | + { | |
3917 | + margin-left:0 | |
3918 | + } | |
3919 | +} | |
3920 | + | |
3921 | +@media (min-width: 1200px) { | |
3922 | + .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 | |
3923 | + { | |
3924 | + float:left | |
3925 | + } | |
3926 | + | |
3927 | + .col-lg-12 | |
3928 | + { | |
3929 | + width:100% | |
3930 | + } | |
3931 | + | |
3932 | + .col-lg-11 | |
3933 | + { | |
3934 | + width:91.66666667% | |
3935 | + } | |
3936 | + | |
3937 | + .col-lg-10 | |
3938 | + { | |
3939 | + width:83.33333333% | |
3940 | + } | |
3941 | + | |
3942 | + .col-lg-9 | |
3943 | + { | |
3944 | + width:75% | |
3945 | + } | |
3946 | + | |
3947 | + .col-lg-8 | |
3948 | + { | |
3949 | + width:66.66666667% | |
3950 | + } | |
3951 | + | |
3952 | + .col-lg-7 | |
3953 | + { | |
3954 | + width:58.33333333% | |
3955 | + } | |
3956 | + | |
3957 | + .col-lg-6 | |
3958 | + { | |
3959 | + width:50% | |
3960 | + } | |
3961 | + | |
3962 | + .col-lg-5 | |
3963 | + { | |
3964 | + width:41.66666667% | |
3965 | + } | |
3966 | + | |
3967 | + .col-lg-4 | |
3968 | + { | |
3969 | + width:33.33333333% | |
3970 | + } | |
3971 | + | |
3972 | + .col-lg-3 | |
3973 | + { | |
3974 | + width:25% | |
3975 | + } | |
3976 | + | |
3977 | + .col-lg-2 | |
3978 | + { | |
3979 | + width:16.66666667% | |
3980 | + } | |
3981 | + | |
3982 | + .col-lg-1 | |
3983 | + { | |
3984 | + width:8.33333333% | |
3985 | + } | |
3986 | + | |
3987 | + .col-lg-pull-12 | |
3988 | + { | |
3989 | + right:100% | |
3990 | + } | |
3991 | + | |
3992 | + .col-lg-pull-11 | |
3993 | + { | |
3994 | + right:91.66666667% | |
3995 | + } | |
3996 | + | |
3997 | + .col-lg-pull-10 | |
3998 | + { | |
3999 | + right:83.33333333% | |
4000 | + } | |
4001 | + | |
4002 | + .col-lg-pull-9 | |
4003 | + { | |
4004 | + right:75% | |
4005 | + } | |
4006 | + | |
4007 | + .col-lg-pull-8 | |
4008 | + { | |
4009 | + right:66.66666667% | |
4010 | + } | |
4011 | + | |
4012 | + .col-lg-pull-7 | |
4013 | + { | |
4014 | + right:58.33333333% | |
4015 | + } | |
4016 | + | |
4017 | + .col-lg-pull-6 | |
4018 | + { | |
4019 | + right:50% | |
4020 | + } | |
4021 | + | |
4022 | + .col-lg-pull-5 | |
4023 | + { | |
4024 | + right:41.66666667% | |
4025 | + } | |
4026 | + | |
4027 | + .col-lg-pull-4 | |
4028 | + { | |
4029 | + right:33.33333333% | |
4030 | + } | |
4031 | + | |
4032 | + .col-lg-pull-3 | |
4033 | + { | |
4034 | + right:25% | |
4035 | + } | |
4036 | + | |
4037 | + .col-lg-pull-2 | |
4038 | + { | |
4039 | + right:16.66666667% | |
4040 | + } | |
4041 | + | |
4042 | + .col-lg-pull-1 | |
4043 | + { | |
4044 | + right:8.33333333% | |
4045 | + } | |
4046 | + | |
4047 | + .col-lg-pull-0 | |
4048 | + { | |
4049 | + right:auto | |
4050 | + } | |
4051 | + | |
4052 | + .col-lg-push-12 | |
4053 | + { | |
4054 | + left:100% | |
4055 | + } | |
4056 | + | |
4057 | + .col-lg-push-11 | |
4058 | + { | |
4059 | + left:91.66666667% | |
4060 | + } | |
4061 | + | |
4062 | + .col-lg-push-10 | |
4063 | + { | |
4064 | + left:83.33333333% | |
4065 | + } | |
4066 | + | |
4067 | + .col-lg-push-9 | |
4068 | + { | |
4069 | + left:75% | |
4070 | + } | |
4071 | + | |
4072 | + .col-lg-push-8 | |
4073 | + { | |
4074 | + left:66.66666667% | |
4075 | + } | |
4076 | + | |
4077 | + .col-lg-push-7 | |
4078 | + { | |
4079 | + left:58.33333333% | |
4080 | + } | |
4081 | + | |
4082 | + .col-lg-push-6 | |
4083 | + { | |
4084 | + left:50% | |
4085 | + } | |
4086 | + | |
4087 | + .col-lg-push-5 | |
4088 | + { | |
4089 | + left:41.66666667% | |
4090 | + } | |
4091 | + | |
4092 | + .col-lg-push-4 | |
4093 | + { | |
4094 | + left:33.33333333% | |
4095 | + } | |
4096 | + | |
4097 | + .col-lg-push-3 | |
4098 | + { | |
4099 | + left:25% | |
4100 | + } | |
4101 | + | |
4102 | + .col-lg-push-2 | |
4103 | + { | |
4104 | + left:16.66666667% | |
4105 | + } | |
4106 | + | |
4107 | + .col-lg-push-1 | |
4108 | + { | |
4109 | + left:8.33333333% | |
4110 | + } | |
4111 | + | |
4112 | + .col-lg-push-0 | |
4113 | + { | |
4114 | + left:auto | |
4115 | + } | |
4116 | + | |
4117 | + .col-lg-offset-12 | |
4118 | + { | |
4119 | + margin-left:100% | |
4120 | + } | |
4121 | + | |
4122 | + .col-lg-offset-11 | |
4123 | + { | |
4124 | + margin-left:91.66666667% | |
4125 | + } | |
4126 | + | |
4127 | + .col-lg-offset-10 | |
4128 | + { | |
4129 | + margin-left:83.33333333% | |
4130 | + } | |
4131 | + | |
4132 | + .col-lg-offset-9 | |
4133 | + { | |
4134 | + margin-left:75% | |
4135 | + } | |
4136 | + | |
4137 | + .col-lg-offset-8 | |
4138 | + { | |
4139 | + margin-left:66.66666667% | |
4140 | + } | |
4141 | + | |
4142 | + .col-lg-offset-7 | |
4143 | + { | |
4144 | + margin-left:58.33333333% | |
4145 | + } | |
4146 | + | |
4147 | + .col-lg-offset-6 | |
4148 | + { | |
4149 | + margin-left:50% | |
4150 | + } | |
4151 | + | |
4152 | + .col-lg-offset-5 | |
4153 | + { | |
4154 | + margin-left:41.66666667% | |
4155 | + } | |
4156 | + | |
4157 | + .col-lg-offset-4 | |
4158 | + { | |
4159 | + margin-left:33.33333333% | |
4160 | + } | |
4161 | + | |
4162 | + .col-lg-offset-3 | |
4163 | + { | |
4164 | + margin-left:25% | |
4165 | + } | |
4166 | + | |
4167 | + .col-lg-offset-2 | |
4168 | + { | |
4169 | + margin-left:16.66666667% | |
4170 | + } | |
4171 | + | |
4172 | + .col-lg-offset-1 | |
4173 | + { | |
4174 | + margin-left:8.33333333% | |
4175 | + } | |
4176 | + | |
4177 | + .col-lg-offset-0 | |
4178 | + { | |
4179 | + margin-left:0 | |
4180 | + } | |
4181 | +} | |
4182 | + | |
4183 | +.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after | |
4184 | +{ | |
4185 | + content:" "; | |
4186 | + display:table | |
4187 | +} | |
4188 | + | |
4189 | +.clearfix:after,.container:after,.container-fluid:after,.row:after | |
4190 | +{ | |
4191 | + clear:both | |
4192 | +} | |
4193 | + | |
4194 | +.center-block | |
4195 | +{ | |
4196 | + display:block; | |
4197 | + margin-left:auto; | |
4198 | + margin-right:auto | |
4199 | +} | |
4200 | + | |
4201 | +.pull-right | |
4202 | +{ | |
4203 | + float:right!important | |
4204 | +} | |
4205 | + | |
4206 | +.pull-left | |
4207 | +{ | |
4208 | + float:left!important | |
4209 | +} | |
4210 | + | |
4211 | +.hide | |
4212 | +{ | |
4213 | + display:none!important | |
4214 | +} | |
4215 | + | |
4216 | +.show | |
4217 | +{ | |
4218 | + display:block!important | |
4219 | +} | |
4220 | + | |
4221 | +.invisible | |
4222 | +{ | |
4223 | + visibility:hidden | |
4224 | +} | |
4225 | + | |
4226 | +.text-hide | |
4227 | +{ | |
4228 | + font:0/0 a; | |
4229 | + color:transparent; | |
4230 | + text-shadow:none; | |
4231 | + background-color:transparent; | |
4232 | + border:0 | |
4233 | +} | |
4234 | + | |
4235 | +.hidden | |
4236 | +{ | |
4237 | + display:none!important | |
4238 | +} | |
4239 | + | |
4240 | +.affix | |
4241 | +{ | |
4242 | + position:fixed | |
4243 | +} | |
4244 | + | |
4245 | +.visible-xs,.visible-sm,.visible-md,.visible-lg | |
4246 | +{ | |
4247 | + display:none!important | |
4248 | +} | |
4249 | + | |
4250 | +.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block | |
4251 | +{ | |
4252 | + display:none!important | |
4253 | +} | |
4254 | + | |
4255 | +@media (max-width: 767px) { | |
4256 | + .visible-xs | |
4257 | + { | |
4258 | + display:block!important | |
4259 | + } | |
4260 | + | |
4261 | + table.visible-xs | |
4262 | + { | |
4263 | + display:table!important | |
4264 | + } | |
4265 | + | |
4266 | + tr.visible-xs | |
4267 | + { | |
4268 | + display:table-row!important | |
4269 | + } | |
4270 | + | |
4271 | + th.visible-xs,td.visible-xs | |
4272 | + { | |
4273 | + display:table-cell!important | |
4274 | + } | |
4275 | + | |
4276 | + .visible-xs-block | |
4277 | + { | |
4278 | + display:block!important | |
4279 | + } | |
4280 | + | |
4281 | + .visible-xs-inline | |
4282 | + { | |
4283 | + display:inline!important | |
4284 | + } | |
4285 | + | |
4286 | + .visible-xs-inline-block | |
4287 | + { | |
4288 | + display:inline-block!important | |
4289 | + } | |
4290 | +} | |
4291 | + | |
4292 | +@media (min-width: 768px) and (max-width: 991px) { | |
4293 | + .visible-sm, .visible_all | |
4294 | + { | |
4295 | + display:block!important | |
4296 | + } | |
4297 | + | |
4298 | + table.visible-sm | |
4299 | + { | |
4300 | + display:table!important | |
4301 | + } | |
4302 | + | |
4303 | + tr.visible-sm | |
4304 | + { | |
4305 | + display:table-row!important | |
4306 | + } | |
4307 | + | |
4308 | + th.visible-sm,td.visible-sm | |
4309 | + { | |
4310 | + display:table-cell!important | |
4311 | + } | |
4312 | + | |
4313 | + .visible-sm-block | |
4314 | + { | |
4315 | + display:block!important | |
4316 | + } | |
4317 | + | |
4318 | + .visible-sm-inline | |
4319 | + { | |
4320 | + display:inline!important | |
4321 | + } | |
4322 | + | |
4323 | + .visible-sm-inline-block | |
4324 | + { | |
4325 | + display:inline-block!important | |
4326 | + } | |
4327 | +} | |
4328 | +@media (min-width: 940px) { | |
4329 | + .visible_940 | |
4330 | + { | |
4331 | + display:block!important | |
4332 | + } | |
4333 | +} | |
4334 | +@media (max-width: 939px) { | |
4335 | + .visible-mobile, .mob-overlay | |
4336 | + { | |
4337 | + display:block!important | |
4338 | + } | |
4339 | +} | |
4340 | +@media (min-width: 992px) and (max-width: 1199px) { | |
4341 | + .visible-md, .visible_all | |
4342 | + { | |
4343 | + display:block!important | |
4344 | + } | |
4345 | + | |
4346 | + table.visible-md | |
4347 | + { | |
4348 | + display:table!important | |
4349 | + } | |
4350 | + | |
4351 | + tr.visible-md | |
4352 | + { | |
4353 | + display:table-row!important | |
4354 | + } | |
4355 | + | |
4356 | + th.visible-md,td.visible-md | |
4357 | + { | |
4358 | + display:table-cell!important | |
4359 | + } | |
4360 | + | |
4361 | + .visible-md-block | |
4362 | + { | |
4363 | + display:block!important | |
4364 | + } | |
4365 | + | |
4366 | + .visible-md-inline | |
4367 | + { | |
4368 | + display:inline!important | |
4369 | + } | |
4370 | + | |
4371 | + .visible-md-inline-block | |
4372 | + { | |
4373 | + display:inline-block!important | |
4374 | + } | |
4375 | +} | |
4376 | + | |
4377 | +@media (min-width: 1200px) { | |
4378 | + .visible-lg, .visible_all | |
4379 | + { | |
4380 | + display:block!important | |
4381 | + } | |
4382 | + | |
4383 | + table.visible-lg | |
4384 | + { | |
4385 | + display:table!important | |
4386 | + } | |
4387 | + | |
4388 | + tr.visible-lg | |
4389 | + { | |
4390 | + display:table-row!important | |
4391 | + } | |
4392 | + | |
4393 | + th.visible-lg,td.visible-lg | |
4394 | + { | |
4395 | + display:table-cell!important | |
4396 | + } | |
4397 | +} | |
4398 | + | |
4399 | +@media (min-width: 1200px) { | |
4400 | + .visible-lg-block | |
4401 | + { | |
4402 | + display:block!important | |
4403 | + } | |
4404 | +} | |
4405 | + | |
4406 | +@media (min-width: 1200px) { | |
4407 | + .visible-lg-inline | |
4408 | + { | |
4409 | + display:inline!important | |
4410 | + } | |
4411 | +} | |
4412 | + | |
4413 | +@media (min-width: 1200px) { | |
4414 | + .visible-lg-inline-block | |
4415 | + { | |
4416 | + display:inline-block!important | |
4417 | + } | |
4418 | +} | |
4419 | + | |
4420 | +@media (max-width: 767px) { | |
4421 | + .hidden-xs | |
4422 | + { | |
4423 | + display:none!important | |
4424 | + } | |
4425 | +} | |
4426 | + | |
4427 | +@media (min-width: 768px) and (max-width: 991px) { | |
4428 | + .hidden-sm | |
4429 | + { | |
4430 | + display:none!important | |
4431 | + } | |
4432 | +} | |
4433 | + | |
4434 | +@media (min-width: 992px) and (max-width: 1199px) { | |
4435 | + .hidden-md | |
4436 | + { | |
4437 | + display:none!important | |
4438 | + } | |
4439 | +} | |
4440 | + | |
4441 | +@media (min-width: 1200px) { | |
4442 | + .hidden-lg | |
4443 | + { | |
4444 | + display:none!important | |
4445 | + } | |
4446 | +} | |
4447 | + | |
4448 | +.visible-print | |
4449 | +{ | |
4450 | + display:none!important | |
4451 | +} | |
4452 | + | |
4453 | +@media print { | |
4454 | + .visible-print | |
4455 | + { | |
4456 | + display:block!important | |
4457 | + } | |
4458 | + | |
4459 | + table.visible-print | |
4460 | + { | |
4461 | + display:table!important | |
4462 | + } | |
4463 | + | |
4464 | + tr.visible-print | |
4465 | + { | |
4466 | + display:table-row!important | |
4467 | + } | |
4468 | + | |
4469 | + th.visible-print,td.visible-print | |
4470 | + { | |
4471 | + display:table-cell!important | |
4472 | + } | |
4473 | +} | |
4474 | + | |
4475 | +.visible-print-block | |
4476 | +{ | |
4477 | + display:none!important | |
4478 | +} | |
4479 | + | |
4480 | +@media print { | |
4481 | + .visible-print-block | |
4482 | + { | |
4483 | + display:block!important | |
4484 | + } | |
4485 | +} | |
4486 | + | |
4487 | +.visible-print-inline | |
4488 | +{ | |
4489 | + display:none!important | |
4490 | +} | |
4491 | + | |
4492 | +@media print { | |
4493 | + .visible-print-inline | |
4494 | + { | |
4495 | + display:inline!important | |
4496 | + } | |
4497 | +} | |
4498 | + | |
4499 | +.visible-print-inline-block | |
4500 | +{ | |
4501 | + display:none!important | |
4502 | +} | |
4503 | + | |
4504 | +@media print { | |
4505 | + .visible-print-inline-block | |
4506 | + { | |
4507 | + display:inline-block!important | |
4508 | + } | |
4509 | +} | |
4510 | + | |
4511 | +@media print { | |
4512 | + .hidden-print | |
4513 | + { | |
4514 | + display:none!important | |
4515 | + } | |
4516 | +} | |
4517 | + | |
4518 | +@media (max-width: 1199px) { | |
4519 | + | |
4520 | +} | |
4521 | + | |
4522 | +@media (max-width: 991px) { | |
4523 | + | |
4524 | +} | |
4525 | + | |
4526 | +.col-xs-15, | |
4527 | +.col-sm-15, | |
4528 | +.col-md-15, | |
4529 | +.col-lg-15 { | |
4530 | + position: relative; | |
4531 | + min-height: 1px; | |
4532 | + padding-right: 10px; | |
4533 | + padding-left: 10px; | |
4534 | + width: 20%; | |
4535 | +} | |
4536 | +/* lightgallery.css */ | |
4537 | +@font-face { | |
4538 | + font-family: 'lg'; | |
4539 | + src: url("../fonts/lg.eot?n1z373"); | |
4540 | + src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); | |
4541 | + font-weight: normal; | |
4542 | + font-style: normal; | |
4543 | +} | |
4544 | +.lg-icon { | |
4545 | + font-family: 'lg'; | |
4546 | + speak: none; | |
4547 | + font-style: normal; | |
4548 | + font-weight: normal; | |
4549 | + font-variant: normal; | |
4550 | + text-transform: none; | |
4551 | + line-height: 1; | |
4552 | + /* Better Font Rendering =========== */ | |
4553 | + -webkit-font-smoothing: antialiased; | |
4554 | + -moz-osx-font-smoothing: grayscale; | |
4555 | +} | |
4556 | + | |
4557 | +.lg-actions .lg-next, .lg-actions .lg-prev { | |
4558 | + background-color: rgba(0, 0, 0, 0.45); | |
4559 | + border-radius: 2px; | |
4560 | + color: #999; | |
4561 | + cursor: pointer; | |
4562 | + display: block; | |
4563 | + font-size: 22px; | |
4564 | + margin-top: -10px; | |
4565 | + padding: 8px 10px 9px; | |
4566 | + position: absolute; | |
4567 | + top: 50%; | |
4568 | + z-index: 1080; | |
4569 | +} | |
4570 | +.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { | |
4571 | + pointer-events: none; | |
4572 | + opacity: 0.5; | |
4573 | +} | |
4574 | +.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { | |
4575 | + color: #FFF; | |
4576 | +} | |
4577 | +.lg-actions .lg-next { | |
4578 | + right: 20px; | |
4579 | +} | |
4580 | +.lg-actions .lg-next:before { | |
4581 | + content: "\e095"; | |
4582 | +} | |
4583 | +.lg-actions .lg-prev { | |
4584 | + left: 20px; | |
4585 | +} | |
4586 | +.lg-actions .lg-prev:after { | |
4587 | + content: "\e094"; | |
4588 | +} | |
4589 | + | |
4590 | +@-webkit-keyframes lg-right-end { | |
4591 | + 0% { | |
4592 | + left: 0; | |
4593 | + } | |
4594 | + 50% { | |
4595 | + left: -30px; | |
4596 | + } | |
4597 | + 100% { | |
4598 | + left: 0; | |
4599 | + } | |
4600 | +} | |
4601 | +@-moz-keyframes lg-right-end { | |
4602 | + 0% { | |
4603 | + left: 0; | |
4604 | + } | |
4605 | + 50% { | |
4606 | + left: -30px; | |
4607 | + } | |
4608 | + 100% { | |
4609 | + left: 0; | |
4610 | + } | |
4611 | +} | |
4612 | +@-ms-keyframes lg-right-end { | |
4613 | + 0% { | |
4614 | + left: 0; | |
4615 | + } | |
4616 | + 50% { | |
4617 | + left: -30px; | |
4618 | + } | |
4619 | + 100% { | |
4620 | + left: 0; | |
4621 | + } | |
4622 | +} | |
4623 | +@keyframes lg-right-end { | |
4624 | + 0% { | |
4625 | + left: 0; | |
4626 | + } | |
4627 | + 50% { | |
4628 | + left: -30px; | |
4629 | + } | |
4630 | + 100% { | |
4631 | + left: 0; | |
4632 | + } | |
4633 | +} | |
4634 | +@-webkit-keyframes lg-left-end { | |
4635 | + 0% { | |
4636 | + left: 0; | |
4637 | + } | |
4638 | + 50% { | |
4639 | + left: 30px; | |
4640 | + } | |
4641 | + 100% { | |
4642 | + left: 0; | |
4643 | + } | |
4644 | +} | |
4645 | +@-moz-keyframes lg-left-end { | |
4646 | + 0% { | |
4647 | + left: 0; | |
4648 | + } | |
4649 | + 50% { | |
4650 | + left: 30px; | |
4651 | + } | |
4652 | + 100% { | |
4653 | + left: 0; | |
4654 | + } | |
4655 | +} | |
4656 | +@-ms-keyframes lg-left-end { | |
4657 | + 0% { | |
4658 | + left: 0; | |
4659 | + } | |
4660 | + 50% { | |
4661 | + left: 30px; | |
4662 | + } | |
4663 | + 100% { | |
4664 | + left: 0; | |
4665 | + } | |
4666 | +} | |
4667 | +@keyframes lg-left-end { | |
4668 | + 0% { | |
4669 | + left: 0; | |
4670 | + } | |
4671 | + 50% { | |
4672 | + left: 30px; | |
4673 | + } | |
4674 | + 100% { | |
4675 | + left: 0; | |
4676 | + } | |
4677 | +} | |
4678 | +.lg-outer.lg-right-end .lg-object { | |
4679 | + -webkit-animation: lg-right-end 0.3s; | |
4680 | + -o-animation: lg-right-end 0.3s; | |
4681 | + animation: lg-right-end 0.3s; | |
4682 | + position: relative; | |
4683 | +} | |
4684 | +.lg-outer.lg-left-end .lg-object { | |
4685 | + -webkit-animation: lg-left-end 0.3s; | |
4686 | + -o-animation: lg-left-end 0.3s; | |
4687 | + animation: lg-left-end 0.3s; | |
4688 | + position: relative; | |
4689 | +} | |
4690 | + | |
4691 | +.lg-toolbar { | |
4692 | + z-index: 1082; | |
4693 | + left: 0; | |
4694 | + position: absolute; | |
4695 | + top: 0; | |
4696 | + width: 100%; | |
4697 | + background-color: rgba(0, 0, 0, 0.45); | |
4698 | +} | |
4699 | +.lg-toolbar .lg-icon { | |
4700 | + color: #999; | |
4701 | + cursor: pointer; | |
4702 | + float: right; | |
4703 | + font-size: 24px; | |
4704 | + height: 47px; | |
4705 | + line-height: 27px; | |
4706 | + padding: 10px 0; | |
4707 | + text-align: center; | |
4708 | + width: 50px; | |
4709 | + text-decoration: none !important; | |
4710 | + outline: medium none; | |
4711 | + -webkit-transition: color 0.2s linear; | |
4712 | + -o-transition: color 0.2s linear; | |
4713 | + transition: color 0.2s linear; | |
4714 | +} | |
4715 | +.lg-toolbar .lg-icon:hover { | |
4716 | + color: #FFF; | |
4717 | +} | |
4718 | +.lg-toolbar .lg-close:after { | |
4719 | + content: "\e070"; | |
4720 | +} | |
4721 | +.lg-toolbar .lg-download:after { | |
4722 | + content: "\e0f2"; | |
4723 | +} | |
4724 | + | |
4725 | +.lg-sub-html { | |
4726 | + background-color: rgba(0, 0, 0, 0.45); | |
4727 | + bottom: 0; | |
4728 | + color: #EEE; | |
4729 | + font-size: 16px; | |
4730 | + left: 0; | |
4731 | + padding: 10px 40px; | |
4732 | + position: fixed; | |
4733 | + right: 0; | |
4734 | + text-align: center; | |
4735 | + z-index: 1080; | |
4736 | +} | |
4737 | +.lg-sub-html h4 { | |
4738 | + margin: 0; | |
4739 | + font-size: 13px; | |
4740 | + font-weight: bold; | |
4741 | +} | |
4742 | +.lg-sub-html p { | |
4743 | + font-size: 12px; | |
4744 | + margin: 5px 0 0; | |
4745 | +} | |
4746 | + | |
4747 | +#lg-counter { | |
4748 | + color: #999; | |
4749 | + display: inline-block; | |
4750 | + font-size: 16px; | |
4751 | + padding-left: 20px; | |
4752 | + padding-top: 12px; | |
4753 | + vertical-align: middle; | |
4754 | +} | |
4755 | + | |
4756 | +.lg-toolbar, .lg-prev, .lg-next { | |
4757 | + opacity: 1; | |
4758 | + -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; | |
4759 | + -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; | |
4760 | + -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; | |
4761 | + transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; | |
4762 | +} | |
4763 | + | |
4764 | +.lg-hide-items .lg-prev { | |
4765 | + opacity: 0; | |
4766 | + -webkit-transform: translate3d(-10px, 0, 0); | |
4767 | + transform: translate3d(-10px, 0, 0); | |
4768 | +} | |
4769 | +.lg-hide-items .lg-next { | |
4770 | + opacity: 0; | |
4771 | + -webkit-transform: translate3d(10px, 0, 0); | |
4772 | + transform: translate3d(10px, 0, 0); | |
4773 | +} | |
4774 | +.lg-hide-items .lg-toolbar { | |
4775 | + opacity: 0; | |
4776 | + -webkit-transform: translate3d(0, -10px, 0); | |
4777 | + transform: translate3d(0, -10px, 0); | |
4778 | +} | |
4779 | + | |
4780 | +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { | |
4781 | + -webkit-transform: scale3d(0.5, 0.5, 0.5); | |
4782 | + transform: scale3d(0.5, 0.5, 0.5); | |
4783 | + opacity: 0; | |
4784 | + -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; | |
4785 | + -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; | |
4786 | + -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; | |
4787 | + transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; | |
4788 | + -webkit-transform-origin: 50% 50%; | |
4789 | + -moz-transform-origin: 50% 50%; | |
4790 | + -ms-transform-origin: 50% 50%; | |
4791 | + transform-origin: 50% 50%; | |
4792 | +} | |
4793 | +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { | |
4794 | + -webkit-transform: scale3d(1, 1, 1); | |
4795 | + transform: scale3d(1, 1, 1); | |
4796 | + opacity: 1; | |
4797 | +} | |
4798 | + | |
4799 | +.lg-outer .lg-thumb-outer { | |
4800 | + background-color: #0D0A0A; | |
4801 | + bottom: 0; | |
4802 | + position: absolute; | |
4803 | + width: 100%; | |
4804 | + z-index: 1080; | |
4805 | + max-height: 350px; | |
4806 | + -webkit-transform: translate3d(0, 100%, 0); | |
4807 | + transform: translate3d(0, 100%, 0); | |
4808 | + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; | |
4809 | + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; | |
4810 | + -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; | |
4811 | + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; | |
4812 | +} | |
4813 | +.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { | |
4814 | + cursor: -webkit-grab; | |
4815 | + cursor: -moz-grab; | |
4816 | + cursor: -o-grab; | |
4817 | + cursor: -ms-grab; | |
4818 | + cursor: grab; | |
4819 | +} | |
4820 | +.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { | |
4821 | + cursor: move; | |
4822 | + cursor: -webkit-grabbing; | |
4823 | + cursor: -moz-grabbing; | |
4824 | + cursor: -o-grabbing; | |
4825 | + cursor: -ms-grabbing; | |
4826 | + cursor: grabbing; | |
4827 | +} | |
4828 | +.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { | |
4829 | + -webkit-transition-duration: 0s !important; | |
4830 | + transition-duration: 0s !important; | |
4831 | +} | |
4832 | +.lg-outer.lg-thumb-open .lg-thumb-outer { | |
4833 | + -webkit-transform: translate3d(0, 0%, 0); | |
4834 | + transform: translate3d(0, 0%, 0); | |
4835 | +} | |
4836 | +.lg-outer .lg-thumb { | |
4837 | + padding: 10px 0; | |
4838 | + height: 100%; | |
4839 | + margin-bottom: -5px; | |
4840 | +} | |
4841 | +.lg-outer .lg-thumb-item { | |
4842 | + border-radius: 5px; | |
4843 | + cursor: pointer; | |
4844 | + float: left; | |
4845 | + overflow: hidden; | |
4846 | + height: 100%; | |
4847 | + border: 2px solid #FFF; | |
4848 | + border-radius: 4px; | |
4849 | + margin-bottom: 5px; | |
4850 | +} | |
4851 | +@media (min-width: 1025px) { | |
4852 | + .lg-outer .lg-thumb-item { | |
4853 | + -webkit-transition: border-color 0.25s ease; | |
4854 | + -o-transition: border-color 0.25s ease; | |
4855 | + transition: border-color 0.25s ease; | |
4856 | + } | |
4857 | +} | |
4858 | +.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { | |
4859 | + border-color: #a90707; | |
4860 | +} | |
4861 | +.lg-outer .lg-thumb-item img { | |
4862 | + width: 100%; | |
4863 | + height: 100%; | |
4864 | + object-fit: cover; | |
4865 | +} | |
4866 | +.lg-outer.lg-has-thumb .lg-item { | |
4867 | + padding-bottom: 120px; | |
4868 | +} | |
4869 | +.lg-outer.lg-can-toggle .lg-item { | |
4870 | + padding-bottom: 0; | |
4871 | +} | |
4872 | +.lg-outer.lg-pull-caption-up .lg-sub-html { | |
4873 | + -webkit-transition: bottom 0.25s ease; | |
4874 | + -o-transition: bottom 0.25s ease; | |
4875 | + transition: bottom 0.25s ease; | |
4876 | +} | |
4877 | +.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { | |
4878 | + bottom: 100px; | |
4879 | +} | |
4880 | +.lg-outer .lg-toogle-thumb { | |
4881 | + background-color: #0D0A0A; | |
4882 | + border-radius: 2px 2px 0 0; | |
4883 | + color: #999; | |
4884 | + cursor: pointer; | |
4885 | + font-size: 24px; | |
4886 | + height: 39px; | |
4887 | + line-height: 27px; | |
4888 | + padding: 5px 0; | |
4889 | + position: absolute; | |
4890 | + right: 20px; | |
4891 | + text-align: center; | |
4892 | + top: -39px; | |
4893 | + width: 50px; | |
4894 | +} | |
4895 | +.lg-outer .lg-toogle-thumb:after { | |
4896 | + content: "\e1ff"; | |
4897 | +} | |
4898 | +.lg-outer .lg-toogle-thumb:hover { | |
4899 | + color: #FFF; | |
4900 | +} | |
4901 | + | |
4902 | +.lg-outer .lg-video-cont { | |
4903 | + display: inline-block; | |
4904 | + vertical-align: middle; | |
4905 | + max-width: 1140px; | |
4906 | + max-height: 100%; | |
4907 | + width: 100%; | |
4908 | + padding: 0 5px; | |
4909 | +} | |
4910 | +.lg-outer .lg-video { | |
4911 | + width: 100%; | |
4912 | + height: 0; | |
4913 | + padding-bottom: 56.25%; | |
4914 | + overflow: hidden; | |
4915 | + position: relative; | |
4916 | +} | |
4917 | +.lg-outer .lg-video .lg-object { | |
4918 | + display: inline-block; | |
4919 | + position: absolute; | |
4920 | + top: 0; | |
4921 | + left: 0; | |
4922 | + width: 100% !important; | |
4923 | + height: 100% !important; | |
4924 | +} | |
4925 | +.lg-outer .lg-video .lg-video-play { | |
4926 | + width: 84px; | |
4927 | + height: 59px; | |
4928 | + position: absolute; | |
4929 | + left: 50%; | |
4930 | + top: 50%; | |
4931 | + margin-left: -42px; | |
4932 | + margin-top: -30px; | |
4933 | + z-index: 1080; | |
4934 | + cursor: pointer; | |
4935 | +} | |
4936 | +.lg-outer .lg-has-vimeo .lg-video-play { | |
4937 | + background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; | |
4938 | +} | |
4939 | +.lg-outer .lg-has-vimeo:hover .lg-video-play { | |
4940 | + background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; | |
4941 | +} | |
4942 | +.lg-outer .lg-has-html5 .lg-video-play { | |
4943 | + background: transparent url("../img/video-play.png") no-repeat scroll 0 0; | |
4944 | + height: 64px; | |
4945 | + margin-left: -32px; | |
4946 | + margin-top: -32px; | |
4947 | + width: 64px; | |
4948 | + opacity: 0.8; | |
4949 | +} | |
4950 | +.lg-outer .lg-has-html5:hover .lg-video-play { | |
4951 | + opacity: 1; | |
4952 | +} | |
4953 | +.lg-outer .lg-has-youtube .lg-video-play { | |
4954 | + background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; | |
4955 | +} | |
4956 | +.lg-outer .lg-has-youtube:hover .lg-video-play { | |
4957 | + background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; | |
4958 | +} | |
4959 | +.lg-outer .lg-video-object { | |
4960 | + width: 100% !important; | |
4961 | + height: 100% !important; | |
4962 | + position: absolute; | |
4963 | + top: 0; | |
4964 | + left: 0; | |
4965 | +} | |
4966 | +.lg-outer .lg-has-video .lg-video-object { | |
4967 | + visibility: hidden; | |
4968 | +} | |
4969 | +.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { | |
4970 | + display: none; | |
4971 | +} | |
4972 | +.lg-outer .lg-has-video.lg-video-playing .lg-video-object { | |
4973 | + visibility: visible; | |
4974 | +} | |
4975 | + | |
4976 | +.lg-progress-bar { | |
4977 | + background-color: #333; | |
4978 | + height: 5px; | |
4979 | + left: 0; | |
4980 | + position: absolute; | |
4981 | + top: 0; | |
4982 | + width: 100%; | |
4983 | + z-index: 1083; | |
4984 | + opacity: 0; | |
4985 | + -webkit-transition: opacity 0.08s ease 0s; | |
4986 | + -moz-transition: opacity 0.08s ease 0s; | |
4987 | + -o-transition: opacity 0.08s ease 0s; | |
4988 | + transition: opacity 0.08s ease 0s; | |
4989 | +} | |
4990 | +.lg-progress-bar .lg-progress { | |
4991 | + background-color: #a90707; | |
4992 | + height: 5px; | |
4993 | + width: 0; | |
4994 | +} | |
4995 | +.lg-progress-bar.lg-start .lg-progress { | |
4996 | + width: 100%; | |
4997 | +} | |
4998 | +.lg-show-autoplay .lg-progress-bar { | |
4999 | + opacity: 1; | |
5000 | +} | |
5001 | + | |
5002 | +.lg-autoplay-button:after { | |
5003 | + content: "\e01d"; | |
5004 | +} | |
5005 | +.lg-show-autoplay .lg-autoplay-button:after { | |
5006 | + content: "\e01a"; | |
5007 | +} | |
5008 | + | |
5009 | +.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { | |
5010 | + -webkit-transition-duration: 0s; | |
5011 | + transition-duration: 0s; | |
5012 | +} | |
5013 | +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { | |
5014 | + -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; | |
5015 | + -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; | |
5016 | + -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; | |
5017 | + transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; | |
5018 | + -webkit-transform: translate3d(0, 0, 0); | |
5019 | + transform: translate3d(0, 0, 0); | |
5020 | + -webkit-backface-visibility: hidden; | |
5021 | + -moz-backface-visibility: hidden; | |
5022 | + backface-visibility: hidden; | |
5023 | +} | |
5024 | +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { | |
5025 | + -webkit-transform: scale3d(1, 1, 1); | |
5026 | + transform: scale3d(1, 1, 1); | |
5027 | + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; | |
5028 | + -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; | |
5029 | + -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; | |
5030 | + transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; | |
5031 | + -webkit-transform-origin: 0 0; | |
5032 | + -moz-transform-origin: 0 0; | |
5033 | + -ms-transform-origin: 0 0; | |
5034 | + transform-origin: 0 0; | |
5035 | + -webkit-backface-visibility: hidden; | |
5036 | + -moz-backface-visibility: hidden; | |
5037 | + backface-visibility: hidden; | |
5038 | +} | |
5039 | + | |
5040 | +#lg-zoom-in:after { | |
5041 | + content: "\e311"; | |
5042 | +} | |
5043 | + | |
5044 | +#lg-actual-size { | |
5045 | + font-size: 20px; | |
5046 | +} | |
5047 | +#lg-actual-size:after { | |
5048 | + content: "\e033"; | |
5049 | +} | |
5050 | + | |
5051 | +#lg-zoom-out { | |
5052 | + opacity: 0.5; | |
5053 | + pointer-events: none; | |
5054 | +} | |
5055 | +#lg-zoom-out:after { | |
5056 | + content: "\e312"; | |
5057 | +} | |
5058 | +.lg-zoomed #lg-zoom-out { | |
5059 | + opacity: 1; | |
5060 | + pointer-events: auto; | |
5061 | +} | |
5062 | + | |
5063 | +.lg-outer .lg-pager-outer { | |
5064 | + bottom: 60px; | |
5065 | + left: 0; | |
5066 | + position: absolute; | |
5067 | + right: 0; | |
5068 | + text-align: center; | |
5069 | + z-index: 1080; | |
5070 | + height: 10px; | |
5071 | +} | |
5072 | +.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { | |
5073 | + overflow: visible; | |
5074 | +} | |
5075 | +.lg-outer .lg-pager-cont { | |
5076 | + cursor: pointer; | |
5077 | + display: inline-block; | |
5078 | + overflow: hidden; | |
5079 | + position: relative; | |
5080 | + vertical-align: top; | |
5081 | + margin: 0 5px; | |
5082 | +} | |
5083 | +.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { | |
5084 | + opacity: 1; | |
5085 | + -webkit-transform: translate3d(0, 0, 0); | |
5086 | + transform: translate3d(0, 0, 0); | |
5087 | +} | |
5088 | +.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { | |
5089 | + box-shadow: 0 0 0 2px white inset; | |
5090 | +} | |
5091 | +.lg-outer .lg-pager-thumb-cont { | |
5092 | + background-color: #fff; | |
5093 | + color: #FFF; | |
5094 | + bottom: 100%; | |
5095 | + height: 83px; | |
5096 | + left: 0; | |
5097 | + margin-bottom: 20px; | |
5098 | + margin-left: -60px; | |
5099 | + opacity: 0; | |
5100 | + padding: 5px; | |
5101 | + position: absolute; | |
5102 | + width: 120px; | |
5103 | + border-radius: 3px; | |
5104 | + -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; | |
5105 | + -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; | |
5106 | + -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; | |
5107 | + transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; | |
5108 | + -webkit-transform: translate3d(0, 5px, 0); | |
5109 | + transform: translate3d(0, 5px, 0); | |
5110 | +} | |
5111 | +.lg-outer .lg-pager-thumb-cont img { | |
5112 | + width: 100%; | |
5113 | + height: 100%; | |
5114 | +} | |
5115 | +.lg-outer .lg-pager { | |
5116 | + background-color: rgba(255, 255, 255, 0.5); | |
5117 | + border-radius: 50%; | |
5118 | + box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; | |
5119 | + display: block; | |
5120 | + height: 12px; | |
5121 | + -webkit-transition: box-shadow 0.3s ease 0s; | |
5122 | + -o-transition: box-shadow 0.3s ease 0s; | |
5123 | + transition: box-shadow 0.3s ease 0s; | |
5124 | + width: 12px; | |
5125 | +} | |
5126 | +.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { | |
5127 | + box-shadow: 0 0 0 8px white inset; | |
5128 | +} | |
5129 | +.lg-outer .lg-caret { | |
5130 | + border-left: 10px solid transparent; | |
5131 | + border-right: 10px solid transparent; | |
5132 | + border-top: 10px dashed; | |
5133 | + bottom: -10px; | |
5134 | + display: inline-block; | |
5135 | + height: 0; | |
5136 | + left: 50%; | |
5137 | + margin-left: -5px; | |
5138 | + position: absolute; | |
5139 | + vertical-align: middle; | |
5140 | + width: 0; | |
5141 | +} | |
5142 | + | |
5143 | +.lg-fullscreen:after { | |
5144 | + content: "\e20c"; | |
5145 | +} | |
5146 | +.lg-fullscreen-on .lg-fullscreen:after { | |
5147 | + content: "\e20d"; | |
5148 | +} | |
5149 | + | |
5150 | +.group { | |
5151 | + *zoom: 1; | |
5152 | +} | |
5153 | + | |
5154 | +.group:before, .group:after { | |
5155 | + display: table; | |
5156 | + content: ""; | |
5157 | + line-height: 0; | |
5158 | +} | |
5159 | + | |
5160 | +.group:after { | |
5161 | + clear: both; | |
5162 | +} | |
5163 | + | |
5164 | +.lg-outer { | |
5165 | + width: 100%; | |
5166 | + height: 100%; | |
5167 | + position: fixed; | |
5168 | + top: 0; | |
5169 | + left: 0; | |
5170 | + z-index: 1050; | |
5171 | + opacity: 0; | |
5172 | + -webkit-transition: opacity 0.15s ease 0s; | |
5173 | + -o-transition: opacity 0.15s ease 0s; | |
5174 | + transition: opacity 0.15s ease 0s; | |
5175 | +} | |
5176 | +.lg-outer * { | |
5177 | + -webkit-box-sizing: border-box; | |
5178 | + -moz-box-sizing: border-box; | |
5179 | + box-sizing: border-box; | |
5180 | +} | |
5181 | +.lg-outer.lg-visible { | |
5182 | + opacity: 1; | |
5183 | +} | |
5184 | +.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { | |
5185 | + -webkit-transition-duration: inherit !important; | |
5186 | + transition-duration: inherit !important; | |
5187 | + -webkit-transition-timing-function: inherit !important; | |
5188 | + transition-timing-function: inherit !important; | |
5189 | +} | |
5190 | +.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { | |
5191 | + -webkit-transition-duration: 0s !important; | |
5192 | + transition-duration: 0s !important; | |
5193 | + opacity: 1; | |
5194 | +} | |
5195 | +.lg-outer.lg-grab img.lg-object { | |
5196 | + cursor: -webkit-grab; | |
5197 | + cursor: -moz-grab; | |
5198 | + cursor: -o-grab; | |
5199 | + cursor: -ms-grab; | |
5200 | + cursor: grab; | |
5201 | +} | |
5202 | +.lg-outer.lg-grabbing img.lg-object { | |
5203 | + cursor: move; | |
5204 | + cursor: -webkit-grabbing; | |
5205 | + cursor: -moz-grabbing; | |
5206 | + cursor: -o-grabbing; | |
5207 | + cursor: -ms-grabbing; | |
5208 | + cursor: grabbing; | |
5209 | +} | |
5210 | +.lg-outer .lg { | |
5211 | + height: 100%; | |
5212 | + width: 100%; | |
5213 | + position: relative; | |
5214 | + overflow: hidden; | |
5215 | + margin-left: auto; | |
5216 | + margin-right: auto; | |
5217 | + max-width: 100%; | |
5218 | + max-height: 100%; | |
5219 | +} | |
5220 | +.lg-outer .lg-inner { | |
5221 | + width: 100%; | |
5222 | + height: 100%; | |
5223 | + position: absolute; | |
5224 | + left: 0; | |
5225 | + top: 0; | |
5226 | + white-space: nowrap; | |
5227 | +} | |
5228 | +.lg-outer .lg-item { | |
5229 | + background: url("../images/loading.gif") no-repeat scroll center center transparent; | |
5230 | + display: none !important; | |
5231 | +} | |
5232 | +.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { | |
5233 | + display: inline-block !important; | |
5234 | +} | |
5235 | +.lg-outer.lg-css .lg-current { | |
5236 | + display: inline-block !important; | |
5237 | +} | |
5238 | +.lg-outer .lg-item, .lg-outer .lg-img-wrap { | |
5239 | + display: inline-block; | |
5240 | + text-align: center; | |
5241 | + position: absolute; | |
5242 | + width: 100%; | |
5243 | + height: 100%; | |
5244 | +} | |
5245 | +.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { | |
5246 | + content: ""; | |
5247 | + display: inline-block; | |
5248 | + height: 50%; | |
5249 | + width: 1px; | |
5250 | + margin-right: -1px; | |
5251 | +} | |
5252 | +.lg-outer .lg-img-wrap { | |
5253 | + position: absolute; | |
5254 | + padding: 0 5px; | |
5255 | + left: 0; | |
5256 | + right: 0; | |
5257 | + top: 0; | |
5258 | + bottom: 0; | |
5259 | +} | |
5260 | +.lg-outer .lg-item.lg-complete { | |
5261 | + background-image: none; | |
5262 | +} | |
5263 | +.lg-outer .lg-item.lg-current { | |
5264 | + z-index: 1060; | |
5265 | +} | |
5266 | +.lg-outer .lg-image { | |
5267 | + display: inline-block; | |
5268 | + vertical-align: middle; | |
5269 | + max-width: 100%; | |
5270 | + max-height: 100%; | |
5271 | + width: auto !important; | |
5272 | + height: auto !important; | |
5273 | +} | |
5274 | +.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { | |
5275 | + opacity: 0; | |
5276 | + -webkit-transition: opacity 0.15s ease 0s; | |
5277 | + -o-transition: opacity 0.15s ease 0s; | |
5278 | + transition: opacity 0.15s ease 0s; | |
5279 | +} | |
5280 | +.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { | |
5281 | + opacity: 1; | |
5282 | +} | |
5283 | +.lg-outer .lg-empty-html { | |
5284 | + display: none; | |
5285 | +} | |
5286 | +.lg-outer.lg-hide-download #lg-download { | |
5287 | + display: none; | |
5288 | +} | |
5289 | + | |
5290 | +.lg-backdrop { | |
5291 | + position: fixed; | |
5292 | + top: 0; | |
5293 | + left: 0; | |
5294 | + right: 0; | |
5295 | + bottom: 0; | |
5296 | + z-index: 1040; | |
5297 | + background-color: #000; | |
5298 | + opacity: 0; | |
5299 | + -webkit-transition: opacity 0.15s ease 0s; | |
5300 | + -o-transition: opacity 0.15s ease 0s; | |
5301 | + transition: opacity 0.15s ease 0s; | |
5302 | +} | |
5303 | +.lg-backdrop.in { | |
5304 | + opacity: 1; | |
5305 | +} | |
5306 | + | |
5307 | +.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { | |
5308 | + -webkit-transition: none 0s ease 0s !important; | |
5309 | + -moz-transition: none 0s ease 0s !important; | |
5310 | + -o-transition: none 0s ease 0s !important; | |
5311 | + transition: none 0s ease 0s !important; | |
5312 | +} | |
5313 | +.lg-css3.lg-use-css3 .lg-item { | |
5314 | + -webkit-backface-visibility: hidden; | |
5315 | + -moz-backface-visibility: hidden; | |
5316 | + backface-visibility: hidden; | |
5317 | +} | |
5318 | +.lg-css3.lg-use-left .lg-item { | |
5319 | + -webkit-backface-visibility: hidden; | |
5320 | + -moz-backface-visibility: hidden; | |
5321 | + backface-visibility: hidden; | |
5322 | +} | |
5323 | +.lg-css3.lg-fade .lg-item { | |
5324 | + opacity: 0; | |
5325 | +} | |
5326 | +.lg-css3.lg-fade .lg-item.lg-current { | |
5327 | + opacity: 1; | |
5328 | +} | |
5329 | +.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { | |
5330 | + -webkit-transition: opacity 0.1s ease 0s; | |
5331 | + -moz-transition: opacity 0.1s ease 0s; | |
5332 | + -o-transition: opacity 0.1s ease 0s; | |
5333 | + transition: opacity 0.1s ease 0s; | |
5334 | +} | |
5335 | +.lg-css3.lg-slide.lg-use-css3 .lg-item { | |
5336 | + opacity: 0; | |
5337 | +} | |
5338 | +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { | |
5339 | + -webkit-transform: translate3d(-100%, 0, 0); | |
5340 | + transform: translate3d(-100%, 0, 0); | |
5341 | +} | |
5342 | +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { | |
5343 | + -webkit-transform: translate3d(100%, 0, 0); | |
5344 | + transform: translate3d(100%, 0, 0); | |
5345 | +} | |
5346 | +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { | |
5347 | + -webkit-transform: translate3d(0, 0, 0); | |
5348 | + transform: translate3d(0, 0, 0); | |
5349 | + opacity: 1; | |
5350 | +} | |
5351 | +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { | |
5352 | + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5353 | + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5354 | + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5355 | + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5356 | +} | |
5357 | +.lg-css3.lg-slide.lg-use-left .lg-item { | |
5358 | + opacity: 0; | |
5359 | + position: absolute; | |
5360 | + left: 0; | |
5361 | +} | |
5362 | +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { | |
5363 | + left: -100%; | |
5364 | +} | |
5365 | +.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { | |
5366 | + left: 100%; | |
5367 | +} | |
5368 | +.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { | |
5369 | + left: 0; | |
5370 | + opacity: 1; | |
5371 | +} | |
5372 | +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { | |
5373 | + -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5374 | + -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5375 | + -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5376 | + transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; | |
5377 | +} | |
0 | 5378 | \ No newline at end of file | ... | ... |
frontend/web/css/style.min.css
1 | -*{ | |
2 | - margin: 0; | |
3 | - padding: 0;} | |
4 | -body { | |
5 | - font-family: 'Roboto'; | |
6 | - font-weight: normal; | |
7 | - font-size: 14px; | |
8 | - color: #414143; | |
9 | - background: url("../images/bg_body.jpg") repeat; | |
10 | - line-height: 1.42857143; | |
11 | -} | |
12 | -.off-scroll { | |
13 | - overflow-y: hidden; | |
14 | - height: 100%; | |
15 | - position: fixed; | |
16 | -} | |
17 | -img { | |
18 | - border: none; | |
19 | -} | |
20 | -input, textarea, button { | |
21 | - outline: none!important; | |
22 | -} | |
23 | -[class*="section-box"]{width:100%;float:left;position:relative;} | |
24 | -.style {width: 100%;float: left;} | |
25 | -/***fix-buttons***/ | |
26 | -.question-form { | |
27 | - height: 40px; | |
28 | - padding: 0 23px; | |
29 | - line-height: 40px; | |
30 | - text-decoration: none; | |
31 | - color: #fff; | |
32 | - font-size: 13px; | |
33 | - text-transform: uppercase; | |
34 | - background: #939598; | |
35 | - border-top-left-radius: 4px; | |
36 | - border-top-right-radius: 4px; | |
37 | - z-index: 999; | |
38 | - transform: rotate(-90deg); | |
39 | - -webkit-transform: rotate(-90deg); | |
40 | - position: fixed; | |
41 | - top:325px; | |
42 | - right: -68px; | |
43 | -} | |
44 | -.question-form span { | |
45 | - position: absolute; | |
46 | - min-width: 22px; | |
47 | - height: 22px; | |
48 | - padding: 0 4px; | |
49 | - line-height: 22px; | |
50 | - color: #fff; | |
51 | - background: #ed1c24; | |
52 | - font-size: 13px; | |
53 | - top: -10px; | |
54 | - right: -10px; | |
55 | - transform: rotate(90deg); | |
56 | - -webkit-transform: rotate(90deg); | |
57 | - border-radius: 22px; | |
58 | - text-align: center; | |
59 | -} | |
60 | -.calc-menu .question-form span { | |
61 | - transform: rotate(0deg); | |
62 | - -webkit-transform: rotate(0deg); | |
63 | - right: -26px; | |
64 | - top: -16px; | |
65 | -} | |
66 | -/***header***/ | |
67 | -.section-box-header { | |
68 | - background: #fff; | |
69 | - margin-bottom: 2px; | |
70 | -} | |
71 | -.logo_ { | |
72 | - height: 112px; | |
73 | - width: 100%; | |
74 | - position: relative; | |
75 | - display: table-cell; | |
76 | - vertical-align: middle; | |
77 | -} | |
78 | -.logo_ img {width: 100%;vertical-align: middle} | |
79 | - | |
80 | - | |
81 | -.menu-wrapper { | |
82 | - height: 40px; | |
83 | - position: relative; | |
84 | -} | |
85 | -.menu-wrapper:before { | |
86 | - background: #414143; | |
87 | - height: 40px; | |
88 | - width: 100%; | |
89 | - position: absolute; | |
90 | - content: ''; | |
91 | -} | |
92 | -.phones-head {padding-top: 31px;} | |
93 | -.phones-head table { | |
94 | - border: 0; | |
95 | - collapse: 0; | |
96 | - margin: 0 auto; | |
97 | -} | |
98 | -.phones-head table tr td{position: relative;} | |
99 | - | |
100 | -.phones-head p { | |
101 | - font-size: 18px; | |
102 | - color: #414143; | |
103 | -} | |
104 | -.phones-head p span{font-weight: 700; color: inherit; font-size: 18px;right: auto;top: auto; position: relative} | |
105 | -.phones-head span{ | |
106 | - font-weight: 300; | |
107 | - font-size: 13px; | |
108 | - color: #939598; | |
109 | - position: absolute; | |
110 | - right: 0; | |
111 | - top: 23px; | |
112 | - width: 199px; | |
113 | - text-align: right; | |
114 | - line-height: 14px; | |
115 | -} | |
116 | -.search-ico, .close-search { | |
117 | - height: 112px; | |
118 | - position: relative; | |
119 | -} | |
120 | -.search-ico img, .close-search img, .search-btn-mob img { | |
121 | - position: absolute; | |
122 | - top: 50%; | |
123 | - right: 15px; | |
124 | - margin-top: -9px; | |
125 | - cursor: pointer; | |
126 | -} | |
127 | -.close-search img { | |
128 | - margin-top: -8px; | |
129 | -} | |
130 | -.menu-wr { | |
131 | - position: relative; | |
132 | - z-index: 3; | |
133 | - height: 42px; | |
134 | - padding: 0 15px; | |
135 | -} | |
136 | - | |
137 | -.home_ico { | |
138 | - display: block; | |
139 | - width: 40px; | |
140 | - height: 100%; | |
141 | - background: #939598 url("../images/ico/ico-1.png") 50% 50% no-repeat; | |
142 | - position: absolute; | |
143 | - left: 15px; | |
144 | - top: 0; | |
145 | -} | |
146 | -ul.main-menu { | |
147 | - height: 100%; | |
148 | - width: 100%; | |
149 | - float: left; | |
150 | - padding-left: 40px; | |
151 | - border-bottom: 2px solid #939598; | |
152 | -} | |
153 | -ul.main-menu li { | |
154 | - float: left; | |
155 | - list-style: none; | |
156 | - position: relative; | |
157 | - | |
158 | -} | |
159 | -ul.main-menu li:first-child::before {display: none;} | |
160 | -ul.main-menu li a { | |
161 | - color: #fff; | |
162 | - text-decoration: none; | |
163 | - font-size: 13px; | |
164 | - text-transform: uppercase; | |
165 | - padding: 0 28px 0 29px; | |
166 | - line-height: 40px; | |
167 | - position: relative; | |
168 | - height: 100%; | |
169 | - display: block; | |
170 | -} | |
171 | -ul.main-menu li a:before { | |
172 | - position: absolute; | |
173 | - left: 0px; | |
174 | - top: 50%; | |
175 | - margin-top: -10px; | |
176 | - width: 1px; | |
177 | - height: 20px; | |
178 | - background: #5a5a5d; | |
179 | - content: ''; | |
180 | -} | |
181 | -ul.main-menu li:first-child a { | |
182 | - padding-left: 26px; | |
183 | - padding-right: 45px; | |
184 | - z-index: 2; | |
185 | -} | |
186 | -ul.main-menu li:first-child a:before { | |
187 | - left: auto; | |
188 | - right: 20px; | |
189 | - background: url("../images/ico/ico-3-1.png") no-repeat; | |
190 | - width: 8px; | |
191 | - height: 5px; | |
192 | - margin-top: -3px; | |
193 | -} | |
194 | -ul.main-menu li:first-child:hover a:before {background: url("../images/ico/ico-4.png") no-repeat;} | |
195 | -ul.main-menu li:hover::before { | |
196 | - background: #5a5a5d; | |
197 | - position: absolute; | |
198 | - width: 100%; | |
199 | - height: 100%; | |
200 | - content: ''; | |
201 | - top: 0; | |
202 | - left: -1px; | |
203 | - padding: 0 1px; | |
204 | - box-sizing: content-box; | |
205 | -} | |
206 | -ul.main-menu li:last-child:hover::before {padding: 0 0 0 2px;} | |
207 | -ul.main-menu li:first-child {padding-left: 0;} | |
208 | -ul.main-menu li:first-child:hover {background: #fff} | |
209 | -ul.main-menu li:first-child:hover a { | |
210 | - color: #414143; | |
211 | -} | |
212 | - | |
213 | -ul.main-menu li ul { | |
214 | - display: none; | |
215 | - position: absolute; | |
216 | - width: 100%; | |
217 | - top:0; | |
218 | - left: 0; | |
219 | - padding-top: 41px; | |
220 | - background: #fff; | |
221 | - box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); | |
222 | -} | |
223 | -ul.main-menu li:hover ul { | |
224 | - display: block; | |
225 | -} | |
226 | - | |
227 | -ul.main-menu li:hover ul li { | |
228 | - width: 100%; | |
229 | - height: 44px; | |
230 | - background: #fff; | |
231 | - border-top: 1px solid #dedfe0; | |
232 | -} | |
233 | - | |
234 | -ul.main-menu li:hover ul li::before, ul.main-menu li:hover ul li:first-child::before { | |
235 | - background: #8b8d90; | |
236 | - display: block; | |
237 | -} | |
238 | -ul.main-menu li ul li:hover a { | |
239 | - color: #fff !important; | |
240 | -} | |
241 | -ul.main-menu li:first-child ul li a:before {display: none;} | |
242 | - | |
243 | -.lang-wr { | |
244 | - position: absolute; | |
245 | - height: 43px; | |
246 | - top: 32px; | |
247 | - left: 0; | |
248 | -} | |
249 | -.lang-wr-mob {left: 50%} | |
250 | -.lang-wr a { | |
251 | - position: absolute; | |
252 | - bottom: 0; | |
253 | - left: 0; | |
254 | - text-decoration: none; | |
255 | - color: #414143; | |
256 | - font-size: 13px; | |
257 | - font-weight: 300; | |
258 | - line-height: 14px; | |
259 | -} | |
260 | -.lang-wr a.active { | |
261 | - text-decoration: underline; | |
262 | -} | |
263 | -.lang-wr a:first-child { | |
264 | - bottom: auto; | |
265 | - top: 4px; | |
266 | - left: 0; | |
267 | -} | |
268 | - | |
269 | -.hidden-search { | |
270 | - position: absolute; | |
271 | - top: 0; | |
272 | - right: 0; | |
273 | - margin-right: -100%; | |
274 | - width: 100%; | |
275 | - height: 100%; | |
276 | - background: #fff; | |
277 | - /*transition: 0.2s;*/ | |
278 | -} | |
279 | -.hidden-search.vis { | |
280 | - margin-right: 0; | |
281 | - transition: 0.5s; | |
282 | -} | |
283 | -.search-title { | |
284 | - height: 112px; | |
285 | -} | |
286 | -.search-title p { | |
287 | - line-height: 112px; | |
288 | - font-size: 18px; | |
289 | - font-weight: 700; | |
290 | - color: #414143; | |
291 | -} | |
292 | -.search-form-wr-padding {padding: 0 83px !important;} | |
293 | -.search-form-wr { | |
294 | - width: 100%; | |
295 | - height: 35px; | |
296 | - position: relative; | |
297 | - margin-top: 41px; | |
298 | -} | |
299 | -.search-form-wr input { | |
300 | - width: 100%; | |
301 | - border-top: 0; | |
302 | - border-left: 0; | |
303 | - border-right: 0; | |
304 | - outline: none !important; | |
305 | - border-bottom: 1px solid #dedfe0; | |
306 | - padding: 0 52px 0 15px; | |
307 | - height: 34px; | |
308 | - line-height: 34px; | |
309 | - font-size: 13px; | |
310 | - color: #414143; | |
311 | - text-transform: uppercase; | |
312 | -} | |
313 | -.search-form-wr button { | |
314 | - width: 48px; | |
315 | - height: 33px; | |
316 | - position: absolute; | |
317 | - right: 0; | |
318 | - top: 0; | |
319 | - border: 0 !important; | |
320 | - outline: none !important; | |
321 | - cursor: pointer; | |
322 | - background: #fff url("../images/ico/ico-2.png") 50% 0 no-repeat; | |
323 | -} | |
324 | -.head-container { | |
325 | - height: 112px; | |
326 | - overflow-x: hidden; | |
327 | - position: relative; | |
328 | - background: #fff; | |
329 | -} | |
330 | -.phones-head-table-mob { | |
331 | - text-align: right; | |
332 | -} | |
333 | - | |
334 | - | |
335 | -.phones-table-wr { | |
336 | - position: absolute; | |
337 | - padding-right: 22px; | |
338 | - top: 38px; | |
339 | - right: 15px; | |
340 | - background: #fff; | |
341 | -} | |
342 | -.phones-table-wr:before { | |
343 | - position: absolute; | |
344 | - top: 8px; | |
345 | - right: 0; | |
346 | - content: ''; | |
347 | - background: url("../images/ico/ico-6.png") no-repeat; | |
348 | - cursor: pointer; | |
349 | - width: 10px; | |
350 | - height: 6px; | |
351 | - z-index: 2; | |
352 | - transition: 0.3s; | |
353 | -} | |
354 | -.phones-table-wr p, .phones-table-wr ul { | |
355 | - position: relative; | |
356 | - z-index: 3; | |
357 | -} | |
358 | -.phones-table-wr:after { | |
359 | - width: 100%; | |
360 | - height: 100%; | |
361 | - content: ''; | |
362 | - box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); | |
363 | - position: absolute; | |
364 | - top: -18px; | |
365 | - left: -10px; | |
366 | - box-sizing: content-box; | |
367 | - padding: 18px 10px 28px 10px; | |
368 | - background: #fff; | |
369 | - z-index: 2; | |
370 | - display: none; | |
371 | -} | |
372 | - | |
373 | -.phones-table-wr p { | |
374 | - font-size: 18px; | |
375 | - color: #414143; | |
376 | - cursor: pointer; | |
377 | -} | |
378 | -.phones-table-wr p .vis-phone {font-weight: 700; font-size: 18px; color: inherit;} | |
379 | -.phones-table-wr ul { | |
380 | - list-style: none; | |
381 | - display: none; | |
382 | -} | |
383 | -.phones-table-wr ul li {margin-top: 26px;} | |
384 | - | |
385 | - | |
386 | - | |
387 | -.phones-table-wr ul li span { | |
388 | - font-weight: 300; | |
389 | - font-size: 13px; | |
390 | - color: #939598; | |
391 | - line-height: 14px; | |
392 | -} | |
393 | -.phones-table-wr ul li p {cursor: default} | |
394 | -.phones-table-wr.vis-phone ul { | |
395 | - display: block; | |
396 | -} | |
397 | -.phones-table-wr.vis-phone:before { | |
398 | - transform: rotate(180deg); | |
399 | - -webkit-transform: rotate(180deg); | |
400 | -} | |
401 | -.phones-table-wr.vis-phone:after { | |
402 | - opacity: 1; | |
403 | - display: block; | |
404 | -} | |
405 | -.mobile-menu { | |
406 | - height: 42px; | |
407 | - background: #414143; | |
408 | - border-bottom: 2px solid #939598; | |
409 | -} | |
410 | -.menu_mob { | |
411 | - position: relative; | |
412 | - cursor: pointer; | |
413 | - width: 14px; | |
414 | - float: left; | |
415 | - height: 40px; | |
416 | - margin-left: 15px; | |
417 | -} | |
418 | -.menu_mob div { | |
419 | - position: absolute; | |
420 | - width: 14px; | |
421 | - height: 2px; | |
422 | - background: #fff; | |
423 | - top: 0; | |
424 | - margin-top: 25px; | |
425 | - left: 0; | |
426 | -} | |
427 | -.menu_mob div:first-child { | |
428 | - margin-top: 13px; | |
429 | -} | |
430 | -.menu_mob div:first-child:before { | |
431 | - width: 100%; | |
432 | - height: 100%; | |
433 | - position: absolute; | |
434 | - background: #fff; | |
435 | - top: 0; | |
436 | - left: 0; | |
437 | - margin-top: 6px; | |
438 | - content: ''; | |
439 | -} | |
440 | -.calc-menu {} | |
441 | -.calc-menu .question-form { | |
442 | - line-height: 42px; | |
443 | - position: relative; | |
444 | - background: none; | |
445 | - padding: 0 !important; | |
446 | - border-top-left-radius: 0; | |
447 | - border-top-right-radius: 0; | |
448 | - z-index: 1; | |
449 | - transform: none; | |
450 | - top: auto; | |
451 | - right: auto; | |
452 | - height: auto; | |
453 | -} | |
454 | -.calc-menu .question-form:before { | |
455 | - content: ''; | |
456 | - position: absolute; | |
457 | - width: 12px; | |
458 | - height: 18px; | |
459 | - left: -20px; | |
460 | - top: 50%; | |
461 | - margin-top: -9px; | |
462 | - background: url("../images/ico/ico-7.png") no-repeat; | |
463 | -} | |
464 | -.calc-menu .question-form:hover {text-decoration: underline} | |
465 | -.search-btn-mob { | |
466 | - height: 40px; | |
467 | -} | |
468 | -.search-btn-mob img { | |
469 | - right: 30px; | |
470 | -} | |
471 | - | |
472 | -.mob-overlay { | |
473 | - display: none; | |
474 | - position: fixed; | |
475 | - width: 100%; | |
476 | - height: 100%; | |
477 | - z-index: 999; | |
478 | - background: #000; | |
479 | - opacity: 0.8; | |
480 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
481 | - top: 0; | |
482 | - left: 0; | |
483 | - cursor: default; | |
484 | -} | |
485 | -.section-box-content {margin-top: -2px;} | |
486 | -.section-box-content .container.shadow {padding-bottom: 30px;} | |
487 | -.shadow { | |
488 | - background: #fff; | |
489 | - box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); | |
490 | - position: relative; | |
491 | -} | |
492 | -.prefooter .shadow:before { | |
493 | - position: absolute; | |
494 | - width: 100%; | |
495 | - height: 13px; | |
496 | - background: #fff; | |
497 | - content: ''; | |
498 | - top: -11px; | |
499 | - left: 0; | |
500 | -} | |
501 | -/***mob-menu***/ | |
502 | -.close-menu-mob { | |
503 | - position: relative; | |
504 | - width: 100%; | |
505 | - height: 52px; | |
506 | - background: #fff; | |
507 | - text-transform: uppercase; | |
508 | - color: #414143; | |
509 | - font-size: 18px; | |
510 | - font-weight: 700; | |
511 | - text-transform: uppercase; | |
512 | - padding-top: 17px; | |
513 | - padding-left: 10px; | |
514 | - cursor: default; | |
515 | -} | |
516 | -.close-menu-mob:before { | |
517 | - width: 16px; | |
518 | - height: 16px; | |
519 | - content: ''; | |
520 | - position: absolute; | |
521 | - right: 0; | |
522 | - top: 20px; | |
523 | - background: url("../images/ico/ico-5.png") no-repeat; | |
524 | - cursor: pointer; | |
525 | -} | |
526 | -.xs-sm-menu { | |
527 | - display: none; | |
528 | - width: 300px; | |
529 | - position: fixed; | |
530 | - z-index: 9999; | |
531 | - top: 0; | |
532 | - left: 0; | |
533 | - margin-left: -300px; | |
534 | - height: 100%; | |
535 | - overflow-y: scroll; | |
536 | - background: #4c4c50; | |
537 | - transition: 0.2s; | |
538 | - padding: 0 10px; | |
539 | -} | |
540 | -.xs-sm-menu.open.visible { | |
541 | - margin-left: 0; | |
542 | -} | |
543 | -.xs-sm-menu.open { | |
544 | - display: block; | |
545 | - background: #fff; | |
546 | -} | |
547 | -.xs-sm-menu .main-menu { | |
548 | - width: 100%; | |
549 | - float: left; | |
550 | - padding-left: 0; | |
551 | - padding-bottom: 60px; | |
552 | - height: auto; | |
553 | - border-bottom: 0; | |
554 | -} | |
555 | -/*.xs-sm-menu ul.main-menu li:hover::before {display: none;}*/ | |
556 | -.xs-sm-menu .main-menu li { | |
557 | - width: 100%; | |
558 | - float: left; | |
559 | - height: 36px; | |
560 | - border-bottom: 1px solid #dedfe0; | |
561 | -} | |
562 | -.xs-sm-menu ul.main-menu li:first-child:hover {background: none;} | |
563 | -.xs-sm-menu .main-menu li:hover ul { | |
564 | - display: none !important; | |
565 | -} | |
566 | - | |
567 | - | |
568 | -.xs-sm-menu .main-menu li a { | |
569 | - color: #414143; | |
570 | - padding: 0 0 0 10px !important; | |
571 | -} | |
572 | - | |
573 | -.xs-sm-menu ul.main-menu li a:before {display: none;} | |
574 | -.xs-sm-menu ul.main-menu li:first-child a:before {display: block; | |
575 | - background: url("../images/ico/ico-4.png") no-repeat; | |
576 | - transition: 0.3s; | |
577 | - -webkit-transition: 0.3s; | |
578 | - transform: rotate(-180deg); | |
579 | - -webkit-transform: rotate(-180deg); | |
580 | -} | |
581 | -.xs-sm-menu ul.main-menu li:first-child:hover a:before { background: url("../images/ico/ico-4.png") no-repeat;} | |
582 | -.xs-sm-menu ul.main-menu li:hover::before {display: none;} | |
583 | -.xs-sm-menu ul.main-menu li ul { | |
584 | - position: relative; | |
585 | - top: auto; | |
586 | - left: auto; | |
587 | - padding-top: 0; | |
588 | - padding-left: 0; | |
589 | - float: left; | |
590 | - background: none; | |
591 | - box-shadow: none; | |
592 | -} | |
593 | -.xs-sm-menu ul.main-menu li ul li { | |
594 | - background: #8b8d90; | |
595 | - height: 36px; | |
596 | - border-bottom: 1px solid #fff; | |
597 | - padding-left: 20px; | |
598 | -} | |
599 | -.xs-sm-menu ul.main-menu li:hover ul li {border-top: 0} | |
600 | -.xs-sm-menu ul.main-menu li ul li a, .xs-sm-menu ul.main-menu li ul li:hover a { | |
601 | - color: #fff !important; | |
602 | -} | |
603 | -.xs-sm-menu ul.main-menu li ul li a {padding-left: 0 !important;} | |
604 | -.xs-sm-menu ul.main-menu li ul li a:before {display: none !important;} | |
605 | -.xs-sm-menu ul.main-menu li ul li:last-child {border-bottom: 0} | |
606 | -.xs-sm-menu ul.main-menu li.show-sub-menu ul {display: block !important;} | |
607 | -.xs-sm-menu ul.main-menu li.show-sub-menu {height: auto; border-bottom: 0; } | |
608 | - | |
609 | -.xs-sm-menu li.show-sub-menu ul li:first-child::before { | |
610 | - left: 0 !important; | |
611 | - padding: 0 !important; | |
612 | -} | |
613 | -.xs-sm-menu ul.main-menu li.show-sub-menu:first-child a:before { | |
614 | - transform: rotate(0); | |
615 | - -webkit-transform: rotate(0); | |
616 | -} | |
617 | - | |
618 | - | |
619 | - | |
620 | - | |
621 | - | |
622 | - | |
623 | - | |
624 | - | |
625 | - | |
626 | - | |
627 | - | |
628 | - | |
629 | - | |
630 | - | |
631 | - | |
632 | - | |
633 | - | |
634 | -/****carousel****/ | |
635 | -.owl-carousel .animated { | |
636 | - -webkit-animation-duration: 1000ms; | |
637 | - animation-duration: 1000ms; | |
638 | - -webkit-animation-fill-mode: both; | |
639 | - animation-fill-mode: both; | |
640 | -} | |
641 | -.owl-carousel .owl-animated-in { | |
642 | - z-index: 0; | |
643 | -} | |
644 | -.owl-carousel .owl-animated-out { | |
645 | - z-index: 1; | |
646 | -} | |
647 | -.owl-carousel .fadeOut { | |
648 | - -webkit-animation-name: fadeOut; | |
649 | - animation-name: fadeOut; | |
650 | -} | |
651 | - | |
652 | -@-webkit-keyframes fadeOut { | |
653 | - 0% { | |
654 | - opacity: 1; | |
655 | - } | |
656 | - | |
657 | - 100% { | |
658 | - opacity: 0; | |
659 | - } | |
660 | -} | |
661 | -@keyframes fadeOut { | |
662 | - 0% { | |
663 | - opacity: 1; | |
664 | - } | |
665 | - | |
666 | - 100% { | |
667 | - opacity: 0; | |
668 | - } | |
669 | -} | |
670 | - | |
671 | -/* | |
672 | - * Owl Carousel - Auto Height Plugin | |
673 | - */ | |
674 | -.owl-height { | |
675 | - -webkit-transition: height 500ms ease-in-out; | |
676 | - -moz-transition: height 500ms ease-in-out; | |
677 | - -ms-transition: height 500ms ease-in-out; | |
678 | - -o-transition: height 500ms ease-in-out; | |
679 | - transition: height 500ms ease-in-out; | |
680 | -} | |
681 | - | |
682 | -/* | |
683 | - * Core Owl Carousel CSS File | |
684 | - */ | |
685 | -.owl-carousel { | |
686 | - display: none; | |
687 | - width: 100%; | |
688 | - -webkit-tap-highlight-color: transparent; | |
689 | - /* position relative and z-index fix webkit rendering fonts issue */ | |
690 | - position: relative; | |
691 | - z-index: 1; | |
692 | -} | |
693 | -.owl-carousel .owl-stage { | |
694 | - position: relative; | |
695 | - -ms-touch-action: pan-Y; | |
696 | -} | |
697 | -.owl-carousel .owl-stage:after { | |
698 | - content: "."; | |
699 | - display: block; | |
700 | - clear: both; | |
701 | - visibility: hidden; | |
702 | - line-height: 0; | |
703 | - height: 0; | |
704 | -} | |
705 | -.owl-carousel .owl-stage-outer { | |
706 | - position: relative; | |
707 | - overflow: hidden; | |
708 | - /* fix for flashing background */ | |
709 | - -webkit-transform: translate3d(0px, 0px, 0px); | |
710 | -} | |
711 | - | |
712 | -.owl-carousel .owl-controls .owl-nav .owl-prev, | |
713 | -.owl-carousel .owl-controls .owl-nav .owl-next, | |
714 | -.owl-carousel .owl-controls .owl-dot { | |
715 | - cursor: pointer; | |
716 | - cursor: hand; | |
717 | - -webkit-user-select: none; | |
718 | - -khtml-user-select: none; | |
719 | - -moz-user-select: none; | |
720 | - -ms-user-select: none; | |
721 | - user-select: none; | |
722 | -} | |
723 | -.owl-carousel.owl-loaded { | |
724 | - display: block; | |
725 | -} | |
726 | -.owl-carousel.owl-loading { | |
727 | - opacity: 0; | |
728 | - display: block; | |
729 | -} | |
730 | -.owl-carousel.owl-hidden { | |
731 | - opacity: 0; | |
732 | -} | |
733 | -.owl-carousel .owl-refresh .owl-item { | |
734 | - display: none; | |
735 | -} | |
736 | -.owl-carousel .owl-item { | |
737 | - position: relative; | |
738 | - min-height: 1px; | |
739 | - float: left; | |
740 | - -webkit-backface-visibility: hidden; | |
741 | - -webkit-tap-highlight-color: transparent; | |
742 | - -webkit-touch-callout: none; | |
743 | - -webkit-user-select: none; | |
744 | - -moz-user-select: none; | |
745 | - -ms-user-select: none; | |
746 | - user-select: none; | |
747 | -} | |
748 | -.owl-carousel .owl-item img { | |
749 | - display: block; | |
750 | - width: 100%; | |
751 | - -webkit-transform-style: preserve-3d; | |
752 | -} | |
753 | -.owl-carousel.owl-text-select-on .owl-item { | |
754 | - -webkit-user-select: auto; | |
755 | - -moz-user-select: auto; | |
756 | - -ms-user-select: auto; | |
757 | - user-select: auto; | |
758 | -} | |
759 | -.owl-carousel .owl-grab { | |
760 | - cursor: move; | |
761 | - cursor: -webkit-grab; | |
762 | - cursor: -o-grab; | |
763 | - cursor: -ms-grab; | |
764 | - cursor: grab; | |
765 | -} | |
766 | -.owl-carousel.owl-rtl { | |
767 | - direction: rtl; | |
768 | -} | |
769 | -.owl-carousel.owl-rtl .owl-item { | |
770 | - float: right; | |
771 | -} | |
772 | - | |
773 | -/* No Js */ | |
774 | -.no-js .owl-carousel { | |
775 | - display: block; | |
776 | -} | |
777 | - | |
778 | -/* | |
779 | - * Owl Carousel - Lazy Load Plugin | |
780 | - */ | |
781 | -.owl-carousel .owl-item .owl-lazy { | |
782 | - opacity: 0; | |
783 | - -webkit-transition: opacity 400ms ease; | |
784 | - -moz-transition: opacity 400ms ease; | |
785 | - -ms-transition: opacity 400ms ease; | |
786 | - -o-transition: opacity 400ms ease; | |
787 | - transition: opacity 400ms ease; | |
788 | -} | |
789 | -.owl-carousel .owl-item img { | |
790 | - transform-style: preserve-3d; | |
791 | -} | |
792 | - | |
793 | -/* | |
794 | - * Owl Carousel - Video Plugin | |
795 | - */ | |
796 | -.owl-carousel .owl-video-wrapper { | |
797 | - position: relative; | |
798 | - height: 100%; | |
799 | - background: #000; | |
800 | -} | |
801 | -.owl-carousel .owl-video-play-icon { | |
802 | - position: absolute; | |
803 | - height: 80px; | |
804 | - width: 80px; | |
805 | - left: 50%; | |
806 | - top: 50%; | |
807 | - margin-left: -40px; | |
808 | - margin-top: -40px; | |
809 | - background: url("owl.video.play.png") no-repeat; | |
810 | - cursor: pointer; | |
811 | - z-index: 1; | |
812 | - -webkit-backface-visibility: hidden; | |
813 | - -webkit-transition: scale 100ms ease; | |
814 | - -moz-transition: scale 100ms ease; | |
815 | - -ms-transition: scale 100ms ease; | |
816 | - -o-transition: scale 100ms ease; | |
817 | - transition: scale 100ms ease; | |
818 | -} | |
819 | -.owl-carousel .owl-video-play-icon:hover { | |
820 | - -webkit-transition: scale(1.3, 1.3); | |
821 | - -moz-transition: scale(1.3, 1.3); | |
822 | - -ms-transition: scale(1.3, 1.3); | |
823 | - -o-transition: scale(1.3, 1.3); | |
824 | - transition: scale(1.3, 1.3); | |
825 | -} | |
826 | -.owl-carousel .owl-video-playing .owl-video-tn, | |
827 | -.owl-carousel .owl-video-playing .owl-video-play-icon { | |
828 | - display: none; | |
829 | -} | |
830 | -.owl-carousel .owl-video-tn { | |
831 | - opacity: 0; | |
832 | - height: 100%; | |
833 | - background-position: center center; | |
834 | - background-repeat: no-repeat; | |
835 | - -webkit-background-size: contain; | |
836 | - -moz-background-size: contain; | |
837 | - -o-background-size: contain; | |
838 | - background-size: contain; | |
839 | - -webkit-transition: opacity 400ms ease; | |
840 | - -moz-transition: opacity 400ms ease; | |
841 | - -ms-transition: opacity 400ms ease; | |
842 | - -o-transition: opacity 400ms ease; | |
843 | - transition: opacity 400ms ease; | |
844 | -} | |
845 | -.owl-carousel .owl-video-frame { | |
846 | - position: relative; | |
847 | - z-index: 1; | |
848 | -} | |
849 | -/****carousel****/ | |
850 | - | |
851 | - | |
852 | - | |
853 | - | |
854 | - | |
855 | -/****footer****/ | |
856 | -.copyright { | |
857 | - height: 25px; | |
858 | -} | |
859 | -.copyright p { | |
860 | - width: 100%; | |
861 | - float: left; | |
862 | - font-size: 11px; | |
863 | - color: #939598; | |
864 | - font-weight: 300; | |
865 | -} | |
866 | -.artweb-wr { | |
867 | - height: 25px; | |
868 | - float: right; | |
869 | -} | |
870 | - | |
871 | -.artweb-wr a { | |
872 | - height: 25px; | |
873 | - padding-right: 33px; | |
874 | - position: relative; | |
875 | - line-height: 25px; | |
876 | - color: #939598; | |
877 | - font-size: 11px; | |
878 | - display: block; | |
879 | -} | |
880 | -.artweb-wr a:hover { | |
881 | - text-decoration: none; | |
882 | -} | |
883 | -.artweb-wr a:before { | |
884 | - position: absolute; | |
885 | - width: 24px; | |
886 | - height: 23px; | |
887 | - top: 0; | |
888 | - right: 0; | |
889 | - background: url("../images/footer/artweb-logo.png") 0 50% no-repeat; | |
890 | - content: ''; | |
891 | -} | |
892 | - | |
893 | -.f-img {width: 100%;display: table-cell; height: 106px; vertical-align: middle;} | |
894 | -.f-img img {max-width: 100%;vertical-align: middle;} | |
895 | -.border-footer { | |
896 | - position: absolute; | |
897 | - padding: 0 15px; | |
898 | - top: 0; | |
899 | - left: 0; | |
900 | - width: 100%; | |
901 | -} | |
902 | -.border-footer div{ | |
903 | - width: 100%; | |
904 | - height: 1px; | |
905 | - background: #dedfe0; | |
906 | -} | |
907 | -.studio_footer {margin-top: 13px;} | |
908 | - | |
909 | -.mb-im-f-1 {text-align: center;display: table;} | |
910 | -.mb-im-f-2 {} | |
911 | -.mb-im-f-3 {} | |
912 | -.mb-im-f-4 {} | |
913 | -.mb-im-f-5 {text-align: right; display: table;} | |
914 | - | |
915 | -.certificate_f { | |
916 | - text-decoration: none; | |
917 | - font-size: 13px; | |
918 | - color: #939598; | |
919 | - font-weight: 300; | |
920 | - padding-left: 25px; | |
921 | - position: relative; | |
922 | -} | |
923 | -.certificate_f:before { | |
924 | - content: ''; | |
925 | - position: absolute; | |
926 | - width: 20px; | |
927 | - height: 26px; | |
928 | - left: 0; | |
929 | - top: 50%; | |
930 | - margin-top: -13px; | |
931 | - background: url("../images/ico/ico-12.png") no-repeat; | |
932 | -} | |
933 | - | |
934 | - | |
935 | -/*****forms*****/ | |
936 | -#overlay { | |
937 | - display: none; | |
938 | - /*display: block!important;*/ | |
939 | - width: 100%; | |
940 | - height: 100%; | |
941 | - position: fixed; | |
942 | - top: 0; | |
943 | - left: 0; | |
944 | - z-index: 99999; | |
945 | - background: #000; | |
946 | - opacity: 0.8; | |
947 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
948 | -} | |
949 | -.modal-form, #success-form { | |
950 | - width: 810px; | |
951 | - background: #fff; | |
952 | - position: absolute; | |
953 | - left: 50%; | |
954 | - margin-left: -405px; | |
955 | - top: 20px; | |
956 | - opacity: 0; | |
957 | - /*opacity: 1;*/ | |
958 | - z-index: 999991; | |
959 | - display: none; | |
960 | - /*display: block!important;*/ | |
961 | -} | |
962 | -#success-form { | |
963 | - height: 216px; | |
964 | - background: #fff; | |
965 | -} | |
966 | -#modal_form-2 .txt-success { | |
967 | - width: 810px; | |
968 | - height: 216px; | |
969 | - display: table-cell; | |
970 | - vertical-align: middle; | |
971 | - text-align: center; | |
972 | -} | |
973 | -.form-wr { | |
974 | - width: 100%; | |
975 | - float: left; | |
976 | - background: #fff; | |
977 | - position: relative; | |
978 | -} | |
979 | -#close-form { | |
980 | - width: 34px; | |
981 | - height: 34px; | |
982 | - background: url("../images/ico/ico-13.png") no-repeat; | |
983 | - position: absolute; | |
984 | - top: -57px; | |
985 | - right: -61px; | |
986 | - cursor: pointer; | |
987 | - z-index: 999; | |
988 | -} | |
989 | -.form-title { | |
990 | - font-size: 24px; | |
991 | - font-weight: 700; | |
992 | - width: 100%; | |
993 | - float: left; | |
994 | - text-align: center; | |
995 | - margin-top: 34px; | |
996 | -} | |
997 | - | |
998 | - | |
999 | - | |
1000 | -.modal-form form { | |
1001 | - width: 100%; | |
1002 | - float: left; | |
1003 | - padding: 0 150px; | |
1004 | - margin-bottom: 40px; | |
1005 | -} | |
1006 | -.input-wr { | |
1007 | - width: 100%; | |
1008 | - float: left; | |
1009 | - position: relative; | |
1010 | - margin-top: 21px; | |
1011 | -} | |
1012 | - | |
1013 | -.modal-form form label { | |
1014 | - font-size: 14px; | |
1015 | - font-weight: 700; | |
1016 | - text-transform: uppercase; | |
1017 | - width: 150px; | |
1018 | - text-align: right; | |
1019 | - display: block; | |
1020 | - line-height: 32px; | |
1021 | - height: 30px; | |
1022 | - float: left; | |
1023 | - padding-right: 30px; | |
1024 | - position: relative; | |
1025 | -} | |
1026 | -.modal-form form .required label:before { | |
1027 | - content: '*'; | |
1028 | - position: absolute; | |
1029 | - top: 0; | |
1030 | - right: 23px; | |
1031 | - line-height: 30px; | |
1032 | - color: #ed1c24; | |
1033 | - font-size: 14px; | |
1034 | - | |
1035 | -} | |
1036 | -.modal-form form input, .modal-form form textarea { | |
1037 | - width: 360px; | |
1038 | - max-width: 360px; | |
1039 | - float: right; | |
1040 | - height: 30px; | |
1041 | - padding-left: 10px; | |
1042 | -} | |
1043 | -.modal-form form input { | |
1044 | - outline: none!important; | |
1045 | - font-size: 18px; | |
1046 | - | |
1047 | - border-top: 0; | |
1048 | - border-left: 0; | |
1049 | - border-right: 0; | |
1050 | - border-bottom: 1px solid #dedfe0; | |
1051 | -} | |
1052 | -.modal-form form textarea { | |
1053 | - | |
1054 | - max-height: 30px; | |
1055 | - border-top: 0; | |
1056 | - border-left: 0; | |
1057 | - border-right: 0; | |
1058 | - border-bottom: 1px solid #dedfe0; | |
1059 | - resize: none; | |
1060 | -} | |
1061 | -.modal-form form input:focus, .modal-form form textarea:focus {border-bottom: 1px solid #a7a7a7;transition: 0.2s;-webkit-transition: 0.2s;} | |
1062 | -.modal-form form .has-error input, .modal-form form .has-error textarea { | |
1063 | - border-bottom: 1px solid #ed1c24; | |
1064 | -} | |
1065 | -.modal-form form .help-block { | |
1066 | - display: none; | |
1067 | - position: absolute; | |
1068 | - right: 0; | |
1069 | - bottom: 1px; | |
1070 | - width: 95px; | |
1071 | - background: #fff; | |
1072 | - height: 100%; | |
1073 | -} | |
1074 | -.modal-form form .has-error .help-block {display: block;} | |
1075 | -.modal-form form .has-error .help-block:before { | |
1076 | - position: absolute; | |
1077 | - content: 'ошибка ввода'; | |
1078 | - font-size: 13px; | |
1079 | - line-height: 30px; | |
1080 | - color: #ed1c24; | |
1081 | - top: 0; | |
1082 | - right: 0; | |
1083 | - display: block !important; | |
1084 | - width: 100%; | |
1085 | - text-align: right; | |
1086 | -} | |
1087 | -.button-wr {width: 360px;float: right; margin-top: 40px;} | |
1088 | -.modal-form form button[type="submit"] { | |
1089 | - display: block; | |
1090 | - margin: 0 auto; | |
1091 | - width: 174px; | |
1092 | - height: 40px; | |
1093 | - line-height: 40px; | |
1094 | - outline: none !important; | |
1095 | - text-align: center; | |
1096 | - text-transform: uppercase; | |
1097 | - border: 1px solid #939598; | |
1098 | - color: inherit; | |
1099 | - font-size: 11px; | |
1100 | - font-weight: 700; | |
1101 | - cursor: pointer; | |
1102 | - background: #fff; | |
1103 | - | |
1104 | - | |
1105 | -} | |
1106 | -.modal-form form button[type="submit"]:hover { | |
1107 | - background: #939598; | |
1108 | - color: #fff; | |
1109 | - | |
1110 | -} | |
1111 | -.modal-form form button[type="submit"]:hover:active { | |
1112 | - background: #68696b; | |
1113 | -} | |
1114 | - | |
1115 | -.form-product-wr { | |
1116 | - width: 100%; | |
1117 | - height: 241px; | |
1118 | - overflow: hidden; | |
1119 | - float: left; | |
1120 | - margin-top: 40px; | |
1121 | -} | |
1122 | -.form-product-wr.product_0 {display: none;} | |
1123 | -.form-product-wr.product_1 {height: 75px;} | |
1124 | -.form-product-wr.product_2 {height: 155px;} | |
1125 | - | |
1126 | -.scrollbar_ {height: 241px; | |
1127 | - overflow-y: hidden;} | |
1128 | -.form-product-wr table { | |
1129 | - padding: 0; | |
1130 | - border: 0; | |
1131 | - collapse: 0; | |
1132 | -} | |
1133 | -.form-product-wr table tr { | |
1134 | - width: 100%; | |
1135 | - float: left; | |
1136 | - margin-top: 9px; | |
1137 | - position: relative; | |
1138 | -} | |
1139 | -.form-product-wr table tr:first-child {margin-top: 0;} | |
1140 | -.form-product-wr table tr td { | |
1141 | - min-height: 67px; | |
1142 | - width: 360px; | |
1143 | - position: relative; | |
1144 | - padding-right: 50px; | |
1145 | -} | |
1146 | -.form-product-wr table tr td:first-child { | |
1147 | - width: 150px; | |
1148 | - text-align: right; | |
1149 | - padding-right: 30px; | |
1150 | -} | |
1151 | -.form-product-wr table tr td.remove_ { | |
1152 | - content: ''; | |
1153 | - position: absolute; | |
1154 | - right: 0; | |
1155 | - top: 50%; | |
1156 | - margin-top: -8px; | |
1157 | - width: 16px !important; | |
1158 | - height: 16px; | |
1159 | - background: url("../images/ico/ico-14.png") no-repeat; | |
1160 | - cursor: pointer; | |
1161 | -} | |
1162 | -.form-product-wr table tr td.remove_:hover { | |
1163 | - background: url("../images/ico/ico-15.png") no-repeat; | |
1164 | -} | |
1165 | -.form-product-wr table tr td:first-child:before {display: none;} | |
1166 | - | |
1167 | - | |
1168 | -.form-product-wr table tr td:first-child img {vertical-align: middle} | |
1169 | -.form-product-wr table tr td a { | |
1170 | - text-decoration: none; | |
1171 | - font-size: 13px; | |
1172 | - color: inherit; | |
1173 | -} | |
1174 | -.form-product-wr table tr td a span { | |
1175 | - font-weight: 700; | |
1176 | -} | |
1177 | -.form-product-wr table tr td a span:first-child { | |
1178 | - font-weight: 400; | |
1179 | - text-transform: uppercase; | |
1180 | -} | |
1181 | -._more_ { | |
1182 | - position: absolute; | |
1183 | - left: 0; | |
1184 | - bottom: 9px; | |
1185 | - text-decoration: none; | |
1186 | - font-size: 13px; | |
1187 | - color: #939598; | |
1188 | -} | |
1189 | -._more_:hover {text-decoration: underline;} | |
1190 | - /**********/ | |
1191 | -/*****home*****/ | |
1192 | -.margin-top {margin-top: 30px;} | |
1193 | - | |
1194 | - | |
1195 | - | |
1196 | - | |
1197 | -.box-mosaic a { | |
1198 | - position: relative; | |
1199 | - display: block; | |
1200 | - height: 100%; | |
1201 | -} | |
1202 | -.box-mosaic a:hover { | |
1203 | - opacity: 0.9; | |
1204 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
1205 | -} | |
1206 | -.box-mosaic a div { | |
1207 | - height: 100%;width: 100%;position: absolute;top: 0;left: 0;overflow: hidden; | |
1208 | -} | |
1209 | -.box-mosaic a p { | |
1210 | - width: 100%; | |
1211 | - height: 75px; | |
1212 | - position: absolute; | |
1213 | - bottom: 0; | |
1214 | - left: 0; | |
1215 | - color: #fff; | |
1216 | - text-decoration: none; | |
1217 | - font-size: 14px; | |
1218 | - z-index: 2; | |
1219 | - line-height: 14px; | |
1220 | - padding-left: 20px; | |
1221 | - background: url("../images/shadow-home.png") repeat-x; | |
1222 | - padding-right: 16px; | |
1223 | - padding-top: 39px; | |
1224 | -} | |
1225 | -.box-mosaic a p:before { | |
1226 | - width: 7px; | |
1227 | - height: 12px; | |
1228 | - background: url("../images/ico/ico-3.png") no-repeat; | |
1229 | - position: absolute; | |
1230 | - bottom: 24px; | |
1231 | - right: 16px; | |
1232 | - content: ''; | |
1233 | -} | |
1234 | -.box-mosaic img {width: 100%;position: absolute;top: 0;left: 0} | |
1235 | -[class*="moz-"] { | |
1236 | - height: 75px; | |
1237 | -} | |
1238 | -.moz-5 a {height: 152px;} | |
1239 | -.moz-1 {height: 152px; padding-right: 2px !important;} | |
1240 | -.moz-2 {padding-left: 0 !important; padding-right: 2px !important;} | |
1241 | -.moz-3 {padding-left: 0 !important;} | |
1242 | -.moz-4 {padding-left: 0 !important;margin-top: 2px; padding-right: 2px !important;} | |
1243 | -.moz-5 {padding-left: 0!important;margin-top: 2px;} | |
1244 | -.moz-6 {padding-right: 2px !important;margin-top: 2px;} | |
1245 | -.moz-7 {padding-left: 0!important; padding-right: 2px !important;margin-top: 2px;} | |
1246 | - | |
1247 | - | |
1248 | - | |
1249 | -.box-slider { | |
1250 | - position: relative; | |
1251 | - height: 460px; | |
1252 | - overflow: hidden; | |
1253 | -} | |
1254 | - | |
1255 | -.slider-menu { | |
1256 | - height: 100%; | |
1257 | - position: absolute; | |
1258 | - z-index: 2; | |
1259 | - top:0; | |
1260 | - left: 0; | |
1261 | -} | |
1262 | -.slider-menu ul { | |
1263 | - position: relative; | |
1264 | - height: 100%; | |
1265 | -} | |
1266 | -.slider-menu ul:before { | |
1267 | - position: absolute; | |
1268 | - top: 0; | |
1269 | - left: 0; | |
1270 | - width: 100%; | |
1271 | - height: 100%; | |
1272 | - background: url("../images/shadow-slider-1.png") 0 50% no-repeat; | |
1273 | - content: ''; | |
1274 | -} | |
1275 | -.slider-menu ul li { | |
1276 | - list-style: none; | |
1277 | - position: relative; | |
1278 | - width: 34px; | |
1279 | - height: 100%; | |
1280 | - float: left; | |
1281 | -} | |
1282 | -.slider-menu ul li a { | |
1283 | - text-decoration: none; | |
1284 | - color: #fff; | |
1285 | - font-size: 14px; | |
1286 | - width: 460px; | |
1287 | - height: 34px; | |
1288 | - line-height: 34px; | |
1289 | - display: block; | |
1290 | - text-align: center; | |
1291 | - z-index: 2; | |
1292 | - position: absolute; | |
1293 | - top: 213px; | |
1294 | - left: -213px; | |
1295 | - transform: rotate(-90deg); | |
1296 | - -webkit-transform: rotate(-90deg); | |
1297 | -} | |
1298 | -.slider-menu ul li a:hover { | |
1299 | - text-decoration: underline; | |
1300 | -} | |
1301 | -.slider-menu ul li:before { | |
1302 | - position: absolute; | |
1303 | - top: 0; | |
1304 | - left: 0; | |
1305 | - height: 100%; | |
1306 | - width: 34px; | |
1307 | - content: ''; | |
1308 | - background: #000; | |
1309 | - opacity: 0.9; | |
1310 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
1311 | - z-index: 1; | |
1312 | -} | |
1313 | -.slider-menu ul li:nth-child(2):before { | |
1314 | - opacity: 0.8; | |
1315 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
1316 | -} | |
1317 | -.slider-menu ul li:nth-child(3):before { | |
1318 | - opacity: 0.7; | |
1319 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |
1320 | -} | |
1321 | -.slider-menu ul li:nth-child(4):before { | |
1322 | - opacity: 0.6; | |
1323 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; | |
1324 | -} | |
1325 | -.slider-menu ul li:nth-child(5):before { | |
1326 | - opacity: 0.5; | |
1327 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1328 | -} | |
1329 | -.slider-menu ul li:nth-child(6):before { | |
1330 | - opacity: 0.4; | |
1331 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | |
1332 | -} | |
1333 | -.slider-menu ul li:nth-child(7):before { | |
1334 | - opacity: 0.3; | |
1335 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; | |
1336 | -} | |
1337 | -.slider-menu ul li:nth-child(8):before { | |
1338 | - opacity: 0.2; | |
1339 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; | |
1340 | -} | |
1341 | -.slider-menu ul li:nth-child(n+9):before { | |
1342 | - opacity: 0.15; | |
1343 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; | |
1344 | -} | |
1345 | - | |
1346 | - | |
1347 | -.slider-img a { | |
1348 | - position: relative; | |
1349 | - width: 100%; | |
1350 | - height:100%; | |
1351 | - display: none; | |
1352 | -} | |
1353 | -.slider-img a.active-slide {display: block;} | |
1354 | -.slider-img a img { | |
1355 | - position: absolute; | |
1356 | - width: 1140px; | |
1357 | - height: 460px; | |
1358 | - top: 50%; | |
1359 | - left: 50%; | |
1360 | - margin-top: -230px; | |
1361 | - margin-left: -570px; | |
1362 | -} | |
1363 | -.slider-img a div{ | |
1364 | - position: absolute; | |
1365 | - width: 50%; | |
1366 | - bottom: 36px; | |
1367 | - right: 0; | |
1368 | - z-index: 3; | |
1369 | - padding-right: 97px; | |
1370 | -} | |
1371 | -.slider-img a p, .slider-img a span { | |
1372 | - color: #fff; | |
1373 | - text-decoration: none; | |
1374 | -} | |
1375 | -.slider-img a p { | |
1376 | - font-size: 36px; | |
1377 | - font-weight: 700; | |
1378 | - text-transform: uppercase; | |
1379 | - position: relative; | |
1380 | - line-height: 42px; | |
1381 | - padding-bottom: 8px; | |
1382 | -} | |
1383 | -.slider-img a p:before { | |
1384 | - width: 100%; | |
1385 | - height: 2px; | |
1386 | - background: #fff; | |
1387 | - opacity: 0.5; | |
1388 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1389 | - position: absolute; | |
1390 | - bottom: 0; | |
1391 | - left: 0; | |
1392 | - content: ''; | |
1393 | -} | |
1394 | -.slider-img a span { | |
1395 | - font-size: 13px; | |
1396 | - font-weight: 300; | |
1397 | - display: block; | |
1398 | - line-height: 16px; | |
1399 | - padding-top: 12px; | |
1400 | -} | |
1401 | - | |
1402 | - | |
1403 | - | |
1404 | - | |
1405 | - | |
1406 | - | |
1407 | - | |
1408 | - | |
1409 | - | |
1410 | -.slider-img{ | |
1411 | - position: relative; | |
1412 | - height:100%; | |
1413 | - overflow: hidden; | |
1414 | - z-index: 1; | |
1415 | -} | |
1416 | - | |
1417 | - | |
1418 | -.box-banners a img {max-width: 100%} | |
1419 | -.box-banners a:hover { | |
1420 | - opacity: 0.9; | |
1421 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
1422 | -} | |
1423 | - | |
1424 | -/***breadcrumb***/ | |
1425 | -ul.breadcrumb { | |
1426 | - width: 100%; | |
1427 | - float: left; | |
1428 | - margin-top: 28px; | |
1429 | - margin-bottom: 16px; | |
1430 | -} | |
1431 | -ul.breadcrumb li { | |
1432 | - float: left; | |
1433 | - list-style: none; | |
1434 | - font-size: 13px; | |
1435 | - color: #939598; | |
1436 | - font-weight: 300; | |
1437 | - position: relative; | |
1438 | - padding-left: 18px; | |
1439 | -} | |
1440 | -ul.breadcrumb li:first-child {padding-left: 0;} | |
1441 | -ul.breadcrumb li:before { | |
1442 | - content: ''; | |
1443 | - position: absolute; | |
1444 | - width: 3px; | |
1445 | - height: 5px; | |
1446 | - top: 50%; | |
1447 | - margin-top: -2px; | |
1448 | - left: 8px; | |
1449 | - background: url("../images/ico/ico-8.png") no-repeat; | |
1450 | -} | |
1451 | - | |
1452 | -ul.breadcrumb li:first-child:before {display: none;} | |
1453 | -ul.breadcrumb li a { | |
1454 | - text-decoration: underline; | |
1455 | - color: inherit; | |
1456 | -} | |
1457 | - | |
1458 | -/***titles***/ | |
1459 | -.box-title-1 { | |
1460 | - font-size: 24px; | |
1461 | - color:#414143; | |
1462 | - font-weight: 700; | |
1463 | -} | |
1464 | -/***cat***/ | |
1465 | -.box-category {margin-top: -19px;} | |
1466 | -.margin_bottom_30 {margin-bottom: 30px;} | |
1467 | -.link-cat { | |
1468 | - position: relative; | |
1469 | - width: 100%; | |
1470 | - display: block; | |
1471 | - float: left; | |
1472 | - height: 144px; | |
1473 | - background-repeat: no-repeat !important; | |
1474 | - background-size: cover !important; | |
1475 | -} | |
1476 | -.link-cat:before { | |
1477 | - height: 75px; | |
1478 | - background: url("../images/shadow-cat.png") repeat-x; | |
1479 | - position: absolute; | |
1480 | - bottom: 0; | |
1481 | - left: 0; | |
1482 | - content: ''; | |
1483 | - width: 100%; | |
1484 | -} | |
1485 | -.link-cat p { | |
1486 | - position: absolute; | |
1487 | - color: #fff; | |
1488 | - left: 0; | |
1489 | - bottom: 19px; | |
1490 | - width: 100%; | |
1491 | - padding-left: 20px; | |
1492 | - padding-right: 20px; | |
1493 | -} | |
1494 | -.link-cat p:before { | |
1495 | - position: absolute; | |
1496 | - width: 7px; | |
1497 | - height: 12px; | |
1498 | - content: ''; | |
1499 | - background: url("../images/ico/ico-3.png") no-repeat; | |
1500 | - right: 11px; | |
1501 | - bottom: 6px; | |
1502 | -} | |
1503 | -.link-cat img { | |
1504 | - width: 100%; | |
1505 | - height: auto !important;float: left; | |
1506 | -} | |
1507 | -.cat-list-wr {margin-top: 30px;} | |
1508 | -.cat-list, .cat-list-brands { | |
1509 | - width: 100%; | |
1510 | - float: left; | |
1511 | -} | |
1512 | -.cat-list-brands-wr { | |
1513 | - width: 100%; | |
1514 | - float: left; | |
1515 | - position: relative; | |
1516 | - height: 133px; | |
1517 | -} | |
1518 | -.cat-list-brands { | |
1519 | - border-left: 1px solid #dedfe0; | |
1520 | - border-right: 1px solid #dedfe0; | |
1521 | - border-bottom: 1px solid #dedfe0; | |
1522 | - padding-top: 9px; | |
1523 | - padding-bottom: 13px; | |
1524 | - height: 133px; | |
1525 | - overflow: hidden; | |
1526 | - background: #fff; | |
1527 | - z-index: 2; | |
1528 | -} | |
1529 | -.cat-list-brands ul { | |
1530 | - list-style: none; | |
1531 | - width: 100%; | |
1532 | - float: left; | |
1533 | - padding: 0 10px 0 20px; | |
1534 | -} | |
1535 | -.cat-list-brands ul li { | |
1536 | - width: 100%; | |
1537 | - float: left; | |
1538 | - height: 24px; | |
1539 | -} | |
1540 | -.cat-list-brands ul li a { | |
1541 | - color: #414143; | |
1542 | - text-decoration: none; | |
1543 | - font-size: 13px; | |
1544 | - display: block; | |
1545 | - width: 100%; | |
1546 | - height: 100%; | |
1547 | - line-height: 24px; | |
1548 | - overflow: hidden; | |
1549 | - white-space: nowrap; | |
1550 | - position: relative; | |
1551 | -} | |
1552 | -.cat-list-brands ul li a:before { | |
1553 | - content: ''; | |
1554 | - height: 24px; | |
1555 | - width: 22px; | |
1556 | - opacity: 1; | |
1557 | - position: absolute; | |
1558 | - top: 0; | |
1559 | - right: 0; | |
1560 | - background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); | |
1561 | - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); | |
1562 | - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); | |
1563 | - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); | |
1564 | -} | |
1565 | -.cat-list-brands ul li a:hover {text-decoration: underline;} | |
1566 | -.hover .link-cat, .hover .cat-list-brands {box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); transition: 0.2s; -webkit-transition: 0.2s} | |
1567 | -.hover .cat-list-brands { | |
1568 | - position: absolute; | |
1569 | - top: 0; | |
1570 | - left: 0; | |
1571 | - height: auto; | |
1572 | - min-height: 133px; | |
1573 | -} | |
1574 | - | |
1575 | - | |
1576 | -.expand_brands { | |
1577 | - display: none; | |
1578 | - padding: 0 0 0 20px; | |
1579 | - float: left; | |
1580 | -} | |
1581 | - | |
1582 | -.expand_brands p { | |
1583 | - float: left; | |
1584 | - color: #939598; | |
1585 | - border-bottom: 1px dashed #939598; | |
1586 | - font-size: 13px; | |
1587 | - cursor: pointer; | |
1588 | -} | |
1589 | - /****************/ | |
1590 | - | |
1591 | -/***brand***/ | |
1592 | -.box-brand { | |
1593 | - margin-top: 11px; | |
1594 | -} | |
1595 | - | |
1596 | -.article-img img { | |
1597 | - width: 100%; | |
1598 | - max-width: 100%; | |
1599 | - float: left; | |
1600 | -} | |
1601 | -.content-txt { | |
1602 | - margin-top: 28px; | |
1603 | -} | |
1604 | -.brand-main-txt {margin-top: -2px; padding-bottom: 53px;} | |
1605 | -.content-txt p, .brand-main-txt p, .brand-list-desc-txt p, .products-txt p, .service-txt p, .artile-view-txt p, .tabs-content p { | |
1606 | - font-size: 13px; | |
1607 | - width: 100%; | |
1608 | - float: left; | |
1609 | - line-height: 16px; | |
1610 | - margin-top: 15px; | |
1611 | -} | |
1612 | -.products-txt p, .brand-list-desc-txt p, .tabs-content p {float: none;} | |
1613 | -.content-txt p:first-child, .brand-main-txt p:first-child, .brand-list-desc-txt p:first-child, .artile-view-txt p:first-of-type {margin-top: 0} | |
1614 | - | |
1615 | -.brand-link a { | |
1616 | - display: block; | |
1617 | - width: 100%; | |
1618 | - float: left; | |
1619 | - border: 1px solid #dedfe0; | |
1620 | - padding: 13px 5px; | |
1621 | - margin-top: 12px; | |
1622 | - text-align: center; | |
1623 | -} | |
1624 | -.brand-link a:first-child {margin-top: 0;} | |
1625 | -.brand-link a:hover { | |
1626 | - box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); | |
1627 | - transition: 0.2s; | |
1628 | - -webkit-transition: 0.2s; | |
1629 | -} | |
1630 | -.brand-link a img { | |
1631 | - max-width: 100%; | |
1632 | - vertical-align:middle; | |
1633 | -} | |
1634 | -.uppercase {text-transform: uppercase;} | |
1635 | - | |
1636 | -.brand-txt-img {z-index1;position: absolute;height: 100%; width: 50%;right: 0;} | |
1637 | - | |
1638 | -.brand-txt-img div {width: 100%;height: 50px;padding-left: 15px;display: table-cell;vertical-align: bottom} | |
1639 | -.brand-txt-img img { | |
1640 | - float: left; | |
1641 | - max-height: 50px; | |
1642 | - max-width: 100%; | |
1643 | - vertical-align: bottom; | |
1644 | - position: absolute;z-index: 3; bottom: 0;left: 15px; | |
1645 | -} | |
1646 | -.brand-list-desc-txt { | |
1647 | - margin-top: -3px; | |
1648 | -} | |
1649 | -.brand-list-desc-txt p a { | |
1650 | - color: #939598; | |
1651 | - font-size: 13px; | |
1652 | - position: relative; | |
1653 | - text-decoration: none; | |
1654 | -} | |
1655 | - | |
1656 | -.brand-list-desc-txt p a:hover {text-decoration: underline;} | |
1657 | -.brand-list-desc-txt p a:before { | |
1658 | - position: absolute; | |
1659 | - width: 6px; | |
1660 | - height: 5px; | |
1661 | - background: url("../images/ico/ico-9.png") no-repeat; | |
1662 | - top: 50%; | |
1663 | - margin-top: -2px; | |
1664 | - right: -10px; | |
1665 | - content: ''; | |
1666 | -} | |
1667 | -.brand-list-desc .box-title-1 {padding: 0 15px;margin-bottom: 15px} | |
1668 | -.brands-list-wr { | |
1669 | - margin-top: 51px; | |
1670 | - overflow: hidden; | |
1671 | -} | |
1672 | -.brand-list-desc img {max-width: 100%;float: left;} | |
1673 | -.brands-list, .collection-list ul { | |
1674 | - padding-left: 15px; | |
1675 | - margin-top: 4px; | |
1676 | - padding-right: 15px; | |
1677 | - box-sizing: content-box; | |
1678 | - overflow: hidden; | |
1679 | -} | |
1680 | -.collection-list ul { | |
1681 | - margin-top: -26px; | |
1682 | - padding: 0; | |
1683 | - margin-left: -30px; | |
1684 | -} | |
1685 | -.brands-list li, .collection-list ul li { | |
1686 | - float: left; | |
1687 | - width: 116px; | |
1688 | - list-style: none; | |
1689 | - margin-right: 30px; | |
1690 | - margin-top: 26px; | |
1691 | -} | |
1692 | -.collection-list ul li { | |
1693 | - margin-right: 0; | |
1694 | - margin-left: 30px; | |
1695 | -} | |
1696 | -.brands-list li:last-child, .collection-list ul li:last-child {margin-right: 0;} | |
1697 | - | |
1698 | -.brands-list li a, .collection-list ul li a { | |
1699 | - text-decoration: none; | |
1700 | - color: inherit; | |
1701 | - | |
1702 | -} | |
1703 | -.brands-list li a p, .collection-list ul li a p { | |
1704 | - font-size: 13px; | |
1705 | - color: inherit; | |
1706 | - width: 100%; | |
1707 | - text-transform: uppercase; | |
1708 | - text-align: center; | |
1709 | - line-height: 16px; | |
1710 | - height: 32px; | |
1711 | - overflow: hidden; | |
1712 | - margin-top: 9px; | |
1713 | -} | |
1714 | -.brands-list li a div, .collection-list ul li a div { | |
1715 | - width: 116px; | |
1716 | - height: 116px; | |
1717 | - position: relative; | |
1718 | -} | |
1719 | -.brands-list li a div:before, .collection-list ul li a div:before { | |
1720 | - content: ''; | |
1721 | - position: absolute; | |
1722 | - top: 0; | |
1723 | - left: 0; | |
1724 | - width: 100%; | |
1725 | - height: 100%; | |
1726 | - border: 5px solid #fff; | |
1727 | - opacity: 0; | |
1728 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
1729 | -} | |
1730 | -.brands-list li a div img, .collection-list ul li a div img {max-width: 100%;} | |
1731 | -.brands-list li a:hover, .collection-list ul li a:hover {text-decoration: underline;} | |
1732 | -.brands-list li a:hover div:before, .collection-list ul li.active a div:before { | |
1733 | - transition: 0.3s; | |
1734 | - -webkit-transition: 0.3s; | |
1735 | - opacity: 0.5; | |
1736 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1737 | -} | |
1738 | -.collection-list ul li a:hover div {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;} | |
1739 | - | |
1740 | -.brands-list_ { | |
1741 | - width: 100%; | |
1742 | - float: left; | |
1743 | - margin-top: 48px; | |
1744 | -} | |
1745 | - | |
1746 | - | |
1747 | - | |
1748 | -/**********/ | |
1749 | -/***products***/ | |
1750 | -.products-title { | |
1751 | - font-size: 24px; | |
1752 | - font-weight: 700; | |
1753 | - margin-top: -8px; | |
1754 | -} | |
1755 | -.products-link {margin-top: 30px;} | |
1756 | -.products-link a { | |
1757 | - position: relative; | |
1758 | - width: 100%; | |
1759 | - display: block; | |
1760 | - float: left; | |
1761 | -} | |
1762 | -.products-link a img { | |
1763 | - width: 100%; | |
1764 | - max-width: 100%; | |
1765 | - float: left; | |
1766 | -} | |
1767 | - | |
1768 | -.products-link a:after { | |
1769 | - content: ''; | |
1770 | - position: absolute; | |
1771 | - top: 0; | |
1772 | - left: 0; | |
1773 | - width: 100%; | |
1774 | - height: 100%; | |
1775 | - border: 5px solid #fff; | |
1776 | - opacity: 0; | |
1777 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
1778 | -} | |
1779 | -.products-link a:hover:after { | |
1780 | - transition: 0.3s; | |
1781 | - -webkit-transition: 0.3s; | |
1782 | - opacity: 0.5; | |
1783 | - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
1784 | -} | |
1785 | -.products-link a:before { | |
1786 | - position: absolute; | |
1787 | - width: 7px; | |
1788 | - height: 12px; | |
1789 | - background: url("../images/ico/ico-3.png") no-repeat; | |
1790 | - content: ''; | |
1791 | - bottom: 20px; | |
1792 | - right: 15px; | |
1793 | -} | |
1794 | - | |
1795 | -.products-list-wr {margin-top: 60px} | |
1796 | -.products-list-wr:first-child {margin-top: 0} | |
1797 | - | |
1798 | -/**************/ | |
1799 | -/***about,contacts,company,service***/ | |
1800 | -.pic-width img, .service-txt img {width: 100%;max-width: 100%;float: left;} | |
1801 | -.service-adress {margin-top: 15px;} | |
1802 | -.service-adress ul { | |
1803 | - list-style: none; | |
1804 | - position: relative; | |
1805 | -} | |
1806 | -.service-adress ul li { | |
1807 | - font-size: 13px; | |
1808 | - padding-left: 15px; | |
1809 | -} | |
1810 | -.service-adress ul:before { | |
1811 | - content: ''; | |
1812 | - position: absolute; | |
1813 | - left: 0; | |
1814 | - top: 0; | |
1815 | - width: 3px; | |
1816 | - height: 100%; | |
1817 | - background: #939598; | |
1818 | -} | |
1819 | -.title-contacts { | |
1820 | - font-size: 24px; | |
1821 | - font-weight: 700; | |
1822 | - margin-top: 32px; | |
1823 | -} | |
1824 | -.title-contacts:first-child { | |
1825 | - margin-top: 0; | |
1826 | -} | |
1827 | -/**************/ | |
1828 | -/***articles***/ | |
1829 | -.articles-date, .articles-title {float: left;} | |
1830 | -.articles-date span { | |
1831 | - line-height: 17px; | |
1832 | - padding: 0 7px; | |
1833 | - color: #fff; | |
1834 | - font-size: 11px; | |
1835 | - font-weight: 300; | |
1836 | - background: #939598; | |
1837 | - display: block; | |
1838 | - margin-top: 8px; | |
1839 | - margin-right: 16px; | |
1840 | - float: left; | |
1841 | -} | |
1842 | -.articles-title a, .articles-title { | |
1843 | - font-weight: 700; | |
1844 | - font-size: 24px; | |
1845 | - text-decoration: none; | |
1846 | - color: inherit; | |
1847 | - | |
1848 | -} | |
1849 | -.articles-title a:hover { | |
1850 | - text-decoration: underline; | |
1851 | -} | |
1852 | -.articles_data-title {margin-top: 32px;margin-bottom: 15px;} | |
1853 | -.new_articles_data-title {margin-top: 51px;margin-bottom: 15px;} | |
1854 | -.articles-wr {margin-top: -20px;} | |
1855 | -.new_articles-wr {margin-top: -38px;} | |
1856 | - | |
1857 | -.article-img:hover {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;} | |
1858 | -.articles-view-wr .articles-date span {margin-top: 0;margin-right: 0;} | |
1859 | -.float-left {float: left;} | |
1860 | -.float-right {float: right;} | |
1861 | -.artile-view-txt {margin-top: 25px;} | |
1862 | -.artile-view-txt img {max-width: 100%;} | |
1863 | -.artile-view-txt p {padding: 0 15px;float: none;} | |
1864 | -.artile-view-txt img {margin-bottom: 10px;} | |
1865 | -/**************/ | |
1866 | -/***gallery page***/ | |
1867 | -.galery-obj-img {} | |
1868 | -.galery-obj-img a {text-decoration: none; float: left;width: 100%;overflow: hidden;} | |
1869 | -.galery-obj-img img {max-height: 100px;min-height: 100px;float: left; margin-right: 30px;margin-top: 20px;} | |
1870 | -/******gallery********/ | |
1871 | -.lg-outer .lg-thumb-item:hover {border: 0!important;} | |
1872 | -.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item.active:hover {border:2px solid #939598!important;} | |
1873 | -.lg-outer .lg-thumb-item { | |
1874 | - border: 0 !important; | |
1875 | - border-radius: 0!important; | |
1876 | -} | |
1877 | -/***project***/ | |
1878 | -.marginbottom-15 {margin-bottom: -15px;} | |
1879 | -.galery-obj-img ul li { | |
1880 | - list-style: none; | |
1881 | - float: left; | |
1882 | -} | |
1883 | -.project-brands_ { | |
1884 | - overflow-x: hidden; | |
1885 | -} | |
1886 | -/**************/ | |
1887 | -/***collection***/ | |
1888 | -.collection-img {text-align: center} | |
1889 | -.collection-img img { | |
1890 | - width: 100%; | |
1891 | - max-width: 360px !important; | |
1892 | - vertical-align: bottom; | |
1893 | -} | |
1894 | -.colect-title { | |
1895 | - text-align: center; | |
1896 | - font-size: 18px; | |
1897 | - font-weight: 700; | |
1898 | - margin-top: 37px; | |
1899 | -} | |
1900 | - | |
1901 | -.collection-description table { | |
1902 | - width: 100%; | |
1903 | - float: left; | |
1904 | - padding: 0 !important; | |
1905 | - border: 0 !important; | |
1906 | - border-spacing: 0!important; | |
1907 | - margin-top: 3px; | |
1908 | -} | |
1909 | -.collection-description table tr { | |
1910 | - width: 100%; | |
1911 | - height: 31px; | |
1912 | -} | |
1913 | -.collection-description table tr td { | |
1914 | - width: 50%; | |
1915 | - font-weight: 700; | |
1916 | - font-size: 13px; | |
1917 | - text-align: left; | |
1918 | - padding-left: 10px; | |
1919 | -} | |
1920 | -.collection-description table tr td:first-child { | |
1921 | - font-weight: 400; | |
1922 | - text-align: right; | |
1923 | - padding-left: 0; | |
1924 | - padding-right: 10px; | |
1925 | -} | |
1926 | - | |
1927 | -.load_collection { | |
1928 | - position: fixed; | |
1929 | - width: 100%; | |
1930 | - height: 100%; | |
1931 | - top: 0; | |
1932 | - left: 0; | |
1933 | - z-index: 99999; | |
1934 | -} | |
1935 | -.load_collection:before { | |
1936 | - content: ''; | |
1937 | - width: 100%; | |
1938 | - height: 100%; | |
1939 | - position: absolute; | |
1940 | - top: 0; | |
1941 | - left: 0; | |
1942 | - background: #fff; | |
1943 | - opacity: 0.8; | |
1944 | - z-index: 1; | |
1945 | -} | |
1946 | -.load_collection div { | |
1947 | - width: 100%; | |
1948 | - height: 100%; | |
1949 | - position: absolute; | |
1950 | - top: 0; | |
1951 | - left: 0; | |
1952 | - z-index: 2; | |
1953 | - background: url("../images/25.gif") 50% 50% no-repeat; | |
1954 | -} | |
1955 | - | |
1956 | -.to_order { | |
1957 | - display: block; | |
1958 | - margin: 0 auto; | |
1959 | - margin-top: 10px; | |
1960 | - width: 174px; | |
1961 | - height: 40px; | |
1962 | - text-decoration: none; | |
1963 | - line-height: 40px; | |
1964 | - border: 1px solid #939598; | |
1965 | - color: #414143; | |
1966 | - font-size: 11px; | |
1967 | - font-weight: 700; | |
1968 | - text-transform: uppercase; | |
1969 | - text-align: center; | |
1970 | -} | |
1971 | -.to_order:hover { | |
1972 | - background: #939598; | |
1973 | - color: #fff; | |
1974 | - transition: 0.2s; | |
1975 | - -webkit-transition: 0.2s; | |
1976 | -} | |
1977 | -.collect-tabs {margin-top: 60px;} | |
1978 | - | |
1979 | - | |
1980 | - | |
1981 | -.list-tabs { | |
1982 | - padding-left: 55px; | |
1983 | - width: 100%; | |
1984 | - float: left; | |
1985 | - position: relative; | |
1986 | -} | |
1987 | -.list-tabs:before { | |
1988 | - position: absolute; | |
1989 | - content: ''; | |
1990 | - bottom: 0; | |
1991 | - left: 0; | |
1992 | - width: 100%; | |
1993 | - height: 1px; | |
1994 | - background: #dedfe0; | |
1995 | - | |
1996 | -} | |
1997 | -.list-tabs li, .list-tabs li span { | |
1998 | - width: 174px; | |
1999 | - height: 39px; | |
2000 | -} | |
2001 | -.list-tabs li { | |
2002 | - position: relative; | |
2003 | - z-index: 2; | |
2004 | - list-style: none; | |
2005 | - float: left; | |
2006 | - text-decoration: none; | |
2007 | - color: inherit; | |
2008 | - font-size: 11px; | |
2009 | - text-transform: uppercase; | |
2010 | - cursor: pointer; | |
2011 | - border-left: 1px solid #dedfe0; | |
2012 | - border-right: 1px solid #dedfe0; | |
2013 | - border-top: 1px solid #dedfe0; | |
2014 | - margin-right: 2px; | |
2015 | - background: #dedfe0; | |
2016 | -} | |
2017 | -.list-tabs li span { | |
2018 | - text-align: center; | |
2019 | - display: table-cell; | |
2020 | - vertical-align: middle; | |
2021 | -} | |
2022 | -.list-tabs li.active-tab { | |
2023 | - background: #fff; | |
2024 | -} | |
2025 | -.tabs-content a { | |
2026 | - text-decoration: underline; | |
2027 | - color: inherit; | |
2028 | -} | |
2029 | -.tabs-content a:hover { | |
2030 | - text-decoration: none; | |
2031 | -} | |
2032 | - | |
2033 | - | |
2034 | -.t_content_wr { | |
2035 | - margin-top: 13px; | |
2036 | -} | |
2037 | -.tabs-content { | |
2038 | - display: none; | |
2039 | -} | |
2040 | -.tabs-content .certificate { | |
2041 | - width: 100% !important; | |
2042 | - height: 500px !important; | |
2043 | - margin-top: 25px; | |
2044 | -} | |
2045 | -.certificate-page .certificate { | |
2046 | - width: 450px !important; | |
2047 | - height: 500px !important; | |
2048 | - margin-top: 15px; | |
2049 | -} | |
2050 | -.tabs-content .gall-1 { | |
2051 | - width: 100%; | |
2052 | - float: left; | |
2053 | -} | |
2054 | - | |
2055 | -.tabs-content .gall-1 li { | |
2056 | - list-style: none; | |
2057 | - margin-top: 25px; | |
2058 | -} | |
2059 | -.tabs-content .gall-1 li a {float: left;} | |
2060 | -.tabs-content .gall-1 li a img { | |
2061 | -} | |
2062 | - | |
2063 | - | |
2064 | - | |
2065 | - | |
2066 | - | |
2067 | - | |
2068 | - | |
2069 | - | |
2070 | -/**************/ | |
2071 | - | |
2072 | - | |
2073 | - | |
2074 | -/***all***/ | |
2075 | -.new_article-img { | |
2076 | - width: 50%; | |
2077 | - float: left; | |
2078 | - margin-right: 15px; | |
2079 | - padding-right: 15px; | |
2080 | - margin-bottom: 10px; | |
2081 | -} | |
2082 | -.new_article-img img { | |
2083 | - max-width: 100%; | |
2084 | - width: 100%; | |
2085 | - float: left; | |
2086 | -} | |
2087 | -/**************/ | |
2088 | - | |
2089 | - | |
2090 | -/***pagination***/ | |
2091 | -.navi_ {position: relative;margin-top: 30px;padding: 0 63px;} | |
2092 | -.pagination { | |
2093 | - margin: 0 auto; | |
2094 | - display: table; | |
2095 | - | |
2096 | -} | |
2097 | -.pagination li { | |
2098 | - float: left; | |
2099 | - list-style: none; | |
2100 | - min-width: 24px; | |
2101 | - height: 24px; | |
2102 | - text-align: center; | |
2103 | - background: #f2f2f3; | |
2104 | - border-radius: 4px; | |
2105 | - margin: 10px 3px 0 3px; | |
2106 | -} | |
2107 | -.pagination li.active { | |
2108 | - background: #939598; | |
2109 | -} | |
2110 | -.pagination li a { | |
2111 | - font-size: 15px; | |
2112 | - color: inherit; | |
2113 | - text-decoration: none; | |
2114 | - line-height: 24px; | |
2115 | - width: 100%; | |
2116 | - display: block; | |
2117 | - padding: 0 3px; | |
2118 | - position: relative; | |
2119 | -} | |
2120 | -.pagination li.active a {color: #fff} | |
2121 | -.pagination li.prev, .pagination li.next { | |
2122 | - position: absolute; | |
2123 | - top: 0; | |
2124 | - background: none; | |
2125 | - width: 24px; | |
2126 | - height: 24px; | |
2127 | -} | |
2128 | -.pagination li.prev.disabled, .pagination li.next.disabled {opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} | |
2129 | -.pagination li.prev span, .pagination li.next span {display: block;position: relative;width: 100%;height: 100%;} | |
2130 | -.pagination li.prev { | |
2131 | - left: 33px; | |
2132 | -} | |
2133 | - | |
2134 | -.pagination li.next { | |
2135 | - right: 33px; | |
2136 | -} | |
2137 | -.pagination li.prev span:before, .pagination li.next span:before, .pagination li.prev a:before, .pagination li.next a:before { | |
2138 | - width: 100%; | |
2139 | - height: 100%; | |
2140 | - background: red; | |
2141 | - content: ''; | |
2142 | - position: absolute; | |
2143 | - top: 0; | |
2144 | - left: 0; | |
2145 | -} | |
2146 | -.pagination li.prev span:before, .pagination li.prev a:before { | |
2147 | - background: #fff url("../images/ico/ico-10.png") 50% 50% no-repeat; | |
2148 | -} | |
2149 | -.pagination li.next span:before, .pagination li.next a:before { | |
2150 | - background: #fff url("../images/ico/ico-11.png") 50% 50% no-repeat; | |
2151 | -} | |
2152 | -/**************/ | |
2153 | -.certificate-page {margin-top: -30px;} | |
2154 | -.title-certificate-pg { | |
2155 | - font-weight: 700; | |
2156 | - font-size: 18px; | |
2157 | - margin-top: 20px; | |
2158 | -} | |
2159 | - | |
2160 | - | |
2161 | -/***scrollbar***/ | |
2162 | - | |
2163 | -.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } | |
2164 | -.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } | |
2165 | - | |
2166 | -.mCustomScrollBox{ /* contains plugin's markup */ | |
2167 | - position: relative; | |
2168 | - overflow: hidden; | |
2169 | - height: 100%; | |
2170 | - max-width: 100%; | |
2171 | - outline: none; | |
2172 | - direction: ltr; | |
2173 | -} | |
2174 | - | |
2175 | -.mCSB_container{ /* contains the original content */ | |
2176 | - overflow: hidden; | |
2177 | - width: auto; | |
2178 | - height: auto; | |
2179 | -} | |
2180 | - | |
2181 | - | |
2182 | - | |
2183 | -/* | |
2184 | ------------------------------------------------------------------------------------------------------------------------- | |
2185 | -2. VERTICAL SCROLLBAR | |
2186 | -y-axis | |
2187 | ------------------------------------------------------------------------------------------------------------------------- | |
2188 | -*/ | |
2189 | - | |
2190 | - | |
2191 | - | |
2192 | -.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ | |
2193 | - | |
2194 | -.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ | |
2195 | - margin-right: 0; | |
2196 | - margin-left: 30px; | |
2197 | -} | |
2198 | - | |
2199 | -.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ | |
2200 | - | |
2201 | -.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ | |
2202 | - position: absolute; | |
2203 | - width: 16px; | |
2204 | - height: auto; | |
2205 | - left: auto; | |
2206 | - top: 0; | |
2207 | - right: 0; | |
2208 | - bottom: 0; | |
2209 | -} | |
2210 | - | |
2211 | -.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ | |
2212 | - | |
2213 | -.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, | |
2214 | -.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ | |
2215 | - right: auto; | |
2216 | - left: 0; | |
2217 | -} | |
2218 | - | |
2219 | -.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ | |
2220 | - | |
2221 | -.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ | |
2222 | - position: absolute; | |
2223 | - top: 0; | |
2224 | - left: 0; | |
2225 | - bottom: 0; | |
2226 | - right: 0; | |
2227 | - height: auto; | |
2228 | -} | |
2229 | - | |
2230 | -.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } | |
2231 | - | |
2232 | -.mCSB_scrollTools .mCSB_draggerRail{ | |
2233 | - width: 3px; | |
2234 | - height: 100%; | |
2235 | - margin: 0 auto; | |
2236 | - -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; | |
2237 | -} | |
2238 | - | |
2239 | -.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ | |
2240 | - cursor: pointer; | |
2241 | - width: 100%; | |
2242 | - height: 30px; /* minimum dragger height */ | |
2243 | - z-index: 1; | |
2244 | -} | |
2245 | - | |
2246 | -.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ | |
2247 | - position: relative; | |
2248 | - width: 9px; | |
2249 | - height: 100%; | |
2250 | - margin: 0 auto; | |
2251 | - -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; | |
2252 | - text-align: center; | |
2253 | -} | |
2254 | - | |
2255 | -.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, | |
2256 | -.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } | |
2257 | - | |
2258 | -.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, | |
2259 | -.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } | |
2260 | - | |
2261 | -.mCSB_scrollTools .mCSB_buttonUp, | |
2262 | -.mCSB_scrollTools .mCSB_buttonDown{ | |
2263 | - display: block; | |
2264 | - position: absolute; | |
2265 | - height: 20px; | |
2266 | - width: 100%; | |
2267 | - overflow: hidden; | |
2268 | - margin: 0 auto; | |
2269 | - cursor: pointer; | |
2270 | -} | |
2271 | - | |
2272 | -.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } | |
2273 | - | |
2274 | - | |
2275 | -5. TRANSITIONS | |
2276 | - ------------------------------------------------------------------------------------------------------------------------ | |
2277 | - */ | |
2278 | - | |
2279 | -.mCSB_scrollTools, | |
2280 | -.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, | |
2281 | -.mCSB_scrollTools .mCSB_buttonUp, | |
2282 | -.mCSB_scrollTools .mCSB_buttonDown, | |
2283 | -.mCSB_scrollTools .mCSB_buttonLeft, | |
2284 | -.mCSB_scrollTools .mCSB_buttonRight{ | |
2285 | - -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2286 | - -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2287 | - -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2288 | - transition: opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2289 | -} | |
2290 | - | |
2291 | -.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ | |
2292 | -.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, | |
2293 | -.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, | |
2294 | -.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ | |
2295 | - -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2296 | - margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2297 | - margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2298 | - opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2299 | - -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2300 | - margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2301 | - margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2302 | - opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2303 | - -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2304 | - margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2305 | - margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2306 | - opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2307 | - transition: width .2s ease-out .2s, height .2s ease-out .2s, | |
2308 | - margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, | |
2309 | - margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, | |
2310 | - opacity .2s ease-in-out, background-color .2s ease-in-out; | |
2311 | -} | |
2312 | - | |
2313 | - | |
2314 | - | |
2315 | -/* | |
2316 | ------------------------------------------------------------------------------------------------------------------------- | |
2317 | -6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS | |
2318 | ------------------------------------------------------------------------------------------------------------------------- | |
2319 | -*/ | |
2320 | - | |
2321 | -/* | |
2322 | ----------------------------------------- | |
2323 | -6.1 THEMES | |
2324 | ----------------------------------------- | |
2325 | -*/ | |
2326 | - | |
2327 | -/* default theme ("light") */ | |
2328 | - | |
2329 | -.mCSB_scrollTools{ opacity: 1!important;} | |
2330 | - | |
2331 | -.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, | |
2332 | -.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } | |
2333 | - | |
2334 | -.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, | |
2335 | -.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, | |
2336 | -.mCustomScrollBox:hover > .mCSB_scrollTools, | |
2337 | -.mCustomScrollBox:hover ~ .mCSB_scrollTools, | |
2338 | -.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, | |
2339 | -.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } | |
2340 | - | |
2341 | -.mCSB_scrollTools .mCSB_draggerRail{ | |
2342 | - background-color: #f2f2f3; | |
2343 | -} | |
2344 | - | |
2345 | -.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ | |
2346 | - background: #dedfe0; | |
2347 | -} | |
2348 | - | |
2349 | -.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ | |
2350 | - | |
2351 | -} | |
2352 | -.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, | |
2353 | -.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ | |
2354 | - | |
2355 | -} | |
2356 | - | |
2357 | -/*.mCSB_scrollTools .mCSB_buttonUp,*/ | |
2358 | -/*.mCSB_scrollTools .mCSB_buttonDown,*/ | |
2359 | -/*.mCSB_scrollTools .mCSB_buttonLeft,*/ | |
2360 | -/*.mCSB_scrollTools .mCSB_buttonRight{*/ | |
2361 | - /*background-image: url(mCSB_buttons.png); !* css sprites *!*/ | |
2362 | - /*background-repeat: no-repeat;*/ | |
2363 | - /*opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";*/ | |
2364 | -/*}*/ | |
2365 | - | |
2366 | -.mCSB_scrollTools .mCSB_buttonUp{ | |
2367 | - background-position: 0 0; | |
2368 | - /* | |
2369 | - sprites locations | |
2370 | - light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px | |
2371 | - dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px | |
2372 | - */ | |
2373 | -} | |
2374 | - | |
2375 | -.mCSB_scrollTools .mCSB_buttonDown{ | |
2376 | - background-position: 0 -20px; | |
2377 | - /* | |
2378 | - sprites locations | |
2379 | - light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px | |
2380 | - dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px | |
2381 | - */ | |
2382 | -} | |
2383 | - | |
2384 | -.mCSB_scrollTools .mCSB_buttonLeft{ | |
2385 | - background-position: 0 -40px; | |
2386 | - /* | |
2387 | - sprites locations | |
2388 | - light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px | |
2389 | - dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px | |
2390 | - */ | |
2391 | -} | |
2392 | - | |
2393 | -.mCSB_scrollTools .mCSB_buttonRight{ | |
2394 | - background-position: 0 -56px; | |
2395 | - /* | |
2396 | - sprites locations | |
2397 | - light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px | |
2398 | - dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px | |
2399 | - */ | |
2400 | -} | |
2401 | - | |
2402 | -.mCSB_scrollTools .mCSB_buttonUp:hover, | |
2403 | -.mCSB_scrollTools .mCSB_buttonDown:hover, | |
2404 | -.mCSB_scrollTools .mCSB_buttonLeft:hover, | |
2405 | -.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } | |
2406 | - | |
2407 | -.mCSB_scrollTools .mCSB_buttonUp:active, | |
2408 | -.mCSB_scrollTools .mCSB_buttonDown:active, | |
2409 | -.mCSB_scrollTools .mCSB_buttonLeft:active, | |
2410 | -.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } | |
2411 | - | |
2412 | - | |
2413 | -/* theme: "dark" */ | |
2414 | - | |
2415 | -/* ---------------------------------------- */ | |
2416 | - | |
2417 | - | |
2418 | - | |
2419 | -/* theme: "light-2", "dark-2" */ | |
2420 | - | |
2421 | -.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, | |
2422 | -.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ | |
2423 | - width: 4px; | |
2424 | - background-color: #fff; background-color: rgba(255,255,255,0.1); | |
2425 | - -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; | |
2426 | -} | |
2427 | - | |
2428 | -.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, | |
2429 | -.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ | |
2430 | - width: 4px; | |
2431 | - background-color: #fff; background-color: rgba(255,255,255,0.75); | |
2432 | - -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; | |
2433 | -} | |
2434 | - | |
2435 | -.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, | |
2436 | -.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, | |
2437 | -.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, | |
2438 | -.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ | |
2439 | - width: 100%; | |
2440 | - height: 4px; | |
2441 | - margin: 6px auto; | |
2442 | -} | |
2443 | - | |
2444 | -.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } | |
2445 | - | |
2446 | -.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, | |
2447 | -.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } | |
2448 | - | |
2449 | -.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } | |
2450 | - | |
2451 | -.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } | |
2452 | - | |
2453 | -.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } | |
2454 | - | |
2455 | -.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } | |
2456 | - | |
2457 | - | |
2458 | - | |
2459 | - | |
2460 | - | |
2461 | - | |
2462 | - | |
2463 | - | |
2464 | - | |
2465 | - | |
2466 | - | |
2467 | -/***************/ | |
2468 | - | |
2469 | - | |
2470 | - | |
2471 | - | |
2472 | - | |
2473 | - | |
2474 | - | |
2475 | - | |
2476 | - | |
2477 | - | |
2478 | - | |
2479 | - | |
2480 | - | |
2481 | - | |
2482 | -/********animations********/ | |
2483 | - | |
2484 | -/**************************/ | |
2485 | - | |
2486 | - | |
2487 | - | |
2488 | -/***bootstrap grid***/ | |
2489 | - | |
2490 | -.container { | |
2491 | - min-width:320px; | |
2492 | -} | |
2493 | - | |
2494 | - | |
2495 | -@media (max-width: 1200px) { | |
2496 | - .link-cat {height: 116px;} | |
2497 | - /*[class*="moz-"] {*/ | |
2498 | - /*height: 62px;*/ | |
2499 | - /*}*/ | |
2500 | - /*.moz-1 {height: 124px;}*/ | |
2501 | - ul.main-menu li a { | |
2502 | - padding: 0 11px 0 12px; | |
2503 | - } | |
2504 | - ul.main-menu li:first-child a { | |
2505 | - padding-left: 30px; | |
2506 | - } | |
2507 | - .brands-list li {margin-right: 21px;} | |
2508 | -} | |
2509 | - | |
2510 | -@media (max-width: 992px) { | |
2511 | - [class*="moz-"] { | |
2512 | - height: 75px; | |
2513 | - } | |
2514 | - .moz-1 { | |
2515 | - height: 152px | |
2516 | - } | |
2517 | - .hidden-search { | |
2518 | - position: fixed; | |
2519 | - height: 112px; | |
2520 | - margin-top: -112px; | |
2521 | - z-index: 99999999; | |
2522 | - right: auto; | |
2523 | - left: 0; | |
2524 | - margin-right: 0; | |
2525 | - } | |
2526 | - .hidden-search.vis { | |
2527 | - transition: 0.5s; | |
2528 | - margin-top: 0; | |
2529 | - } | |
2530 | - .head-container { | |
2531 | - overflow: visible; | |
2532 | - } | |
2533 | - .mob-overlay {display: block;} | |
2534 | - .tablet-artweb { | |
2535 | - height: 40px; | |
2536 | - background: #dedfe0; | |
2537 | - padding-top: 8px; | |
2538 | - margin-top: 20px; | |
2539 | - } | |
2540 | - .shadow {box-shadow: none;} | |
2541 | - .prefooter .shadow:before {display: none;} | |
2542 | - .slider-img a div {padding-right: 30px;} | |
2543 | - .margin-top {margin-top: 20px;} | |
2544 | - .section-box-content .container.shadow { | |
2545 | - padding-bottom: 20px; | |
2546 | - } | |
2547 | - | |
2548 | - | |
2549 | - | |
2550 | - | |
2551 | - .cat-list-brands, .cat-list-brands-wr { | |
2552 | - height: 155px; | |
2553 | - } | |
2554 | - .hover .cat-list-brands { | |
2555 | - min-height: 155px; | |
2556 | - } | |
2557 | - .cat-list-brands ul { | |
2558 | - height: 119px; | |
2559 | - overflow: hidden; | |
2560 | - } | |
2561 | - .expand_brands { | |
2562 | - display: block; | |
2563 | - height: 10px; | |
2564 | - } | |
2565 | - .expand .cat-list-brands, .expand .cat-list-brands ul { | |
2566 | - height: auto; | |
2567 | - } | |
2568 | - .expand .cat-list-brands { | |
2569 | - position: absolute; | |
2570 | - top: 0; | |
2571 | - left: 0; | |
2572 | - } | |
2573 | - | |
2574 | - .brands-list li {margin-right: 19px;} | |
2575 | - | |
2576 | - .new_article-img {margin-bottom: 20px} | |
2577 | -} | |
2578 | -@media (max-width: 991px) { | |
2579 | -.link-cat {height: 162px;} | |
2580 | - | |
2581 | -} | |
2582 | - | |
2583 | -@media (max-width: 950px) { | |
2584 | - .link-cat {height: 155px;} | |
2585 | - .modal-form, #success-form { | |
2586 | - width: 610px; | |
2587 | - margin-left: -305px; | |
2588 | - } | |
2589 | - .modal-form form {padding: 0 30px;} | |
2590 | - | |
2591 | - | |
2592 | -} | |
2593 | - | |
2594 | -@media (max-width: 940px) { | |
2595 | - | |
2596 | - | |
2597 | - | |
2598 | -} | |
2599 | - | |
2600 | - | |
2601 | -@media (max-width: 900px) { | |
2602 | - .link-cat { | |
2603 | - height: 145px; | |
2604 | - } | |
2605 | -} | |
2606 | -@media (max-width: 896px) { | |
2607 | - | |
2608 | -} | |
2609 | -@media (max-width: 850px) { | |
2610 | - .link-cat { | |
2611 | - height: 136px; | |
2612 | - } | |
2613 | -} | |
2614 | -@media (max-width: 835px) {} | |
2615 | -@media (max-width: 810px) { | |
2616 | - .list-tabs {padding-left: 30px;} | |
2617 | - .list-tabs li, .list-tabs li span {width: 160px;} | |
2618 | -} | |
2619 | -@media (max-width: 800px) { | |
2620 | - .link-cat { | |
2621 | - height: 127px; | |
2622 | - } | |
2623 | -} | |
2624 | - | |
2625 | - | |
2626 | -@media (max-width: 768px) { | |
2627 | - .link-cat { | |
2628 | - height: 121px; | |
2629 | - } | |
2630 | -} | |
2631 | - | |
2632 | -@media (max-width: 767px) { | |
2633 | - .link-cat { | |
2634 | - height: 396px; | |
2635 | - } | |
2636 | - /*.close-search {*/ | |
2637 | - /*position: absolute !important;*/ | |
2638 | - /*top: 0;*/ | |
2639 | - /*right: 0;*/ | |
2640 | - /*}*/ | |
2641 | - .search-form-wr-padding {padding: 0 15px !important;} | |
2642 | - /*.close-search img {margin-top: 0;top: 20px;}*/ | |
2643 | - /*.search-title {*/ | |
2644 | - /*height: 36px;*/ | |
2645 | - /*}*/ | |
2646 | - /*.search-title p {line-height: 53px;}*/ | |
2647 | - | |
2648 | - .hidden-search.vis { | |
2649 | - transition: 0.5s; | |
2650 | - margin-top: 0; | |
2651 | - } | |
2652 | - .logo_ { | |
2653 | - height: auto; | |
2654 | - padding-top: 20px; | |
2655 | - display: block; | |
2656 | - width: 165px; | |
2657 | - margin: 0 auto; | |
2658 | - } | |
2659 | - | |
2660 | - .lang-mob { | |
2661 | - position: absolute !important; | |
2662 | - right: 0; | |
2663 | - } | |
2664 | - .lang-wr-mob { | |
2665 | - top: 12px; | |
2666 | - left: 0; | |
2667 | - width: 100%; | |
2668 | - | |
2669 | - } | |
2670 | - .lang-wr a { | |
2671 | - right: 15px; | |
2672 | - left: auto; | |
2673 | - } | |
2674 | - | |
2675 | - .phones-table-wr { | |
2676 | - top: 8px; | |
2677 | - right: auto; | |
2678 | - width: 220px; | |
2679 | - left: 50%; | |
2680 | - margin-left: -110px; | |
2681 | - background: none; | |
2682 | - } | |
2683 | - .phones-table-wr:after { | |
2684 | - left: 10px; | |
2685 | - padding: 18px 5px 28px 5px; | |
2686 | - } | |
2687 | - .calc-menu {text-align: center;} | |
2688 | - .calc-menu .question-form {font-size: 11px} | |
2689 | - .f-img { | |
2690 | - display: block; | |
2691 | - height: auto; | |
2692 | - } | |
2693 | - .mb-im-f-4, .mb-im-f-5, .mb-im-f-5_1 {margin-top: 31px;height: 34px;} | |
2694 | - .mb-im-f-3 {margin-top: 15px;} | |
2695 | - .prefooter .shadow .row {padding-top: 15px; padding-bottom: 15px;} | |
2696 | - [class*="moz-"], [class*="moz-"] a { | |
2697 | - height: 75px; | |
2698 | - } | |
2699 | - .moz-5 a {height: 75px;} | |
2700 | - .moz-3, .moz-5 {padding-right: 2px !important;} | |
2701 | - .moz-3 {margin-top: 2px;} | |
2702 | - .moz-3, .moz-5, .moz-7 { | |
2703 | - padding-left: 15px !important; | |
2704 | - } | |
2705 | - .moz-4, .moz-2, .moz-6 { | |
2706 | - padding-right: 15px !important; | |
2707 | - } | |
2708 | - .moz-6 {padding-left: 0 !important;} | |
2709 | - .slider-img a span, .slider-img a p:before {display: none;} | |
2710 | - | |
2711 | - .box-slider { | |
2712 | - height: auto; | |
2713 | - } | |
2714 | - .slider-img {height: 180px;} | |
2715 | - .slider-img a div { | |
2716 | - width: 100%; | |
2717 | - padding-right: 0; | |
2718 | - text-align: center; | |
2719 | - padding: 0 20px; | |
2720 | - bottom: 16px; | |
2721 | - } | |
2722 | - .slider-img a p {font-size: 28px;line-height: 34px;} | |
2723 | - | |
2724 | - .slider-menu { | |
2725 | - position: relative; | |
2726 | - top: auto; | |
2727 | - left: auto; | |
2728 | - height: auto; | |
2729 | - float: left; | |
2730 | - width: 100%; | |
2731 | - transform: rotate(-180deg); | |
2732 | - -webkit-transform: rotate(-180deg); | |
2733 | - } | |
2734 | - .slider-menu ul { | |
2735 | - width: 100%; | |
2736 | - height: auto; | |
2737 | - float: left; | |
2738 | - } | |
2739 | - .slider-menu ul:before {display: none} | |
2740 | - .slider-menu ul li { | |
2741 | - width: 100%; | |
2742 | - height: 34px; | |
2743 | - } | |
2744 | - .slider-menu ul li:before { | |
2745 | - width: 100%; | |
2746 | - } | |
2747 | - .slider-menu ul li a { | |
2748 | - position: relative; | |
2749 | - top: auto; | |
2750 | - left: auto; | |
2751 | - transform: rotate(-180deg); | |
2752 | - -webkit-transform: rotate(-180deg); | |
2753 | - width: 100%; | |
2754 | - } | |
2755 | - .margin-top {margin-top: 15px;} | |
2756 | - .section-box-content .container.shadow { | |
2757 | - padding-bottom: 15px; | |
2758 | - } | |
2759 | - .brand-link { | |
2760 | - padding-top: 20px; | |
2761 | - } | |
2762 | - | |
2763 | - .brand-list-desc-txt, { | |
2764 | - margin-top: 10px; | |
2765 | - } | |
2766 | - .brand-list-desc-txt p {margin-top: 4px;} | |
2767 | - | |
2768 | - .brand-main-txt {margin-top: 20px;} | |
2769 | - .brand-txt-img {width: 100%;} | |
2770 | - | |
2771 | - /*.products-title {margin-top: 10px}*/ | |
2772 | - | |
2773 | - .new_article-img { | |
2774 | - width: 100%; | |
2775 | - margin-bottom: 10px; | |
2776 | - } | |
2777 | - | |
2778 | - .brands-list_ .brand-list-desc img {margin-bottom: 10px;} | |
2779 | - .collection-list ul {margin-top: 10px;} | |
2780 | - | |
2781 | - .tabs-content .gall-1 li a {width: 100%;} | |
2782 | - .tabs-content .gall-1 li a img {margin: 0 auto;} | |
2783 | - .certificate_f span {display: none;} | |
2784 | - .certificate_f {padding-left: 0;width: 20px;height: 26px;display: block;float: left;} | |
2785 | - .certificate_f:before { | |
2786 | - top: 0; | |
2787 | - margin-top: 6px; | |
2788 | - } | |
2789 | - .list-tabs li {margin-top: 2px} | |
2790 | - | |
2791 | - | |
2792 | - .modal-form, #success-form { | |
2793 | - width: 300px; | |
2794 | - margin-left: -150px; | |
2795 | - } | |
2796 | - .modal-form form {padding: 0 15px;} | |
2797 | - .modal-form form label { | |
2798 | - text-align: left; | |
2799 | - width: auto; | |
2800 | - padding-right: 0; | |
2801 | - font-size: 11px; | |
2802 | - line-height: 20px; | |
2803 | - height: 20px; | |
2804 | - } | |
2805 | - .modal-form form input, .modal-form form textarea { | |
2806 | - width: 100%; | |
2807 | - border: 1px solid #dedfe0; | |
2808 | - } | |
2809 | - .modal-form form .required label:before { | |
2810 | - right: -7px; | |
2811 | - line-height: 20px; | |
2812 | - height: 20px; | |
2813 | - } | |
2814 | - .modal-form form .has-error .help-block {display: none;} | |
2815 | - | |
2816 | - .modal-form form .has-error input, .modal-form form .has-error textarea {border: 1px solid #ed1c24;} | |
2817 | - .modal-form form input:focus, .modal-form form textarea:focus { | |
2818 | - border: 1px solid #a7a7a7; | |
2819 | -} | |
2820 | - .modal-form form textarea { | |
2821 | - height: 50px; | |
2822 | - max-height: 50px; | |
2823 | - padding-top: 5px; | |
2824 | - } | |
2825 | - .button-wr { | |
2826 | - margin-top: 0; | |
2827 | - width: 100%; | |
2828 | - } | |
2829 | - ._more_ { | |
2830 | - width: 100%; | |
2831 | - height: 18px; | |
2832 | - bottom: -28px; | |
2833 | - text-align: center; | |
2834 | - } | |
2835 | - .form-product-wr table tr td {padding-right: 33px;} | |
2836 | - .form-product-wr table tr td:first-child { | |
2837 | - padding-right: 5px; | |
2838 | - text-align: left; | |
2839 | - } | |
2840 | -} | |
2841 | -@media (max-width: 700px) { | |
2842 | - .link-cat { | |
2843 | - height: 360px; | |
2844 | - } | |
2845 | -} | |
2846 | - | |
2847 | -@media (max-width: 668px) { | |
2848 | - | |
2849 | -} | |
2850 | -@media (max-width: 650px) { | |
2851 | - .link-cat { | |
2852 | - height: 332px; | |
2853 | - } | |
2854 | -} | |
2855 | -@media (max-width: 600px) { | |
2856 | - .link-cat { | |
2857 | - height: 304px; | |
2858 | - } | |
2859 | -} | |
2860 | -@media (max-width: 550px) { | |
2861 | - .link-cat { | |
2862 | - height: 277px; | |
2863 | - } | |
2864 | -} | |
2865 | -@media (max-width: 560px) { | |
2866 | - | |
2867 | -} | |
2868 | -@media (max-width: 525px) { | |
2869 | - .box-mosaic a p { | |
2870 | - padding-top: 30px; | |
2871 | - } | |
2872 | - .box-mosaic a p:before {bottom: 32px;right: 9px;} | |
2873 | - .certificate-page .certificate {width: 100% !important;} | |
2874 | -} | |
2875 | -@media (max-width: 500px) { | |
2876 | - .link-cat { | |
2877 | - height: 249px; | |
2878 | - } | |
2879 | -} | |
2880 | -@media (max-width: 480px) { | |
2881 | - .link-cat { | |
2882 | - height: 238px; | |
2883 | - } | |
2884 | -} | |
2885 | -@media (max-width: 460px) { } | |
2886 | -@media (max-width: 450px) { | |
2887 | - .link-cat { | |
2888 | - height: 222px; | |
2889 | - } | |
2890 | - #close-form { | |
2891 | - top: -58px; | |
2892 | - right: 0;} | |
2893 | -} | |
2894 | - | |
2895 | -@media (max-width: 400px) { | |
2896 | - .link-cat { | |
2897 | - height: 194px; | |
2898 | - } | |
2899 | - .box-mosaic a p { | |
2900 | - padding-right: 23px; | |
2901 | - padding-top: 16px; | |
2902 | - } | |
2903 | - .box-mosaic a p:before {bottom: 46px;} | |
2904 | - .tabs-content .certificate {height: 300px !important;} | |
2905 | - | |
2906 | -} | |
2907 | -@media (max-width: 350px) { | |
2908 | - .link-cat { | |
2909 | - height: 166px; | |
2910 | - } | |
2911 | - .box-mosaic a p { | |
2912 | - padding-right: 23px; | |
2913 | - padding-top: 16px; | |
2914 | - } | |
2915 | - .box-mosaic a p:before {bottom: 46px;right: 16px;} | |
2916 | -} | |
2917 | -@media (max-width: 336px) { | |
2918 | - .link-cat { | |
2919 | - height: 160px; | |
2920 | - } | |
2921 | -} | |
2922 | -@media (max-width: 330px) { | |
2923 | - .box-mosaic a p { | |
2924 | - padding-right: 22px; | |
2925 | - } | |
2926 | - .box-mosaic a p:before {right: 9px} | |
2927 | -} | |
2928 | - | |
2929 | -* | |
2930 | -{ | |
2931 | - -webkit-box-sizing:border-box; | |
2932 | - -moz-box-sizing:border-box; | |
2933 | - box-sizing:border-box | |
2934 | -} | |
2935 | - | |
2936 | -:before,:after | |
2937 | -{ | |
2938 | - -webkit-box-sizing:border-box; | |
2939 | - -moz-box-sizing:border-box; | |
2940 | - box-sizing:border-box | |
2941 | -} | |
2942 | - | |
2943 | -.img-responsive | |
2944 | -{ | |
2945 | - display:block; | |
2946 | - max-width:100%; | |
2947 | - height:auto | |
2948 | -} | |
2949 | - | |
2950 | -.img-rounded | |
2951 | -{ | |
2952 | - border-radius:6px | |
2953 | -} | |
2954 | - | |
2955 | -.img-thumbnail | |
2956 | -{ | |
2957 | - padding:4px; | |
2958 | - line-height:1.42857143; | |
2959 | - background-color:#fff; | |
2960 | - border:1px solid #ddd; | |
2961 | - border-radius:4px; | |
2962 | - -webkit-transition:all .2s ease-in-out; | |
2963 | - -o-transition:all .2s ease-in-out; | |
2964 | - transition:all .2s ease-in-out; | |
2965 | - display:inline-block; | |
2966 | - max-width:100%; | |
2967 | - height:auto | |
2968 | -} | |
2969 | - | |
2970 | -.img-circle | |
2971 | -{ | |
2972 | - border-radius:50% | |
2973 | -} | |
2974 | - | |
2975 | -.container | |
2976 | -{ | |
2977 | - margin-right:auto; | |
2978 | - margin-left:auto; | |
2979 | - padding-left:15px; | |
2980 | - padding-right:15px; | |
2981 | -} | |
2982 | - | |
2983 | -@media (min-width: 768px) { | |
2984 | - .container | |
2985 | - { | |
2986 | - width:100% | |
2987 | - } | |
2988 | -} | |
2989 | - | |
2990 | -@media (min-width: 992px) { | |
2991 | - .container | |
2992 | - { | |
2993 | - width:970px | |
2994 | - } | |
2995 | -} | |
2996 | - | |
2997 | -@media (min-width: 1200px) { | |
2998 | - .container | |
2999 | - { | |
3000 | - width:1170px | |
3001 | - } | |
3002 | -} | |
3003 | - | |
3004 | -.container-fluid | |
3005 | -{ | |
3006 | - margin-right:auto; | |
3007 | - margin-left:auto; | |
3008 | - padding-left:15px; | |
3009 | - padding-right:15px | |
3010 | -} | |
3011 | - | |
3012 | -.row | |
3013 | -{ | |
3014 | - margin-left:-15px; | |
3015 | - margin-right:-15px | |
3016 | -} | |
3017 | - | |
3018 | -.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 | |
3019 | -{ | |
3020 | - position:relative; | |
3021 | - min-height:1px; | |
3022 | - padding-left:15px; | |
3023 | - padding-right:15px | |
3024 | -} | |
3025 | - | |
3026 | -.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 | |
3027 | -{ | |
3028 | - float:left | |
3029 | -} | |
3030 | - | |
3031 | -.col-xs-12 | |
3032 | -{ | |
3033 | - width:100% | |
3034 | -} | |
3035 | - | |
3036 | -.col-xs-11 | |
3037 | -{ | |
3038 | - width:91.66666667% | |
3039 | -} | |
3040 | - | |
3041 | -.col-xs-10 | |
3042 | -{ | |
3043 | - width:83.33333333% | |
3044 | -} | |
3045 | - | |
3046 | -.col-xs-9 | |
3047 | -{ | |
3048 | - width:75% | |
3049 | -} | |
3050 | - | |
3051 | -.col-xs-8 | |
3052 | -{ | |
3053 | - width:66.66666667% | |
3054 | -} | |
3055 | - | |
3056 | -.col-xs-7 | |
3057 | -{ | |
3058 | - width:58.33333333% | |
3059 | -} | |
3060 | - | |
3061 | -.col-xs-6 | |
3062 | -{ | |
3063 | - width:50% | |
3064 | -} | |
3065 | - | |
3066 | -.col-xs-5 | |
3067 | -{ | |
3068 | - width:41.66666667% | |
3069 | -} | |
3070 | - | |
3071 | -.col-xs-4 | |
3072 | -{ | |
3073 | - width:33.33333333% | |
3074 | -} | |
3075 | - | |
3076 | -.col-xs-3 | |
3077 | -{ | |
3078 | - width:25% | |
3079 | -} | |
3080 | - | |
3081 | -.col-xs-2 | |
3082 | -{ | |
3083 | - width:16.66666667% | |
3084 | -} | |
3085 | - | |
3086 | -.col-xs-1 | |
3087 | -{ | |
3088 | - width:8.33333333% | |
3089 | -} | |
3090 | - | |
3091 | -.col-xs-pull-12 | |
3092 | -{ | |
3093 | - right:100% | |
3094 | -} | |
3095 | - | |
3096 | -.col-xs-pull-11 | |
3097 | -{ | |
3098 | - right:91.66666667% | |
3099 | -} | |
3100 | - | |
3101 | -.col-xs-pull-10 | |
3102 | -{ | |
3103 | - right:83.33333333% | |
3104 | -} | |
3105 | - | |
3106 | -.col-xs-pull-9 | |
3107 | -{ | |
3108 | - right:75% | |
3109 | -} | |
3110 | - | |
3111 | -.col-xs-pull-8 | |
3112 | -{ | |
3113 | - right:66.66666667% | |
3114 | -} | |
3115 | - | |
3116 | -.col-xs-pull-7 | |
3117 | -{ | |
3118 | - right:58.33333333% | |
3119 | -} | |
3120 | - | |
3121 | -.col-xs-pull-6 | |
3122 | -{ | |
3123 | - right:50% | |
3124 | -} | |
3125 | - | |
3126 | -.col-xs-pull-5 | |
3127 | -{ | |
3128 | - right:41.66666667% | |
3129 | -} | |
3130 | - | |
3131 | -.col-xs-pull-4 | |
3132 | -{ | |
3133 | - right:33.33333333% | |
3134 | -} | |
3135 | - | |
3136 | -.col-xs-pull-3 | |
3137 | -{ | |
3138 | - right:25% | |
3139 | -} | |
3140 | - | |
3141 | -.col-xs-pull-2 | |
3142 | -{ | |
3143 | - right:16.66666667% | |
3144 | -} | |
3145 | - | |
3146 | -.col-xs-pull-1 | |
3147 | -{ | |
3148 | - right:8.33333333% | |
3149 | -} | |
3150 | - | |
3151 | -.col-xs-pull-0 | |
3152 | -{ | |
3153 | - right:auto | |
3154 | -} | |
3155 | - | |
3156 | -.col-xs-push-12 | |
3157 | -{ | |
3158 | - left:100% | |
3159 | -} | |
3160 | - | |
3161 | -.col-xs-push-11 | |
3162 | -{ | |
3163 | - left:91.66666667% | |
3164 | -} | |
3165 | - | |
3166 | -.col-xs-push-10 | |
3167 | -{ | |
3168 | - left:83.33333333% | |
3169 | -} | |
3170 | - | |
3171 | -.col-xs-push-9 | |
3172 | -{ | |
3173 | - left:75% | |
3174 | -} | |
3175 | - | |
3176 | -.col-xs-push-8 | |
3177 | -{ | |
3178 | - left:66.66666667% | |
3179 | -} | |
3180 | - | |
3181 | -.col-xs-push-7 | |
3182 | -{ | |
3183 | - left:58.33333333% | |
3184 | -} | |
3185 | - | |
3186 | -.col-xs-push-6 | |
3187 | -{ | |
3188 | - left:50% | |
3189 | -} | |
3190 | - | |
3191 | -.col-xs-push-5 | |
3192 | -{ | |
3193 | - left:41.66666667% | |
3194 | -} | |
3195 | - | |
3196 | -.col-xs-push-4 | |
3197 | -{ | |
3198 | - left:33.33333333% | |
3199 | -} | |
3200 | - | |
3201 | -.col-xs-push-3 | |
3202 | -{ | |
3203 | - left:25% | |
3204 | -} | |
3205 | - | |
3206 | -.col-xs-push-2 | |
3207 | -{ | |
3208 | - left:16.66666667% | |
3209 | -} | |
3210 | - | |
3211 | -.col-xs-push-1 | |
3212 | -{ | |
3213 | - left:8.33333333% | |
3214 | -} | |
3215 | - | |
3216 | -.col-xs-push-0 | |
3217 | -{ | |
3218 | - left:auto | |
3219 | -} | |
3220 | - | |
3221 | -.col-xs-offset-12 | |
3222 | -{ | |
3223 | - margin-left:100% | |
3224 | -} | |
3225 | - | |
3226 | -.col-xs-offset-11 | |
3227 | -{ | |
3228 | - margin-left:91.66666667% | |
3229 | -} | |
3230 | - | |
3231 | -.col-xs-offset-10 | |
3232 | -{ | |
3233 | - margin-left:83.33333333% | |
3234 | -} | |
3235 | - | |
3236 | -.col-xs-offset-9 | |
3237 | -{ | |
3238 | - margin-left:75% | |
3239 | -} | |
3240 | - | |
3241 | -.col-xs-offset-8 | |
3242 | -{ | |
3243 | - margin-left:66.66666667% | |
3244 | -} | |
3245 | - | |
3246 | -.col-xs-offset-7 | |
3247 | -{ | |
3248 | - margin-left:58.33333333% | |
3249 | -} | |
3250 | - | |
3251 | -.col-xs-offset-6 | |
3252 | -{ | |
3253 | - margin-left:50% | |
3254 | -} | |
3255 | - | |
3256 | -.col-xs-offset-5 | |
3257 | -{ | |
3258 | - margin-left:41.66666667% | |
3259 | -} | |
3260 | - | |
3261 | -.col-xs-offset-4 | |
3262 | -{ | |
3263 | - margin-left:33.33333333% | |
3264 | -} | |
3265 | - | |
3266 | -.col-xs-offset-3 | |
3267 | -{ | |
3268 | - margin-left:25% | |
3269 | -} | |
3270 | - | |
3271 | -.col-xs-offset-2 | |
3272 | -{ | |
3273 | - margin-left:16.66666667% | |
3274 | -} | |
3275 | - | |
3276 | -.col-xs-offset-1 | |
3277 | -{ | |
3278 | - margin-left:8.33333333% | |
3279 | -} | |
3280 | - | |
3281 | -.col-xs-offset-0 | |
3282 | -{ | |
3283 | - margin-left:0 | |
3284 | -} | |
3285 | - | |
3286 | -@media (min-width: 768px) { | |
3287 | - .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 | |
3288 | - { | |
3289 | - float:left | |
3290 | - } | |
3291 | - | |
3292 | - .col-sm-12 | |
3293 | - { | |
3294 | - width:100% | |
3295 | - } | |
3296 | - | |
3297 | - .col-sm-11 | |
3298 | - { | |
3299 | - width:91.66666667% | |
3300 | - } | |
3301 | - | |
3302 | - .col-sm-10 | |
3303 | - { | |
3304 | - width:83.33333333% | |
3305 | - } | |
3306 | - | |
3307 | - .col-sm-9 | |
3308 | - { | |
3309 | - width:75% | |
3310 | - } | |
3311 | - | |
3312 | - .col-sm-8 | |
3313 | - { | |
3314 | - width:66.66666667% | |
3315 | - } | |
3316 | - | |
3317 | - .col-sm-7 | |
3318 | - { | |
3319 | - width:58.33333333% | |
3320 | - } | |
3321 | - | |
3322 | - .col-sm-6 | |
3323 | - { | |
3324 | - width:50% | |
3325 | - } | |
3326 | - | |
3327 | - .col-sm-5 | |
3328 | - { | |
3329 | - width:41.66666667% | |
3330 | - } | |
3331 | - | |
3332 | - .col-sm-4 | |
3333 | - { | |
3334 | - width:33.33333333% | |
3335 | - } | |
3336 | - | |
3337 | - .col-sm-3 | |
3338 | - { | |
3339 | - width:25% | |
3340 | - } | |
3341 | - | |
3342 | - .col-sm-2 | |
3343 | - { | |
3344 | - width:16.66666667% | |
3345 | - } | |
3346 | - | |
3347 | - .col-sm-1 | |
3348 | - { | |
3349 | - width:8.33333333% | |
3350 | - } | |
3351 | - | |
3352 | - .col-sm-pull-12 | |
3353 | - { | |
3354 | - right:100% | |
3355 | - } | |
3356 | - | |
3357 | - .col-sm-pull-11 | |
3358 | - { | |
3359 | - right:91.66666667% | |
3360 | - } | |
3361 | - | |
3362 | - .col-sm-pull-10 | |
3363 | - { | |
3364 | - right:83.33333333% | |
3365 | - } | |
3366 | - | |
3367 | - .col-sm-pull-9 | |
3368 | - { | |
3369 | - right:75% | |
3370 | - } | |
3371 | - | |
3372 | - .col-sm-pull-8 | |
3373 | - { | |
3374 | - right:66.66666667% | |
3375 | - } | |
3376 | - | |
3377 | - .col-sm-pull-7 | |
3378 | - { | |
3379 | - right:58.33333333% | |
3380 | - } | |
3381 | - | |
3382 | - .col-sm-pull-6 | |
3383 | - { | |
3384 | - right:50% | |
3385 | - } | |
3386 | - | |
3387 | - .col-sm-pull-5 | |
3388 | - { | |
3389 | - right:41.66666667% | |
3390 | - } | |
3391 | - | |
3392 | - .col-sm-pull-4 | |
3393 | - { | |
3394 | - right:33.33333333% | |
3395 | - } | |
3396 | - | |
3397 | - .col-sm-pull-3 | |
3398 | - { | |
3399 | - right:25% | |
3400 | - } | |
3401 | - | |
3402 | - .col-sm-pull-2 | |
3403 | - { | |
3404 | - right:16.66666667% | |
3405 | - } | |
3406 | - | |
3407 | - .col-sm-pull-1 | |
3408 | - { | |
3409 | - right:8.33333333% | |
3410 | - } | |
3411 | - | |
3412 | - .col-sm-pull-0 | |
3413 | - { | |
3414 | - right:auto | |
3415 | - } | |
3416 | - | |
3417 | - .col-sm-push-12 | |
3418 | - { | |
3419 | - left:100% | |
3420 | - } | |
3421 | - | |
3422 | - .col-sm-push-11 | |
3423 | - { | |
3424 | - left:91.66666667% | |
3425 | - } | |
3426 | - | |
3427 | - .col-sm-push-10 | |
3428 | - { | |
3429 | - left:83.33333333% | |
3430 | - } | |
3431 | - | |
3432 | - .col-sm-push-9 | |
3433 | - { | |
3434 | - left:75% | |
3435 | - } | |
3436 | - | |
3437 | - .col-sm-push-8 | |
3438 | - { | |
3439 | - left:66.66666667% | |
3440 | - } | |
3441 | - | |
3442 | - .col-sm-push-7 | |
3443 | - { | |
3444 | - left:58.33333333% | |
3445 | - } | |
3446 | - | |
3447 | - .col-sm-push-6 | |
3448 | - { | |
3449 | - left:50% | |
3450 | - } | |
3451 | - | |
3452 | - .col-sm-push-5 | |
3453 | - { | |
3454 | - left:41.66666667% | |
3455 | - } | |
3456 | - | |
3457 | - .col-sm-push-4 | |
3458 | - { | |
3459 | - left:33.33333333% | |
3460 | - } | |
3461 | - | |
3462 | - .col-sm-push-3 | |
3463 | - { | |
3464 | - left:25% | |
3465 | - } | |
3466 | - | |
3467 | - .col-sm-push-2 | |
3468 | - { | |
3469 | - left:16.66666667% | |
3470 | - } | |
3471 | - | |
3472 | - .col-sm-push-1 | |
3473 | - { | |
3474 | - left:8.33333333% | |
3475 | - } | |
3476 | - | |
3477 | - .col-sm-push-0 | |
3478 | - { | |
3479 | - left:auto | |
3480 | - } | |
3481 | - | |
3482 | - .col-sm-offset-12 | |
3483 | - { | |
3484 | - margin-left:100% | |
3485 | - } | |
3486 | - | |
3487 | - .col-sm-offset-11 | |
3488 | - { | |
3489 | - margin-left:91.66666667% | |
3490 | - } | |
3491 | - | |
3492 | - .col-sm-offset-10 | |
3493 | - { | |
3494 | - margin-left:83.33333333% | |
3495 | - } | |
3496 | - | |
3497 | - .col-sm-offset-9 | |
3498 | - { | |
3499 | - margin-left:75% | |
3500 | - } | |
3501 | - | |
3502 | - .col-sm-offset-8 | |
3503 | - { | |
3504 | - margin-left:66.66666667% | |
3505 | - } | |
3506 | - | |
3507 | - .col-sm-offset-7 | |
3508 | - { | |
3509 | - margin-left:58.33333333% | |
3510 | - } | |
3511 | - | |
3512 | - .col-sm-offset-6 | |
3513 | - { | |
3514 | - margin-left:50% | |
3515 | - } | |
3516 | - | |
3517 | - .col-sm-offset-5 | |
3518 | - { | |
3519 | - margin-left:41.66666667% | |
3520 | - } | |
3521 | - | |
3522 | - .col-sm-offset-4 | |
3523 | - { | |
3524 | - margin-left:33.33333333% | |
3525 | - } | |
3526 | - | |
3527 | - .col-sm-offset-3 | |
3528 | - { | |
3529 | - margin-left:25% | |
3530 | - } | |
3531 | - | |
3532 | - .col-sm-offset-2 | |
3533 | - { | |
3534 | - margin-left:16.66666667% | |
3535 | - } | |
3536 | - | |
3537 | - .col-sm-offset-1 | |
3538 | - { | |
3539 | - margin-left:8.33333333% | |
3540 | - } | |
3541 | - | |
3542 | - .col-sm-offset-0 | |
3543 | - { | |
3544 | - margin-left:0 | |
3545 | - } | |
3546 | -} | |
3547 | - | |
3548 | -@media (min-width: 992px) { | |
3549 | - .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 | |
3550 | - { | |
3551 | - float:left | |
3552 | - } | |
3553 | - | |
3554 | - .col-md-12 | |
3555 | - { | |
3556 | - width:100% | |
3557 | - } | |
3558 | - | |
3559 | - .col-md-11 | |
3560 | - { | |
3561 | - width:91.66666667% | |
3562 | - } | |
3563 | - | |
3564 | - .col-md-10 | |
3565 | - { | |
3566 | - width:83.33333333% | |
3567 | - } | |
3568 | - | |
3569 | - .col-md-9 | |
3570 | - { | |
3571 | - width:75% | |
3572 | - } | |
3573 | - | |
3574 | - .col-md-8 | |
3575 | - { | |
3576 | - width:66.66666667% | |
3577 | - } | |
3578 | - | |
3579 | - .col-md-7 | |
3580 | - { | |
3581 | - width:58.33333333% | |
3582 | - } | |
3583 | - | |
3584 | - .col-md-6 | |
3585 | - { | |
3586 | - width:50% | |
3587 | - } | |
3588 | - | |
3589 | - .col-md-5 | |
3590 | - { | |
3591 | - width:41.66666667% | |
3592 | - } | |
3593 | - | |
3594 | - .col-md-4 | |
3595 | - { | |
3596 | - width:33.33333333% | |
3597 | - } | |
3598 | - | |
3599 | - .col-md-3 | |
3600 | - { | |
3601 | - width:25% | |
3602 | - } | |
3603 | - | |
3604 | - .col-md-2 | |
3605 | - { | |
3606 | - width:16.66666667% | |
3607 | - } | |
3608 | - | |
3609 | - .col-md-1 | |
3610 | - { | |
3611 | - width:8.33333333% | |
3612 | - } | |
3613 | - | |
3614 | - .col-md-pull-12 | |
3615 | - { | |
3616 | - right:100% | |
3617 | - } | |
3618 | - | |
3619 | - .col-md-pull-11 | |
3620 | - { | |
3621 | - right:91.66666667% | |
3622 | - } | |
3623 | - | |
3624 | - .col-md-pull-10 | |
3625 | - { | |
3626 | - right:83.33333333% | |
3627 | - } | |
3628 | - | |
3629 | - .col-md-pull-9 | |
3630 | - { | |
3631 | - right:75% | |
3632 | - } | |
3633 | - | |
3634 | - .col-md-pull-8 | |
3635 | - { | |
3636 | - right:66.66666667% | |
3637 | - } | |
3638 | - | |
3639 | - .col-md-pull-7 | |
3640 | - { | |
3641 | - right:58.33333333% | |
3642 | - } | |
3643 | - | |
3644 | - .col-md-pull-6 | |
3645 | - { | |
3646 | - right:50% | |
3647 | - } | |
3648 | - | |
3649 | - .col-md-pull-5 | |
3650 | - { | |
3651 | - right:41.66666667% | |
3652 | - } | |
3653 | - | |
3654 | - .col-md-pull-4 | |
3655 | - { | |
3656 | - right:33.33333333% | |
3657 | - } | |
3658 | - | |
3659 | - .col-md-pull-3 | |
3660 | - { | |
3661 | - right:25% | |
3662 | - } | |
3663 | - | |
3664 | - .col-md-pull-2 | |
3665 | - { | |
3666 | - right:16.66666667% | |
3667 | - } | |
3668 | - | |
3669 | - .col-md-pull-1 | |
3670 | - { | |
3671 | - right:8.33333333% | |
3672 | - } | |
3673 | - | |
3674 | - .col-md-pull-0 | |
3675 | - { | |
3676 | - right:auto | |
3677 | - } | |
3678 | - | |
3679 | - .col-md-push-12 | |
3680 | - { | |
3681 | - left:100% | |
3682 | - } | |
3683 | - | |
3684 | - .col-md-push-11 | |
3685 | - { | |
3686 | - left:91.66666667% | |
3687 | - } | |
3688 | - | |
3689 | - .col-md-push-10 | |
3690 | - { | |
3691 | - left:83.33333333% | |
3692 | - } | |
3693 | - | |
3694 | - .col-md-push-9 | |
3695 | - { | |
3696 | - left:75% | |
3697 | - } | |
3698 | - | |
3699 | - .col-md-push-8 | |
3700 | - { | |
3701 | - left:66.66666667% | |
3702 | - } | |
3703 | - | |
3704 | - .col-md-push-7 | |
3705 | - { | |
3706 | - left:58.33333333% | |
3707 | - } | |
3708 | - | |
3709 | - .col-md-push-6 | |
3710 | - { | |
3711 | - left:50% | |
3712 | - } | |
3713 | - | |
3714 | - .col-md-push-5 | |
3715 | - { | |
3716 | - left:41.66666667% | |
3717 | - } | |
3718 | - | |
3719 | - .col-md-push-4 | |
3720 | - { | |
3721 | - left:33.33333333% | |
3722 | - } | |
3723 | - | |
3724 | - .col-md-push-3 | |
3725 | - { | |
3726 | - left:25% | |
3727 | - } | |
3728 | - | |
3729 | - .col-md-push-2 | |
3730 | - { | |
3731 | - left:16.66666667% | |
3732 | - } | |
3733 | - | |
3734 | - .col-md-push-1 | |
3735 | - { | |
3736 | - left:8.33333333% | |
3737 | - } | |
3738 | - | |
3739 | - .col-md-push-0 | |
3740 | - { | |
3741 | - left:auto | |
3742 | - } | |
3743 | - | |
3744 | - .col-md-offset-12 | |
3745 | - { | |
3746 | - margin-left:100% | |
3747 | - } | |
3748 | - | |
3749 | - .col-md-offset-11 | |
3750 | - { | |
3751 | - margin-left:91.66666667% | |
3752 | - } | |
3753 | - | |
3754 | - .col-md-offset-10 | |
3755 | - { | |
3756 | - margin-left:83.33333333% | |
3757 | - } | |
3758 | - | |
3759 | - .col-md-offset-9 | |
3760 | - { | |
3761 | - margin-left:75% | |
3762 | - } | |
3763 | - | |
3764 | - .col-md-offset-8 | |
3765 | - { | |
3766 | - margin-left:66.66666667% | |
3767 | - } | |
3768 | - | |
3769 | - .col-md-offset-7 | |
3770 | - { | |
3771 | - margin-left:58.33333333% | |
3772 | - } | |
3773 | - | |
3774 | - .col-md-offset-6 | |
3775 | - { | |
3776 | - margin-left:50% | |
3777 | - } | |
3778 | - | |
3779 | - .col-md-offset-5 | |
3780 | - { | |
3781 | - margin-left:41.66666667% | |
3782 | - } | |
3783 | - | |
3784 | - .col-md-offset-4 | |
3785 | - { | |
3786 | - margin-left:33.33333333% | |
3787 | - } | |
3788 | - | |
3789 | - .col-md-offset-3 | |
3790 | - { | |
3791 | - margin-left:25% | |
3792 | - } | |
3793 | - | |
3794 | - .col-md-offset-2 | |
3795 | - { | |
3796 | - margin-left:16.66666667% | |
3797 | - } | |
3798 | - | |
3799 | - .col-md-offset-1 | |
3800 | - { | |
3801 | - margin-left:8.33333333% | |
3802 | - } | |
3803 | - | |
3804 | - .col-md-offset-0 | |
3805 | - { | |
3806 | - margin-left:0 | |
3807 | - } | |
3808 | -} | |
3809 | - | |
3810 | -@media (min-width: 1200px) { | |
3811 | - .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 | |
3812 | - { | |
3813 | - float:left | |
3814 | - } | |
3815 | - | |
3816 | - .col-lg-12 | |
3817 | - { | |
3818 | - width:100% | |
3819 | - } | |
3820 | - | |
3821 | - .col-lg-11 | |
3822 | - { | |
3823 | - width:91.66666667% | |
3824 | - } | |
3825 | - | |
3826 | - .col-lg-10 | |
3827 | - { | |
3828 | - width:83.33333333% | |
3829 | - } | |
3830 | - | |
3831 | - .col-lg-9 | |
3832 | - { | |
3833 | - width:75% | |
3834 | - } | |
3835 | - | |
3836 | - .col-lg-8 | |
3837 | - { | |
3838 | - width:66.66666667% | |
3839 | - } | |
3840 | - | |
3841 | - .col-lg-7 | |
3842 | - { | |
3843 | - width:58.33333333% | |
3844 | - } | |
3845 | - | |
3846 | - .col-lg-6 | |
3847 | - { | |
3848 | - width:50% | |
3849 | - } | |
3850 | - | |
3851 | - .col-lg-5 | |
3852 | - { | |
3853 | - width:41.66666667% | |
3854 | - } | |
3855 | - | |
3856 | - .col-lg-4 | |
3857 | - { | |
3858 | - width:33.33333333% | |
3859 | - } | |
3860 | - | |
3861 | - .col-lg-3 | |
3862 | - { | |
3863 | - width:25% | |
3864 | - } | |
3865 | - | |
3866 | - .col-lg-2 | |
3867 | - { | |
3868 | - width:16.66666667% | |
3869 | - } | |
3870 | - | |
3871 | - .col-lg-1 | |
3872 | - { | |
3873 | - width:8.33333333% | |
3874 | - } | |
3875 | - | |
3876 | - .col-lg-pull-12 | |
3877 | - { | |
3878 | - right:100% | |
3879 | - } | |
3880 | - | |
3881 | - .col-lg-pull-11 | |
3882 | - { | |
3883 | - right:91.66666667% | |
3884 | - } | |
3885 | - | |
3886 | - .col-lg-pull-10 | |
3887 | - { | |
3888 | - right:83.33333333% | |
3889 | - } | |
3890 | - | |
3891 | - .col-lg-pull-9 | |
3892 | - { | |
3893 | - right:75% | |
3894 | - } | |
3895 | - | |
3896 | - .col-lg-pull-8 | |
3897 | - { | |
3898 | - right:66.66666667% | |
3899 | - } | |
3900 | - | |
3901 | - .col-lg-pull-7 | |
3902 | - { | |
3903 | - right:58.33333333% | |
3904 | - } | |
3905 | - | |
3906 | - .col-lg-pull-6 | |
3907 | - { | |
3908 | - right:50% | |
3909 | - } | |
3910 | - | |
3911 | - .col-lg-pull-5 | |
3912 | - { | |
3913 | - right:41.66666667% | |
3914 | - } | |
3915 | - | |
3916 | - .col-lg-pull-4 | |
3917 | - { | |
3918 | - right:33.33333333% | |
3919 | - } | |
3920 | - | |
3921 | - .col-lg-pull-3 | |
3922 | - { | |
3923 | - right:25% | |
3924 | - } | |
3925 | - | |
3926 | - .col-lg-pull-2 | |
3927 | - { | |
3928 | - right:16.66666667% | |
3929 | - } | |
3930 | - | |
3931 | - .col-lg-pull-1 | |
3932 | - { | |
3933 | - right:8.33333333% | |
3934 | - } | |
3935 | - | |
3936 | - .col-lg-pull-0 | |
3937 | - { | |
3938 | - right:auto | |
3939 | - } | |
3940 | - | |
3941 | - .col-lg-push-12 | |
3942 | - { | |
3943 | - left:100% | |
3944 | - } | |
3945 | - | |
3946 | - .col-lg-push-11 | |
3947 | - { | |
3948 | - left:91.66666667% | |
3949 | - } | |
3950 | - | |
3951 | - .col-lg-push-10 | |
3952 | - { | |
3953 | - left:83.33333333% | |
3954 | - } | |
3955 | - | |
3956 | - .col-lg-push-9 | |
3957 | - { | |
3958 | - left:75% | |
3959 | - } | |
3960 | - | |
3961 | - .col-lg-push-8 | |
3962 | - { | |
3963 | - left:66.66666667% | |
3964 | - } | |
3965 | - | |
3966 | - .col-lg-push-7 | |
3967 | - { | |
3968 | - left:58.33333333% | |
3969 | - } | |
3970 | - | |
3971 | - .col-lg-push-6 | |
3972 | - { | |
3973 | - left:50% | |
3974 | - } | |
3975 | - | |
3976 | - .col-lg-push-5 | |
3977 | - { | |
3978 | - left:41.66666667% | |
3979 | - } | |
3980 | - | |
3981 | - .col-lg-push-4 | |
3982 | - { | |
3983 | - left:33.33333333% | |
3984 | - } | |
3985 | - | |
3986 | - .col-lg-push-3 | |
3987 | - { | |
3988 | - left:25% | |
3989 | - } | |
3990 | - | |
3991 | - .col-lg-push-2 | |
3992 | - { | |
3993 | - left:16.66666667% | |
3994 | - } | |
3995 | - | |
3996 | - .col-lg-push-1 | |
3997 | - { | |
3998 | - left:8.33333333% | |
3999 | - } | |
4000 | - | |
4001 | - .col-lg-push-0 | |
4002 | - { | |
4003 | - left:auto | |
4004 | - } | |
4005 | - | |
4006 | - .col-lg-offset-12 | |
4007 | - { | |
4008 | - margin-left:100% | |
4009 | - } | |
4010 | - | |
4011 | - .col-lg-offset-11 | |
4012 | - { | |
4013 | - margin-left:91.66666667% | |
4014 | - } | |
4015 | - | |
4016 | - .col-lg-offset-10 | |
4017 | - { | |
4018 | - margin-left:83.33333333% | |
4019 | - } | |
4020 | - | |
4021 | - .col-lg-offset-9 | |
4022 | - { | |
4023 | - margin-left:75% | |
4024 | - } | |
4025 | - | |
4026 | - .col-lg-offset-8 | |
4027 | - { | |
4028 | - margin-left:66.66666667% | |
4029 | - } | |
4030 | - | |
4031 | - .col-lg-offset-7 | |
4032 | - { | |
4033 | - margin-left:58.33333333% | |
4034 | - } | |
4035 | - | |
4036 | - .col-lg-offset-6 | |
4037 | - { | |
4038 | - margin-left:50% | |
4039 | - } | |
4040 | - | |
4041 | - .col-lg-offset-5 | |
4042 | - { | |
4043 | - margin-left:41.66666667% | |
4044 | - } | |
4045 | - | |
4046 | - .col-lg-offset-4 | |
4047 | - { | |
4048 | - margin-left:33.33333333% | |
4049 | - } | |
4050 | - | |
4051 | - .col-lg-offset-3 | |
4052 | - { | |
4053 | - margin-left:25% | |
4054 | - } | |
4055 | - | |
4056 | - .col-lg-offset-2 | |
4057 | - { | |
4058 | - margin-left:16.66666667% | |
4059 | - } | |
4060 | - | |
4061 | - .col-lg-offset-1 | |
4062 | - { | |
4063 | - margin-left:8.33333333% | |
4064 | - } | |
4065 | - | |
4066 | - .col-lg-offset-0 | |
4067 | - { | |
4068 | - margin-left:0 | |
4069 | - } | |
4070 | -} | |
4071 | - | |
4072 | -.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after | |
4073 | -{ | |
4074 | - content:" "; | |
4075 | - display:table | |
4076 | -} | |
4077 | - | |
4078 | -.clearfix:after,.container:after,.container-fluid:after,.row:after | |
4079 | -{ | |
4080 | - clear:both | |
4081 | -} | |
4082 | - | |
4083 | -.center-block | |
4084 | -{ | |
4085 | - display:block; | |
4086 | - margin-left:auto; | |
4087 | - margin-right:auto | |
4088 | -} | |
4089 | - | |
4090 | -.pull-right | |
4091 | -{ | |
4092 | - float:right!important | |
4093 | -} | |
4094 | - | |
4095 | -.pull-left | |
4096 | -{ | |
4097 | - float:left!important | |
4098 | -} | |
4099 | - | |
4100 | -.hide | |
4101 | -{ | |
4102 | - display:none!important | |
4103 | -} | |
4104 | - | |
4105 | -.show | |
4106 | -{ | |
4107 | - display:block!important | |
4108 | -} | |
4109 | - | |
4110 | -.invisible | |
4111 | -{ | |
4112 | - visibility:hidden | |
4113 | -} | |
4114 | - | |
4115 | -.text-hide | |
4116 | -{ | |
4117 | - font:0/0 a; | |
4118 | - color:transparent; | |
4119 | - text-shadow:none; | |
4120 | - background-color:transparent; | |
4121 | - border:0 | |
4122 | -} | |
4123 | - | |
4124 | -.hidden | |
4125 | -{ | |
4126 | - display:none!important | |
4127 | -} | |
4128 | - | |
4129 | -.affix | |
4130 | -{ | |
4131 | - position:fixed | |
4132 | -} | |
4133 | - | |
4134 | -.visible-xs,.visible-sm,.visible-md,.visible-lg | |
4135 | -{ | |
4136 | - display:none!important | |
4137 | -} | |
4138 | - | |
4139 | -.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block | |
4140 | -{ | |
4141 | - display:none!important | |
4142 | -} | |
4143 | - | |
4144 | -@media (max-width: 767px) { | |
4145 | - .visible-xs | |
4146 | - { | |
4147 | - display:block!important | |
4148 | - } | |
4149 | - | |
4150 | - table.visible-xs | |
4151 | - { | |
4152 | - display:table!important | |
4153 | - } | |
4154 | - | |
4155 | - tr.visible-xs | |
4156 | - { | |
4157 | - display:table-row!important | |
4158 | - } | |
4159 | - | |
4160 | - th.visible-xs,td.visible-xs | |
4161 | - { | |
4162 | - display:table-cell!important | |
4163 | - } | |
4164 | - | |
4165 | - .visible-xs-block | |
4166 | - { | |
4167 | - display:block!important | |
4168 | - } | |
4169 | - | |
4170 | - .visible-xs-inline | |
4171 | - { | |
4172 | - display:inline!important | |
4173 | - } | |
4174 | - | |
4175 | - .visible-xs-inline-block | |
4176 | - { | |
4177 | - display:inline-block!important | |
4178 | - } | |
4179 | -} | |
4180 | - | |
4181 | -@media (min-width: 768px) and (max-width: 991px) { | |
4182 | - .visible-sm, .visible_all | |
4183 | - { | |
4184 | - display:block!important | |
4185 | - } | |
4186 | - | |
4187 | - table.visible-sm | |
4188 | - { | |
4189 | - display:table!important | |
4190 | - } | |
4191 | - | |
4192 | - tr.visible-sm | |
4193 | - { | |
4194 | - display:table-row!important | |
4195 | - } | |
4196 | - | |
4197 | - th.visible-sm,td.visible-sm | |
4198 | - { | |
4199 | - display:table-cell!important | |
4200 | - } | |
4201 | - | |
4202 | - .visible-sm-block | |
4203 | - { | |
4204 | - display:block!important | |
4205 | - } | |
4206 | - | |
4207 | - .visible-sm-inline | |
4208 | - { | |
4209 | - display:inline!important | |
4210 | - } | |
4211 | - | |
4212 | - .visible-sm-inline-block | |
4213 | - { | |
4214 | - display:inline-block!important | |
4215 | - } | |
4216 | -} | |
4217 | -@media (min-width: 940px) { | |
4218 | - .visible_940 | |
4219 | - { | |
4220 | - display:block!important | |
4221 | - } | |
4222 | -} | |
4223 | -@media (max-width: 939px) { | |
4224 | - .visible-mobile, .mob-overlay | |
4225 | - { | |
4226 | - display:block!important | |
4227 | - } | |
4228 | -} | |
4229 | -@media (min-width: 992px) and (max-width: 1199px) { | |
4230 | - .visible-md, .visible_all | |
4231 | - { | |
4232 | - display:block!important | |
4233 | - } | |
4234 | - | |
4235 | - table.visible-md | |
4236 | - { | |
4237 | - display:table!important | |
4238 | - } | |
4239 | - | |
4240 | - tr.visible-md | |
4241 | - { | |
4242 | - display:table-row!important | |
4243 | - } | |
4244 | - | |
4245 | - th.visible-md,td.visible-md | |
4246 | - { | |
4247 | - display:table-cell!important | |
4248 | - } | |
4249 | - | |
4250 | - .visible-md-block | |
4251 | - { | |
4252 | - display:block!important | |
4253 | - } | |
4254 | - | |
4255 | - .visible-md-inline | |
4256 | - { | |
4257 | - display:inline!important | |
4258 | - } | |
4259 | - | |
4260 | - .visible-md-inline-block | |
4261 | - { | |
4262 | - display:inline-block!important | |
4263 | - } | |
4264 | -} | |
4265 | - | |
4266 | -@media (min-width: 1200px) { | |
4267 | - .visible-lg, .visible_all | |
4268 | - { | |
4269 | - display:block!important | |
4270 | - } | |
4271 | - | |
4272 | - table.visible-lg | |
4273 | - { | |
4274 | - display:table!important | |
4275 | - } | |
4276 | - | |
4277 | - tr.visible-lg | |
4278 | - { | |
4279 | - display:table-row!important | |
4280 | - } | |
4281 | - | |
4282 | - th.visible-lg,td.visible-lg | |
4283 | - { | |
4284 | - display:table-cell!important | |
4285 | - } | |
4286 | -} | |
4287 | - | |
4288 | -@media (min-width: 1200px) { | |
4289 | - .visible-lg-block | |
4290 | - { | |
4291 | - display:block!important | |
4292 | - } | |
4293 | -} | |
4294 | - | |
4295 | -@media (min-width: 1200px) { | |
4296 | - .visible-lg-inline | |
4297 | - { | |
4298 | - display:inline!important | |
4299 | - } | |
4300 | -} | |
4301 | - | |
4302 | -@media (min-width: 1200px) { | |
4303 | - .visible-lg-inline-block | |
4304 | - { | |
4305 | - display:inline-block!important | |
4306 | - } | |
4307 | -} | |
4308 | - | |
4309 | -@media (max-width: 767px) { | |
4310 | - .hidden-xs | |
4311 | - { | |
4312 | - display:none!important | |
4313 | - } | |
4314 | -} | |
4315 | - | |
4316 | -@media (min-width: 768px) and (max-width: 991px) { | |
4317 | - .hidden-sm | |
4318 | - { | |
4319 | - display:none!important | |
4320 | - } | |
4321 | -} | |
4322 | - | |
4323 | -@media (min-width: 992px) and (max-width: 1199px) { | |
4324 | - .hidden-md | |
4325 | - { | |
4326 | - display:none!important | |
4327 | - } | |
4328 | -} | |
4329 | - | |
4330 | -@media (min-width: 1200px) { | |
4331 | - .hidden-lg | |
4332 | - { | |
4333 | - display:none!important | |
4334 | - } | |
4335 | -} | |
4336 | - | |
4337 | -.visible-print | |
4338 | -{ | |
4339 | - display:none!important | |
4340 | -} | |
4341 | - | |
4342 | -@media print { | |
4343 | - .visible-print | |
4344 | - { | |
4345 | - display:block!important | |
4346 | - } | |
4347 | - | |
4348 | - table.visible-print | |
4349 | - { | |
4350 | - display:table!important | |
4351 | - } | |
4352 | - | |
4353 | - tr.visible-print | |
4354 | - { | |
4355 | - display:table-row!important | |
4356 | - } | |
4357 | - | |
4358 | - th.visible-print,td.visible-print | |
4359 | - { | |
4360 | - display:table-cell!important | |
4361 | - } | |
4362 | -} | |
4363 | - | |
4364 | -.visible-print-block | |
4365 | -{ | |
4366 | - display:none!important | |
4367 | -} | |
4368 | - | |
4369 | -@media print { | |
4370 | - .visible-print-block | |
4371 | - { | |
4372 | - display:block!important | |
4373 | - } | |
4374 | -} | |
4375 | - | |
4376 | -.visible-print-inline | |
4377 | -{ | |
4378 | - display:none!important | |
4379 | -} | |
4380 | - | |
4381 | -@media print { | |
4382 | - .visible-print-inline | |
4383 | - { | |
4384 | - display:inline!important | |
4385 | - } | |
4386 | -} | |
4387 | - | |
4388 | -.visible-print-inline-block | |
4389 | -{ | |
4390 | - display:none!important | |
4391 | -} | |
4392 | - | |
4393 | -@media print { | |
4394 | - .visible-print-inline-block | |
4395 | - { | |
4396 | - display:inline-block!important | |
4397 | - } | |
4398 | -} | |
4399 | - | |
4400 | -@media print { | |
4401 | - .hidden-print | |
4402 | - { | |
4403 | - display:none!important | |
4404 | - } | |
4405 | -} | |
4406 | - | |
4407 | -@media (max-width: 1199px) { | |
4408 | - | |
4409 | -} | |
4410 | - | |
4411 | -@media (max-width: 991px) { | |
4412 | - | |
4413 | -} | |
4414 | - | |
4415 | -.col-xs-15, | |
4416 | -.col-sm-15, | |
4417 | -.col-md-15, | |
4418 | -.col-lg-15 { | |
4419 | - position: relative; | |
4420 | - min-height: 1px; | |
4421 | - padding-right: 10px; | |
4422 | - padding-left: 10px; | |
4423 | - width: 20%; | |
4424 | -} | |
4425 | - | |
4426 | - | |
4427 | - | |
4428 | - | |
1 | +._more_,.artweb-wr a:hover,.certificate_f,.lang-wr a,.nav>li>form>button:hover,.question-form,ul.main-menu li a{text-decoration:none}.head-container,.project-brands_{overflow-x:hidden}.clearfix:after,.container-fluid:after,.container:after,.group:after,.row:after{clear:both}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent}#overlay,.mob-overlay{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}.brand-link a img,.f-img,.f-img img,.form-product-wr table tr td:first-child img,.logo_,.logo_ img{vertical-align:middle}body,html{height:100%}.wrap{min-height:100%;height:auto;margin:0 auto -60px;padding:0 0 60px}.wrap>.container{padding:70px 15px 20px}.footer{height:60px;background-color:#f5f5f5;border-top:1px solid #ddd;padding-top:20px}.jumbotron{text-align:center;background-color:transparent}.jumbotron .btn{font-size:21px;padding:14px 24px}.not-set{color:#c55;font-style:italic}a.asc:after,a.desc:after{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;padding-left:5px}a.asc:after{content:"\e151"}a.desc:after{content:"\e152"}.sort-numerical a.asc:after{content:"\e153"}.sort-numerical a.desc:after{content:"\e154"}.sort-ordinal a.asc:after{content:"\e155"}.sort-ordinal a.desc:after{content:"\e156"}.calc-menu .question-form:before,.close-menu-mob:before,.menu-wrapper:before,.menu_mob div:first-child:before,.phones-table-wr:after,.phones-table-wr:before,.prefooter .shadow:before,ul.main-menu li a:before,ul.main-menu li:hover::before{content:''}.grid-view td{white-space:nowrap}.grid-view .filters input,.grid-view .filters select{min-width:50px}.hint-block{display:block;margin-top:5px;color:#999}.error-summary{color:#a94442;background:#fdf7f7;border-left:3px solid #eed3d7;padding:10px 20px;margin:0 0 15px}.nav>li>form{padding:8px}@media(max-width:768px){.nav li>form{padding:3px}}*{margin:0;padding:0}body{font-family:Roboto;font-weight:400;font-size:14px;color:#414143;background:url(../images/bg_body.jpg);line-height:1.42857143}.off-scroll{overflow-y:hidden;height:100%;position:fixed}img{border:none}button,input,textarea{outline:0!important}[class*=section-box]{width:100%;float:left;position:relative}.style{width:100%;float:left}.question-form{height:40px;padding:0 23px;line-height:40px;color:#fff;font-size:13px;text-transform:uppercase;background:#939598;border-top-left-radius:4px;border-top-right-radius:4px;z-index:999;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);position:fixed;top:325px;right:-68px}.question-form span{position:absolute;min-width:22px;height:22px;padding:0 4px;line-height:22px;color:#fff;background:#ed1c24;font-size:13px;top:-10px;right:-10px;transform:rotate(90deg);-webkit-transform:rotate(90deg);border-radius:22px;text-align:center}.calc-menu .question-form span{transform:rotate(0);-webkit-transform:rotate(0);right:-26px;top:-16px}.section-box-header{background:#fff;margin-bottom:2px}.logo_{height:112px;width:100%;position:relative;display:table-cell}.logo_ img{width:100%}.menu-wrapper{height:40px;position:relative}.menu-wrapper:before{background:#414143;height:40px;width:100%;position:absolute}.phones-head{padding-top:31px}.phones-head table{border:0;collapse:0;margin:0 auto}.phones-head table tr td{position:relative}.phones-head p{font-size:18px;color:#414143}.phones-head p span{font-weight:700;color:inherit;font-size:18px;right:auto;top:auto;position:relative}.lang-wr a,.phones-head span{font-weight:300;font-size:13px}.phones-head span{color:#939598;position:absolute;right:0;top:23px;width:199px;text-align:right;line-height:14px}.close-search,.search-ico{height:112px;position:relative}.close-search img,.search-btn-mob img,.search-ico img{position:absolute;top:50%;right:15px;margin-top:-9px;cursor:pointer}.close-search img{margin-top:-8px}.menu-wr{position:relative;z-index:3;height:42px;padding:0 15px}.home_ico{display:block;width:40px;height:100%;background:url(../images/ico/ico-1.png) 50% 50% no-repeat #939598;position:absolute;left:15px;top:0}ul.main-menu{height:100%;width:100%;float:left;padding-left:40px;border-bottom:2px solid #939598}ul.main-menu li{float:left;list-style:none;position:relative}ul.main-menu li:first-child::before{display:none}ul.main-menu li a{color:#fff;font-size:13px;text-transform:uppercase;padding:0 28px 0 29px;line-height:40px;position:relative;height:100%;display:block}ul.main-menu li a:before{position:absolute;left:0;top:50%;margin-top:-10px;width:1px;height:20px;background:#5a5a5d}ul.main-menu li:first-child a{padding-left:26px;padding-right:45px;z-index:2}ul.main-menu li:first-child a:before{left:auto;right:20px;background:url(../images/ico/ico-3-1.png) no-repeat;width:8px;height:5px;margin-top:-3px}ul.main-menu li:first-child:hover a:before{background:url(../images/ico/ico-4.png) no-repeat}ul.main-menu li:hover::before{background:#5a5a5d;position:absolute;width:100%;height:100%;top:0;left:-1px;padding:0 1px;box-sizing:content-box}ul.main-menu li:last-child:hover::before{padding:0 0 0 2px}ul.main-menu li:first-child{padding-left:0}ul.main-menu li:first-child:hover{background:#fff}ul.main-menu li:first-child:hover a{color:#414143}ul.main-menu li ul{display:none;position:absolute;width:100%;top:0;left:0;padding-top:41px;background:#fff;box-shadow:0 0 8px 0 rgba(149,149,149,.8)}ul.main-menu li:hover ul{display:block}ul.main-menu li:hover ul li{width:100%;height:44px;background:#fff;border-top:1px solid #dedfe0}ul.main-menu li:hover ul li::before,ul.main-menu li:hover ul li:first-child::before{background:#8b8d90;display:block}ul.main-menu li ul li:hover a{color:#fff!important}ul.main-menu li:first-child ul li a:before{display:none}.lang-wr{position:absolute;height:43px;top:32px;left:0}.lang-wr-mob{left:50%}.lang-wr a{position:absolute;bottom:0;left:0;color:#414143;line-height:14px}.calc-menu .question-form:hover,.lang-wr a.active{text-decoration:underline}.lang-wr a:first-child{bottom:auto;top:4px;left:0}.hidden-search{position:absolute;top:0;right:0;margin-right:-100%;width:100%;height:100%;background:#fff}.hidden-search.vis{margin-right:0;transition:.5s}.search-title{height:112px}.search-title p{line-height:112px;font-size:18px;font-weight:700;color:#414143}.search-form-wr-padding{padding:0 83px!important}.search-form-wr{width:100%;height:35px;position:relative;margin-top:41px}.search-form-wr input{width:100%;border-top:0;border-left:0;border-right:0;outline:0!important;border-bottom:1px solid #dedfe0;padding:0 52px 0 15px;height:34px;line-height:34px;font-size:13px;color:#414143;text-transform:uppercase}.search-form-wr button{width:48px;height:33px;position:absolute;right:0;top:0;border:0!important;outline:0!important;cursor:pointer;background:url(../images/ico/ico-2.png) 50% 0 no-repeat #fff}.head-container{height:112px;position:relative;background:#fff}.phones-head-table-mob{text-align:right}.phones-table-wr{position:absolute;padding-right:22px;top:38px;right:15px;background:#fff}.phones-table-wr:before{position:absolute;top:8px;right:0;background:url(../images/ico/ico-6.png) no-repeat;cursor:pointer;width:10px;height:6px;z-index:2;transition:.3s}.phones-table-wr p,.phones-table-wr ul{position:relative;z-index:3}.phones-table-wr:after{width:100%;height:100%;box-shadow:0 0 8px 0 rgba(149,149,149,.8);position:absolute;top:-18px;left:-10px;box-sizing:content-box;padding:18px 10px 28px;background:#fff;z-index:2;display:none}.phones-table-wr p{font-size:18px;color:#414143;cursor:pointer}.phones-table-wr p .vis-phone{font-weight:700;font-size:18px;color:inherit}.phones-table-wr ul{list-style:none;display:none}.phones-table-wr ul li{margin-top:26px}.phones-table-wr ul li span{font-weight:300;font-size:13px;color:#939598;line-height:14px}.phones-table-wr ul li p{cursor:default}.phones-table-wr.vis-phone ul{display:block}.phones-table-wr.vis-phone:before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.phones-table-wr.vis-phone:after{opacity:1;display:block}.mobile-menu{height:42px;background:#414143;border-bottom:2px solid #939598}.menu_mob{position:relative;cursor:pointer;width:14px;float:left;height:40px;margin-left:15px}.menu_mob div,.menu_mob div:first-child:before{position:absolute;background:#fff;top:0;left:0}.menu_mob div{width:14px;height:2px;margin-top:25px}.menu_mob div:first-child{margin-top:13px}.menu_mob div:first-child:before{width:100%;height:100%;margin-top:6px}.calc-menu .question-form{line-height:42px;position:relative;background:0 0;padding:0!important;border-top-left-radius:0;border-top-right-radius:0;z-index:1;transform:none;top:auto;right:auto;height:auto}.calc-menu .question-form:before{position:absolute;width:12px;height:18px;left:-20px;top:50%;margin-top:-9px;background:url(../images/ico/ico-7.png) no-repeat}.search-btn-mob{height:40px}.search-btn-mob img{right:30px}.mob-overlay{display:none;position:fixed;width:100%;height:100%;z-index:999;background:#000;opacity:.8;top:0;left:0;cursor:default}.section-box-content{margin-top:-2px}.section-box-content .container.shadow{padding-bottom:30px}.shadow{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.2);position:relative}.prefooter .shadow:before{position:absolute;width:100%;height:13px;background:#fff;top:-11px;left:0}.close-menu-mob{position:relative;width:100%;height:52px;background:#fff;color:#414143;font-size:18px;font-weight:700;text-transform:uppercase;padding-top:17px;padding-left:10px;cursor:default}.close-menu-mob:before{width:16px;height:16px;position:absolute;right:0;top:20px;background:url(../images/ico/ico-5.png) no-repeat;cursor:pointer}.xs-sm-menu{display:none;width:300px;position:fixed;z-index:9999;top:0;left:0;margin-left:-300px;height:100%;overflow-y:scroll;background:#4c4c50;transition:.2s;padding:0 10px}.xs-sm-menu.open.visible{margin-left:0}.xs-sm-menu.open{display:block;background:#fff}.xs-sm-menu .main-menu{width:100%;float:left;padding-left:0;padding-bottom:60px;height:auto;border-bottom:0}.xs-sm-menu .main-menu li{width:100%;float:left;height:36px;border-bottom:1px solid #dedfe0}.xs-sm-menu ul.main-menu li:first-child:hover{background:0 0}.xs-sm-menu .main-menu li:hover ul{display:none!important}.xs-sm-menu .main-menu li a{color:#414143;padding:0 0 0 10px!important}.xs-sm-menu ul.main-menu li a:before{display:none}.xs-sm-menu ul.main-menu li:first-child a:before{display:block;background:url(../images/ico/ico-4.png) no-repeat;transition:.3s;-webkit-transition:.3s;transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}.xs-sm-menu ul.main-menu li:first-child:hover a:before{background:url(../images/ico/ico-4.png) no-repeat}.xs-sm-menu ul.main-menu li:hover::before{display:none}.xs-sm-menu ul.main-menu li ul{position:relative;top:auto;left:auto;padding-top:0;padding-left:0;float:left;background:0 0;box-shadow:none}.xs-sm-menu ul.main-menu li ul li{background:#8b8d90;height:36px;border-bottom:1px solid #fff;padding-left:20px}.xs-sm-menu ul.main-menu li:hover ul li{border-top:0}.xs-sm-menu ul.main-menu li ul li a,.xs-sm-menu ul.main-menu li ul li:hover a{color:#fff!important}.xs-sm-menu ul.main-menu li ul li a{padding-left:0!important}.xs-sm-menu ul.main-menu li ul li a:before{display:none!important}.xs-sm-menu ul.main-menu li ul li:last-child{border-bottom:0}.xs-sm-menu ul.main-menu li.show-sub-menu ul{display:block!important}.xs-sm-menu ul.main-menu li.show-sub-menu{height:auto;border-bottom:0}.modal-form form input,.modal-form form textarea{border-left:0;border-right:0;border-bottom:1px solid #dedfe0}.xs-sm-menu li.show-sub-menu ul li:first-child::before{left:0!important;padding:0!important}.xs-sm-menu ul.main-menu li.show-sub-menu:first-child a:before{transform:rotate(0);-webkit-transform:rotate(0)}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.artweb-wr,.copyright{height:25px}.owl-carousel .owl-video-frame{position:relative;z-index:1}.copyright p{width:100%;float:left;font-size:11px;color:#939598;font-weight:300}.artweb-wr{float:right}.artweb-wr a{height:25px;padding-right:33px;position:relative;line-height:25px;color:#939598;font-size:11px;display:block}.artweb-wr a:before{position:absolute;width:24px;height:23px;top:0;right:0;background:url(../images/footer/artweb-logo.png) 0 50% no-repeat;content:''}.f-img{width:100%;display:table-cell;height:106px}.f-img img{max-width:100%}.border-footer{position:absolute;padding:0 15px;top:0;left:0;width:100%}.border-footer div{width:100%;height:1px;background:#dedfe0}.studio_footer{margin-top:13px}.mb-im-f-1{text-align:center;display:table}.mb-im-f-5{text-align:right;display:table}.certificate_f{font-size:13px;color:#939598;font-weight:300;padding-left:25px;position:relative}.certificate_f:before{content:'';position:absolute;width:20px;height:26px;left:0;top:50%;margin-top:-13px;background:url(../images/ico/ico-12.png) no-repeat}#overlay{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;background:#000;opacity:.8}#success-form,.modal-form{width:810px;background:#fff;position:absolute;left:50%;margin-left:-405px;top:20px;opacity:0;z-index:999991;display:none}.box-mosaic a:hover,.slider-menu ul li:before{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}#success-form{height:216px;background:#fff}#modal_form-2 .txt-success{width:810px;height:216px;display:table-cell;vertical-align:middle;text-align:center}.form-wr{width:100%;float:left;background:#fff;position:relative}#close-form{width:34px;height:34px;background:url(../images/ico/ico-13.png) no-repeat;position:absolute;top:-57px;right:-61px;cursor:pointer;z-index:999}.form-title,.input-wr,.modal-form form{width:100%;float:left}.form-title{font-size:24px;font-weight:700;text-align:center;margin-top:34px}.modal-form form{padding:0 150px;margin-bottom:40px}.input-wr{position:relative;margin-top:21px}.modal-form form label{font-size:14px;font-weight:700;text-transform:uppercase;width:150px;text-align:right;display:block;line-height:32px;height:30px;float:left;padding-right:30px;position:relative}.modal-form form .required label:before{content:'*';position:absolute;top:0;right:23px;line-height:30px;color:#ed1c24;font-size:14px}.modal-form form input,.modal-form form textarea{width:360px;max-width:360px;float:right;height:30px;padding-left:10px}.modal-form form input{outline:0!important;font-size:18px;border-top:0}.modal-form form textarea{max-height:30px;border-top:0;resize:none}.modal-form form input:focus,.modal-form form textarea:focus{border-bottom:1px solid #a7a7a7;transition:.2s;-webkit-transition:.2s}.modal-form form .has-error input,.modal-form form .has-error textarea{border-bottom:1px solid #ed1c24}.modal-form form .help-block{display:none;position:absolute;right:0;bottom:1px;width:95px;background:#fff;height:100%}.modal-form form .has-error .help-block{display:block}.modal-form form .has-error .help-block:before{position:absolute;content:'ошибка ввода';font-size:13px;line-height:30px;color:#ed1c24;top:0;right:0;display:block!important;width:100%;text-align:right}.box-mosaic a p:before,.form-product-wr table tr td.remove_,.slider-menu ul li:before,.slider-menu ul:before{content:''}.button-wr{width:360px;float:right;margin-top:40px}.modal-form form button[type=submit]{display:block;margin:0 auto;width:174px;height:40px;line-height:40px;outline:0!important;text-align:center;text-transform:uppercase;border:1px solid #939598;color:inherit;font-size:11px;font-weight:700;cursor:pointer;background:#fff}.form-product-wr table tr td:first-child:before,.form-product-wr.product_0{display:none}.modal-form form button[type=submit]:hover{background:#939598;color:#fff}.modal-form form button[type=submit]:hover:active{background:#68696b}.form-product-wr{width:100%;height:241px;overflow:hidden;float:left;margin-top:40px}.form-product-wr.product_1{height:75px}.form-product-wr.product_2{height:155px}.scrollbar_{height:241px;overflow-y:hidden}.form-product-wr table{padding:0;border:0;collapse:0}.form-product-wr table tr{width:100%;float:left;margin-top:9px;position:relative}.form-product-wr table tr:first-child{margin-top:0}.form-product-wr table tr td{min-height:67px;width:360px;position:relative;padding-right:50px}.form-product-wr table tr td:first-child{width:150px;text-align:right;padding-right:30px}.brand-link a,.colect-title,.collection-img,.slider-menu ul li a{text-align:center}.form-product-wr table tr td.remove_{position:absolute;right:0;top:50%;margin-top:-8px;width:16px!important;height:16px;background:url(../images/ico/ico-14.png) no-repeat;cursor:pointer}.form-product-wr table tr td.remove_:hover{background:url(../images/ico/ico-15.png) no-repeat}.form-product-wr table tr td a{text-decoration:none;font-size:13px;color:inherit}.form-product-wr table tr td a span{font-weight:700}.form-product-wr table tr td a span:first-child{font-weight:400;text-transform:uppercase}._more_{position:absolute;left:0;bottom:9px;font-size:13px;color:#939598}._more_:hover{text-decoration:underline}.box-mosaic a p,.slider-menu ul li a{text-decoration:none;font-size:14px;z-index:2;color:#fff}.margin-top{margin-top:30px}.moz-4,.moz-5,.moz-6,.moz-7{margin-top:2px}.box-mosaic a{position:relative;display:block;height:100%}.box-mosaic a div{height:100%;width:100%;position:absolute;top:0;left:0;overflow:hidden}.box-mosaic a p{width:100%;height:75px;position:absolute;bottom:0;left:0;line-height:14px;padding-left:20px;background:url(../images/shadow-home.png) repeat-x;padding-right:16px;padding-top:39px}.moz-2,.moz-3,.moz-4,.moz-5,.moz-7{padding-left:0!important}.moz-1,.moz-2,.moz-4,.moz-6,.moz-7{padding-right:2px!important}.box-mosaic a p:before{width:7px;height:12px;background:url(../images/ico/ico-3.png) no-repeat;position:absolute;bottom:24px;right:16px}.box-mosaic img{width:100%;position:absolute;top:0;left:0}[class*=moz-]{height:75px}.moz-1,.moz-5 a{height:152px}.box-slider{position:relative;height:460px;overflow:hidden}.slider-menu{height:100%;position:absolute;z-index:2;top:0;left:0}.slider-menu ul{position:relative;height:100%}.slider-menu ul:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/shadow-slider-1.png) 0 50% no-repeat}.slider-menu ul li{list-style:none;position:relative;width:34px;height:100%;float:left}.slider-menu ul li a{width:460px;height:34px;line-height:34px;display:block;position:absolute;top:213px;left:-213px;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.slider-menu ul li a:hover{text-decoration:underline}.slider-menu ul li:before{position:absolute;top:0;left:0;height:100%;width:34px;background:#000;z-index:1}.slider-menu ul li:nth-child(2):before{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}.slider-menu ul li:nth-child(3):before{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}.slider-menu ul li:nth-child(4):before{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}.slider-menu ul li:nth-child(5):before{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.slider-menu ul li:nth-child(6):before{opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}.slider-menu ul li:nth-child(7):before{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"}.slider-menu ul li:nth-child(8):before{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"}.slider-menu ul li:nth-child(n+9):before{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"}.slider-img a{position:relative;width:100%;height:100%;display:none}.slider-img a.active-slide{display:block}.slider-img a img{position:absolute;width:1140px;height:460px;top:50%;left:50%;margin-top:-230px;margin-left:-570px}.slider-img a div{position:absolute;width:50%;bottom:36px;right:0;z-index:3;padding-right:97px}.link-cat:before,.slider-img a p:before{bottom:0;content:''}.slider-img a p,.slider-img a span{color:#fff;text-decoration:none}.slider-img a p{font-size:36px;font-weight:700;text-transform:uppercase;position:relative;line-height:42px;padding-bottom:8px}.slider-img a p:before{width:100%;height:2px;background:#fff;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";position:absolute;left:0}.slider-img a span{font-size:13px;font-weight:300;display:block;line-height:16px;padding-top:12px}.slider-img{position:relative;height:100%;overflow:hidden;z-index:1}.box-banners a img{max-width:100%}.box-banners a:hover{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}ul.breadcrumb{width:100%;float:left;margin-top:28px;margin-bottom:16px}ul.breadcrumb li{float:left;list-style:none;font-size:13px;color:#939598;font-weight:300;position:relative;padding-left:18px}ul.breadcrumb li:first-child{padding-left:0}ul.breadcrumb li:before{content:'';position:absolute;width:3px;height:5px;top:50%;margin-top:-2px;left:8px;background:url(../images/ico/ico-8.png) no-repeat}.link-cat p,.link-cat:before{width:100%;left:0;position:absolute}ul.breadcrumb li:first-child:before{display:none}ul.breadcrumb li a{text-decoration:underline;color:inherit}.box-title-1{font-size:24px;color:#414143;font-weight:700}.box-category{margin-top:-19px}.margin_bottom_30{margin-bottom:30px}.link-cat{position:relative;width:100%;display:block;float:left;height:144px;background-repeat:no-repeat!important;background-size:cover!important}.link-cat:before{height:75px;background:url(../images/shadow-cat.png) repeat-x}.link-cat p{color:#fff;bottom:19px;padding-left:20px;padding-right:20px}.link-cat p:before{position:absolute;width:7px;height:12px;content:'';background:url(../images/ico/ico-3.png) no-repeat;right:11px;bottom:6px}.link-cat img{width:100%;height:auto!important;float:left}.cat-list-wr{margin-top:30px}.cat-list,.cat-list-brands{width:100%;float:left}.cat-list-brands-wr{width:100%;float:left;position:relative;height:133px}.cat-list-brands{border-left:1px solid #dedfe0;border-right:1px solid #dedfe0;border-bottom:1px solid #dedfe0;padding-top:9px;padding-bottom:13px;height:133px;overflow:hidden;background:#fff;z-index:2}.cat-list-brands ul{list-style:none;width:100%;float:left;padding:0 10px 0 20px}.cat-list-brands ul li{width:100%;float:left;height:24px}.cat-list-brands ul li a{color:#414143;text-decoration:none;font-size:13px;display:block;width:100%;height:100%;line-height:24px;overflow:hidden;white-space:nowrap;position:relative}.cat-list-brands ul li a:before{content:'';height:24px;width:22px;opacity:1;position:absolute;top:0;right:0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)}.cat-list-brands ul li a:hover{text-decoration:underline}.hover .cat-list-brands,.hover .link-cat{box-shadow:0 0 8px 0 rgba(149,149,149,.8);transition:.2s;-webkit-transition:.2s}.hover .cat-list-brands{position:absolute;top:0;left:0;height:auto;min-height:133px}.expand_brands{display:none;padding:0 0 0 20px;float:left}.expand_brands p{float:left;color:#939598;border-bottom:1px dashed #939598;font-size:13px;cursor:pointer}.box-brand{margin-top:11px}.article-img img{width:100%;max-width:100%;float:left}.content-txt{margin-top:28px}.brand-main-txt{margin-top:-2px;padding-bottom:53px}.artile-view-txt p,.brand-list-desc-txt p,.brand-main-txt p,.content-txt p,.products-txt p,.service-txt p,.tabs-content p{font-size:13px;width:100%;float:left;line-height:16px;margin-top:15px}.brand-list-desc-txt p,.products-txt p,.tabs-content p{float:none}.artile-view-txt p:first-of-type,.brand-list-desc-txt p:first-child,.brand-main-txt p:first-child,.content-txt p:first-child{margin-top:0}.brand-link a{display:block;width:100%;float:left;border:1px solid #dedfe0;padding:13px 5px;margin-top:12px}.brand-link a:first-child{margin-top:0}.brand-link a:hover{box-shadow:0 0 8px 0 rgba(149,149,149,.8);transition:.2s;-webkit-transition:.2s}.brand-link a img{max-width:100%}.uppercase{text-transform:uppercase}.brand-txt-img{position:absolute;height:100%;width:50%;right:0}.brand-txt-img div{width:100%;height:50px;padding-left:15px;display:table-cell;vertical-align:bottom}.brand-txt-img img{float:left;max-height:50px;max-width:100%;vertical-align:bottom;position:absolute;z-index:3;bottom:0;left:15px}.brand-list-desc-txt{margin-top:-3px}.brand-list-desc-txt p a{color:#939598;font-size:13px;position:relative;text-decoration:none}.brand-list-desc-txt p a:hover{text-decoration:underline}.brand-list-desc-txt p a:before{position:absolute;width:6px;height:5px;background:url(../images/ico/ico-9.png) no-repeat;top:50%;margin-top:-2px;right:-10px;content:''}.brand-list-desc .box-title-1{padding:0 15px;margin-bottom:15px}.brands-list-wr{margin-top:51px;overflow:hidden}.brand-list-desc img{max-width:100%;float:left}.brands-list,.collection-list ul{padding-left:15px;margin-top:4px;padding-right:15px;box-sizing:content-box;overflow:hidden}.collection-list ul{margin-top:-26px;padding:0;margin-left:-30px}.brands-list li,.collection-list ul li{float:left;width:116px;list-style:none;margin-right:30px;margin-top:26px}.collection-list ul li{margin-right:0;margin-left:30px}.brands-list li:last-child,.collection-list ul li:last-child{margin-right:0}.brands-list li a,.collection-list ul li a{text-decoration:none;color:inherit}.brands-list li a p,.collection-list ul li a p{font-size:13px;color:inherit;width:100%;text-transform:uppercase;text-align:center;line-height:16px;height:32px;overflow:hidden;margin-top:9px}.brands-list li a div,.collection-list ul li a div{width:116px;height:116px;position:relative}.brands-list li a div:before,.collection-list ul li a div:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid #fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.brands-list li a div img,.collection-list ul li a div img{max-width:100%}.brands-list li a:hover,.collection-list ul li a:hover{text-decoration:underline}.brands-list li a:hover div:before,.collection-list ul li.active a div:before{transition:.3s;-webkit-transition:.3s;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.collection-list ul li a:hover div{opacity:.9;transition:.2s;-webkit-transition:.2s}.brands-list_{width:100%;float:left;margin-top:48px}.products-title{font-size:24px;font-weight:700;margin-top:-8px}.products-link{margin-top:30px}.products-link a{position:relative;width:100%;display:block;float:left}.products-link a:after,.products-link a:before{position:absolute;content:''}.products-link a img{width:100%;max-width:100%;float:left}.products-link a:after{top:0;left:0;width:100%;height:100%;border:5px solid #fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.products-link a:hover:after{transition:.3s;-webkit-transition:.3s;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.products-link a:before{width:7px;height:12px;background:url(../images/ico/ico-3.png) no-repeat;bottom:20px;right:15px}.products-list-wr{margin-top:60px}.products-list-wr:first-child{margin-top:0}.pic-width img,.service-txt img{width:100%;max-width:100%;float:left}.service-adress{margin-top:15px}.service-adress ul{list-style:none;position:relative}.service-adress ul li{font-size:13px;padding-left:15px}.service-adress ul:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:#939598}.title-contacts{font-size:24px;font-weight:700;margin-top:32px}.title-contacts:first-child{margin-top:0}.articles-date,.articles-title{float:left}.articles-date span{line-height:17px;padding:0 7px;color:#fff;font-size:11px;font-weight:300;background:#939598;display:block;margin-top:8px;margin-right:16px;float:left}.articles-title,.articles-title a{font-weight:700;font-size:24px;text-decoration:none;color:inherit}.articles-title a:hover{text-decoration:underline}.articles_data-title{margin-top:32px;margin-bottom:15px}.new_articles_data-title{margin-top:51px;margin-bottom:15px}.articles-wr{margin-top:-20px}.new_articles-wr{margin-top:-38px}.article-img:hover{opacity:.9;transition:.2s;-webkit-transition:.2s}.articles-view-wr .articles-date span{margin-top:0;margin-right:0}.float-left{float:left}.float-right{float:right}.artile-view-txt{margin-top:25px}.artile-view-txt img{max-width:100%;margin-bottom:10px}.artile-view-txt p{padding:0 15px;float:none}.galery-obj-img a{text-decoration:none;float:left;width:100%;overflow:hidden}.galery-obj-img img{max-height:100px;min-height:100px;float:left;margin-right:30px;margin-top:20px}.lg-outer .lg-thumb-item:hover{border:0!important}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item.active:hover{border:2px solid #939598!important}.lg-outer .lg-thumb-item{border:0!important;border-radius:0!important}.marginbottom-15{margin-bottom:-15px}.galery-obj-img ul li{list-style:none;float:left}.collection-img img{width:100%;max-width:360px!important;vertical-align:bottom}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}.colect-title{font-size:18px;font-weight:700;margin-top:37px}.collection-description table{width:100%;float:left;padding:0!important;border:0!important;border-spacing:0!important;margin-top:3px}.collection-description table tr{width:100%;height:31px}.collection-description table tr td{width:50%;font-weight:700;font-size:13px;text-align:left;padding-left:10px}.list-tabs li,.to_order{text-decoration:none;font-size:11px;text-transform:uppercase}.collection-description table tr td:first-child{font-weight:400;text-align:right;padding-left:0;padding-right:10px}.load_collection{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999}.load_collection div,.load_collection:before{width:100%;height:100%;position:absolute;left:0;top:0}.load_collection:before{content:'';background:#fff;opacity:.8;z-index:1}.load_collection div{z-index:2;background:url(../images/25.gif) 50% 50% no-repeat}.to_order{display:block;margin:10px auto 0;width:174px;height:40px;line-height:40px;border:1px solid #939598;color:#414143;font-weight:700;text-align:center}.to_order:hover{background:#939598;color:#fff;transition:.2s;-webkit-transition:.2s}.list-tabs li,.pagination li a{color:inherit;position:relative}.collect-tabs{margin-top:60px}.list-tabs{padding-left:55px;width:100%;float:left;position:relative}.list-tabs:before{position:absolute;content:'';bottom:0;left:0;width:100%;height:1px;background:#dedfe0}.list-tabs li,.list-tabs li span{width:174px;height:39px}.list-tabs li{z-index:2;list-style:none;float:left;cursor:pointer;border-left:1px solid #dedfe0;border-right:1px solid #dedfe0;border-top:1px solid #dedfe0;margin-right:2px;background:#dedfe0}.list-tabs li span{text-align:center;display:table-cell;vertical-align:middle}.list-tabs li.active-tab{background:#fff}.tabs-content a{text-decoration:underline;color:inherit}.pagination li a,.tabs-content a:hover{text-decoration:none}.t_content_wr{margin-top:13px}.tabs-content{display:none}.tabs-content .certificate{width:100%!important;height:500px!important;margin-top:25px}.certificate-page .certificate{width:450px!important;height:500px!important;margin-top:15px}.tabs-content .gall-1{width:100%;float:left}.tabs-content .gall-1 li{list-style:none;margin-top:25px}.tabs-content .gall-1 li a{float:left}.new_article-img{width:50%;float:left;margin-right:15px;padding-right:15px;margin-bottom:10px}.new_article-img img{max-width:100%;width:100%;float:left}.navi_{position:relative;margin-top:30px;padding:0 63px}.pagination{margin:0 auto;display:table}.pagination li{float:left;list-style:none;min-width:24px;height:24px;text-align:center;background:#f2f2f3;border-radius:4px;margin:10px 3px 0}.pagination li.active{background:#939598}.pagination li a{font-size:15px;line-height:24px;width:100%;display:block;padding:0 3px}.pagination li.active a{color:#fff}.pagination li.next,.pagination li.prev{position:absolute;top:0;background:0 0;width:24px;height:24px}.pagination li.next.disabled,.pagination li.prev.disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.pagination li.next span,.pagination li.prev span{display:block;position:relative;width:100%;height:100%}.pagination li.prev{left:33px}.pagination li.next{right:33px}.pagination li.next a:before,.pagination li.next span:before,.pagination li.prev a:before,.pagination li.prev span:before{width:100%;height:100%;content:'';position:absolute;top:0;left:0}.pagination li.prev a:before,.pagination li.prev span:before{background:url(../images/ico/ico-10.png) 50% 50% no-repeat #fff}.pagination li.next a:before,.pagination li.next span:before{background:url(../images/ico/ico-11.png) 50% 50% no-repeat #fff}.certificate-page{margin-top:-30px}.title-certificate-pg{font-weight:700;font-size:18px;margin-top:20px}.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:1!important}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:3px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:#f2f2f3}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:9px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;background:#dedfe0}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{bottom:0;background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}@media (max-width:1200px){.link-cat{height:116px}ul.main-menu li a{padding:0 11px 0 12px}ul.main-menu li:first-child a{padding-left:30px}.brands-list li{margin-right:21px}}@media (max-width:992px){[class*=moz-]{height:75px}.moz-1{height:152px}.hidden-search{position:fixed;height:112px;margin-top:-112px;z-index:99999999;right:auto;left:0;margin-right:0}.hidden-search.vis{transition:.5s;margin-top:0}.margin-top,.tablet-artweb{margin-top:20px}.head-container{overflow:visible}.mob-overlay{display:block}.tablet-artweb{height:40px;background:#dedfe0;padding-top:8px}.shadow{box-shadow:none}.prefooter .shadow:before{display:none}.slider-img a div{padding-right:30px}.section-box-content .container.shadow{padding-bottom:20px}.cat-list-brands,.cat-list-brands-wr{height:155px}.hover .cat-list-brands{min-height:155px}.cat-list-brands ul{height:119px;overflow:hidden}.expand_brands{display:block;height:10px}.expand .cat-list-brands,.expand .cat-list-brands ul{height:auto}.expand .cat-list-brands{position:absolute;top:0;left:0}.brands-list li{margin-right:19px}.new_article-img{margin-bottom:20px}}@media (max-width:991px){.link-cat{height:162px}}@media (max-width:950px){.link-cat{height:155px}#success-form,.modal-form{width:610px;margin-left:-305px}.modal-form form{padding:0 30px}}@media (max-width:900px){.link-cat{height:145px}}@media (max-width:850px){.link-cat{height:136px}}@media (max-width:810px){.list-tabs{padding-left:30px}.list-tabs li,.list-tabs li span{width:160px}}@media (max-width:800px){.link-cat{height:127px}}@media (max-width:768px){.link-cat{height:121px}}@media (max-width:767px){.calc-menu,.slider-img a div{text-align:center}.link-cat{height:396px}.f-img,.logo_{display:block;height:auto}.search-form-wr-padding{padding:0 15px!important}.hidden-search.vis{transition:.5s;margin-top:0}.logo_{padding-top:20px;width:165px;margin:0 auto}.brands-list_ .brand-list-desc img,.new_article-img{margin-bottom:10px}.lang-mob{position:absolute!important;right:0}.lang-wr-mob{top:12px;left:0;width:100%}.lang-wr a{right:15px;left:auto}.phones-table-wr{top:8px;right:auto;width:220px;left:50%;margin-left:-110px;background:0 0}.phones-table-wr:after{left:10px;padding:18px 5px 28px}.slider-menu,.slider-menu ul li a{position:relative;top:auto;left:auto}.calc-menu .question-form{font-size:11px}.certificate_f span,.slider-img a p:before,.slider-img a span,.slider-menu ul:before{display:none}.mb-im-f-4,.mb-im-f-5,.mb-im-f-5_1{margin-top:31px;height:34px}.mb-im-f-3{margin-top:15px}.prefooter .shadow .row{padding-top:15px;padding-bottom:15px}.moz-5 a,[class*=moz-],[class*=moz-] a{height:75px}.moz-3,.moz-5{padding-right:2px!important}.moz-3{margin-top:2px}.moz-3,.moz-5,.moz-7{padding-left:15px!important}.moz-2,.moz-4,.moz-6{padding-right:15px!important}.moz-6{padding-left:0!important}.box-slider{height:auto}.slider-img{height:180px}.slider-menu,.slider-menu ul{height:auto;width:100%;float:left}.slider-img a div{width:100%;padding:0 20px;bottom:16px}.slider-img a p{font-size:28px;line-height:34px}.slider-menu{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}.slider-menu ul li{width:100%;height:34px}.slider-menu ul li:before{width:100%}.slider-menu ul li a{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);width:100%}.margin-top{margin-top:15px}.section-box-content .container.shadow{padding-bottom:15px}.brand-link{padding-top:20px},.brand-list-desc-txt{margin-top:10px}.brand-list-desc-txt p{margin-top:4px}.brand-main-txt{margin-top:20px}.brand-txt-img,.new_article-img{width:100%}.collection-list ul{margin-top:10px}.tabs-content .gall-1 li a{width:100%}.tabs-content .gall-1 li a img{margin:0 auto}.certificate_f{padding-left:0;width:20px;height:26px;display:block;float:left}.certificate_f:before{top:0;margin-top:6px}.list-tabs li{margin-top:2px}#success-form,.modal-form{width:300px;margin-left:-150px}.modal-form form{padding:0 15px}.modal-form form label{text-align:left;width:auto;padding-right:0;font-size:11px;line-height:20px;height:20px}.modal-form form input,.modal-form form textarea{width:100%;border:1px solid #dedfe0}.modal-form form .required label:before{right:-7px;line-height:20px;height:20px}.modal-form form .has-error .help-block{display:none}.modal-form form .has-error input,.modal-form form .has-error textarea{border:1px solid #ed1c24}.modal-form form input:focus,.modal-form form textarea:focus{border:1px solid #a7a7a7}.modal-form form textarea{height:50px;max-height:50px;padding-top:5px}.button-wr{margin-top:0;width:100%}._more_{width:100%;height:18px;bottom:-28px;text-align:center}.form-product-wr table tr td{padding-right:33px}.form-product-wr table tr td:first-child{padding-right:5px;text-align:left}}.container,.container-fluid{margin-right:auto;margin-left:auto}@media (max-width:700px){.link-cat{height:360px}}@media (max-width:650px){.link-cat{height:332px}}@media (max-width:600px){.link-cat{height:304px}}@media (max-width:550px){.link-cat{height:277px}}@media (max-width:525px){.box-mosaic a p{padding-top:30px}.box-mosaic a p:before{bottom:32px;right:9px}.certificate-page .certificate{width:100%!important}}@media (max-width:500px){.link-cat{height:249px}}@media (max-width:480px){.link-cat{height:238px}}@media (max-width:450px){.link-cat{height:222px}#close-form{top:-58px;right:0}}@media (max-width:400px){.link-cat{height:194px}.box-mosaic a p{padding-right:23px;padding-top:16px}.box-mosaic a p:before{bottom:46px}.tabs-content .certificate{height:300px!important}}@media (max-width:350px){.link-cat{height:166px}.box-mosaic a p{padding-right:23px;padding-top:16px}.box-mosaic a p:before{bottom:46px;right:16px}}@media (max-width:336px){.link-cat{height:160px}}@media (max-width:330px){.box-mosaic a p{padding-right:22px}.box-mosaic a p:before{right:9px}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.container,.container-fluid{padding-left:15px;padding-right:15px}.img-circle{border-radius:50%}.container{min-width:320px}@media (min-width:768px){.container{width:100%}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.affix,.lg-sub-html{position:fixed}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm,.visible_all{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:940px){.visible_940{display:block!important}}@media (max-width:939px){.mob-overlay,.visible-mobile{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md,.visible_all{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg,.visible_all{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}.col-lg-15,.col-md-15,.col-sm-15,.col-xs-15{position:relative;min-height:1px;padding-right:10px;padding-left:10px;width:20%}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.group:after,.group:before{display:table;content:"";line-height:0}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../images/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} | |
4429 | 2 | \ No newline at end of file | ... | ... |