/* Start:/css/fonts.css?16088210605442*/ /* roboto-regular - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local(''), url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local(''), url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local(''), url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local(''), url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local(''), url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local(''), url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-regular - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local(''), url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local(''), url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local(''), url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local(''), url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local(''), url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local(''), url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/css/fonts/open-sans-v18-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* End */ /* Start:/css/normalize.min.css?14872861232057*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700} table:not([cellspacing]){border-collapse:collapse;border-spacing:0;} table:not([cellpadding]) td,table:not([cellpadding]) th{padding:0;} /* End */ /* Start:/css/owl.carousel.css?14872861231476*/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(/css/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* End */ /* Start:/css/owl.theme.css?14872861231665*/ /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(/css/AjaxLoader.gif) no-repeat center center } /* End */ /* Start:/css/settings.css?153976240174037*/ /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(/css/../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(/css/../images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } /* .tp-bannershadow.tp-shadow1 { background:url(/css/../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} */ /* .tp-bannershadow.tp-shadow2 { background:url(/css/../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} */ /* .tp-bannershadow.tp-shadow3 { background:url(/css/../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} */ /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} /* .tp-dottedoverlay.twoxtwo { background:url(/css/../assets/gridtile.png)} */ /* .tp-dottedoverlay.twoxtwowhite { background:url(/css/../assets/gridtile_white.png)} */ /* .tp-dottedoverlay.threexthree { background:url(/css/../assets/gridtile_3x3.png)} */ /* .tp-dottedoverlay.threexthreewhite { background:url(/css/../assets/gridtile_3x3_white.png)} */ /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(/css/../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } */ /* .tp-bullets.simplebullets.navbar-old { background:url(/css/../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } */ /* .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(/css/../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} */ /* .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} */ /* .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(/css/../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} */ /* .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} */ /** SQUARE BULLETS **/ /* .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(/css/../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} */ /* .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} */ /** SQUARE BULLETS **/ /* .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(/css/../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} */ /* .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} */ /** navbar NAVIGATION VERSION **/ /* .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(/css/../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} */ /* .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} */ /* .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} */ /** navbar NAVIGATION VERSION **/ /* .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(/css/../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} */ /* .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} */ /* .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} */ /* .tp-bullets.simplebullets .bullet:hover, */ /* .tp-bullets.simplebullets .bullet.selected { background-position:top left} */ /* .tp-bullets.simplebullets.round .bullet:hover, */ /* .tp-bullets.simplebullets.round .bullet.selected, */ /* .tp-bullets.simplebullets.navbar .bullet:hover, */ /* .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} */ /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/large_left.png) no-Repeat top left; width:40px; height:40px; } */ /* .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/large_right.png) no-Repeat top left; width:40px; height:40px; } */ /* .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } */ /* .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} */ /* .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } */ /* .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} */ /* .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} */ /* .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} */ /* .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} */ /* .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} */ /* .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} */ /* .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} */ /* .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} */ /* .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} */ /* .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} */ /* .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} */ /* .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; */ /* } */ /* .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(/css/../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; */ /* } */ .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ /* .tp-bannertimer { width:100%; height:10px; background:url(/css/../assets/timer.png);position:absolute; z-index:200;top:0px} */ /* .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} */ /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ /* .caption.slidelink a div, */ /* .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(/css/../assets/coloredbg.png) repeat} */ /* .tp-caption.slidelink a span { background:url(/css/../assets/coloredbg.png) repeat} */ /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; /* background:url(/css/../assets/loader.gif) no-repeat center center; */ background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { /*background:url(/css/../assets/loader.gif) no-repeat 10px 10px;*/ background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* .tp-transparentimg { content:"url(/css/../assets/transparent.png)"} */ .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('/css/../font/revicons.eot?5510888'); src: url('/css/../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('/css/../font/revicons.woff?5510888') format('woff'), url('/css/../font/revicons.ttf?5510888') format('truetype'), url('/css/../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('/css/../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /* End */ /* Start:/css/jquery.formstyler.css?148728612310618*/ .jq-checkbox { top: -1px; width: 13px; height: 13px; border: 1px solid #C3C3C3; border-radius: 3px; background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x; box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF; vertical-align: middle; cursor: pointer; } .jq-checkbox.checked .jq-checkbox__div { width: 9px; height: 9px; margin: 2px 0 0 2px; border-radius: 2px; background: #666; box-shadow: inset 0 -3px 6px #AAA; } .jq-checkbox.focused { border: 1px solid #08C; } .jq-checkbox.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-radio { width: 12px; height: 12px; border: 1px solid #C3C3C3; border-radius: 50%; background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x; box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF; vertical-align: middle; cursor: pointer; } .jq-radio.checked .jq-radio__div { width: 6px; height: 6px; margin: 3px 0 0 3px; border-radius: 50%; background: #666; } .jq-radio.focused { border: 1px solid #08C; } .jq-radio.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-file { width: 270px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 4px; } .jq-file input { cursor: pointer; height: auto; line-height: 1em; } .jq-file__name { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 32px; padding: 0 80px 0 10px; color: #333; font: 14px/30px Arial, sans-serif; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1; background: #FFF; } .focused .jq-file__name { border: 1px solid #5794BF; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px/30px Arial, sans-serif; } .jq-file:hover .jq-file__browse { background-color: #E6E6E6; background-position: 0 -10px; } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.disabled .jq-file__name { color: #888; } .jq-file.disabled, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 30px; padding: 0 45px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F5F5F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px/30px Arial, sans-serif; } .jq-selectbox__select:hover { background-color: #E6E6E6; background-position: 0 -10px; } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794BF; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; border-left: 1px solid #CCC; } .jq-selectbox__trigger-arrow { position: absolute; top: 14px; right: 12px; width: 0; height: 0; overflow: hidden; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent; opacity: 0.3; filter: alpha(opacity=30); } .jq-selectbox:hover .jq-selectbox__trigger-arrow { opacity: 1; filter: alpha(opacity=100); } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { opacity: 0.3; filter: alpha(opacity=30); } .jq-selectbox__dropdown { top: 33px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,0.2); font: 14px/18px Arial, sans-serif; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; outline: none; border: 1px solid #CCC; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-user-select: none; white-space: nowrap; color: #231F20; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #08C; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { -moz-box-sizing: border-box; box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); background: #FFF; color: #333; font: 14px/18px Arial, sans-serif; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; white-space: nowrap; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } input[type="email"].styler, input[type="number"].styler, input[type="password"].styler, input[type="search"].styler, input[type="tel"].styler, input[type="text"].styler, input[type="url"].styler, textarea.styler { padding: 7px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; font: 14px Arial, sans-serif; } input[type="search"].styler { -webkit-appearance: none; } textarea.styler { overflow: auto; } input[type="email"].styler:hover, input[type="number"].styler:hover, input[type="password"].styler:hover, input[type="search"].styler:hover, input[type="tel"].styler:hover, input[type="text"].styler:hover, input[type="url"].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type="email"].styler:focus, input[type="number"].styler:focus, input[type="password"].styler:focus, input[type="search"].styler:focus, input[type="tel"].styler:focus, input[type="text"].styler:focus, input[type="url"].styler:focus, textarea.styler:focus { border-color: #CCC; border-top-color: #B3B3B3; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); outline: none; } button.styler, input[type="button"].styler, input[type="submit"].styler, input[type="reset"].styler { overflow: visible; padding: 7px 11px; outline: none; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px Arial, sans-serif; cursor: pointer; } button.styler::-moz-focus-inner, input[type="button"].styler::-moz-focus-inner, input[type="submit"].styler::-moz-focus-inner, input[type="reset"].styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:after { content: ''; } button.styler:not([disabled]):hover, input[type="button"].styler:not([disabled]):hover, input[type="submit"].styler:not([disabled]):hover, input[type="reset"].styler:hover { background-color: #E6E6E6; background-position: 0 -10px; } button.styler:not([disabled]):active, input[type="button"].styler:not([disabled]):active, input[type="submit"].styler:not([disabled]):active, input[type="reset"].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type="button"].styler[disabled], input[type="submit"].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* End */ /* Start:/css/jquery.fancybox.css?148728612310252*/ .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;-ms-touch-action:none;touch-action:none}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:4px;right:4px;padding:0;margin:0;width:30px;height:30px;font:21px/1 Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;cursor:pointer;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/css/style.css?172916903883640*/ html, body{ font-size:14px; font-family:'Roboto', 'Verdana', sans-serif; color:#333; position:relative; min-width:1012px; } html{ height:100%; } body{ min-height:100%; } #wrapper{ padding-bottom:335px; } footer{ display:block; position:absolute; bottom:0; left:0; /* height:635px;*/ width:100%; } .w{ width:940px; padding:0 20px; margin:0 auto; } .right{ float:right; } .left{ float:left; } .clear{ clear:both; } .hidden{ display:none; } abbr[title]{ text-decoration:none; color:rgb(120, 120, 120); cursor:help; } map area:focus{ outline:none; } hr{ display:block; width:100%; height:1px; background:#ddd; border:0; outline:0; margin:0; padding:0; } hr.dot{ background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMyAxIiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzcHgiIGhlaWdodD0iMXB4Ij4KCTxnIGlkPSJMYXllciUyMDEiPgoJCTxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNhYWFhYWEiLz4KCTwvZz4KPC9zdmc+') repeat-x; } h1, h2, h3, h5, h5, h6{ line-height:1.2em; margin:0; } h1, h2{ margin-bottom:20px; } h4{ margin-top:15px; margin-bottom:10px; } h1, h2, h3{ font-family:'Open Sans'; font-weight:400; text-align:left; } h3{ font-size:18px; margin-bottom:10px; } h4{ font-weight:500; text-align:left; } h1{ font-size:32px; } h2{ font-size:26px; } a{ transition:color .2s; color:#333; text-decoration:underline; } a:visited{ color:#666; } a:hover{ color:#ee2d24; text-decoration:none; } a.dash{ text-decoration:none; display:inline-block; position:relative; } a.dash:not(:hover)::after{ content:''; display:block; width:100%; height:1px; border-bottom:1px dashed #333; position:absolute; left:0; bottom:0; } footer a{color:#fff;} footer a:visited{color:#fff;} footer a:hover{color:#ee2d24;} footer .footer1 a{color:inherit;} footer .footer1 a:visited{color:#666;} footer .footer1 a:hover{color:#ee2d24;} label{ cursor:pointer; } .text-bold{ font-weight:bold; } i.ico{ width:33px; height:33px; line-height:33px; vertical-align:middle; display:inline-block; overflow:hidden; background:url("/css/../images/svg/contact_ico_grey.svg") no-repeat top left; } i.ico.black{ background:url("/css/../images/svg/contact_ico_black.svg") no-repeat top left; } i.ico.tel{ background-position:-77px 1px; } i.ico.mail{ background-position:0 1px; } i.ico.wifi{ background-position:-114px 1px; } i.ico.geo{ background-position:-38px 1px; } i.sa{ display:inline-block; overflow:hidden; width:10px; height:8px; background-image:url(/css/../images/svg/sml_arr-sprite.svg); background-repeat:no-repeat; } i.sa.up{ background-position:0 0; } i.sa.dn{ background-position:-24px 0; } i.sa[active]{ background-position:0 -16px; } i.sa.dn[active]{ background-position:-24px -16px; } [active] i.sa.up{ background-position:0 -16px; } [active] i.sa.dn{ background-position:-24px -16px; } [active] > .sa{ background-position:0 -16px; } [active] > .sa.dn{ background-position:-24px -16px; } [active]:hover i.sa.up{ background-position:-24px -16px; } [active]:hover i.sa.dn{ background-position:0 -16px; } [active]:hover > .sa{ background-position:-24px -16px; } [active]:hover > .sa.dn{ background-position:0 -16px; } ul{ list-style-image:url("/css/../images/svg/check-yellow.svg"); padding:0 0 0 19px; margin:0; } ul li{ line-height:1.4em; } .hilight{ display:inline-block; background:#ffdf09; } .light{ color:#666; } .hilight_block{ display:inline-block; padding:.7em; background:#ffdf08; } .out-of-production{ color:red; font-weight:bold; font-size:1.2em; } q{ display:block; } q::before{ content:'\00AB'; display:inline-block; color:#ffdf08; width:1em; padding-right:.05em; margin-left:-1.05em; position:relative; top:-0.12em; text-align:right; font-size:200%; vertical-align:middle; line-height:1em; } q::after{ content:'\00BB'; display:inline-block; color:#ffdf08; font-size:200%; vertical-align:middle; line-height:1em; position:relative; top:-0.12em; margin-left:.05em; } button, input[type="submit"], input[type="reset"], a[role="button"]{ display:inline-block; text-transform:uppercase; padding:0; margin:0; border:0; outline:0; background:transparent; vertical-align:top; text-decoration:none; font-weight:500; width:120px; height:40px; text-align:center; line-height:40px; font-size:14px; background:#ee2d24; overflow:hidden; position:relative; color:#fff; transition:color .3s, box-shadow .3s; } button:not([title]):not(.round)::after, input[type="submit"]:not([title]):not(.round)::after, input[type="reset"]:not([title]):not(.round)::after, a[role="button"]:not([title]):not(.round)::after{ content:''; display:block; position:absolute; left:0; bottom:0; transition:height .2s; height:5px; width:100%; background:rgba(0, 0, 0, 0.2); } button:not([title]):not(.round):hover::after, input[type="submit"]:not([title]):not(.round):hover::after, input[type="reset"]:not([title]):not(.round):hover::after, a[role="button"]:not([title]):not(.round):hover::after{ height:3px; } button:not([title]):not(.round):active::after, input[type="submit"]:not([title]):not(.round):active::after, input[type="reset"]:not([title]):not(.round):active::after, a[role="button"]:not([title]):not(.round):active::after{ height:0; } button.yellow, input[type="submit"].yellow, input[type="reset"].yellow, a[role="button"].yellow{ background:#ffdf08; color:#2b2a28; } button.grey, input[type="submit"].grey, input[type="reset"].grey, a[role="button"].grey, button.gray, input[type="submit"].gray, input[type="reset"].gray, a[role="button"].gray{ background:#e2e4e9; color:#333; } button.h50, input[type=submit].h50, a[role=button].h50{ height:50px; line-height:50px; font-size:16px; } button.h30, input[type="submit"].h30, input[type="reset"].h30, a[role="button"].h30{ height:30px; line-height:30px; } button.w160, input[type="submit"].w160, input[type="reset"].w160, a[role="button"].w160{ width:160px; } button.w180, input[type="submit"].w180, input[type="reset"].w180, a[role="button"].w180{ width:180px; } button.block, input[type="submit"].block, input[type="reset"].block, a[role="button"].block{ display:block; width:100%; } button[title], input[type="submit"][title], a[role="button"][title], button.round, input[type="submit"].round, input[type="reset"].round, a[role="button"].round{ background:transparent; color:#ee2d24; box-shadow:inset 0 0 0 2px #ee2d24; } button[title]::before, input[type="submit"][title]::before, input[type="reset"][title]::before, a[role="button"][title]::before, button.round::before, input[type="submit"].round::before, input[type="reset"].round::before, a[role="button"].round::before{ content:attr(title); width:100%; height:0; position:absolute; top:0; left:0; text-align:center; line-height:inherit; color:#fff; background:#ee2d24; transition:height .3s ease; overflow:hidden; vertical-align:top; } button[title]:hover::before, input[type="submit"][title]:hover::before, input[type="reset"][title]:hover::before, a[role="button"][title]:hover::before, button.round:hover::before, input[type="submit"].round:hover::before, input[type="reset"].round:hover::before, a[role="button"].round:hover::before, button[title]:active::before, input[type="submit"][title]:active::before, input[type="reset"][title]:active::before, a[role="button"][title]:active::before, button.round:active::before, input[type="submit"].round:active::before, input[type="reset"].round:active::before, a[role="button"].round:active::before{ height:100%; } button[title].cart, input[type="submit"][title].cart, input[type="reset"][title].cart, a[role="button"][title].cart, button.round.cart, input[type="submit"].round.cart, input[type="reset"].round.cart, a[role="button"].round.cart{ color:#fff; } button[title].cart::before, input[type="submit"][title].cart::before, input[type="reset"][title].cart::before, a[role="button"][title].cart::before, button.round.cart::before, input[type="submit"].round.cart::before, input[type="reset"].round.cart::before, a[role="button"].round.cart::before{ content:'\f07a'; font-family:'FontAwesome'; font-size:1.6em; height:100%; top:-100%; transition:top .3s ease; content:''; background:url("/css/../images/svg/cart_white.svg") no-repeat center center #ed1c24; } button[title].cart::after, input[type="submit"][title].cart::after, input[type="reset"][title].cart::after, a[role="button"][title].cart::after, button.round.cart::after, input[type="submit"].round.cart::after, input[type="reset"].round.cart::after, a[role="button"].round.cart::after{ content:attr(title); width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; line-height:inherit; color:#ee2d24; background:transparent; overflow:hidden; vertical-align:top; transition:top .3s ease; } button[title].cart:hover::before, input[type="submit"][title].cart:hover::before, input[type="reset"][title].cart:hover::before, a[role="button"][title].cart:hover::before, button.round.cart:hover::before, input[type="submit"].round.cart:hover::before, input[type="reset"].round.cart:hover::before, a[role="button"].round.cart:hover::before, button[title].cart:active::before, input[type="submit"][title].cart:active::before, input[type="reset"][title].cart:active::before, a[role="button"][title].cart:active::before, button.round.cart:active::before, input[type="submit"].round.cart:active::before, input[type="reset"].round.cart:active::before, a[role="button"].round.cart:active::before{ top:0; } button[title].cart:hover::after, input[type="submit"][title].cart:hover::after, input[type="reset"][title].cart:hover::after, a[role="button"][title].cart:hover::after, button.round.cart:hover::after, input[type="submit"].round.cart:hover::after, input[type="reset"].round.cart:hover::after, a[role="button"].round.cart:hover::after, button[title].cart:active::after, input[type="submit"][title].cart:active::after, input[type="reset"][title].cart:active::after, a[role="button"][title].cart:active::after, button.round.cart:active::after, input[type="submit"].round.cart:active::after, input[type="reset"].round.cart:active::after, a[role="button"].round.cart:active::after{ top:100%; } button.round, input[type="submit"].round, input[type="reset"].round, a[role="button"].round{ width:40px; height:40px; line-height:40px; border-radius:40px; } button.round::before, input[type="submit"].round::before, input[type="reset"].round::before, a[role="button"].round::before, button.round::after, input[type="submit"].round::after, input[type="reset"].round::after, a[role="button"].round::after{ font-family:'FontAwesome'; font-size:2em; } button.round.prev::before, input[type="submit"].round.prev::before, input[type="reset"].round.prev::before, a[role="button"].round.prev::before, button.round.prev::after, input[type="submit"].round.prev::after, input[type="reset"].round.prev::after, a[role="button"].round.prev::after{ content:'\f0d9\2006'; } button.round.next::before, input[type="submit"].round.next::before, input[type="reset"].round.next::before, a[role="button"].round.next::before, button.round.next::after, input[type="submit"].round.next::after, input[type="reset"].round.next::after, a[role="button"].round.next::after{ content:'\2006\f0da'; } button.round.close, input[type="submit"].round.close, input[type="reset"].round.close, a[role="button"].round.close{ width:32px; height:32px; line-height:32px; box-shadow:0 0 0 0; } button.round.close::before, input[type="submit"].round.close::before, input[type="reset"].round.close::before, a[role="button"].round.close::before, button.round.close::after, input[type="submit"].round.close::after, input[type="reset"].round.close::after, a[role="button"].round.close::after{ content:'\f00d'; font-size:1.3em; } input[type="text"], input[type="number"], input[type="search"], input[type="password"], textarea{ background:#fff; outline:0; width:316px; height:16px; border:2px solid #e2e4e9; font-size:14px; line-height:16px; padding:10px; transition:border-color .3s, background .3s; color:#666; } input[type="text"] placeholder, input[type="number"] placeholder, input[type="password"] placeholder, textarea placeholder{ color:#999; } input[type="text"].short, input[type="number"].short, input[type="password"].short, textarea.short{ padding:10px 0; text-align:center; width:76px; } input[type="text"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus{ border-color:#ffdf08; } input[type="text"][valid], input[type="number"][valid], input[type="search"][valid], input[type="password"][valid], textarea[valid]{ background:#e2f4e1; border-color:#19ae12; } input[type="text"][valid]:hover, input[type="number"][valid]:hover, input[type="search"][valid]:hover, input[type="password"][valid]:hover, textarea[valid]:hover, input[type="text"][valid]:focus, input[type="number"][valid]:focus, input[type="password"][valid]:focus, textarea[valid]:focus{ background:#f0faef; border-color:#1fd015; } input.search{ border-radius:20px; padding:10px 30px 10px 20px; width:346px; vertical-align:middle; } input.search + button[type="submit"]{ border:0; outline:0; padding:0; background:transparent; position:absolute; display:block; width:40px; height:40px; color:#9f9f9f; font-size:16px; /* margin-left:-43px; */ right:0; top:0; border-radius:20px; } input.search + button[type="submit"]:hover, input.search + button[type="submit"]:active{ padding:0; } input.search + button[type="submit"]::before{ content:""; background:url("/css/../images/svg/ic-loop.svg") 10px 9px no-repeat; width:36px; height:37px; display:inline-block; font-family:Arial; line-height:37px; vertical-align:top; } input.search + button[type="submit"]::after, input.search + button[type="reset"]::after{ display:none; } input.search + button[type="submit"]:hover, input.search + button[type="reset"]:hover, input.search + button[type="submit"]:active, input.search + button[type="reset"]:active, input.search + button[type="submit"]:focus, input.search + button[type="reset"]:focus{ color:#333; } fieldset{ display:block; max-height:1049px; /*height:auto;*/ margin:0; padding:0 15px 15px 15px; border:0; outline:0; overflow-x:hidden; overflow-y:auto; box-shadow:inset 0 0 0 1px #e2e4e9; transition:height .3s, max-height .3s; font-size:13px; } fieldset legend{ outline:0; border:0; height:60px; position:relative; background:#f2f3f5; width:100%; padding:0 15px; margin:0 0 15px -15px; font-weight:500; font-size:14px; cursor:pointer; transition:background-color .3s; } fieldset legend p{ position:absolute; top:50%; left:15px; transform:translate(0, -50%); } fieldset legend + *{ -webkit-margin-top-collapse:separate; margin-top:10px; } fieldset legend::after{ display:block; position:absolute; top:26px; left:225px; width:8px; height:8px; content:''; background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iNnB4Ij48ZyBpZD0iTGF5ZXIlMjAxIj48cGF0aCBkPSJNIDggNiBMIDQgMCBMIDAgNiBMIDggNiBaIiBmaWxsPSIjMmIyYTI4Ii8+PC9nPjwvc3ZnPg==') no-repeat center center; } fieldset legend:hover{ background:#e2e4e9; } fieldset legend:hover::after{ background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iNnB4Ij48ZyBpZD0iTGF5ZXIlMjAxIj48cGF0aCBkPSJNIDggNiBMIDQgMCBMIDAgNiBMIDggNiBaIiBmaWxsPSIjRUUyRDI0Ii8+PC9nPjwvc3ZnPg==') no-repeat center center; } fieldset[collapsed]{ max-height:60px; padding-bottom:0; transition:height .05s, max-height .05s; } fieldset[collapsed] legend::after{ background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMSAxIDggNiIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9Ii0xcHgiIHk9IjFweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI2cHgiPjxnIGlkPSJMYXllciUyMDEiPjxwYXRoIGQ9Ik0gLTEgMSBMIDMgNyBMIDcgMSBMIC0xIDEgWiIgZmlsbD0iIzJiMmEyOCIvPjwvZz48L3N2Zz4=') no-repeat center center; } fieldset[collapsed] legend:hover::after{ background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMSAxIDggNiIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9Ii0xcHgiIHk9IjFweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI2cHgiPjxnIGlkPSJMYXllciUyMDEiPjxwYXRoIGQ9Ik0gLTEgMSBMIDMgNyBMIDcgMSBMIC0xIDEgWiIgZmlsbD0iI0VFMkQyNCIvPjwvZz48L3N2Zz4=') no-repeat center center; } fieldset input[type="text"]{ margin:0 0 15px 0; } input[type="checkbox"], fieldset input[type="radio"]{ display:block; width:0; height:0; overflow:hidden; margin:0; padding:0; outline:0; visibility:hidden; position:absolute; top:-9999px; left:-9999px; } input[type="checkbox"]+label, fieldset input[type="radio"]+label{ display:block; margin-bottom:15px; min-height:17px; position:relative; padding-left:35px; padding-top:3px; } input[type="checkbox"]+label:last-child, fieldset input[type="radio"]+label:last-child{ margin-bottom:0; } input[type="checkbox"]+label::before, fieldset input[type="radio"]+label::before{ display:block; position:absolute; top:0; left:0; content:''; width:20px; height:20px; box-shadow:inset 0 0 0 2px #e2e4e9; transition:background-color .1s; } input[type="checkbox"]+label:hover, fieldset input[type="radio"]+label:hover{ color:#000; } input[type="checkbox"]+label:hover::before, fieldset input[type="radio"]+label:hover::before{ background-color:#f4f5f7; } input[type="checkbox"]:checked+label::before, fieldset input[type="radio"]:checked+label::before{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSI3LjQgMzMuOCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyA3LjQgMzMuOCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNFRDFDMjQiIHBvaW50cz0iMjEuNiwzOC41IDE2LDQ0LjIgMTMuMiw0MS4zIDExLDQzLjQgMTYsNDguNCAyMy44LDQwLjYgIi8+Cjwvc3ZnPg=='); background-repeat:no-repeat; background-position:top left; } input[type="checkbox"]:disabled+label, fieldset input[type="radio"]:disabled+label{ color:#666; cursor:default; } input[type="checkbox"]:disabled+label::before, fieldset input[type="radio"]:disabled+label::before{ opacity:.5; background-color:none; } fieldset input[type="radio"]+label::before{ background-image:none; border-radius:20px; box-shadow:inset 0 0 0 2px #e2e4e9; } fieldset input[type="radio"]:checked+label::before{ background-image:none; } fieldset input[type="radio"]:checked+label::after{ display:block; content:''; width:8px; height:8px; border:1px solid transparent; background:#ee2d24; border-radius:8px; position:absolute; top:5px; left:5px; } .ui-slider-horizontal{ display:block; position:relative; height:10px; box-shadow:inset 0 0 0 1px #ddd; margin-bottom:25px; } .ui-slider-horizontal .ui-slider-range{ display:block; position:relative; height:100%; background:#00508a; } .ui-slider-horizontal .ui-slider-handle{ display:block; position:absolute; top:100%; width:0; height:0; border-style:solid; border-width:0 0 10px 10px; border-color:transparent transparent #ee2d24 transparent; margin-left:-10px; outline:0; } .ui-slider-horizontal .ui-slider-handle~.ui-slider-handle{ border-style:solid; border-width:10px 0 0 10px; border-color:transparent transparent transparent #ee2d24; margin-left:0; } .color_radio label{ display:inline-block; overflow:hidden; width:22px; height:22px; cursor:pointer; position:relative; } .color_radio label input[type="radio"]{ width:0; height:0; margin-left:-50px; margin-right:50px; outline:0; } .color_radio label input[type="radio"]::after{ cursor:pointer; content:''; position:absolute; top:0; left:0; display:block; width:18px; height:18px; transition:border-color .3s; border:2px solid rgba(237, 29, 37, 0); border-radius:18px; } .color_radio label input[type="radio"]:checked::after{ border-color:#ed1d25 !important; } .color_radio label input[type="radio"]::before{ content:''; display:block; width:14px; height:14px; border:1px solid transparent; border-radius:14px; position:absolute; top:3px; left:3px; background:#000; } .color_radio label input[type="radio"][value="white"]::before{ border-color:#ccc; background:#fff; } .color_radio label input[type="radio"][value="black"]::before{ border-color:#fff; background:#000; } .color_radio label input[type="radio"][value="grey"]::before{ border-color:#fff; background:#666; } .color_radio label:hover input[type="radio"]::after, .color_radio label:focus input[type="radio"]::after{ border-color:rgba(237, 29, 37, 0.5); } .color_radio label:active input[type="radio"]::after{ border-color:#ed1d25; } .count_input{ display:inline-block; font-size:0; } .count_input > *{ font-size:14px; } .count_input input[type="text"]{ border-left:0; border-right:0; width:36px; padding-left:0; padding-right:0; text-align:center; } .count_input button{ font-size:16px; font-weight:700; width:27px; box-shadow:inset 0 0 0 2px #ddd; color:#333; } .count_input button:hover{ color:#ed2c24; box-shadow:inset 0 0 0 2px #ed2c24; } .count_input button:hover::before{ height:0; transition:height .1s; } .count_input button:active::before{ height:100%; } .small_radio label{ display:block; overflow:hidden; position:relative; padding-left:15px; height:20px; cursor:pointer; } .small_radio label input[type="radio"]{ margin-left:-50px; margin-right:50px; width:0; height:0; outline:0; display:inline-block; } .small_radio label input[type="radio"]::after{ content:''; display:inline-block; width:5px; height:5px; margin:5px; border-radius:10px; box-shadow:0 2px 0 rgba(0, 0, 0, 0.7); background:#fff; position:absolute; top:2px; left:0; transition:all .2s; line-height:20px; } .small_radio label input[type="radio"]:checked::after{ margin:2px 0 0 2px; width:10px; height:10px; box-shadow:0 3px 0 rgba(0, 0, 0, 0.7); background:#ee2d24; } .small_radio label:hover input[type="radio"]::after{ margin:2px 0 0 2px; width:10px; height:10px; box-shadow:0 3px 0 rgba(0, 0, 0, 0.7); } .tab_radio_1{ width:240px; height:40px; box-shadow:inset 0 0 0 2px #00508a; overflow:hidden; font-size:0; } .tab_radio_1 label{ position:relative; overflow:hidden; width:50%; height:100%; display:inline-block; font-size:14px; line-height:40px; text-align:center; text-transform:uppercase; color:#00508a; cursor:pointer; } .tab_radio_1 label input[type="radio"]{ width:0; height:0; display:inline-block; margin:0; padding:0; margin-left:-250px; margin-right:250px; } .tab_radio_1 label input[type="radio"]::after{ content:attr(title); display:inline-block; width:0; height:40px; background:#00508a; color:rgba(255, 255, 255, 0); font-size:14px; text-transform:uppercase; line-height:40px; text-align:center; position:absolute; top:0; right:0; overflow:hidden; transition:width .2s ease, color .1s; } .tab_radio_1 label input[type="radio"]:checked::after{ width:120px; color:#fff; } .tab_radio_1 label:nth-of-type(2) input[type="radio"]::after{ left:0; } .view_radio{ width:80px; height:40px; overflow:hidden; font-size:0; background:#e2e4e9; } .view_radio label{ position:relative; overflow:hidden; width:50%; height:100%; display:inline-block; font-size:20px; line-height:40px; text-align:center; text-transform:uppercase; color:#333; cursor:pointer; } .view_radio label input[type="radio"]{ width:0; height:0; display:inline-block; margin:0; padding:0; margin-left:-250px; margin-right:250px; } .view_radio label input[type="radio"]::after{ font-family:'FontAwesome'; content:'\f00a'; display:inline-block; width:0; height:40px; background:#2b2a28; color:rgba(255, 255, 255, 0); text-transform:uppercase; line-height:40px; text-align:center; position:absolute; top:0; right:0; overflow:hidden; transition:width .2s ease, color .1s; } .view_radio label input[type="radio"]::before{ font-family:'FontAwesome'; content:'\f00a'; position:absolute; top:0; right:0; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; cursor:pointer; } .view_radio label input[type="radio"]:checked::after{ width:40px; color:#fff; } .view_radio label:nth-of-type(2) input[type="radio"]::after{ content:'\f0ca'; left:0; } .view_radio label:nth-of-type(2) input[type="radio"]::before{ content:'\f0ca'; } .tab_radio_big{ font-weight:500; text-transform:uppercase; font-size:0; overflow:hidden; } .tab_radio_big::after{ content:''; display:block; height:4px; background:#ddd; margin-top:7px; } .tab_radio_big label{ font-size:16px; display:inline-block; color:#666; text-align:center; cursor:pointer; position:relative; transition:color .3s; overflow:hidden; } .tab_radio_big label i{ display:inline-block; margin-right:5px; } .tab_radio_big label:hover{ color:#333; } .tab_radio_big label input[type="radio"]{ width:0; height:0; position:absolute; left:-999px; } .tab_radio_big label input[type="radio"]+span::after{ content:''; position:absolute; display:block; bottom:-11px; left:50%; height:4px; background:#ee2d24; width:0; transition:width .2s, left .2s; } .tab_radio_big label input[type="radio"]:checked+span{ color:#333; } .tab_radio_big label input[type="radio"]:checked+span::after{ width:100%; height:4px; left:0; } .tab_radio_big.x3col label{ width:33.33%; } .tabs_big{ position:relative; font-size:0; } .tabs_big>*{ font-size:14px; } .tabs_big>input[type="radio"]{ display:inline-block; width:0; height:0; overflow:hidden; position:absolute; left:-9999px; } .tabs_big>input[type="radio"]+label{ display:inline-block; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; text-align:center; font-size:16px; color:#666; position:relative; transition:color .3s; font-weight:500; text-transform:uppercase; line-height:18px; padding-bottom:17px; } .tabs_big>input[type="radio"]+label::before{ display:inline-block; content:' '; margin-right:7px; background-repeat:no-repeat; background-position:center center; width:16px; height:18px; vertical-align:top; } .tabs_big>input[type="radio"]+label.info::before{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+Cgk8ZyBpZD0iTGF5ZXIlMjAxIj4KCQk8Zz4KCQkJPHBhdGggZD0iTSA4IDE2IEMgMy42IDE2IDAgMTIuNCAwIDggQyAwIDMuNiAzLjYgMCA4IDAgQyAxMi40IDAgMTYgMy42IDE2IDggQyAxNiAxMi40IDEyLjQgMTYgOCAxNiBaTSA4IDE0LjIgQyAxMS41IDE0LjIgMTQuMiAxMS40IDE0LjIgNy45IEMgMTQuMiA0LjUgMTEuNCAxLjggOCAxLjggQyA0LjUgMS44IDEuOCA0LjYgMS44IDguMSBDIDEuOCAxMS41IDQuNiAxNC4yIDggMTQuMiBaIiBmaWxsPSIjOWY5ZjlmIi8+CgkJCTxwYXRoIGQ9Ik0gOC45IDEyLjQgQyA4LjMgMTIuNCA3LjcgMTIuNCA3LjEgMTIuNCBDIDcuMSAxMC40IDcuMSA4LjMgNy4xIDYuMiBDIDcuNyA2LjIgOC4zIDYuMiA4LjkgNi4yIEMgOC45IDguMyA4LjkgMTAuNCA4LjkgMTIuNCBaIiBmaWxsPSIjOWY5ZjlmIi8+CgkJCTxwYXRoIGQ9Ik0gNy4xIDMuNiBDIDcuNyAzLjYgOC4zIDMuNiA4LjkgMy42IEMgOC45IDQuMiA4LjkgNC43IDguOSA1LjMgQyA4LjMgNS4zIDcuNyA1LjMgNy4xIDUuMyBDIDcuMSA0LjcgNy4xIDQuMiA3LjEgMy42IFoiIGZpbGw9IiM5ZjlmOWYiLz4KCQk8L2c+Cgk8L2c+Cjwvc3ZnPg=='); } .tabs_big>input[type="radio"]+label.spec::before{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTIiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTJweCI+Cgk8ZyBpZD0iTGF5ZXIlMjAxIj4KCQk8cmVjdCB4PSIwIiB5PSIxMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzlmOWY5ZiIvPgoJCTxyZWN0IHg9IjQiIHk9IjEwIiB3aWR0aD0iMTIiIGhlaWdodD0iMiIgZmlsbD0iIzlmOWY5ZiIvPgoJCTxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM5ZjlmOWYiLz4KCQk8cmVjdCB4PSI0IiB5PSI1IiB3aWR0aD0iMTIiIGhlaWdodD0iMiIgZmlsbD0iIzlmOWY5ZiIvPgoJCTxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM5ZjlmOWYiLz4KCQk8cmVjdCB4PSI0IiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMiIgZmlsbD0iIzlmOWY5ZiIvPgoJPC9nPgo8L3N2Zz4='); } .tabs_big>input[type="radio"]+label.docs::before{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMTciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTdweCI+Cgk8ZyBpZD0iTGF5ZXIlMjAxIj4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBkPSJNIDEuNyAxLjcgQyAzLjkgMS43IDYuMSAxLjcgOC4yIDEuNyBDIDguMyAxLjcgOC4zIDEuOSA4LjMgMS45IEwgOC42IDEuOSBDIDkuMSAxLjkgOS41IDEuOSAxMCAxLjkgQyAxMCAxLjYgMTAgMCAxMCAwIEwgMCAwIEwgMCAxMy41IEMgMCAxMy41IDEuOCAxMy41IDIuMyAxMy41IEMgMi4zIDEyLjkgMi4zIDEyLjQgMi4zIDExLjkgQyAyIDExLjkgMS45IDExLjkgMS43IDExLjkgQyAxLjcgOC40IDEuNyA1LjEgMS43IDEuNyBaIiBmaWxsPSIjOTk5OTk5Ii8+CgkJCTwvZz4KCQkJPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjkiIGhlaWdodD0iMTIiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+CgkJCTxwYXRoIGQ9Ik0gNiA3IEwgMTAgNyAiIHN0cm9rZT0iI2FlYWVhZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjOTk5OTk5Ii8+CgkJCTxwYXRoIGQ9Ik0gNiA5IEwgMTAgOSAiIHN0cm9rZT0iI2FlYWVhZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjOTk5OTk5Ii8+CgkJCTxwYXRoIGQ9Ik0gNiAxMSBMIDEwIDExICIgc3Ryb2tlPSIjYWVhZWFlIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9IiM5OTk5OTkiLz4KCQk8L2c+Cgk8L2c+Cjwvc3ZnPg=='); } .tabs_big>input[type="radio"]:checked+label{ color:#333; } .tabs_big>input[type="radio"]+label::after{ display:block; content:''; position:absolute; bottom:0; left:0; height:4px; width:100%; background-color:#ddd; } .tabs_big .act{ margin-bottom:30px; } .tabs_big.x2col>label{ width:50%; } .tabs_big.x2col .act{ display:block; width:50%; position:relative; height:4px; top:-4px; left:0; transition:left .4s ease; background-color:#ee2d24; } .tabs_big.x2col>input[type="radio"]:nth-of-type(1):checked~.act{ left:0; } .tabs_big.x2col>input[type="radio"]:nth-of-type(2):checked~.act{ left:50%; } .tabs_big.x3col>label{ width:33.33%; } .tabs_big.x3col .act{ display:block; width:33.33%; position:relative; height:4px; top:-4px; left:0; transition:left .4s ease; background-color:#ee2d24; } .tabs_big.x3col>input[type="radio"]:nth-of-type(1):checked~.act{ left:0; } .tabs_big.x3col>input[type="radio"]:nth-of-type(2):checked~.act{ left:33.33%; } .tabs_big.x3col>input[type="radio"]:nth-of-type(3):checked~.act{ left:66.66%; } .tabs_big.x4col>label{ width:25%; } .tabs_big.x4col .act{ display:block; width:25%; position:relative; height:4px; top:-4px; left:0; transition:left .4s ease; background-color:#ee2d24; } .tabs_big.x4col>input[type="radio"]:nth-of-type(1):checked~.act{ left:0; } .tabs_big.x4col>input[type="radio"]:nth-of-type(2):checked~.act{ left:25%; } .tabs_big.x4col>input[type="radio"]:nth-of-type(3):checked~.act{ left:50%; } .tabs_big.x4col>input[type="radio"]:nth-of-type(4):checked~.act{ left:75%; } .tabs_big .tabs_content{ width:100%; -webkit-flex-grow:3; -ms-flex-positive:3; flex-grow:3; } .tabs_big .tabs_content>*{ display:none; } .tabs_big>input[type="radio"]:nth-of-type(1):checked~.tabs_content>*:nth-child(1){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(2):checked~.tabs_content>*:nth-child(2){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(3):checked~.tabs_content>*:nth-child(3){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(4):checked~.tabs_content>*:nth-child(4){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(5):checked~.tabs_content>*:nth-child(5){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(6):checked~.tabs_content>*:nth-child(6){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(7):checked~.tabs_content>*:nth-child(7){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(8):checked~.tabs_content>*:nth-child(8){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(9):checked~.tabs_content>*:nth-child(9){ display:block; } .tabs_big>input[type="radio"]:nth-of-type(10):checked~.tabs_content>*:nth-child(10){ display:block; } input.filter-sw{ width:0; height:0; overflow:hidden; display:inline-block; margin:0; padding:0; border:0; outline:0; position:absolute; top:-9999px; left:-9999px; } input.filter-sw+label{ display:inline-block; width:120px; height:40px; line-height:40px; font-weight:700; color:#00508a; text-transform:uppercase; text-align:center; box-shadow:inset 0 0 0 2px #00508a; vertical-align:top; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } input.filter-sw+label::after{ content:attr(title); display:block; width:100%; height:100%; position:absolute; top:0; color:rgba(255, 255, 255, 0); background:#00508a; right:0; overflow:hidden; transition:width .1s, color .1s; width:0; cursor:default; } input.filter-sw+label+input+label::after{ right:auto; left:0; } input.filter-sw:checked+label::after{ width:100%; color:#fff; } div.view_sw{ display:inline-block; font-size:0; line-height:40px; vertical-align:top; position:relative; z-index:2; margin-left:15px; } input.view_sw{ width:0; height:0; overflow:hidden; display:inline-block; margin:0; padding:0; border:0; outline:0; position:absolute; top:-9999px; left:-9999px; } input.view_sw+label{ display:inline-block; width:40px; height:40px; line-height:40px; font-weight:700; color:#00508a; text-transform:uppercase; text-align:center; background:#e2e4e9; vertical-align:top; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; background-repeat:no-repeat; background-position:center center; } input.view_sw+label::after{ content:attr(title); display:block; width:100%; height:100%; position:absolute; top:0; color:rgba(255, 255, 255, 0); background:#2b2a28; right:0; overflow:hidden; transition:width .07s, color .1s; width:0; cursor:default; background-repeat:no-repeat; background-position:center center; } input.view_sw+label+input+label::after{ right:auto; left:0; } input.view_sw.grid+label{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgZmlsbD0iIzMzMzMzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PGc+PHBhdGggaWQ9IkVsbGlwc2U0IiBkPSJNIDAgMiBDIDAgMC45IDAuOSAwIDIgMCBDIDMuMSAwIDQgMC45IDQgMiBDIDQgMy4xIDMuMSA0IDIgNCBDIDAuOSA0IDAgMy4xIDAgMiBaIi8+PHBhdGggaWQ9IkVsbGlwc2U1IiBkPSJNIDYgMiBDIDYgMC45IDYuOSAwIDggMCBDIDkuMSAwIDEwIDAuOSAxMCAyIEMgMTAgMy4xIDkuMSA0IDggNCBDIDYuOSA0IDYgMy4xIDYgMiBaIi8+PHBhdGggaWQ9IkVsbGlwc2U2IiBkPSJNIDEyIDIgQyAxMiAwLjkgMTIuOSAwIDE0IDAgQyAxNS4xIDAgMTYgMC45IDE2IDIgQyAxNiAzLjEgMTUuMSA0IDE0IDQgQyAxMi45IDQgMTIgMy4xIDEyIDIgWiIvPjxwYXRoIGlkPSJFbGxpcHNlNyIgZD0iTSAwIDggQyAwIDYuOSAwLjkgNiAyIDYgQyAzLjEgNiA0IDYuOSA0IDggQyA0IDkuMSAzLjEgMTAgMiAxMCBDIDAuOSAxMCAwIDkuMSAwIDggWiIvPjxwYXRoIGlkPSJFbGxpcHNlOCIgZD0iTSA2IDggQyA2IDYuOSA2LjkgNiA4IDYgQyA5LjEgNiAxMCA2LjkgMTAgOCBDIDEwIDkuMSA5LjEgMTAgOCAxMCBDIDYuOSAxMCA2IDkuMSA2IDggWiIvPjxwYXRoIGlkPSJFbGxpcHNlOSIgZD0iTSAxMiA4IEMgMTIgNi45IDEyLjkgNiAxNCA2IEMgMTUuMSA2IDE2IDYuOSAxNiA4IEMgMTYgOS4xIDE1LjEgMTAgMTQgMTAgQyAxMi45IDEwIDEyIDkuMSAxMiA4IFoiLz48cGF0aCBpZD0iRWxsaXBzZTEwIiBkPSJNIDAgMTQgQyAwIDEyLjkgMC45IDEyIDIgMTIgQyAzLjEgMTIgNCAxMi45IDQgMTQgQyA0IDE1LjEgMy4xIDE2IDIgMTYgQyAwLjkgMTYgMCAxNS4xIDAgMTQgWiIvPjxwYXRoIGlkPSJFbGxpcHNlMTEiIGQ9Ik0gNiAxNCBDIDYgMTIuOSA2LjkgMTIgOCAxMiBDIDkuMSAxMiAxMCAxMi45IDEwIDE0IEMgMTAgMTUuMSA5LjEgMTYgOCAxNiBDIDYuOSAxNiA2IDE1LjEgNiAxNCBaIi8+PHBhdGggaWQ9IkVsbGlwc2UxMiIgZD0iTSAxMiAxNCBDIDEyIDEyLjkgMTIuOSAxMiAxNCAxMiBDIDE1LjEgMTIgMTYgMTIuOSAxNiAxNCBDIDE2IDE1LjEgMTUuMSAxNiAxNCAxNiBDIDEyLjkgMTYgMTIgMTUuMSAxMiAxNCBaIi8+PC9nPjwvc3ZnPg=='); } input.view_sw.grid+label::after{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgZmlsbD0iI2ZmZmZmZiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PGc+PHBhdGggaWQ9IkVsbGlwc2U0IiBkPSJNIDAgMiBDIDAgMC45IDAuOSAwIDIgMCBDIDMuMSAwIDQgMC45IDQgMiBDIDQgMy4xIDMuMSA0IDIgNCBDIDAuOSA0IDAgMy4xIDAgMiBaIi8+PHBhdGggaWQ9IkVsbGlwc2U1IiBkPSJNIDYgMiBDIDYgMC45IDYuOSAwIDggMCBDIDkuMSAwIDEwIDAuOSAxMCAyIEMgMTAgMy4xIDkuMSA0IDggNCBDIDYuOSA0IDYgMy4xIDYgMiBaIi8+PHBhdGggaWQ9IkVsbGlwc2U2IiBkPSJNIDEyIDIgQyAxMiAwLjkgMTIuOSAwIDE0IDAgQyAxNS4xIDAgMTYgMC45IDE2IDIgQyAxNiAzLjEgMTUuMSA0IDE0IDQgQyAxMi45IDQgMTIgMy4xIDEyIDIgWiIvPjxwYXRoIGlkPSJFbGxpcHNlNyIgZD0iTSAwIDggQyAwIDYuOSAwLjkgNiAyIDYgQyAzLjEgNiA0IDYuOSA0IDggQyA0IDkuMSAzLjEgMTAgMiAxMCBDIDAuOSAxMCAwIDkuMSAwIDggWiIvPjxwYXRoIGlkPSJFbGxpcHNlOCIgZD0iTSA2IDggQyA2IDYuOSA2LjkgNiA4IDYgQyA5LjEgNiAxMCA2LjkgMTAgOCBDIDEwIDkuMSA5LjEgMTAgOCAxMCBDIDYuOSAxMCA2IDkuMSA2IDggWiIvPjxwYXRoIGlkPSJFbGxpcHNlOSIgZD0iTSAxMiA4IEMgMTIgNi45IDEyLjkgNiAxNCA2IEMgMTUuMSA2IDE2IDYuOSAxNiA4IEMgMTYgOS4xIDE1LjEgMTAgMTQgMTAgQyAxMi45IDEwIDEyIDkuMSAxMiA4IFoiLz48cGF0aCBpZD0iRWxsaXBzZTEwIiBkPSJNIDAgMTQgQyAwIDEyLjkgMC45IDEyIDIgMTIgQyAzLjEgMTIgNCAxMi45IDQgMTQgQyA0IDE1LjEgMy4xIDE2IDIgMTYgQyAwLjkgMTYgMCAxNS4xIDAgMTQgWiIvPjxwYXRoIGlkPSJFbGxpcHNlMTEiIGQ9Ik0gNiAxNCBDIDYgMTIuOSA2LjkgMTIgOCAxMiBDIDkuMSAxMiAxMCAxMi45IDEwIDE0IEMgMTAgMTUuMSA5LjEgMTYgOCAxNiBDIDYuOSAxNiA2IDE1LjEgNiAxNCBaIi8+PHBhdGggaWQ9IkVsbGlwc2UxMiIgZD0iTSAxMiAxNCBDIDEyIDEyLjkgMTIuOSAxMiAxNCAxMiBDIDE1LjEgMTIgMTYgMTIuOSAxNiAxNCBDIDE2IDE1LjEgMTUuMSAxNiAxNCAxNiBDIDEyLjkgMTYgMTIgMTUuMSAxMiAxNCBaIi8+PC9nPjwvc3ZnPg=='); } input.view_sw.list+label{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgZmlsbD0iIzMzMzMzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PGc+PHJlY3QgeD0iNiIgeT0iMSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI2IiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjYiIHk9IjEzIiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDAgMiBDIDAgMC45IDAuOSAwIDIgMCBDIDMuMSAwIDQgMC45IDQgMiBDIDQgMy4xIDMuMSA0IDIgNCBDIDAuOSA0IDAgMy4xIDAgMiBaIi8+PHBhdGggaWQ9IkVsbGlwc2UyIiBkPSJNIDAgOCBDIDAgNi45IDAuOSA2IDIgNiBDIDMuMSA2IDQgNi45IDQgOCBDIDQgOS4xIDMuMSAxMCAyIDEwIEMgMC45IDEwIDAgOS4xIDAgOCBaIi8+PHBhdGggaWQ9IkVsbGlwc2UzIiBkPSJNIDAgMTQgQyAwIDEyLjkgMC45IDEyIDIgMTIgQyAzLjEgMTIgNCAxMi45IDQgMTQgQyA0IDE1LjEgMy4xIDE2IDIgMTYgQyAwLjkgMTYgMCAxNS4xIDAgMTQgWiIvPjwvZz48L3N2Zz4='); } input.view_sw.list+label::after{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgZmlsbD0iI2ZmZmZmZiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PGc+PHJlY3QgeD0iNiIgeT0iMSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI2IiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjYiIHk9IjEzIiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDAgMiBDIDAgMC45IDAuOSAwIDIgMCBDIDMuMSAwIDQgMC45IDQgMiBDIDQgMy4xIDMuMSA0IDIgNCBDIDAuOSA0IDAgMy4xIDAgMiBaIi8+PHBhdGggaWQ9IkVsbGlwc2UyIiBkPSJNIDAgOCBDIDAgNi45IDAuOSA2IDIgNiBDIDMuMSA2IDQgNi45IDQgOCBDIDQgOS4xIDMuMSAxMCAyIDEwIEMgMC45IDEwIDAgOS4xIDAgOCBaIi8+PHBhdGggaWQ9IkVsbGlwc2UzIiBkPSJNIDAgMTQgQyAwIDEyLjkgMC45IDEyIDIgMTIgQyAzLjEgMTIgNCAxMi45IDQgMTQgQyA0IDE1LjEgMy4xIDE2IDIgMTYgQyAwLjkgMTYgMCAxNS4xIDAgMTQgWiIvPjwvZz48L3N2Zz4='); } input.view_sw:checked+label::after{ width:100%; color:#fff; } .topmenu{ width:100%; display:block; background:#ffdf08; margin-bottom:15px; position:relative; z-index:20; } .topmenu div.w{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; font-size:0; outline:none; } .topmenu div.w .menu > .menu-item{ height:45px; display:inline-block; width:auto; font-size:16px; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; cursor:pointer; border:none; outline:none; } .topmenu div.w .menu > .menu-item > a{ text-decoration:none; display:block; line-height:45px; height:45px; position:relative; } .topmenu div.w .menu > .menu-item > a span{ display:block; position:relative; z-index:3; margin:0 12px; white-space:nowrap; } .topmenu div.w .menu > .menu-item > a::before, .topmenu div.w .menu > .menu-item > a::after{ display:block; content:''; width:100%; height:0; background:#333; position:absolute; top:0; left:0; z-index:1; transition:height .2s ease; } .topmenu div.w .menu > .menu-item > a::after{ background:#ed1c24; z-index:2; } .topmenu div.w .menu > .menu-item > a[active]{ color:#fff; } .topmenu div.w .menu > .menu-item > a[active]::before{ height:100%; } .topmenu div.w .menu > .menu-item > a[active]::after{ height:4px; } .topmenu div.w .menu > .menu-item:hover > a, .topmenu div.w .menu > .menu-item > a:hover{ color:#fff; } .topmenu div.w .menu > .menu-item:hover > a::after, .topmenu div.w .menu > .menu-item > a:hover::after{ height:100%; } .topmenu div.w .menu > .menu-item:focus .submenu, .topmenu div.w .menu > .menu-item:active .submenu, .topmenu div.w .menu > .menu-item .submenu:hover { max-height:400px; display:block; border-width:0px; } .topmenu div.w .menu > .menu-item .submenu{ transition:border-bottom 0.1s ease 0s, height 0.5s ease 0s, max-height 0.5s ease 0s, opacity 0.3s ease 0s; display:none; overflow:hidden; position:absolute; top:100%; left:0; background:#fff; width:100%; border-bottom:0 solid #2b2a28; border-left-width:0 solid white; } .topmenu div.w .menu > .menu-item .submenu > .w{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } .topmenu div.w .menu > .menu-item .submenu .col{ -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; text-align:center; font-size:14px; position:relative; padding:20px 10px 80px; } .topmenu div.w .menu > .menu-item .submenu .col:hover{ background:#fafafa } .topmenu div.w .menu > .menu-item .submenu .col a[role="button"]:last-child{ position:absolute; bottom:20px; left:50%; margin-left:-60px; } .topmenu div.w .menu > .menu-item .submenu .col .img{ display:block; width:90px; height:90px; border-radius:90px; line-height:90px; background:#ffdf08; margin:0 auto 20px; } .topmenu div.w .menu > .menu-item .submenu .col .img img{ vertical-align:middle; } .topmenu div.w .menu > .menu-item .submenu .col big{ display:inline-block; margin-bottom:10px; font-weight:500; font-size:16px; } .top2{ vertical-align:middle; height:86px; margin-bottom:15px; } .top2 .logo{ display:inline-block; text-decoration:none; color:#333; font-weight:500; font-size:15px; } .top2 .logo span{ display:block; text-align:right; padding-right:15px; line-height:15px; margin-top:-7px; } .top2 .contact{ display:inline-block; vertical-align:bottom; width:700px; float:right; margin-top:20px; } .top2 .contact>*{ display:inline-block; } .top2 .contact .phones>div{ display:inline-block; } .top2 .contact .phones a{ line-height:31px; text-decoration:none; display:inline-block; font-size:18px; vertical-align:middle; margin:0 10px; } .top2 .contact .right .login{ display:inline-block; font-size:13px; vertical-align:middle; margin-left:10px; } .top2 .contact .right .login>a{ line-height:1.3em; vertical-align:middle; } .top2 .contact .right .login>span{ display:inline-block; margin:0 5px; font-size:18px; vertical-align:middle; color:#ddd; } .top2 .contact .right>a{ display:inline-block; margin-right:10px; } .topnav-fixed .topmenu2{ position:fixed; top:0; z-index:999; } .topmenu2{ border-top:1px solid #e2e4e9; border-bottom:1px solid #e2e4e9; height:60px; width:100%; background:white; position:relative; } .topmenu2 div.w{ height:100%; position:relative; } .topmenu2 .menu > .menu-item{ display:inline-block; font-size:15px; font-weight:500; height:100%; margin:0 20px; } .topmenu2 .menu > .menu-item a{ text-decoration:none; color:#333; display:inline-flex; /*height:60px;*/ align-items:center; } .topmenu div.w .menu > .menu-item:focus .submenu2, .topmenu div.w .menu > .menu-item:active .submenu2, .topmenu div.w .menu > .menu-item .submenu2:hover { display:block; } .topmenu2 .right{ position:absolute; right:0; height:100%; z-index:9; } .topmenu2 .right input, .topmenu2 .right button{ margin-top:10px; } .topmenu2 .right form{ position:relative; display:inline-block; vertical-align:top; } .topmenu2 .right .cart{ width:90px; padding-left:50px; height:100%; background-color:#f2f3f5; margin-left:20px; display:inline-block; background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjMgMTgiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMThweCI+PGcgaWQ9IkxheWVyJTIwMSI+PGc+PHBhdGggZD0iTSA0LjYgMiBDIDMuNCAyIDIuMiAyIDEgMiBDIDAuNCAyIDAuMSAxLjUgMC4zIDAuOSBDIDAuNCAwLjYgMC42IDAuNCAwLjkgMC40IEMgMSAwLjQgMS4xIDAuNCAxLjIgMC40IEMgMi41IDAuNCAzLjggMC40IDUuMSAwLjQgQyA1LjcgMC40IDUuOSAwLjYgNi4xIDEuMSBDIDYuMyAyIDYuNiAyLjggNi44IDMuNyBDIDYuOSAzLjkgNyA0IDcuMiA0IEMgMTEuMyA0IDE3LjMgNCAyMS40IDQgQyAyMS41IDQgMjEuNiA0IDIxLjcgNCBDIDIyLjIgNC4yIDIyLjUgNC42IDIyLjMgNS4xIEMgMjEuNSA3LjUgMjAuNyA5LjkgMTkuOSAxMi4zIEMgMTkuOSAxMi40IDE5LjggMTIuNSAxOS44IDEyLjUgQyAxOS42IDEzIDE5LjQgMTMuMiAxOC45IDEzLjIgQyAxNy44IDEzLjIgMTQuNyAxMy4yIDEzLjcgMTMuMiBDIDEyIDEzLjIgMTAuMyAxMy4yIDguNyAxMy4yIEMgOCAxMy4yIDcuOCAxMyA3LjYgMTIuNCBDIDYuOSA5LjkgNi4yIDcuNSA1LjUgNSBDIDUuMiA0IDQuOSAzIDQuNiAyIFpNIDcuNCA1LjYgQyA3LjQgNS43IDcuNCA1LjggNy40IDUuOSBDIDcuOSA3LjcgOC41IDkuNSA5IDExLjMgQyA5IDExLjUgOS4xIDExLjYgOS4zIDExLjYgQyAxMS42IDExLjYgMTUuOSAxMS42IDE4LjIgMTEuNiBDIDE4LjQgMTEuNiAxOC41IDExLjUgMTguNSAxMS4zIEMgMTkgOS44IDE5LjUgOC4yIDIwLjEgNi43IEMgMjAuMiA2LjQgMjAuMyA2IDIwLjQgNS42IEMgMTYuNyA1LjYgMTEgNS42IDcuNCA1LjYgWiIgZmlsbD0iI2VkMWMyNCIvPjxwYXRoIGQ9Ik0gOS41IDE3LjUgQyA4LjYgMTcuNSA3LjkgMTYuOCA3LjkgMTYgQyA3LjkgMTUuMSA4LjYgMTQuNCA5LjUgMTQuNCBDIDEwLjQgMTQuNCAxMSAxNS4xIDExIDE2IEMgMTEgMTYuOCAxMC4zIDE3LjUgOS41IDE3LjUgWiIgZmlsbD0iI2VkMWMyNCIvPjxwYXRoIGQ9Ik0gMTcuOSAxNy41IEMgMTcuMSAxNy41IDE2LjQgMTYuOCAxNi40IDE2IEMgMTYuNCAxNS4xIDE3LjEgMTQuNCAxNy45IDE0LjQgQyAxOC44IDE0LjQgMTkuNSAxNS4xIDE5LjUgMTYgQyAxOS41IDE2LjggMTguOCAxNy41IDE3LjkgMTcuNSBaIiBmaWxsPSIjZWQxYzI0Ii8+PC9nPjwvZz48L3N2Zz4='); background-repeat:no-repeat; background-position:10px 19px; line-height:1.4em; } .topmenu2 .right .cart .qnt{ text-decoration:underline; margin-top:10px; } .topmenu2 .right .cart .summ{ font-weight:500; } header{ position:relative; } header .breadcrumbs{ position:absolute; width:100%; font-size:0; margin-top:20px; } header .breadcrumbs nav a{ display:inline-block; position:relative; font-size:12px; height:30px; line-height:30px; white-space:nowrap; padding:0 10px 0 10px; background:#f2f3f5; margin-right:11px; } header .breadcrumbs nav a:not(:first-child)::before{ content:' '; display:inline-block; width:0; height:0; border:15px solid #f2f3f5; border-left:10px solid transparent; border-right:0; position:absolute; top:0; left:-10px; } header .breadcrumbs nav a:not(:last-child)::after{ content:''; display:inline-block; width:0; height:0; border-style:solid; border-width:15px 0 15px 10px; border-color:transparent transparent transparent #f2f3f5; position:absolute; top:0; right:-10px; } header .breadcrumbs nav a:last-child{ background:#ffdf08 } header .breadcrumbs nav a:last-child::before{ border:15px solid #ffdf08; border-left:10px solid transparent; border-right:0; } header .breadcrumbs nav a{ text-decoration:none; position:relative; } footer .footer1{ background:url('/css/../images/footer_bg_pattern.png'); height:80px } footer .footer1 .left{ font-size:16px; padding-top:10px; } footer .footer1 .left big{ font-size:26px; font-weight:500; } footer .footer1 .left p{ margin:.25em 0; } footer .footer1 .right{ line-height:80px; } footer .footer1 .right .tel{ font-size:26px; vertical-align:middle; } footer .footer1 .right .tel i{ margin-right:10px; } footer .footer1 .right .tel a{ color:inherit; text-decoration:none; } footer .footer1 .right .mail{ display:inline-block; margin-left:30px; } footer .footer1 .right .mail i{ margin-right:5px; } footer .footer2{ background:#333; color:#ededed; height:340px; padding:30px 0 60px; font-size:13px; } footer .footer2 .brands{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } footer .footer2 .brands > div{ width:23%; } footer .footer2 .brands > div .img{ height:40px; } footer .footer2 .cat{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:50px; } footer .footer2 .cat > a{ display:inline-block; width:23.5%; text-decoration:none; height:60px; margin-bottom:40px; } footer .footer2 .cat > a::before{ content:''; display:block; width:60px; margin-right:20px; height:100%; float:left; background:url('/css/../images/svg/cat_img_sprite.svg') no-repeat top left; } footer .footer2 .cat > a.c1::before{ background-position:0 0; } footer .footer2 .cat > a.c2::before{ background-position:-308px 0; width:40px; margin-right:40px; } footer .footer2 .cat > a.c3::before{ background-position:-120px 0; } footer .footer2 .cat > a.c4::before{ background-position:-240px 0; } footer .footer2 .cat > a.c5::before{ background-position:-60px 0; } footer .footer2 .cat > a.c6::before{ background-position:-181px 0; width:40px; margin-right:40px; } footer .footer2 .cat > a.c7::before{ background-position:-362px 0; } footer .footer2 .cat > a.c8::before{ background-position:-517px 0; } footer .footer2 .cat > a.c9::before{ background-position:-517px 0; } footer .footer2 .cat > a.c10::before{ background-position:-517px 0; } footer .footer2 .cat > a.c11::before{ background-position:-517px 0; } footer .footer2 .cat > a.c12::before{ background-position:-517px 0; } footer .footer3{ height:105px; padding-top:20px; background:#2b2a28; color:#fff; font-size:13px; } footer .footer3 p{ line-height:1.4em; margin:0 0 .6em 0; } footer .footer3 .l1{ width:310px; display:inline-block; } footer .footer3 .l2{ display:inline-block; width:150px; } footer .footer3 .l3{ margin:20px auto; } @media screen and (min-width:992px){ footer .footer3 .l3{ display:inline-block; vertical-align:top; margin:0 60px; } } footer .footer3 a.mnz{ display:inline-block; width:60px; height:12px; background:url('/css/../images/svg/mnz.svg') no-repeat; vertical-align:text-bottom; } footer .footer3 .right p:last-child{ text-align:right; } #wrapper>section{ padding:40px 0 40px 0; } #wrapper>section:last-of-type{ padding-bottom:80px; } #wrapper>header+section{ padding-top:80px; } #wrapper>section p{ margin:0 0 15px 0; } #wrapper>section p:last-child{ margin:0; } #wrapper>section p+h3{ margin-top:30px; } #wrapper>section p.strong{ font-size:16px; } #wrapper>section p.light{ color:#666; } #wrapper>section img.left{ margin-right:30px; } #wrapper>section.blue{ background:#09408a; color:#fff; } #wrapper>section.grey{ background:url("/css/../images/grey_bg_pattern.png"); } #wrapper>section.category_descr{ font-size:18px; font-weight:300; padding-bottom:70px; } #wrapper>section.category_descr img.left{ margin:0 60px 40px 0; } #wrapper>section.category_descr p:last-of-type{ margin-bottom:40px; } #wrapper>section.subcat1_menu{ margin-top:-100px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch; } #wrapper>section.subcat1_menu nav{ background:#fff; display:inline-block; outline:1px solid #dadada; box-shadow:inset 0 0 0 0 #ffdf08; transition:box-shadow .2s } #wrapper>section.subcat1_menu nav.big1{ width:33.2%; } #wrapper>section.subcat1_menu nav.big2{ width:66.5%; } #wrapper>section.subcat1_menu nav.big2 img{ float:left; margin-right:20px; } #wrapper>section.subcat1_menu nav.small1{ width:33.2%; font-size:16px; } #wrapper>section.subcat1_menu nav.small1 img{ float:left; margin-right:20px; background:url("/css/../images/images-bg.png") no-repeat 50% 50%; background-size:cover; } #wrapper>section.subcat1_menu nav.small1 span{ display:table-cell; height:95px; vertical-align:middle; } #wrapper>section.subcat1_menu nav>a{ display:block; padding:15px 15px 15px 15px; text-decoration:none; color:inherit; transition:opacity .3s; } #wrapper>section.subcat1_menu nav>a::after{ content:''; display:block; clear:both; } #wrapper>section.subcat1_menu nav:hover{ box-shadow:inset 0 0 0 4px #ffdf08; } #wrapper>section.subcat1_menu nav:hover a{ opacity:.4; } #wrapper>section .pop4{ display:-webkit-flex; display:-ms-flexbox; display:flex; } #wrapper>section .pop4>div{ background:#fff; outline:1px solid #e2e4e9; padding:15px 15px 20px 15px; box-shadow:inset 0 0 0 0 #ffdf08; transition:box-shadow .2s; } #wrapper>section .pop4>div:hover{ box-shadow:inset 0 0 0 4px #ffdf08; } #wrapper>section .pop4>div .price{ font-size:24px; font-weight:700; position:relative; margin-bottom:25px; margin-top:20px; } #wrapper>section .pop4>div .price i{ font-size:22px; } #wrapper>section .pop4>div .price .old{ font-weight:400; font-size:14px; color:#999; display:block; position:absolute; right:0; bottom:0; text-decoration:line-through; } #wrapper>section .pop4>div .price .old i{ font-size:13px; } #wrapper>section .pop4>div a:last-child{ line-height:40px; float:right; font-size:13px; } #wrapper>section .two-coll>div{ width:47%; } #wrapper>section .flexmenu{ /*justify-content:center;*/ flex-wrap:wrap; display:flex; display:-webkit-flex; -webkit-flex-wrap:wrap; /* -webkit-justify-content:center;*/ width:100%; } .mb0{ justify-content:center; -webkit-justify-content:center; } #wrapper>section .flexmenu:not(:last-child){ margin-bottom:20px; } #wrapper>section .flexmenu>a{ text-decoration:none; color:inherit; } #wrapper>section .flexmenu>a>*{ transition:opacity .3s; } #wrapper>section .flexmenu>a:hover>*{ opacity:.4; } #wrapper>section .flexmenu>*{ display:block; background:#fff; outline:1px solid #e2e4e9; box-shadow:inset 0 0 0 0 #ffdf08; transition:box-shadow .2s; } #wrapper>section .flexmenu>*>div{ padding:15px 15px 20px 15px; } #wrapper>section .flexmenu>*>div::after{ display:block; content:''; clear:both; } #wrapper>section .flexmenu>*:hover{ box-shadow:inset 0 0 0 4px #ffdf08; } #wrapper>section .flexmenu>* img:first-child{ float:left; margin-right:20px; background:url(/css/../images/images-bg.png) no-repeat 50% 50%; background-size:cover; } #wrapper>section .flexmenu>*::after{ display:block; content:''; clear:both; } #wrapper>section .flexmenu>* time{ display:block; font-size:12px; color:#999; margin-bottom:5px; } #wrapper>section .flexmenu>* span{ color:#666; display:block; margin-bottom:10px; } #wrapper>section .flexmenu>* a.exp{ font-size:13px; } #wrapper>section .flexmenu.f2col>*{ width:50%; } #wrapper>section .flexmenu.f3col>*{ width:33.3333%; } #wrapper>section .flexmenu.f235px>*, #wrapper>section .flexmenu.gridview>*{ position:relative; width:203px; padding:15px 15px 20px 15px; padding-bottom:135px; } #wrapper>section .flexmenu.f235px>* section.bottom, #wrapper>section .flexmenu.gridview>* section.bottom{ position:absolute; bottom:20px; width:203px; } #wrapper>section .flexmenu.f235px>* a.img img, #wrapper>section .flexmenu.gridview>* a.img img{ width:200px; } #wrapper>section .flexmenu.ffull>*, #wrapper>section .flexmenu.listview>*{ width:100%; box-sizing:border-box; padding:0 15px 20px 15px; } #wrapper>section .flexmenu.ffull>* a.img, #wrapper>section .flexmenu.listview>* a.img{ float:left; margin-right:30px; margin-top:15px; } #wrapper>section .flexmenu.ffull>* a.img img, #wrapper>section .flexmenu.listview>* a.img img{ width:150px; } #wrapper>section .flexmenu.ffull>* ul, #wrapper>section .flexmenu.listview>* ul{ list-style-position:inside; } #wrapper>section .flexmenu.ffull>* section.bottom, #wrapper>section .flexmenu.listview>* section.bottom{ float:right; width:auto; margin-left:25px; } #wrapper>section .flexmenu.ffull>* section.bottom button.cart+a, #wrapper>section .flexmenu.listview>* section.bottom button.cart+a{ float:left; line-height:1.2em; margin-top:10px; } #wrapper>section .flexmenu.ffull>* section.bottom div.price, #wrapper>section .flexmenu.listview>* section.bottom div.price{ margin-top:15px; } #wrapper>section .flexmenu.ffull>* section.bottom div.price>span, #wrapper>section .flexmenu.listview>* section.bottom div.price>span{ display:block; position:relative; top:0; left:0; margin-bottom:10px; } #wrapper>section .flexmenu.ffull>* section.bottom button.cart, #wrapper>section .flexmenu.listview>* section.bottom button.cart{ display:block; } #wrapper>section .flexmenu.ffull>*::after, #wrapper>section .flexmenu.listview>*::after{ display:block; content:''; clear:both; } #wrapper>section .flexmenu.fpad>*{ width:100%; padding:10px 20px; } #wrapper>section .flexmenu.fpad>*:first-child{ padding-top:20px; } #wrapper>section .flexmenu.fpad>*:last-child{ padding-bottom:20px; } #wrapper>section .flexmenu div.vcent{ height:95px; display:table-cell; vertical-align:middle; font-size:16px; } #wrapper>section .items_table{ display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin-top:20px; } #wrapper>section .items_table .filter{ width:240px; font-size:0; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; overflow:hidden; } #wrapper>section .items_table .filter>*{ font-size:14px; } #wrapper>section .items_table .view{ -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; } #wrapper>section .items_table .view .opts{ height:40px; line-height:40px; position:relative; color:#666; font-size:13px; } #wrapper>section .items_table .view .opts::before, #wrapper>section .items_table .view .opts::after{ display:block; content:''; width:100%; height:1px; background:#e2e4e9; position:absolute; top:0; left:0; } #wrapper>section .items_table .view .opts::after{ top:auto; bottom:0 } #wrapper>section .items_table .view .opts .right a{ margin-left:20px; text-decoration:none; font-weight:500; } #wrapper>section .items_table .view .opts .right a i.sa{ margin-left:7px; } #wrapper>section .items_table .view .opts .found{ text-indent:15px; } #wrapper>section .items_table .view .flexmenu>div{ transition:opacity 1s ease, width .3s, box-shadow .2s; opacity:1; } #wrapper>section .items_table .view .flexmenu>div a.img{ text-decoration:none; color:#fff; display:block; position:relative; display:inline-block; width:auto; } #wrapper>section .items_table .view .flexmenu>div a.img img{ transition:opacity .3s, width .3s, height .3s; margin:0; } #wrapper>section .items_table .view .flexmenu>div a.img::after{ content:'быстрый просмотр'; text-align:center; display:block; line-height:40px; background-color:rgba(43, 42, 40, 0.7); color:#fff; text-decoration:none; background-image:url(/css/../images/svg/mag_glass.svg); background-repeat:no-repeat; background-position:18px 50%; position:absolute; top:80px; left:0; width:100%; text-indent:14px; opacity:0; transition:opacity .4s; } #wrapper>section .items_table .view .flexmenu>div a.img:hover img{ opacity:.4; } #wrapper>section .items_table .view .flexmenu>div a.img:hover::after{ opacity:1; } #wrapper>section .items_table .view .flexmenu>div .price{ font-size:24px; font-weight:700; position:relative; margin-bottom:25px; margin-top:20px; padding:0; } #wrapper>section .items_table .view .flexmenu>div .price i{ font-size:22px; } #wrapper>section .items_table .view .flexmenu>div .price>span{ font-weight:400; font-size:14px; color:#999; display:block; position:absolute; right:0; bottom:0; margin:0; } #wrapper>section .items_table .view .flexmenu>div .price>span.old{ text-decoration:line-through; } #wrapper>section .items_table .view .flexmenu>div .price>span i{ font-size:13px; } #wrapper>section .items_table .view .flexmenu>div .price .light{ font-size:12px; font-weight:400; color:#999; } #wrapper>section .items_table .view .flexmenu>div .price .light big{ font-size:16px; font-weight:700; } #wrapper>section .items_table .view .flexmenu>div .price .light td:first-child{ padding-right:7px; } #wrapper>section .items_table .view .flexmenu>div .price p{ margin-top:20px; margin-bottom:3px; } #wrapper>section .items_table .view .flexmenu>div a:last-child{ line-height:40px; float:right; font-size:13px; } .pager{ display:block; text-align:center; height:40px; line-height:40px; font-size:0; margin-top:20px; } .pager>a{ display:inline-block; vertical-align:top; height:40px; font-size:13px; color:#333; text-decoration:none; padding:0 10px; min-width:20px; text-align:center; background:#f2f3f5; margin:0 1px; background-position:center center; background-repeat:no-repeat; transition:color .3s, background-color .3s; } .pager>a.prev{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCAxNCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjE0cHgiPjxnIGlkPSJMYXllciUyMDEiPjxwYXRoIGQ9Ik0gMC41IDYuNiBMIDcuNSAwIEwgNy41IDE0IEwgMC41IDYuNiBaIiBmaWxsPSIjZWUyZTI1Ii8+PC9nPjwvc3ZnPg=='); } .pager>a.next{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCAxNCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjE0cHgiPjxnIGlkPSJMYXllciUyMDEiPjxwYXRoIGQ9Ik0gNy41IDYuNiBMIDAuNSAwIEwgMC41IDE0IEwgNy41IDYuNiBaIiBmaWxsPSIjZWUyZTI1Ii8+PC9nPjwvc3ZnPg=='); } .pager>a:hover{ background-color:#e2e4e9; } .pager>a:active, .pager>a[active]{ background-color:#333; color:#fff; cursor:default; } .loading{ position:relative; } .loading>*{ opacity:.3 !important; transition:opacity .5s ease; } .loading::before{ content:''; display:block; position:absolute; top:200px; left:50%; margin-left:-100px; width:200px; height:200px; background-image:url(/css/../images/svg/tail-spin.svg); background-repeat:no-repeat; opacity:1; z-index:5; background-size:cover; } #found_qnt_tooltip{ position:absolute; z-index:10; top:0; left:-999px; opacity:0; transition:opacity .3s, left .7s, top .3s ease; height:30px; line-height:30px; padding:10px; box-shadow:inset 0 0 0 2px #e2e4e9; background:#fff; color:#666; margin-top:25px; } #found_qnt_tooltip button{ margin-left:20px; vertical-align:middle; float:right; } #found_qnt_tooltip::before{ content:''; position:absolute; top:50%; left:-13px; margin-top:-15px; width:0; height:0; border-right:15px solid #e2e4e9; border-top:15px solid transparent; border-bottom:15px solid transparent; } #found_qnt_tooltip::after{ content:''; position:absolute; top:50%; left:-11px; margin-top:-13px; width:0; height:0; border-right:13px solid #fff; border-top:13px solid transparent; border-bottom:13px solid transparent; } #found_qnt_tooltip .fqt{ display:inline-block; height:100%; min-width:30px; transition:color .2s; } #found_qnt_tooltip[active], #found_qnt_tooltip:hover{ top:0; left:235px; opacity:1; transition:opacity .3s, left .1s; } #found_qnt_tooltip[loading] .fqt{ color:rgba(0, 0, 0, 0); background-image:url(/css/../images/svg/tail-spin.svg); background-repeat:no-repeat; background-size:contain; } .filter{ white-space:nowrap; } .filter>*{ white-space:normal; } .items_table .form_filter{ position:relative; transition:all .5s ease, opacity .3s ease; left:0; opacity:1; display:inline-block; vertical-align:top; } .items_table #filter-sw-filter:not(:checked)~.form_filter{ left:-100%; opacity:0; } .items_table .category_menu{ display:inline-block; vertical-align:top; transition:all .5s ease, opacity .3s ease; left:0; position:relative; opacity:0; width:100%; box-shadow:inset 0 0 0 1px #e2e4e9; } .items_table #filter-sw-catalog:checked~.category_menu{ left:-100%; opacity:1; } .items_table figure{ display:block; max-height:1000px; height:auto; margin:0; padding:0 15px 0 15px; border:0; outline:0; overflow:hidden; transition:height .3s, max-height .3s; font-size:13px; } .items_table figure>a{ display:block; width:100%; text-decoration:none; padding:6px 15px; margin-left:-15px; line-height:1.3em; transition:background .1s, color .2s; transition:all .3s; margin-top:0; } .items_table figure>a:hover{ background:#f2f3f5; } .items_table figure>a[active]{ background:#f2f3f5; color:inherit; cursor:default; } .items_table figure>a:last-child{ padding-bottom:15px; } .items_table figure figcaption{ display:block; outline:0; border:0; height:auto; background:transparent; width:155px; padding:15px 25px 15px 60px; margin:0 0 0 -15px; line-height:1.3em; font-weight:500; font-size:14px; cursor:pointer; transition:background-color .3s; position:relative; z-index:10; } .items_table figure figcaption::before{ display:block; width:8px; height:8px; content:''; background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iNnB4Ij48ZyBpZD0iTGF5ZXIlMjAxIj48cGF0aCBkPSJNIDggNiBMIDQgMCBMIDAgNiBMIDggNiBaIiBmaWxsPSIjMmIyYTI4Ii8+PC9nPjwvc3ZnPg==') no-repeat center center; float:right; position:absolute; top:50%; right:15px; margin-top:-4px; } .items_table figure figcaption:hover{ background:#f2f3f5; } .items_table figure figcaption:hover::before{ background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iNnB4Ij48ZyBpZD0iTGF5ZXIlMjAxIj48cGF0aCBkPSJNIDggNiBMIDQgMCBMIDAgNiBMIDggNiBaIiBmaWxsPSIjRUUyRDI0Ii8+PC9nPjwvc3ZnPg==') no-repeat center center; } .items_table figure[collapsed], .items_table figure:not([expanded]){ max-height:66px; padding-bottom:0; transition:height .05s, max-height .05s; } .items_table figure[collapsed]>*:nth-child(2), .items_table figure:not([expanded])>*:nth-child(2){ margin-top:-53px; opacity:0; } .items_table figure[collapsed]>*:nth-child(2)~*, .items_table figure:not([expanded])>*:nth-child(2)~*{ opacity:0; } .items_table figure[collapsed] figcaption::before, .items_table figure:not([expanded]) figcaption::before{ background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMSAxIDggNiIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9Ii0xcHgiIHk9IjFweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI2cHgiPjxnIGlkPSJMYXllciUyMDEiPjxwYXRoIGQ9Ik0gLTEgMSBMIDMgNyBMIDcgMSBMIC0xIDEgWiIgZmlsbD0iIzJiMmEyOCIvPjwvZz48L3N2Zz4=') no-repeat center center; } .items_table figure[collapsed] figcaption:hover::before, .items_table figure:not([expanded]) figcaption:hover::before{ background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMSAxIDggNiIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9Ii0xcHgiIHk9IjFweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI2cHgiPjxnIGlkPSJMYXllciUyMDEiPjxwYXRoIGQ9Ik0gLTEgMSBMIDMgNyBMIDcgMSBMIC0xIDEgWiIgZmlsbD0iI0VFMkQyNCIvPjwvZz48L3N2Zz4=') no-repeat center center; } .items_table figure[expanded] figcaption{ background:#e2e4e9; } /* Боковой фильтр в каталоге (аккордеон) */ figcaption.cat_icon::after{ display:block; content:''; position:absolute; top:50%; margin-top:-20px; left:10px; width:40px; height:40px; background-image:url("/css/../images/svg/cat_img_sprite.svg"); background-repeat:no-repeat; background-size:auto 120px; } figcaption.cat_icon.ci1::after{ background-position:3px -40px; } figcaption.cat_icon.ci2::after{ background-position:-110px -40px; } figcaption.cat_icon.ci3::after{ background-position:-280px -40px; } figcaption.cat_icon.ci4::after{ background-position:-223px -40px; } figcaption.cat_icon.ci5::after{ background-position:-335px -40px; } figcaption.cat_icon.ci6::after{ background-position:-54px -40px; } figcaption.cat_icon.ci7::after{ background-position:-191px -40px; } figcaption.cat_icon.ci8::after{ background-position:-391px -40px; } figcaption.cat_icon.ci9::after{ background-position:-449px -40px; } figcaption.cat_icon.ci10::after{ background-position:-651px -40px; } figcaption.cat_icon.ci11::after{ background-position:-555px -40px; } figcaption.cat_icon.ci12::after{ background-position:-605px -40px; } figcaption.cat_icon.ci13::after{ background-position:-504px -40px; } [expanded] figcaption.cat_icon.ci1::after, figcaption.cat_icon:hover.ci1::after, figcaption.cat_icon[active].ci1::after{ background-position:3px -85px; } [expanded] figcaption.cat_icon.ci2::after, figcaption.cat_icon:hover.ci2::after, figcaption.cat_icon[active].ci2::after{ background-position:-110px -85px; } [expanded] figcaption.cat_icon.ci3::after, figcaption.cat_icon:hover.ci3::after, figcaption.cat_icon[active].ci3::after{ background-position:-280px -85px; } [expanded] figcaption.cat_icon.ci4::after, figcaption.cat_icon:hover.ci4::after, figcaption.cat_icon[active].ci4::after{ background-position:-223px -85px; } [expanded] figcaption.cat_icon.ci5::after, figcaption.cat_icon:hover.ci5::after, figcaption.cat_icon[active].ci5::after{ background-position:-335px -85px; } [expanded] figcaption.cat_icon.ci6::after, figcaption.cat_icon:hover.ci6::after, figcaption.cat_icon[active].ci6::after{ background-position:-54px -85px; } [expanded] figcaption.cat_icon.ci7::after, figcaption.cat_icon:hover.ci7::after, figcaption.cat_icon[active].ci7::after{ background-position:-191px -85px; } [expanded] figcaption.cat_icon.ci8::after, figcaption.cat_icon:hover.ci8::after, figcaption.cat_icon[active].ci8::after{ background-position:-391px -85px; } [expanded] figcaption.cat_icon.ci9::after, figcaption.cat_icon:hover.ci9::after, figcaption.cat_icon[active].ci9::after{ background-position:-449px -85px; } [expanded] figcaption.cat_icon.ci10::after, figcaption.cat_icon:hover.ci10::after, figcaption.cat_icon[active].ci10::after{ background-position:-651px -85px; } [expanded] figcaption.cat_icon.ci11::after, figcaption.cat_icon:hover.ci11::after, figcaption.cat_icon[active].ci11::after{ background-position:-555px -85px; } [expanded] figcaption.cat_icon.ci12::after, figcaption.cat_icon:hover.ci12::after, figcaption.cat_icon[active].ci12::after{ background-position:-605px -85px; } [expanded] figcaption.cat_icon.ci13::after, figcaption.cat_icon:hover.ci13::after, figcaption.cat_icon[active].ci13::after{ background-position:-504px -85px; } .item_card_features{ text-align:center; margin-left:20px; } .item_card_features>*{ display:block; margin-bottom:20px; } .item_descr{ display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom:40px; } .item_descr strong{ line-height:22px; } .item_descr .minigallery{ margin-right:20px; width:320px; border:2px solid #ddd; padding:20px 30px 20px 30px; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; } .item_descr .minigallery hr{ margin:10px 0; } .item_descr .minigallery>img, .item_descr .minigallery>a>img{ display:block; background:url("/css/../images/images-bg.png") no-repeat 50% 50%; background-size:cover; } .item_descr .minigallery .thumb{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; position:relative; width:334px; } .item_descr .minigallery .thumb>a{ width:25%; } .item_descr .minigallery .thumb>a i{ display:block; position:relative; width:70px; height:70px; } .item_descr .minigallery .thumb>a i::after{ display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:inset 0 0 0 1px #e6e6e6; transition:box-shadow .1s; } .item_descr .minigallery .thumb>a:hover i::after, .item_descr .minigallery .thumb>a[active] i::after{ box-shadow:inset 0 0 0 3px #ed1c24; } .item_descr .minigallery .thumb div.before, .item_descr .minigallery .thumb div.after{ content:''; display:block; cursor:pointer; position:absolute; width:11px; height:100%; background-repeat:no-repeat; background-position:center left; box-shadow:0; } .item_descr .minigallery .thumb div.before{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMjYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjExcHgiIGhlaWdodD0iMjZweCI+Cgk8ZyBpZD0iTGF5ZXIlMjAxIj4KCQk8cGF0aCBkPSJNIDAgMTMgTCAxMSAyNiBMIDExIDAgTCAwIDEzIFoiIGZpbGw9IiNlZDFkMjUiLz4KCTwvZz4KPC9zdmc+'); left:-21px; } .item_descr .minigallery .thumb div.after{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSI3IC04IDExIDI2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeD0iN3B4IiB5PSItOHB4IiB3aWR0aD0iMTFweCIgaGVpZ2h0PSIyNnB4Ij4KCTxnIGlkPSJMYXllciUyMDEiPgoJCTxwYXRoIGQ9Ik0gMTguNSA1LjUgTCA3LjUgLTcuNSBMIDcuNSAxOC41IEwgMTguNSA1LjUgWiIgZmlsbD0iI2VkMWQyNSIvPgoJPC9nPgo8L3N2Zz4='); right:-7px; } .item_descr .price{ margin-top:-10px; } .item_descr .price>*{ vertical-align:middle; } .item_descr .price span{ font-size:32px; font-weight:700; } .item_descr .price span i{ font-size:33px; } .item_descr .price .count_input{ margin-left:45px; } .item_descr .light{ color:#999 !important; } .item_descr p.light, .item_descr table.light{ font-size:12px; } .item_descr table.light{ line-height:1.4em; } .item_descr table.light td:first-child{ padding-right:5px; } .item_descr table.light td:last-child{ font-size:16px; font-weight:700; } .item_descr table.light td:last-child i{ font-size:15px; } table.std{ border-collapse:collapse!important; border:1px solid #cdd4d7; width:100%; margin-bottom:30px; } table.std th, table.std td{ border:1px solid #cdd4d7; } table.std th{ padding:8px 20px; } table.std td{ padding:11px 20px; } table.std tr:nth-child(even) td{ background-color:#fafafa; } table.std td:first-child{ color:#666; width:280px; padding-left:10px; } .flex5-3-1{ display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0 !important; } .flex5-3-1>*{ -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; } .flex5-3-1>*:nth-child(1){ -webkit-flex-grow:5; -ms-flex-positive:5; flex-grow:5; } .flex5-3-1>*:nth-child(2){ -webkit-flex-grow:3; -ms-flex-positive:3; flex-grow:3; } .flex5-3-1>*:nth-child(3){ -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; } .mobile-apps-storelinks{ list-style:none; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:0 !important; font-size:0.8em; } .mobile-apps-storelinks li{ margin:5px 15px; border:1px solid rgb(142, 142, 142); /* border-radius:6px; */ background-repeat:no-repeat; background-position:7px center; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.7); } .mobile-apps-storelinks li.google-play{ background-image:url("/images/store-icons/google-play.png"); } .mobile-apps-storelinks li.apple-appstore{ background-image:url("/images/store-icons/apple-appstore.png"); background-position-y:48%; } .mobile-apps-storelinks a{ display:block; padding:5px 10px 5px 42px; color:rgb(102, 102, 102); text-decoration:none; } .mobile-apps-storelinks .store-name{ font-size:1.2em; font-weight:bold; } section.w.news-block p img{ margin-left:5px; margin-right:5px; } /* End */ /* Start:/css/add_style.css?1727084091181018*/ body{ min-width:980px; position:relative; } .w{ width:96%; max-width:1170px; min-width:940px; padding:0; } header .breadcrumbs{ z-index:1; } header .breadcrumbs.lighter nav a:last-child{ background:#D8DBE0; } header .breadcrumbs.lighter nav a:last-child::before{ border-color:#D8DBE0; border-left:10px solid transparent; } header .breadcrumbs nav a{ line-height:28px; } footer .footer1 .right .tel i{ margin-top:-4px; } footer .footer2 .cat > a::before{ background-size:auto 118px; margin-top:-3px; margin-right:15px; background-position:14px 0; } footer .footer2 .cat > a.ci1::before{ background-position:15px 3px; } footer .footer2 .cat > a.ci2::before{ background-position:-93px 0; } footer .footer2 .cat > a.ci3::before{ background-position:-260px 0; } footer .footer2 .cat > a.ci4::before{ background-position:-206px 3px; } footer .footer2 .cat > a.ci5::before{ background-position:-320px 3px; } footer .footer2 .cat > a.ci6::before{ background-position:-37px 0; } footer .footer2 .cat > a.ci7::before{ background-position:-181px 0; margin-right:26px; width:50px; } footer .footer2 .cat > a.ci8::before{ background-position:-372px 3px; } footer .footer2 .cat > a.ci9::before{ background-position:-433px -4px; } footer .footer2 .cat > a.ci10::before{ background-position:-629px -1px; } footer .footer2 .cat > a.ci11::before{ background-position:-533px 1px; } footer .footer2 .cat > a.ci12::before{ background-position:-586px 4px; } footer .footer2 .cat > a.ci13::before{ background-position:-485px 4px; } footer .footer2 .cat > a.ci14::before{ background-position:-680px 1px; } footer .footer2 .cat > a.ci15::before{ background:url('/css/../images/f-auto.png') no-repeat 15px 3px; background-size:30px; } footer .footer2 .cat > a.ci16::before{ background:url('/css/../images/f-hotel.png') no-repeat 11px 3px; background-size:30px; } footer .footer2 .cat > a.ci17::before{ background:url('/css/../images/f-clock.png') no-repeat 19px 3px; background-size:30px; } footer .footer2 .cat > a.ci18::before{ background:url('/css/../images/explosion-w.png') no-repeat 14px 3px; background-size:30px; } footer .footer2 .cat{ padding-top:63px; padding-left:5px; margin-top:0; margin-left:0; overflow:hidden; display:block; } footer .footer2 .cat>a{ float:left; width:25%; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } footer .footer2 .cat>a:nth-child(4n+1){padding-left:0; clear:left;} footer .footer2 .brands{ overflow:hidden; } footer .footer2 .brands>div{ float:left; width:25%; padding-left:10px; padding-right:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } footer .footer2 .brands>div:nth-child(4n+1){padding-left:0; clear:left;} #wrapper > section .flexmenu.ffull > * section.bottom, #wrapper > section .flexmenu.listview > * section.bottom{ width:170px; } #wrapper > section .flexmenu.listview > * section.bottom .price{ min-height:70px; } #wrapper > section.subcat1_menu{ padding-top:0; margin-top:-60px; } #wrapper > section.subcat1_menu nav.big2{ width:66.4%; } .topmenu > div.w nav, .topmenu2 > div.w nav{ display:block; padding:0; } .topmenu > div.w nav{ width:100%; } .topmenu > div.w .menu > .menu-item > a{ line-height:43px; text-align:center; } .topmenu{ margin-bottom:17px; } .top2 .contact{ width:72%; } .top2 .contact .right > a.round-btn{ margin-right:3px; } .top2 .contact .top-slogan{ display:block; font-weight:bold; position:relative; } /* * 75 лет победы .top2 .contact .top-slogan img{ display:block; margin:20px auto; width:100px; height:auto; } @media screen and (min-width:701px){ .top2 .contact .top-slogan img{ position:absolute; right:0; top:0; margin:auto; width:50px; } } @media screen and (min-width:920px){ .top2 .contact .top-slogan img{ width:100px; } } */ .top2 .contact .top-slogan .regime{ margin:20px auto; width:100%; text-align:center; font-size:0.5em; } @media screen and (min-width:701px){ .top2 .contact .top-slogan .regime{ margin:auto; } } @media screen and (min-width:920px){ .top2 .contact .top-slogan .regime{ position:absolute; right:0; top:0; margin:auto; width:100px; font-size:0.3em; } } @media screen and (min-width:1152px){ .top2 .contact .top-slogan .regime{ width:180px; } } .top2 .contact .phones-text-companygroup{ width:100%; position:absolute; margin-top:-1.1em; font-size:0.85em; } .align-center{ text-align:center; } .align-right{ text-align:right; } .nobr{ white-space:nowrap; } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .pattern-bg{ background:url(/css/../images/pattern-bg.gif); } .pattern{ background:url(/css/../images/pattern-bg.png); } section.pattern-bg.bord, section.bord{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .bord-top{ border-top:1px solid #ddd; } .inf-page{ margin:0 0 12px; } .inf-page > span:first-child{ padding:0 12px 0 0; margin:0 12px 0 0; color:#666; border-right:1px solid #666; } ul{ margin:0 0 15px; } h1,h2{ line-height:1.3; } h2.mb5{ margin-bottom:5px; } h4, .h4{ font-size:16px; font-weight:500; } .h4{ display:block; margin-bottom:10px; margin-top:15px; } h4.fw400, .h4.fw400, .fw400{ font-weight:400; } h5{ font-size:14px; margin:0 0 10px; } ol li{ line-height:1.4em; } .light-txt p, p.light-txt, .light-txt li{ color:#666; } .light-txt p.dark,.light-txt span.dark,.light-txt strong.dark, .light-txt ul.dark li, .light-txt ol.dark li, .light-txt .dark{ color:#333; } p{ line-height:1.4; } #wrapper > section p{ margin:0 0 10px; } #wrapper > section b{ font-weight:500; } p.lh-big,.lh-big{ line-height:1.5; } p.lh-big2,.lh-big2{ line-height:1.7; } p.big{ font-size:16px; } p.marked{ padding-left:15px; background:url(/css/../images/svg/mark.svg) 0 2px no-repeat; } p.small-2{ font-size:13px; } p.small{ font-size:12px; } p.date{ color:#999; font-size:12px; } #wrapper .p-bottom-0{ padding-bottom:0px; } .sel em, em.sel{ background:#ffef84; font-style:normal; padding:0 5px 2px; } label i{ color:#ee2d24; font-style:normal; } .item_card_features a{ text-decoration:none; } .pager > a.next:hover{ background-color:#ee2e25; background-image:url(/css/../images/svg/arr-right-white.svg); } .pager > a.prev:hover{ background-color:#ee2e25; background-image:url(/css/../images/svg/arr-left-white.svg); } .pager > a.prev.non-active,.pager>a.next.non-active{ display:none; } #wrapper > section .flexmenu.f4col > *{ width:25%; } .item_descr p.light > s{ font-size:16px; } #wrapper > section .flexmenu.fpad > *:last-child{ margin-bottom:16px; } .tabs_big > input[type="radio"] + label.options:before{ background-image:url(/css/../images/svg/ic-options.svg); height:16px; width:18px; } .tabs_content > div table.std:last-child{ margin-bottom:0; } h2 a{ text-decoration:none; } textarea{ resize:vertical; } button, input[type="submit"], input[type="reset"], a[role="button"]{ cursor:pointer; } input.search[type="text"] + input[type="submit"]::before, input.search[type="password"] + input[type="submit"]::before, textarea.search + input[type="submit"]::before, input.search[type="text"] + button[type="submit"]::before, input.search[type="password"] + button[type="submit"]::before, textarea.search + button[type="submit"]::before{ content:""; background:url(/css/../images/svg/ic-loop.svg) 10px 9px no-repeat; width:36px; height:37px; display:inline-block; font-family:Arial; line-height:37px; vertical-align:top; } button.h30, input.h30[type="submit"], a.h30[role="button"]{ height:30px; line-height:30px; } button.h40, input.h40[type="submit"], a.h40[role="button"]{ height:40px; line-height:40px; } button.h50, input.h50[type="submit"], a.h50[role="button"]{ height:50px; line-height:50px; } button.w140, input.w140[type="submit"], a.w140[role="button"],.w140{ width:140px; } button.w200, input.w200[type="submit"], a.w200[role="button"],.w200{ width:200px; } button.w260, input.w260[type="submit"], a.w260[role="button"]{ width:260px; } button.w280, input.w280[type="submit"], a.w280[role="button"]{ width:280px; } button.w340, input.w340[type="submit"], a.w340[role="button"]{ width:340px; } button.w360, input.w360[type="submit"], a.w360[role="button"]{ width:360px; } button:not([title]):not(.round), input[type="submit"]:not([title]):not(.round), a[role="button"]:not([title]):not(.round){ height:auto; padding-top:10px; padding-bottom:16px; line-height:1; } button:not([title]):not(.round):active, input[type="submit"]:not([title]):not(.round):active, a[role="button"]:not([title]):not(.round):active{ padding-top:13px; padding-bottom:13px; } button[title].cart, input[type=submit][title].cart, a[role=button][title].cart,button.cart:not(.round),input[type=submit].cart:not(.round),a[role=button].cart:not-round{ height:auto; padding-top:10px; padding-bottom:16px; line-height:1; } button[title].cart:active, input[type=submit][title].cart:active, a[role=button][title].cart:active,button.cart:not(.round):active,input[type=submit].cart:not(.round):active,a[role=button].cart:not(.round):active{ padding-top:13px; padding-bottom:13px; } button[title].cart:before, input[type=submit][title].cart:before, a[role=button][title].cart:before,button.cart:not(.round):before,input[type=submit].cart:not(.round):before,a[role=button].cart:not(.round):before{ } input.w126[type="text"], input.w126[type="password"], textarea.w126{ width:126px; } input.w136[type="text"], input.w136[type="password"], textarea.w136{ width:136px; } input.w160[type="text"], input.w160[type="password"], textarea.w160{ width:160px; } input.w256[type="text"], input.w256[type="password"], textarea.w256{ width:256px; } input.w550[type="text"], input.w550[type="password"], textarea.w550{ width:550px; } input.wfull[type="text"], input.wfull[type="password"], textarea.wfull, .wfull{ width:100%; } button.search-btn, input.search-btn[type="submit"], a.search-btn[role="button"]{ width:160px; padding-left:24px; } button.search-btn:before{ content:""; position:absolute; top:11px; left:43px; width:16px; height:16px; background:url(/css/../images/svg/ic-loop.svg) 0 -44px no-repeat; } button.search-btn:active:before{ top:14px; } button.jump-btn, input.jump-btn[type="submit"], a.jump-btn[role="button"]{ width:160px; } button.jump-btn:before{ content:""; position:absolute; top:12px; right:35px; width:0; height:0; border-style:solid; border-width:5px 0 5px 6px; border-color:transparent transparent transparent #fff; } button.jump-btn:active:before{ top:15px; } .btn-pdf{ padding-right:12px; padding-left:45px; width:auto; font-size:14px; line-height:1} .btn-pdf:before{ content:""; position:absolute; top:6px; left:15px; width:21px; height:25px; background:url(/css/../images/svg/ic-pdf-small-white.svg) 0 0 no-repeat; } .btn-pdf:active:before{ top:9px; } .submit-wrap{ display:inline-block; width:120px; position:relative; } .submit-wrap.wfull{ width:100%; } .submit-wrap.wfull input{ width:100%; } .submit-wrap:after{ content:''; display:block; position:absolute; left:0; bottom:0; transition:height .2s; height:5px; width:100%; background:rgba(0, 0, 0, 0.2)} .submit-wrap:hover:after{ height:3px} .submit-wrap:active:after{ height:0} input[type="email"]{ background:#fff; outline:0; width:316px; height:16px; border:2px solid #e2e4e9; font-size:14px; line-height:16px; padding:10px; transition:border-color .3s, background .3s; color:#666; } input[type="email"]:hover,input[type="email"]:active{ border-color:#ffdf08; } p.w2col{ width:100%; overflow:hidden; } .two-coll input.wfull[type="text"],.two-coll input.wfull[type="password"],.two-coll textarea.wfull, .two-coll .wfull{ width:94%; } p.w2col span{ width:48%; } p.w2col input[type="text"],p.w2col input[type="password"],p.w2col textarea{ width:87%; } .w456{ width:456px; } .w448{ width:448px; } .w380{ width:380px; } .h106{ height:106px; } .h113{ height:113px; } .h116{ height:116px; } .h140{ height:140px; } .h86{ height:86px; } .w220{ width:220px; } .ml10{ margin-left:10px; } .ml242{ margin-left:242px; } .mr220{ margin-right:220px; } .mr40{ margin-right:40px; } .mb30{ margin-bottom:30px; } .mb40,#wrapper > section p.mb40{ margin-bottom:40px; } .mb20,#wrapper > section p.mb20{ margin-bottom:20px; } .mr20{ margin-right:20px; } .mt80{ margin-top:80px; } .mt70{ margin-top:70px; } .mt60{ margin-top:60px; } .mt58{ margin-top:58px; } .mt40{ margin-top:40px; } .mt20{ margin-top:20px; } .mb8,#wrapper > section p.mb8{ margin-bottom:8px; } .mb16,h2.mb16,#wrapper > section p.mb16{ margin-bottom:16px; } #wrapper > section .flexmenu.mb0:not(:last-child){ margin-bottom:0; } #wrapper > section.pb20{ padding-bottom:20px; } #wrapper > section.pb0{ padding-bottom:0; } #wrapper > section.pt0{ padding-top:0; } .p-top-40{ padding-top:40px; } .rubl-13px-dark{ width:7px; height:9px; background:url(/css/../images/svg/rubl-13px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-14px-dark{ width:8px; height:10px; background:url(/css/../images/svg/rubl-14px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-16px-dark{ width:9px; height:11px; background:url(/css/../images/svg/rubl-16px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-18px-dark{ width:11px; height:13px; background:url(/css/../images/svg/rubl-18px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-21px-dark{ width:12px; height:15px; background:url(/css/../images/svg/rubl-21px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-22px-dark{ width:12px; height:16px; background:url(/css/../images/svg/rubl-22px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-24px-dark{ width:14px; height:17px; background:url(/css/../images/svg/rubl-24px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-26px-dark{ width:15px; height:18px; background:url(/css/../images/svg/rubl-26px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-36px-dark{ width:19px; height:26px; background:url(/css/../images/svg/rubl-36px-dark.svg) 0 0 no-repeat; display:inline-block; } .rubl-13px-light{ width:7px; height:9px; background:url(/css/../images/svg/rubl-13px-light.svg) 0 0 no-repeat; display:inline-block; } .rubl-14px-light{ width:8px; height:10px; background:url(/css/../images/svg/rubl-14px-light.svg) 0 0 no-repeat; display:inline-block; } .rubl-16px-light{ width:9px; height:11px; background:url(/css/../images/svg/rubl-16px-light.svg) 0 0 no-repeat; display:inline-block; } .rubl-18px-light{ width:11px; height:13px; background:url(/css/../images/svg/rubl-18px-light.svg) 0 0 no-repeat; display:inline-block; } .rubl-21px-light{ width:12px; height:15px; background:url(/css/../images/svg/rubl-21px-light.svg) 0 0 no-repeat; display:inline-block; } .rubl-22px-light{ width:12px; height:16px; background:url(/css/../images/svg/rubl-22px-light.svg) 0 0 no-repeat; display:inline-block; } .rubl-13px-white{ width:7px; height:9px; background:url(/css/../images/svg/rubl-13px-white.svg) 0 0 no-repeat; display:inline-block; } .rubl-14px-white{ width:8px; height:10px; background:url(/css/../images/svg/rubl-14px-white.svg) 0 0 no-repeat; display:inline-block; } .rubl-16px-white{ width:9px; height:11px; background:url(/css/../images/svg/rubl-16px-white.svg) 0 0 no-repeat; display:inline-block; } .rubl-18px-white{ width:11px; height:13px; background:url(/css/../images/svg/rubl-18px-white.svg) 0 0 no-repeat; display:inline-block; } p.protect{ padding:8px 0 3px 25px; background:url(/css/../images/svg/ic-protect.svg) 0 5px no-repeat; color:#666; } a.exp{ position:relative; padding-right:8px; } a.exp:after{ border-color:transparent transparent transparent #ee2e24; border-style:solid; border-width:5px 0 5px 5px; content:" "; position:absolute; right:0; top:5px; display:block; padding:0; font-family:sans-serif; line-height:1; } a.pseudo-link{ padding:0 0 0 23px; position:relative; display:inline-block; text-decoration:none; } a.pseudo-link span{ border-bottom:1px dashed #333; } a.pseudo-link:hover, a.pseudo-link.active{ color:#ee2d24; } a.pseudo-link:hover span, a.pseudo-link.active span{ border-color:#ee2d24; } a.pseudo-link:after{ content:""; width:16px; height:16px; position:absolute; top:2px; left:0; background:url(/css/../images/svg/ic-pseudolink.svg) 0 0 no-repeat; } .pseudo-link-info{ width:238px; padding:18px 0 0; position:absolute; display:none; z-index:200; } .pseudo-link-info > div{ padding:10px; border:2px solid #e2e4e9; position:relative; background:#fff; } .pseudo-link-info > div::before{ position:absolute; top:-18px; left:100px; content:""; width:0; height:0; border-style:solid; border-width:0 16px 18px 16px; border-color:transparent transparent #e2e4e9 transparent; } .pseudo-link-info > div::after{ position:absolute; top:-16px; left:102px; content:""; width:0; height:0; border-style:solid; border-width:0 14px 16px 14px; border-color:transparent transparent #fff transparent; } a.download{ display:block; padding:8px 0 10px; text-decoration:none; position:relative; line-height:1; } #wrapper > section .flexmenu > * a.download span{ border-bottom:1px dashed #333333; display:inline; margin:0 0 0 44px; } #wrapper > section .flexmenu > * a.download span:hover{ border-bottom:0; color:#ee2d24; } a.download:before{ content:" "; display:block; position:absolute; top:0; left:0; background:url(/css/../images/svg/icons-2-sprite.svg) 0 0 no-repeat; } a.download.pdf:before{ background-position:-45px -45px; width:28px; height:33px; } a.download.iso:before{ background-position:0 -43px; width:34px; height:34px; } a.download-sm{ display:inline-block; padding:0 20px 0 0; text-decoration:none; position:relative; line-height:1; } a.download-sm span{ text-decoration:underline; } a.download-sm:before{ content:" "; display:block; width:14px; height:14px; position:absolute; top:0; right:0; background:url(/css/../images/svg/download.svg) 0 0 no-repeat; } .download-box + h1{ margin-right:140px; } .download-box{ float:right; } .download-box a.download span{ border-bottom:1px dashed #333333; display:inline; margin:0 0 0 44px; color:#333; } .download-box a.download span:hover{ border-bottom:0; color:#ee2d24; } a.back{ display:inline-block; padding:6px 0; margin:0 0 0 40px; position:relative; } a.back:before{ content:" "; width:30px; height:30px; background:url(/css/../images/svg/icons-2-sprite.svg) -9px -281px no-repeat; position:absolute; top:0; left:-40px; } .upload-file{ position:relative; display:block; } .upload-hidden{ position:absolute; display:block; overflow:hidden; width:0; height:0; border:0; padding:0; } .upload-file label{ display:block; background:#fff; box-shadow:0 0 0 2px #ee2d24 inset; color:#ee2d24; position:absolute; top:0; right:0; cursor:pointer; font-size:14px; font-weight:500; height:40px; line-height:40px; text-align:center; text-transform:uppercase; overflow:hidden; width:80px; } .upload-file label:before{ content:"обзор"; background:#ee2d24; text-transform:uppercase; color:#fff; height:0; left:0; line-height:inherit; overflow:hidden; position:absolute; text-align:center; top:0; transition:height 0.3s ease 0s; vertical-align:top; width:100%; z-index:20; color:#fff; } .upload-file label:hover:before{ height:100%; } .upload-file input[type="text"]{ cursor:default; } .join-date{ font-size:13px; font-weight:400; color:#999; padding-left:18px; background:url("/css/../images/svg/ic-join.svg") no-repeat 0 2px; } .btn-box span{ margin:0 17px 0 0; } a.btn-list[role="button"]:not([title]):not(.round){ width:140px; padding-left:30px; } a.btn-list[role="button"]:not([title]):not(.round):before{ content:" "; position:absolute; width:14px; height:12px; top:11px; left:21px; background:url(/css/../images/svg/ic-list.svg) no-repeat 0 0; } a.btn-list[role="button"]:not([title]):not(.round):active:before{ top:14px; } a.btn-star[role="button"]:not([title]):not(.round){ width:186px; padding-left:24px; } a.btn-star[role="button"]:not([title]):not(.round):before{ content:" "; position:absolute; width:14px; height:15px; top:8px; left:17px; background:url(/css/../images/svg/ic-star.svg) no-repeat 0 0; } a.btn-star[role="button"]:not([title]):not(.round):active:before{ top:12px; } #wrapper > section .items_table .view .flexmenu > div h4 a:last-child{ line-height:inherit; text-decoration:none; color:#333; font-size:16px; float:none; } #wrapper > section .items_table .view .flexmenu > div p a:last-child{ line-height:inherit; text-decoration:none; color:#333; font-size:14px; float:none; } #wrapper > section .items_table .view .flexmenu a.card-link{ text-decoration:none; color:#333; line-height:inherit; } .round-btn{ position:relative; display:inline-block; height:33px; width:33px; } .round-btn i.ico{ background:url("/css/../images/svg/icons-2-sprite.svg") no-repeat 0 0; z-index:1; } .round-btn i.ico.mail{ background-position:-94px -6px; } .round-btn i.ico.wifi{ background-position:-208px -6px; } .round-btn i.ico.geo{ background-position:-131px -6px; } .round-btn i.ico.tel{ background-position:-171px -6px; } .round-btn i.ico:after,.round-btn i.ico:before{ content:""; display:block; height:0; left:0; position:absolute; top:0; transition:height 0.2s ease 0s; width:33px; z-index:2; background:#fff url("/css/../images/svg/icons-2-sprite.svg") no-repeat 0 0; } .round-btn i.ico:before{ z-index:3; } .round-btn i.ico.mail:after{ background-position:-94px -47px; } .round-btn i.ico.wifi:after{ background-position:-208px -47px; } .round-btn i.ico.geo:after{ background-position:-131px -47px; } .round-btn i.ico.tel:after{ background-position:-171px -47px; } .round-btn i.ico.mail:before{ background-position:-94px -88px; } .round-btn i.ico.wifi:before{ background-position:-208px -88px; } .round-btn i.ico.geo:before{ background-position:-131px -88px; } .round-btn i.ico.tel:before{ background-position:-171px -88px; } .round-btn:hover i.ico:after, .round-btn:active i.ico:before,.round-btn.active i.ico:before{ height:33px; } #wrapper > section .items_table .view .flexmenu > div .price .only-listview{ display:none; } #wrapper > section .items_table .view .flexmenu.listview > div .price .only-listview{ display:block; } #wrapper > section .flexmenu.fpad > *{ padding:15px; } .flex5-3-1 > *:nth-child(1),.flex5-3-1 > *:nth-child(2){ padding-right:15px; } .item_descr .minigallery .thumb div.before, .item_descr .minigallery .thumb div.after{ background:transparent; top:20px; width:0; height:0; border-style:solid; } .item_descr .minigallery .thumb div.before{ border-width:14px 11px 14px 0; border-color:transparent #ed1d25 transparent transparent; } .item_descr .minigallery .thumb div.after{ border-width:14px 0 14px 11px; border-color:transparent transparent transparent #ed1d25; } .item_descr .minigallery .thumb div.before:hover{ border-color:transparent #333 transparent transparent; } .item_descr .minigallery .thumb div.after:hover{ border-color:transparent transparent transparent #333; } #wrapper > header + section{padding-top:70px;} .item_descr{ display:block; overflow:hidden; } .item_descr .minigallery{ padding:20px 28px; min-height:280px; margin-top:4px; float:left; } .item_descr .minigallery > a.two{ display:flex; align-items:center; align-content:center; min-height:280px; } .item_descr .minigallery hr{ margin:13px 0; } .item_descr > div:nth-child(2){ margin:0 0 0 400px; } .item_descr > div:nth-child(2) hr.dot{ margin:0 0 15px; } .item_descr > div:nth-child(2) hr.dot.move{ margin:27px 0; } .item_descr .price{ margin-bottom:15px; } #wrapper > section .item_descr > div:nth-child(2) p, .item_descr > div:nth-child(2) ul{ margin:0 0 15px; } p.list-link a{ line-height:22px; } #wrapper > section .tabs_content .flexmenu.fpad:not(:last-child){ margin-bottom:25px; } .tabs_content > div h2:first-child{ margin-top:-10px; } #wrapper > section p + h3{ margin-top:25px; } #wrapper > section h2:first-child{ margin-top:-5px; } .message{ padding:10px 10px 10px 60px; margin:0 0 20px; border:2px solid #3197dc; position:relative; min-height:38px; } .message:after{ content:""; display:block; position:absolute; top:8px; left:9px; width:41px; height:41px; background:url(/css/../images/svg/icons-2-sprite.svg) no-repeat -235px -135px; } .message.errortext{ border-color:#ee2f26; } .message.errortext:after{ background-position:-186px -135px; } .message.notetext{ border-color:#95d943; } .message.notetext:after{ background-position:-283px -135px; } .message-order{ padding:10px 20px; background:#BDEA48; overflow:hidden; font-size:16px; } .message-order span:last-child{ margin-right:220px; } .message-order span:first-child{ width:183px; float:right; font-size:14px; } .formed .message-order{ background:#FFDA6A; } .canc .message-order{ background:#FC9696; } .tabs_big.x2col > label{ width:50%; } .tabs_big.x2col > input[type="radio"]:nth-of-type(1):checked ~ .act{ left:0; } .tabs_big.x2col > input[type="radio"]:nth-of-type(2):checked ~ .act{ left:50%; } .tabs_big.x2col .act{ background-color:#ee2d24; display:block; height:4px; left:0; position:relative; top:-4px; transition:left 0.4s ease 0s; width:50%; } .topmenu2 .right .cart{ position:relative; background-image:none; cursor:pointer; z-index:9999; } .topmenu2 .right .cart .qnt{ text-decoration:none; } .topmenu2 .right .cart .qnt a{ text-decoration:underline; transition:color 0s; } .topmenu2 .right .cart .qnt a:hover{ text-decoration:none; } .topmenu2 .right .cart a.cart-icon{ text-decoration:none; display:block; position:absolute; top:20px; left:11px; width:23px; height:18px; background:url(/css/../images/svg/cart.svg) -1px -18px no-repeat; } .topmenu2 .right .cart .summ i.rubl-14px-white{ display:none; } .topmenu2 .right .cart .summ{ white-space:nowrap; } .topmenu2 .right .cart:hover,.topmenu2 .right .cart.active{ background:#ee2d24; } .topmenu2 .right .cart:hover .qnt a,.topmenu2 .right .cart:hover .summ,.topmenu2 .right .cart.active .qnt a,.topmenu2 .right .cart.active .summ{ color:#fff; } .topmenu2 .right .cart:hover a.cart-icon,.topmenu2 .right .cart.active a.cart-icon{ background-position:-1px 0; } .topmenu2 .right .cart:hover .summ i.rubl-14px-white,.topmenu2 .right .cart.active .summ i.rubl-14px-white{ display:inline-block; } .topmenu2 .right .cart:hover .summ i.rubl-14px-dark,.topmenu2 .right .cart.active .summ i.rubl-14px-dark{ display:none; } .forcefullwidth_wrapper_tp_banner{ margin-top:0px !important; background:#333; } .tp-banner-container{ width:100%; position:relative; z-index:8; min-width:980px; margin-top:-1px; } .tp-banner-container.inner-banner{ min-width:940px; } .tp-banner{ width:100%; position:relative; min-width:940px; } .tp-banner .slide-big-text{ font-family:'Open Sans', sans-serif; font-size:54px; font-weight:700; color:#fff; line-height:1.1; } .tp-banner .slide-small-text{ font-family:'Open Sans', sans-serif; font-size:52px; font-weight:400; color:#fff; line-height:1.2; } .tp-banner .slide-small-text.al-center{ text-align:center; } .tp-banner .price-box{ font-family:'Open Sans', sans-serif; font-size:42px; color:#fff; font-weight:700; text-shadow:0 2px 2px rgba(0,0,0,0.9)} .tp-banner .price-box.big-txt{ font-size:46px; padding:0 0 33px; background:url(/css/../images/svg/slider-price-bg.svg) 0 100% no-repeat; } .tparrows{ border:1px solid red; top:100px; } .tp-bullets{ width:20px; } .tp-bullets.simplebullets.round .bullet{ background:transparent; margin-left:0; margin-top:3px; position:relative; } .tp-bullets.simplebullets.round .bullet:after{ content:""; position:absolute; top:6px; left:6px; box-shadow:0 3px 0 0 rgba(0,0,0,0.5); background:#fff; display:block; width:6px; height:6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .tp-bullets.simplebullets.round .bullet:hover:after,.tp-bullets.simplebullets.round .bullet.selected:after,.tp-bullets.simplebullets.navbar .bullet:hover:after,.tp-bullets.simplebullets.navbar .bullet.selected:after{ background:#e2e4e9; top:2px; left:2px; height:16px; width:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .tp-bullets.simplebullets.round .bullet.selected:after,.tp-bullets.simplebullets.navbar .bullet.selected:after{ background:#ee2d24; } .tp-banner .discount-plate{ background:#ffdf08; height:60px; line-height:58px; padding:0 12px 0 80px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; font-family:'Open Sans', sans-serif; font-size:38px; font-weight:700; } .tp-banner .promo-block{ padding:100px 0 0; width:310px; position:relative; text-align:center; } .tp-banner .promo-block p{ font-size:18px; color:#fff; text-align:center; margin:0 !important; line-height:22px; } .tp-banner .promo-block:before{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -40px; display:block; width:82px; height:82px; background:url(/css/../images/svg/promo-ic_add.svg) 0 0 no-repeat; } .tp-banner .promo-block.promo1:before{ background-position:0 0; } .tp-banner .promo-block.promo2:before{ background-position:-97px 0; } .tp-banner .promo-block.promo3:before{ background-position:-197px 0; } .tp-banner .promo-block.promo4:before{ background-position:-300px 0; } .tp-banner .btn-buy{ padding:0 0 0 25px; } .tp-banner .btn-buy:before{ content:""; position:absolute; top:8px; left:28px; width:24px; height:20px; background:url(/css/../images/svg/cart_white.svg) 0 0 no-repeat; } .tp-banner button.btn-buy:active:before{ top:11px; } .tp-caption a[role="button"]{ color:#fff; transition:none; } .tp-banner .slide-md-text{ font-family:'Open Sans', sans-serif; font-size:28px; font-weight:400; color:#fff; line-height:1.4} .tp-banner .slide-sm-text{ font-size:16px; font-weight:400; color:#fff; line-height:1.4} .tp-banner .slide-extra-big-text{ font-family:'Open Sans', sans-serif; font-size:58px; font-weight:400; color:#fff; text-align:center; line-height:1.4} .tp-banner .slide-extra-small-text{ font-family:'Open Sans', sans-serif; font-size:18px; font-weight:400; color:#fff; text-align:center; line-height:1.4} .tp-banner .slide-extra-small-text .pd{ white-space:normal; margin:0 20%; } .tp-banner .btn-pdf:first-child{ margin-right:20px; } .tp-banner .promo-block2{ width:940px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } .tp-banner .promo-block2 .pr-col{ -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; text-align:center; font-size:14px; position:relative; padding:20px 0 0; } .tp-banner .promo-block2 .pr-col a{ display:block; width:100%; } .tp-banner .promo-block2 .pr-col a .img{ width:60px; height:60px; margin:0 auto; display:block; position:relative; border-radius:50%; border:3px solid #ffffff; } .tp-banner .promo-block2 .pr-col a .img img{ height:40px; width:auto; vertical-align:top; padding-top:9px; } .tp-banner .promo-block2 .pr-col:after{ content:" "; z-index:0; display:block; width:50%; height:1px; background:#fff; position:absolute; top:50px; left:50%; margin:0 0 0 30px; } .tp-banner .promo-block2 .pr-col:before{ content:" "; z-index:0; display:block; width:50%; height:1px; background:#fff; position:absolute; top:50px; left:0; margin:0 0 0 -30px; } .tp-banner .promo-block2 .pr-col:last-child:after{ display:none; } .tp-banner .promo-block2 .pr-col:first-child:before{ display:none; } .tp-banner .promo-block2 .pr-col a span.p{ margin:17px 10px 10px; display:block; font-weight:400; font-size:16px; color:#fff; } .tp-banner .promo-block2 .img-over{ z-index:1; width:80px; height:80px; background:#FFDF08; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; position:absolute; top:-10px; left:-10px; display:none; } .tp-banner .promo-block2 .img-over:after{ content:""; position:absolute; top:0; left:0; width:80px; height:80px; background:url(/css/../images/svg/submenu_scheme-sprite.svg) 50% 0 no-repeat; } .tp-banner .promo-block2 .img-over.scheme:after{ background-position:50% -134px; } .tp-banner .promo-block2 .img-over.picture:after{ background-position:50% -60px; } .tp-banner .promo-block2 .img-over.house:after{ background-position:50% 15px; } .tp-banner .promo-block2 .img:hover .img-over{ display:block; } .tp-banner .promo-block2 .img-over:hover{ display:block; } #inner-banner.tp-banner .slide-inner-text{ font-size:44px; font-family:'Open Sans', sans-serif; font-weight:400; color:#fff; line-height:1.2; } #inner-banner.tp-banner .slide-inner-text strong{ font-weight:700; } #inner-banner.tp-banner .price-box{ font-size:44px; } .owl-carousel .owl-wrapper-outer{ width:100%; margin:0 auto; min-width:940px; } #owl-special.owl-carousel .item{ font-size:16px; margin:0 10px; } #owl-special.owl-carousel .item a{ display:block; position:relative; width:100%; } #owl-special.owl-carousel .item img{ width:100%; } #owl-special.owl-carousel .item.discount b{ font-weight:400; color:#333; position:absolute; font-size:150%; top:5%; left:10px; display:block; width:70px; height:70px; line-height:70px; text-align:center; background:url(/css/../images/svg/bg70x70-yellow.svg) 0 0 no-repeat; } #owl-special.owl-carousel .item.akcia a:after{ content:"акция!"; font-family:'Open Sans', sans-serif; font-size:100%; font-weight:700; position:absolute; top:5%; left:0; display:block; padding:4px 10px 6px; background:#ff8000; color:#fff; } #owl-special.owl-carousel .item.akcia.actual a:after{ background:#008c23; } #owl-special.owl-carousel .item strong{ display:block; line-height:1.2; } #owl-special.owl-carousel .item span{ display:block; line-height:1.4; } #owl-special.owl-carousel .item .info{ position:absolute; top:46%; left:0; } #owl-special.owl-carousel .item .info.to-t{ top:32.5%; } #owl-special.owl-carousel .item .h3{ font-family:'Open Sans', sans-serif; font-size:175%; font-weight:700; margin:0; color:#fff; padding:0 5px 0 10px; float:left; clear:left; } #owl-special.owl-carousel .item .h3.big{ font-size:206.25%; } #owl-special.owl-carousel .item .p{ font-family:'Open Sans', sans-serif; font-size:112.5%; font-weight:700; color:#fff; padding:0 5px 0 10px; float:left; clear:left; } #owl-special.owl-carousel.item .p.small{ font-size:100%; } #wrapper > section #owl-special.owl-carousel .item .p{ margin:0 0 3px; } #owl-special.owl-carousel .item .p.add{ color:#fff200; } #owl-special.owl-carousel .item .bg{ background:rgba(0, 0, 0 , 0.5); } #owl-special.owl-carousel .item .price{ color:#f04139; font-family:'Open Sans', sans-serif; font-size:131.25%; font-weight:700; position:absolute; bottom:5%; left:0; background:#fff; height:30px; line-height:30px; padding:0 10px; } #owl-special.owl-carousel .item .price.to-l{ left:-10px; } #owl-special.owl-carousel .item .price.dark-bg{ background:#123347; } #owl-special.owl-carousel .item .add-inf{ color:#ee2d24; font-family:'Open Sans', sans-serif; font-size:68.75%; font-weight:700; position:absolute; bottom:5%; left:0; background:#fff; height:25px; line-height:25px; padding:0 10px; } #owl-special.owl-theme .owl-controls .owl-buttons div{ background:transparent; opacity:1; border-radius:0; display:block; font-size:12px; margin:0; padding:0; position:absolute; top:-90px; width:200px; height:350px; } #owl-special.owl-theme .owl-controls.clickable .owl-buttons div:hover{ opacity:1; } #owl-special.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:0; } #owl-special.owl-theme .owl-controls .owl-buttons div.owl-next{ right:0; } #owl-special.owl-theme .owl-controls .owl-buttons div:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0); } #owl-special.owl-theme .owl-controls.clickable .owl-buttons div:hover:before{ background:rgba(255,255,255,0.4); } #owl-special.owl-theme .owl-controls .owl-buttons div:after{ content:""; position:absolute; top:50%; opacity:1; margin:0; } #owl-special.owl-theme .owl-controls .owl-buttons div.owl-next:after{ left:40px; width:0; height:0; border-style:solid; border-width:21px 0 21px 24px; border-color:transparent transparent transparent #ed1d25; } #owl-special.owl-theme .owl-controls .owl-buttons div.owl-prev:after{ right:40px; width:0; height:0; border-style:solid; border-width:21px 24px 21px 0; border-color:transparent #ed1d25 transparent transparent; } #owl-special.owl-theme .owl-controls .owl-buttons div.owl-next:hover:after{ border-color:transparent transparent transparent #333; } #owl-special.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after{ border-color:transparent #333 transparent transparent; } .owl-theme .owl-controls{ margin-top:0; } .col-main{ width:75%; } .col-add{ width:25%; } #wrapper > section .flexmenu.col-1 > *{ width:100%; padding:0; } #wrapper > section .flexmenu.col-3 > *{ width:33.3333%; padding:0; margin:0; } #wrapper > section .flexmenu.col-4 > *{ width:25%; padding:0; } #wrapper > section .flexmenu.no-bord > *,#wrapper > section .flexmenu.no-bord > *:hover{ outline:none; box-shadow:none; } .flex-col{ text-align:center; } .flex-col a{ display:block; height:100%; width:100%; text-decoration:none; } .flex-col .h4{ text-align:center; color:#111; font-size:16px; margin:12px 0 10px; display:block; } #wrapper > section .flex-col p{ color:#666; } #wrapper > section .flex-col p:last-child{ margin:0; } .flex-block{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; } .flex-block.f1col > *{ width:100%; } .flex-block.f2col > *{ width:50%; } .flex-block.f3col > *{ width:33.3333%; } .flex-block.f4col > *{ width:25%; } .flex2-5-2{ display:-webkit-flex; display:-ms-flexbox; display:flex; } .flex2-5-2 > *{ -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; } .flex2-5-2 >*:nth-child(1){ -webkit-flex-grow:2; -ms-flex-positive:2; flex-grow:2} .flex2-5-2 >*:nth-child(2){ -webkit-flex-grow:5; -ms-flex-positive:5; flex-grow:5; padding-left:25px; } .flex2-5-2 >*:nth-child(3){ -webkit-flex-grow:2; -ms-flex-positive:2; flex-grow:2; } .flex6-3{ display:-webkit-flex; display:-ms-flexbox; display:flex; } .flex6-3 > *{ -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; } .flex6-3 > *:nth-child(1){ -webkit-flex-grow:6; -ms-flex-positive:6; flex-grow:6} .flex6-3 > *:nth-child(2){ -webkit-flex-grow:3; -ms-flex-positive:3; flex-grow:3; padding-left:30px; } .flex3-2{ display:-webkit-flex; display:-ms-flexbox; display:flex; } .flex3-2 > *{ -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; } .flex3-2 > *:nth-child(1){ -webkit-flex-grow:3; -ms-flex-positive:3; flex-grow:3; } .flex3-2 > *:nth-child(2){ -webkit-flex-grow:2; -ms-flex-positive:2; flex-grow:2; padding-left:25px; } .flex3-6{ display:-webkit-flex; display:-ms-flexbox; display:flex; } .flex3-6 > *{ -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; } .flex3-6 > *:nth-child(1){ -webkit-flex-grow:3; -ms-flex-positive:3; flex-grow:3; } .flex3-6 > *:nth-child(2){ -webkit-flex-grow:6; -ms-flex-positive:6; flex-grow:6; padding-left:20px; } .flexmenu.catalog{ justify-content:flex-start; } .flexmenu.catalog .cat_icon{ display:inline-block; margin:0 auto; width:100px; height:101px; background:url(/css/../images/svg/icons-1-sprite.svg) 0 0 no-repeat; } .flexmenu.catalog .cat_icon.ci1{ background-position:-1px 0; } .flexmenu.catalog .cat_icon.ci2{ background-position:-228px 0; } .flexmenu.catalog .cat_icon.ci3{ background-position:-569px 0; } .flexmenu.catalog .cat_icon.ci15{ background:url(/css/../images/auto.png) 50% no-repeat; border-radius:50%; border:2px solid #000; box-sizing:border-box; background-size:80px 80px; } .flexmenu.catalog .cat_icon.ci17, .flexmenu.catalog [href="/catalog/chasofikatsiya/"] .cat_icon{ background:url(/css/../images/clock.png) 50% no-repeat; border-radius:50%; border:2px solid #000; box-sizing:border-box; background-size:80px 80px; } .flexmenu.catalog .cat_icon.ci18{ background:url(/css/../images/explosion.png) 50% no-repeat; border-radius:50%; border:2px solid #000; box-sizing:border-box; background-size:70px 70px; } .flexmenu.catalog .cat_icon.ci16{ background:url(/css/../images/gost.png) 50% no-repeat; border-radius:50%; border:2px solid #000; box-sizing:border-box; background-size:80px 80px; } .flexmenu.catalog .cat_icon.ci4{ background-position:-455px 0; } .flexmenu.catalog .cat_icon.ci5{ background-position:-682px 0; } .flexmenu.catalog .cat_icon.ci6{ background-position:-114px 0; } .flexmenu.catalog .cat_icon.ci7{ background-position:-341px 0; } .flexmenu.catalog .cat_icon.ci8{ background-position:-797px -1px; } .flexmenu.catalog .cat_icon.ci9{ background-position:-911px -1px; } .flexmenu.catalog .cat_icon.ci10{ background-position:-1370px -1px; } .flexmenu.catalog .cat_icon.ci11{ background-position:-1141px -1px; } .flexmenu.catalog .cat_icon.ci12{ background-position:-1255px -1px; } .flexmenu.catalog .cat_icon.ci13{ background-position:-1026px -1px; } .flexmenu.catalog .cat_icon.ci14{ background-position:-1485px -1px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci1, .cat_icon.ci1:hover{ background-position:-1px -122px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci2, .cat_icon.ci2:hover{ background-position:-228px -122px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci3, .cat_icon.ci3:hover{ background-position:-569px -122px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci4, .cat_icon.ci4:hover{ background-position:-455px -122px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci5, .cat_icon.ci5:hover{ background-position:-682px -122px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci6, .cat_icon.ci6:hover{ background-position:-114px -122px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci7, .cat_icon.ci1:hover{ background-position:-341px -122px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci8, .cat_icon.ci8:hover{ background-position:-797px -120px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci9, .cat_icon.ci9:hover{ background-position:-911px -123px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci10, .cat_icon.ci10:hover{ background-position:-1370px -123px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci11, .cat_icon.ci11:hover{ background-position:-1141px -123px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci12, .cat_icon.ci12:hover{ background-position:-1255px -123px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci13, .cat_icon.ci13:hover{ background-position:-1026px -123px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci14, .cat_icon.ci14:hover{ background-position:-1485px -123px; } .flexmenu.catalog .cat_icon.ci19{ background: url(/css/../images/new_icon/Muzei.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 70px 70px; } .topmenu2 div.w .menu > .menu-item .category_menu figcaption.cat_icon.ci19::after { background: url(/css/../images/new_icon/Muzei.png) no-repeat 3px 5px; background-size: 30px; } footer .footer2 .cat > a.ci19::before { background: url(/css/../images/new_icon/Muzei_white.png) no-repeat 19px 3px; background-size: 30px; } .flexmenu.catalog .cat_icon.ci20{ background: url(/css/../images/new_icon/Kabel.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 70px 70px; } .topmenu2 div.w .menu > .menu-item .category_menu figcaption.cat_icon.ci20::after { background: url(/css/../images/new_icon/Kabel.png) no-repeat 3px 5px; background-size: 30px; } footer .footer2 .cat > a.ci20::before { background: url(/css/../images/new_icon/Kabel_white.png) no-repeat 19px 3px; background-size: 30px; } .flexmenu.catalog .cat_icon.ci21{ background: url(/css/../images/new_icon/Rashodniki.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 70px 70px; } .topmenu2 div.w .menu > .menu-item .category_menu figcaption.cat_icon.ci21::after { background: url(/css/../images/new_icon/Rashodniki.png) no-repeat 3px 5px; background-size: 30px; } footer .footer2 .cat > a.ci21::before { background: url(/css/../images/new_icon/Rashodniki_white.png) no-repeat 19px 3px; background-size: 30px; } .flexmenu.catalog .flex-col:hover .cat_icon.ci15, .flexmenu.catalog .flex-col:hover .cat_icon.ci16, .flexmenu.catalog .flex-col:hover .cat_icon.ci17, .flexmenu.catalog .flex-col:hover .cat_icon.ci18, .flexmenu.catalog .flex-col:hover .cat_icon.ci19, .flexmenu.catalog .flex-col:hover .cat_icon.ci20, .flexmenu.catalog .flex-col:hover .cat_icon.ci21{ background-color:#ffdf08; border:2px solid #ffdf08; } #wrapper > section .flexmenu.catalog.no-bord > * > div{ padding-top:0; } #wrapper > section .flexmenu.news-list > * img:first-child{ float:left; margin:5px 0 0 5px; } .news-list .news-item-info{ margin:0 0 0 175px; } .news-list .news-item-info h3{ margin:3px 0 11px; } #wrapper > section .news-item-info p{ color:#666; margin:0 0 5px; } #wrapper > section .flexmenu.news-list > * span{ color:#999; margin-bottom:6px; font-size:12px; } .news-list .news-item-info a.exp{ text-decoration:none; position:relative; padding:0 8px 0 0; font-size:13px; } .news-list .news-item-info h3 a{ text-decoration:none; color:#333; } .akcii-list > div{ padding:20px; box-shadow:0 0 0 0 #ffdf08 inset; outline:1px solid #e2e4e9; transition:box-shadow 0.2s ease 0s; } .akcii-list > div:after{ display:block; content:""; clear:both} .akcii-list > div:hover{ box-shadow:inset 0 0 0 4px #ffdf08} .akcii-list .item{ font-size:16px; position:relative; color:#333; display:block; text-decoration:none; float:left; } .akcii-list .item img{ margin:0; float:none; width:280px; height:187px; } .akcii-list .item .info{ position:absolute; bottom:32%; left:0; } .akcii-list .item .info.to-b{ bottom:26%; } .akcii-list .item .info.to-t{ top:27%; } .akcii-list .item.discount b{ position:absolute; font-size:150%; top:5%; left:10px; display:block; width:66px; height:66px; line-height:66px; text-align:center; background:url(/css/../images/svg/bg66x66-yellow.svg) 0 0 no-repeat; } .akcii-list .item.akcia b{ font-family:'Open Sans', sans-serif; font-size:100%; font-weight:700; position:absolute; top:9%; left:0; display:block; padding:2px 10px 3px; background:#ff8000; color:#fff; } .akcii-list .item.akcia.actual b{ background:#008c23; } .akcii-list .item .h3{ font-family:'Open Sans', sans-serif; font-size:175%; line-height:1.1; font-weight:700; margin:0; color:#fff; padding:0 5px 0 10px; float:left; clear:left; } .akcii-list .item .h3.big{ font-size:31px; line-height:35px; } .akcii-list .item .p{ font-family:'Open Sans', sans-serif; font-size:112.5%; font-weight:700; line-height:1.3; color:#fff; padding:0 5px 0 10px; float:left; clear:left; } .akcii-list .item .p.small{ font-size:100%; line-height:1.1; } .akcii-list .item .p.add{ color:#fff200; } .akcii-list .item .bg{ background:rgba(0, 0, 0 , 0.5); } .akcii-list .item .price{ color:#f04139; font-family:'Open Sans', sans-serif; font-size:131.25%; font-weight:700; line-height:1; position:absolute; bottom:8.5%; left:0; background:#fff; padding:3px 6px 4px 10px; } .akcii-list .item .price.dark-bg{ background:#123347; } .akcii-list .item .add-inf{ color:#ee2d24; font-family:'Open Sans', sans-serif; font-size:68.75%; font-weight:700; position:absolute; bottom:8.5%; left:0; background:#fff; padding:4px 5px 4px 10px; } .akcii-list > * span.info, #wrapper > section .flexmenu.akcii-list > * span.p, #wrapper > section .flexmenu.akcii-list > * span.price, #wrapper > section .flexmenu.akcii-list > * span.add-inf{ margin:0; } .akcii-list .akcii-item-info{ margin:0 0 0 300px; } .akcii-list .akcii-item-info h3{ margin:-1px 0 11px; } #wrapper > section .akcii-item-info p{ color:#666; margin:0 0 9px; font-size:14px; } #wrapper > section .flexmenu.aksii-list > * > div .akcii-item-info span{ color:#999; margin-bottom:6px; font-size:12px; } .akcii-list .akcii-item-info a.exp{ position:relative; padding:0 8px 0 0; font-size:13px; } .akcii-list .akcii-item-info h3 a{ text-decoration:none; color:#333; } #wrapper > section .akcii-item-info p.sel{ font-size:12px; color:#333; } .col-add > div{ margin:0 0 30px 7%; } .tags-block{ padding:20px 10px; border:1px solid #e2e4e9; } .tags-block h3{ padding:17px 10px 23px 20px; margin:-20px -10px 0; background:url(/css/../images/pattern-bg.gif); } .tags{ list-style:none; margin:6px 0 0; padding:0; text-align:center; } .tags li{ display:inline; margin:0; padding:0; line-height:1.2; } .tags a{ text-decoration:none; color:#333; } .tags li.w1 a{ font-size:12px; } .tags li.w2 a{ font-size:16px; } .tags li.w3 a{ font-size:21px; } .tags li.w1 a:hover,.tags li.w2 a:hover,.tags li.w3 a:hover{ color:#EB1924; } .add-menu{ border:1px solid #e2e4e9; } .add-menu figure{ border:0; display:block; font-size:13px; margin:0; outline:0 none; overflow:hidden; padding:0; } .add-menu figure > a{ display:block; line-height:1.3em; padding:10px 20px 12px 13px; font-weight:500; text-decoration:none; transition:all 0.3s ease 0s; } .add-menu figure > a:hover{ background:#f2f3f5; color:#333; } .add-menu figure figcaption{ background:#e2e4e9; display:block; font-size:14px; font-weight:500; line-height:1.3em; margin:0; outline:0 none; padding:8px 13px 10px; color:#EC1B24; } #wrapper > section .news-block p.date{ margin-bottom:10px; } .news-block > div{ margin:0 0 20px; } .news-block p.align-center img{ margin:25px 0 13px; } #wrapper > section .news-block p + h3{ margin-top:20px; } #wrapper > section .products-list .flexmenu > div{ position:relative; } #wrapper > section .products-list .flexmenu > div a.img{ color:#fff; display:inline-block; position:relative; text-decoration:none; margin:0; border-bottom:1px solid #e2e4e9; } #wrapper > section .products-list .flexmenu > div a.img img{ float:none; margin:0; display:block; border:0; } #wrapper > section .products-list .flexmenu > *{ padding:0 0 135px; width:25%; max-width:234px; } #wrapper > section .products-list .flexmenu > * section.bottom{ bottom:20px; position:absolute; width:203px; } #wrapper > section .products-list .flexmenu > * section.bottom a:last-child{ float:right; font-size:13px; line-height:40px; } #wrapper > section .products-list .flexmenu > div .price{ font-size:24px; font-weight:700; margin-bottom:25px; margin-top:20px; padding:0; position:relative; } #wrapper > section .products-list .flexmenu > div .price > span{ bottom:0; color:#999; display:block; font-size:14px; font-weight:400; margin:0; position:absolute; right:0; } #wrapper > section .products-list .flexmenu > div .price > span.old{ text-decoration:line-through; } /*#wrapper > section .products-list div > * > div .img b{ display:block; font-weight:400; z-index:9; color:#fff; text-align:center; font-size:12px; position:absolute; top:-8px; right:-10px; width:60px; height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } #wrapper > section .products-list div > * > div .img em{ font-style:normal; display:inline-block; padding-top:22px; line-height:1.1; } #wrapper > section .products-list div > * div.new .img b{ background:#1abc9c; } #wrapper > section .products-list div > * div.action .img b{ font-size:18px; background:url(/css/../images/svg/akcii-bg.svg) 0 0 no-repeat; } #wrapper > section .products-list div > * div.action .img em{ padding-top:20px; } #wrapper > section .products-list div > * > div.bonus .img b{ color:#333; background:#FFDF08; font-size:11px; } #wrapper > section .products-list div > * > div.bonus .img em{ padding-top:17px; } #wrapper > section .products-list div > * > div.hit .img b{ background:#E30027; } #wrapper > section .products-list div > * > div.hit .img em{ padding-top:15px; } #wrapper > section .products-list div > * > div.kit .img em{ font-size:13px; position:absolute; left:0; top:0; z-index:9; color:#fff; background:#FF6C00; padding:3px 5px 4px; line-height:1.1; }*/ #wrapper > section .products-list .flexmenu > * > div{ padding:15px 17px 0; } #wrapper > section .products-list .flexmenu h4{ margin-top:0; } #wrapper > section .products-list .flexmenu h4 a{ color:#333; text-decoration:none; margin-top:0; } #wrapper > section .products-list .flexmenu > div:nth-child(5){ display:none; } #wrapper > section .products-list.result-serch .flexmenu > div:nth-child(5){ display:block; } #wrapper > section .products-list .flexmenu .img-block{ margin:0; padding:0; position:relative; } #wrapper > section .products-list .flexmenu > div a.img:after{ display:none; } #wrapper > section .products-list .flexmenu .img-block a.btn-fast-view{ position:absolute; top:50%; left:0; margin-top:-20px; width:100%; max-width:200px; z-index:5; text-align:center; display:block; height:40px; line-height:40px; background-color:rgba(43, 42, 40, 0.7); color:#fff; text-decoration:none; background-image:url(/css/../images/svg/mag_glass.svg); background-repeat:no-repeat; background-position:18px 50%; text-indent:14px; opacity:0; transition:opacity .4s} #wrapper > section .products-list .flexmenu .img-block:hover a.btn-fast-view{ opacity:1; } #wrapper > section .products-list .flexmenu > div .img-block:hover a.img img{ opacity:.4} #wrapper > section .products-list .flexmenu > div a.p:last-child{ font-size:13px; } .products-gallery .owl-wrapper-outer{ padding:1px 0 1px 1px; } .products-gallery.owl-carousel .owl-wrapper-outer{ width:100%; min-width:940px; } .products-gallery .item{ max-width:233px; padding:15px 0 20px; background:#fff; box-shadow:0 0 0 0 #ffdf08 inset; display:block; outline:1px solid #e2e4e9; transition:box-shadow 0.2s ease 0s; } .products-gallery .item:hover{ box-shadow:0 0 0 4px #ffdf08 inset; } .products-gallery .item a.img{ color:#fff; display:inline-block; position:relative; text-decoration:none; width:auto; } .products-gallery .item a.img img{ margin:0; } .products-gallery .item > div{ /*padding:0 17px 135px;*/ padding:0 17px 105px; } .products-gallery .item > * section.bottom{ bottom:20px; position:absolute; width:203px; } .products-gallery .item > * section.bottom a:last-child{ float:right; font-size:13px; line-height:40px; } .products-gallery .item > div .price{ font-size:24px; font-weight:700; margin-bottom:25px; margin-top:20px; padding:0; position:relative; } .products-gallery .item > div .price > span{ bottom:0; color:#999; display:block; font-size:14px; font-weight:400; margin:0; position:absolute; right:0; } .products-gallery .item > div .price > span.old{ text-decoration:line-through; } .products-gallery .item > div{ position:relative; } .products-gallery .item .img b{ display:block; font-weight:400; z-index:9; color:#fff; text-align:center; font-size:12px; position:absolute; top:-8px; right:-10px; width:60px; height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } .products-gallery .item .img em{ font-style:normal; display:inline-block; padding-top:22px; line-height:1.1; } .products-gallery .item > div.new .img b{ background:#1abc9c; } .products-gallery .item > div.action .img b{ font-size:18px; background:url(/css/../images/svg/akcii-bg.svg) 0 0 no-repeat; } .products-gallery .item > div.action .img em{ padding-top:20px; } .products-gallery .item > div.bonus .img b{ color:#333; background:#FFDF08; font-size:11px; } .products-gallery .item > div.bonus .img em{ padding-top:17px; } .products-gallery .item > div.hit .img b{ background:#E30027; } .products-gallery .item > div.hit .img em{ padding-top:15px; } .products-gallery .item > div.kit .img em{ font-size:13px; position:absolute; left:0; top:0; z-index:9; color:#fff; background:#FF6C00; padding:3px 5px 4px; line-height:1.1; } .products-gallery .item h4{ margin:15px 0 0; padding:0; min-height:60px; } .products-gallery .item h4 a{ text-decoration:none; color:#333; } .products-gallery .item .img b{ display:block; font-weight:400; z-index:9; color:#fff; text-align:center; font-size:12px; } .label-wrap{ position:absolute; top:0; left:0; width:100%; z-index:9; } .products-gallery .item .img b.action,.products-gallery .item .img b.kit,.products-gallery .item .img b.new,.products-gallery .item .img b.hit,.products-gallery .item .img b.bonus{ position:static; } .products-gallery .item .img b.action,.products-gallery .item .img b.new,.products-gallery .item .img b.hit,.products-gallery .item .img b.bonus{ margin-right:-10px; margin-top:-8px; } .products-gallery .item .img b.action{ font-size:18px; background:url(/css/../images/svg/akcii-bg.svg) 0 0 no-repeat; width:60px; height:60px; float:right; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } .products-gallery .item .img b.action em{ padding-top:20px; } .products-gallery .item .img b.kit{ float:left; } .products-gallery .item .img b.kit em{ font-size:13px; color:#fff; background:#FF6C00; padding:3px 5px 4px; line-height:1.1; } .products-gallery .item .img b.new{ background:#1abc9c; float:right; } .products-gallery .item .img b.new em{ } .products-gallery .item .img b.hit{ background:#E30027; float:right; } .products-gallery .item .img b.hit em{ padding-top:15px; } .products-gallery .item .img b.bonus{ color:#333; background:#FFDF08; font-size:11px; float:right; } .products-gallery .item .img b.bonus em{ padding-top:17px; } .products-gallery .item .img-block{ margin:0; padding:0; position:relative; display:block; } .products-gallery .item a.img:after{ display:none; } .products-gallery .item .img-block a.btn-fast-view{ position:absolute; top:50%; left:0; margin-top:-20px; width:100%; max-width:200px; z-index:5; text-align:center; display:block; height:40px; line-height:40px; background-color:rgba(43, 42, 40, 0.7); color:#fff; text-decoration:none; background-image:url(/css/../images/svg/mag_glass.svg); background-repeat:no-repeat; background-position:18px 50%; text-indent:14px; opacity:0; transition:opacity .4s} .products-gallery .item .img-block:hover a.btn-fast-view{ opacity:1; } .products-gallery .item .img-block:hover a.img img{ opacity:.4} .products-gallery.owl-theme .owl-controls .owl-buttons div{ background:transparent; opacity:1; border-radius:0; display:block; font-size:12px; margin:0; padding:0; position:absolute; top:0; width:50px; height:100%; } .products-gallery.owl-theme .owl-controls.clickable .owl-buttons div:hover{ opacity:1; } .products-gallery.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:0; } .products-gallery.owl-theme .owl-controls .owl-buttons div.owl-next{ right:0; } .products-gallery.owl-theme .owl-controls .owl-buttons div:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0)} .products-gallery.owl-theme .owl-controls.clickable .owl-buttons div:hover:before{ background:rgba(255,255,255,0.4)} .products-gallery.owl-theme .owl-controls .owl-buttons div:after{ content:""; position:absolute; top:50%; opacity:1; margin:-20px 0 0; } .products-gallery.owl-theme .owl-controls .owl-buttons div.owl-next:after{ left:20px; width:0; height:0; border-style:solid; border-width:13px 0 13px 15px; border-color:transparent transparent transparent #ed1d25; } .products-gallery.owl-theme .owl-controls .owl-buttons div.owl-prev:after{ right:20px; width:0; height:0; border-style:solid; border-width:13px 15px 13px 0; border-color:transparent #ed1d25 transparent transparent; } .products-gallery.owl-theme .owl-controls .owl-buttons div.owl-next:hover:after{ border-color:transparent transparent transparent #333; } .products-gallery.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after{ border-color:transparent #333 transparent transparent; } .items-gallery .owl-wrapper{ display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; } .items-gallery .owl-wrapper .owl-item{ display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important; float:none; width:234px; } .items-gallery .gallery-item{ display:block; } .items-gallery.products-gallery .item > div{ position:static; } .option-tbl{ width:100%; margin:0 0 40px; } .option-tbl tr{ border:1px solid #e2e4e9; box-shadow:0 0 0 0 #ffdf08 inset; transition:box-shadow 0.2s ease 0s; } .option-tbl thead tr{ border:0; } .option-tbl thead tr th{ border-bottom:1px solid #F8F9FA; border-top:1px solid #F8F9FA; } .option-tbl thead tr th:first-child{ border-left:1px solid #F2F3F5; } .option-tbl thead tr th:last-child{ border-right:1px solid #F2F3F5; } .option-tbl tr th{ padding:8px 5px 8px 20px; font-weight:400; font-size:13px; background:#f2f3f5; text-align:left; } .option-tbl tr td{ padding:20px 20px 20px 20px; font-size:16px; vertical-align:top; } .option-tbl tr td.price{ font-size:18px; white-space:nowrap; } .option-tbl tr td.price .old{ font-size:14px; color:#999; display:block; text-decoration:line-through; } .option-tbl tr td:last-child{ padding-right:20px; } .option-tbl tr td:first-child{ color:#666; font-size:13px; } .option-tbl tr td.article{ white-space:nowrap; } .option-tbl tr td a{ text-decoration:none; } .option-tbl tbody tr:hover{ outline:4px solid #ffdf08; border-color:#ffdf08; outline-offset:-3px; } .option-tbl tbody tr:hover td button.cart{ background:#ee2d24; color:#fff; } .option-tbl .count_input{ min-width:90px; } .option-tbl .color-radio{ padding:5px 0 0; overflow:hidden; } .option-tbl .color-radio span{ margin:10px 17px 0 0; line-height:1; color:#666; font-size:13px; } .option-tbl .color-radio > *{ float:left; } .color-radio input[type="radio"]{ display:none; } .color-radio label{ display:inline-block; position:relative; width:22px; height:22px; margin:5px 4px 0; } .color-radio label input[type="radio"] + i{ display:block; width:12px; height:12px; background:white; cursor:pointer; border:1px solid #ccc; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; position:absolute; top:4px; left:4px; } .color-radio label.white input[type="radio"] + i{ background:#fff; border:1px solid #ccc; } .color-radio label.black input[type="radio"] + i{ background:#000; border:1px solid #000; } .color-radio label.grey input[type="radio"] + i{ background:#666; border:1px solid #666; } .color-radio label input[type="radio"]:checked + i:before{ content:" "; background:transparent; width:18px; height:18px; border:2px solid #ed1d25; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; position:absolute; top:-5px; left:-5px; display:block; } .option-tbl .close{ display:inline-block; margin:3px 0 0; width:15px; height:15px; background:url(/css/../images/svg/close.svg) 0 0 no-repeat; cursor:pointer; } .option-tbl img{ border:1px solid #e2e4e9; background:url(/css/../images/images-bg.png) no-repeat 50% 50%; background-size:cover; } .option-tbl.cart-tbl{ margin:0 0 24px; } .option-tbl.cart-tbl td.price{ font-size:16px; } .option-tbl.cart-tbl td.discount{ color:#00BBE4; font-size:16px; white-space:nowrap; } .option-tbl.cart-tbl small{ color:#999; font-size:13px; display:block; } .search-result table{ width:100%; } .search-result table thead tr th{ border-bottom:1px solid #F8F9FA; border-top:1px solid #F8F9FA; } .search-result table thead tr th:first-child{ border-left:1px solid #F2F3F5; } .search-result table thead tr th:last-child{ border-right:1px solid #F2F3F5; } .search-result table tr th{ padding:10px; font-weight:400; font-size:13px; background:#f2f3f5; text-align:left; } .search-result table tr td{ padding:10px; font-size:14px; vertical-align:top; border:1px solid #e2e4e9; } .search-result table tr td:first-child{ font-weight:700; width:33%; } .search-result table tr td .links-box{ overflow:hidden; font-size:13px; background:#F7F9FB; border-top:1px solid #e2e4e9; margin:10px -10px -10px; padding:10px; font-weight:400; } .ordering-form{ padding-top:6px; } .ordering-form label{ color:#999; font-size:14px; margin:0 0 0 3px; white-space:nowrap; } .ordering-form input.code-discount{ margin-top:2px; width:186px; border:2px solid #1aae13; background:#e2f4e1; } .ordering-form input.code-discount:hover,.ordering-form input.code-discount:focus{ border-color:#2fd326; background:#f0faef; } .ordering-form .pseudo-link{ margin:32px 0 0 44px; } .ordering-form .pseudo-link-info{ margin-left:4px; } .ordering-form > div{ padding:0 0 33px; margin:0 0 20px; border-bottom:1px solid #ddd; } .ordering-price{ padding:19px 0 0; } .ordering-price span{ font-size:26px; } .ordering-price span.old{ font-size:14px; color:#999; display:block; text-decoration:line-through; } .ordering-price table td{ vertical-align:middle; padding:0 18px 5px 0; } .ordering-price table tr td:last-child{ padding-right:0; } .ordering-mes{ text-align:center; padding:0 40px; } .ordering-mes h1{ text-align:center; } .ordering-mes p{ font-size:16px; } .tabs-us-block > input[type="radio"]{ display:inline-block; height:0; left:-9999px; overflow:hidden; position:absolute; width:0; } .tabs-us-block > input[type="radio"] + label{ display:inline-block; font-size:16px; font-weight:500; padding:10px 22px; margin:0 6px 0 0; background:#e2e4e9; transition:color 0.3s ease 0s; } .tabs-us-block > input[type="radio"]:checked + label{ color:#fff; background:#2b2a28; } .tabs-us-block .tabs_us_content > *{ display:none; } .tabs-us-block > input[type="radio"]:nth-of-type(1):checked ~ .tabs_us_content > *:nth-child(1){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(2):checked ~ .tabs_us_content > *:nth-child(2){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(3):checked ~ .tabs_us_content > *:nth-child(3){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(4):checked ~ .tabs_us_content > *:nth-child(4){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(5):checked ~ .tabs_us_content > *:nth-child(5){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(6):checked ~ .tabs_us_content > *:nth-child(6){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(7):checked ~ .tabs_us_content > *:nth-child(7){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(8):checked ~ .tabs_us_content > *:nth-child(8){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(9):checked ~ .tabs_us_content > *:nth-child(9){ display:block; } .tabs-us-block > input[type="radio"]:nth-of-type(10):checked ~ .tabs_us_content > *:nth-child(10){ display:block; } .person_date{ margin:20px 0 0; border:2px solid #e2e4e9; } .person_date > div{ padding:15px 20px 20px; } .person_date p{ padding:0 24px 0 0; } .person_date p.protect{ padding:8px 0 3px 25px; } .person_date p:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .person_date label, .person_date .label{ display:block; color:#666; line-height:24px; margin:0 0 0 1px; } .person_date small{ display:block; font-size:12px; color:#999; padding:3px 0 2px 1px; } .person_date span:not(.sys){ width:46%; display:block; } .person_date span.wfull,.person_date span:not(.sys) input{ width:100%; } .person_date span.upload-file label{ right:-24px; line-height:40px; margin:0; } .person_date input[type="checkbox"] + label{ color:#333; font-size:13px; font-weight:500; padding-top:0; } .person_date p.check small{ padding:0; margin:-15px 0 0 35px; } .person_date p.sel{ background:#ffef84; padding:10px; } #wrapper > section .person_date p.sel{ margin-bottom:20px; } .person_date{ position:relative; } .person_date .mes{ display:none; text-align:center; width:100%; position:absolute; top:65px; left:0; padding:0; } .person_date .mes p{ font-size:21px; color:#19AC13; padding-right:0; } .person_date .mes.er p{ color:#EC2C24; } .person_date .mes.er button{ width:200px; } .person_date.send .form-cont{ visibility:hidden; } .person_date.send.success .mes.su{ display:block; } .person_date.send.error .mes.er{ display:block; } .form-bot{ padding:18px 20px 0; margin:0 -20px; border:0; border-top:1px solid #e2e4e9; } .form-bot:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .form-bot a.back{ margin-top:4px; } .in-cart{ padding:18px 8px 8px; border:2px solid #e2e4e9; margin-top:60px; } .in-cart h2{ margin:0 0 23px 12px; } .in-cart table tbody td{ background:#f2f2f2; padding:8px 8px 4px; vertical-align:top; font-size:14px; color:#333; } .in-cart table tbody tr td:first-child{ padding-left:12px; padding-right:0; } .in-cart table tbody tr td:last-child{ padding-right:12px; text-align:right; } .in-cart table tbody tr:nth-child(2n) td{ border-bottom:10px solid #fff; vertical-align:middle; } .in-cart table tbody tr:nth-child(2n) td:last-child{ font-size:18px; color:#333; white-space:nowrap; padding-top:8px; font-weight:700; } .in-cart table tbody tr:nth-child(2n+1) td:first-child{ font-size:16px; color:#333; } .in-cart table td.sum{ background:#e2e4e9; } .in-cart table td.sum table{ width:100%; margin-top:1px; border-top:10px solid #fff; } .in-cart table td.sum table tr td{ vertical-align:middle; background:#f2f2f2; } .in-cart table td.sum table tr td:last-child{ font-size:22px; color:#333; white-space:nowrap; text-align:right; font-weight:700; } .in-cart table td.sum table tr:nth-child(2n) td{ border-bottom:0; } .in-cart table td.sum table tr:nth-child(2n) td:first-child{ text-transform:uppercase; font-size:14px; color:#666; } .in-cart table td.sum table tr:nth-child(2n+1) td:first-child{ font-size:14px; color:#666; } .buy-fast-form{ padding:13px 13px 20px; border:2px solid #ddd; margin-top:4px; position:relative; } #wrapper > section .buy-fast-form p{ margin:0 0 20px; } .buy-fast-form .mes{ display:none; text-align:center; width:100%; position:absolute; top:65px; left:0; } .buy-fast-form .mes p{ font-size:21px; color:#19AC13; } .buy-fast-form .mes.er p{ color:#EC2C24; } .buy-fast-form .mes.er button{ width:200px; } .buy-fast-form.send .form-cont{ visibility:hidden; } .buy-fast-form.send.success .mes.su{ display:block; } .buy-fast-form.send.error .mes.er{ display:block; } p > span.pic-box,div > span.pic-box{ display:block; border:1px solid #ccc; margin:0 0 20px; } p > span.pic-box img,div > span.pic-box img{ display:block; margin:0 auto; } .two-coll p > span.video{ width:100%; height:263px; display:block; } #wrapper > section .flexmenu > * > div .w125pic{ float:left; margin-right:25px; display:table; } #wrapper > section .flexmenu > * > div .w125pic > div,#wrapper > section .flexmenu > * > div .w125pic > a{ display:table-cell; text-align:center; vertical-align:middle; width:125px; height:142px; } #wrapper > section .flexmenu > * > div .w125pic img{ margin:0; float:none; } #wrapper > section .flexmenu > * > div h3 a{ color:#333; text-decoration:none; } #wrapper > section .flexmenu > * a.p{ color:#666; display:block; margin-bottom:10px; text-decoration:none; line-height:1.4; } #wrapper > section a.p:last-child{ margin:0; } #wrapper > section a.p{ text-decoration:none; } #wrapper > section a.p:hover{ color:#333; text-decoration:none; } #wrapper > section .flexmenu > * span.factor{ font-size:40px; margin:auto; display:block; height:40px; text-align:center; color:#333; font-weight:700; } #wrapper > section .options-block .flexmenu.fpad > *{ padding:0; } #wrapper > section .flexmenu > * > .flex2-5-2{ padding:16px; } #wrapper > section .options-block .flex2-5-2 a h4,.flex2-5-2 a:hover h4{ color:#333; } #wrapper > section .options-block .flex2-5-2 a li,.flex2-5-2 a:hover li{ color:#666; } #wrapper > section .options-block .flex2-5-2 a{ text-decoration:none; } #wrapper > section .options-block .flex2-5-2 >*:nth-child(3){ display:-webkit-flex; display:-ms-flexbox; display:flex; } .motivate-box{ height:70px; background:#FFDF08; } .motivate-box > span{ display:inline-block; padding:14px 27px 16px 37px; font-size:21px; line-height:30px; margin:3px 0 0 3px; vertical-align:top; } .motivate-box > span big{ font-size:26px; margin:0 0 0 11px; } .motivate-box > span:first-child{ background:#fff; position:relative; padding:16px 29px 16px 80px; } .motivate-box > span:first-child:after{ content:" "; width:0; height:0; border-style:solid; border-width:32px 0 32px 15px; border-color:transparent transparent transparent #fff; display:inline-block; position:absolute; right:-15px; top:0; } .motivate-box > span:first-child:before{ content:" "; width:43px; height:43px; display:block; position:absolute; left:16px; top:10px; background:url(/css/../images/svg/icons-2-sprite.svg) -4px -226px no-repeat; } .motivate-box > span a{ position:relative; color:#000; } .motivate-box > span a:after{ content:" "; width:0; height:0; border-style:solid; border-width:11px 0 11px 12px; border-color:transparent transparent transparent #2B2A28; display:inline-block; position:absolute; right:-45px; top:5px; } @media (min-width:1070px){ .motivate-box > span:first-child:before{ left:16px; } .motivate-box > span.motivate-box-link{ font-size:28px; line-height:32px; padding:16px 27px 16px 48px; } .motivate-box > span.motivate-box-link a:after{ right:-54px; top:10px; } .motivate-box > span.motivate-box-phone{ font-size:24px; padding:17px 27px 13px 80px; } .motivate-box > span.motivate-box-phone big{ font-size:33px; margin:0 22px 0 20px; } .motivate-box > span.motivate-box-phone big b{ font-weight:700; } } .motivate-box-2{ height:50px; background:#3ab5ee; } .motivate-box-2 > span{ display:inline-block; padding:0 20px; font-size:21px; height:46px; line-height:46px; } .motivate-box-2 > span big{ font-size:26px; margin:0 0 0 5px; } .motivate-box-2 > span:last-child{ color:#fff; } .motivate-box-2 > span:first-child{ background:#fff; margin:2px 0 0 2px; position:relative; } .motivate-box-2 > span:first-child:after{ content:" "; width:0; height:0; border-style:solid; border-width:23px 0 23px 13px; border-color:transparent transparent transparent #fff; display:inline-block; position:absolute; right:-12px; top:0; } .motivate-box-3{ height:70px; background:#FFDF08; position:relative; overflow:hidden; } .motivate-box-3 > span{ display:block; height:70px; float:left; margin:0; padding:0; } .motivate-box-3 > small{ font-size:18px; position:absolute; top:12px; left:27px; } .motivate-box-3 > span.gr-bg{ background:#F2F3F5; width:66%; position:relative; } .motivate-box-3 > span.gr-bg:before{ content:" "; width:0; height:0; border-style:solid; border-width:35px 0 35px 16px; border-color:transparent transparent transparent #F2F3F5; display:block; position:absolute; top:0; right:-15px; } .motivate-box-3 > span.tel{ font-size:26px; position:absolute; top:20px; right:27px; } .motivate-box-3 > span.tel i{ margin-top:-4px; } .motivate-box-3 > span.tel a{ text-decoration:none; color:#333; padding:0 0 0 5px; white-space:nowrap; margin-top:17px; display:inline-block; } .motivate-box-3 span.pattern{ width:100%; height:70px; position:absolute; top:0; left:0; } .order-block > div,.order-block > ul{ margin-bottom:40px; } .order-block > *:last-child{ margin-bottom:0; } .order-block h2, #wrapper > section .order-block h2:first-child{ margin:0 0 20px; } .steps-list{ overflow:hidden; list-style:none; padding:0; margin:0 -20px 40px 0; } .steps-list li{ margin:0; padding:0 20px 0 0; float:left; position:relative; cursor:pointer; } .steps-list.l4col li{ padding-right:12px; } .steps-list li:last-child{ padding:0; } .steps-list li > div{ padding:0 0 0 50px; font-size:16px; height:64px; } .steps-list li > div > span,.step-item h1 span{ position:absolute; top:0; left:0; width:36px; height:36px; line-height:36px; font-size:26px; text-align:center; font-family:'Open Sans', sans-serif; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; background:#ffdf08; } .steps-list li a.preview img{ display:block; margin:0; } .steps-list li a.preview{ margin:0; padding:2px; float:left; display:block; border:1px solid #e2e4e9; box-shadow:0 0 0 0 #ffdf08 inset; transition:box-shadow 0.2s ease 0s; } .steps-list li a.preview:hover,.steps-list li:hover a.preview{ box-shadow:0 0 0 2px #ffdf08 inset; } #wrapper > section .form-box p{ margin:0 0 20px; padding:0; } #wrapper > section .form-box p.protect{ padding:8px 0 3px 25px; } #wrapper > section .form-box p.mb40{ margin-bottom:40px; } .form-box h2{ margin:0 0 20px; } #wrapper > section .order-block p > big{ font-size:26px; } .passw-list{ overflow:hidden; list-style:none; margin:0; padding:0; } .passw-list li{ margin:0; padding:0; float:left; width:33.3333%; position:relative; } .passw-list li > div{ padding:0 40px 20px 20px; } .passw-list li > div > span{ position:absolute; top:0; left:0; } #wrapper > section .passw-list li > div a[role="button"]{ margin:6px 0 0; } .passw-list li > div p.tel{ font-size:18px; } .form-box-row.bord{ border-bottom:1px solid #e2e4e9; padding-bottom:20px; margin:0 0 20px; } .form-box.bord{ border:2px solid #e2e4e9; padding:18px 17px 0; } .form-box.w-sm{ margin:0 140px 0 0; } .passw label{ display:block; color:#666; font-size:14px; } .passw input[type="text"], .passw input[type="password"], .passw textarea{ width:256px; } #wrapper > section .form-box p.txt{ margin-bottom:15px; } #wrapper > section .form-box p.tel{ margin-bottom:15px; padding-top:3px; font-size:18px; } .form-box{ position:relative; } .form-box .mes{ display:none; text-align:center; width:100%; position:absolute; top:65px; left:0; } .form-box .mes.in-l{ text-align:left; } .form-box .mes p{ font-size:21px; color:#19AC13; } .form-box .mes.er p{ color:#EC2C24; } .form-box .mes.er button{ width:200px; } .form-box.send .form-cont{ visibility:hidden; } .form-box.send.success .mes.su{ display:block; } .form-box.send.error .mes.er{ display:block; } .fancybox-inner,.fancybox-skin{ padding:0 !important; height:auto !important; } .pop-box{ background:#fff; width:780px; z-index:9000; position:relative; padding:20px; } .pop-box.w380{ width:380px; /*border:1px solid #e2e4e9;*/ } .pop-box h1, .pop-box .form-box h2, .pop-box h2{ margin-top:-5px; } .pop-box .item_descr{ margin:0 0 20px; } #wrapper > section .pop-box p:last-child{ margin:0; } .pop-box .buy-fast-form{ padding:15px 17px 20px; } .pop-box .form-box{ padding:0px; } .pop-box .form-box p{ color:#666; line-height:20px; margin:0 0 20px; } .pop-box .mes{ display:none; text-align:center; width:100%; position:absolute; top:65px; left:0; } .pop-box .mes p{ font-size:21px; color:#19AC13; } .pop-box .mes.er p{ color:#EC2C24; } .pop-box .mes.er button{ width:200px; } .pop-box.send article{ visibility:hidden; } .pop-box.send.success .mes.su{ display:block; } .pop-box.send.error .mes.er{ display:block; } .info-product dl,.info-product dt,.info-product dd{ margin:0; padding:0; line-height:1.4em; } .info-product dl{ width:100%; overflow:hidden; } .info-product dt{ width:45%; float:left; } .info-product dd{ width:45%; float:right; } .step-item h1{ margin-bottom:20px; position:relative; padding:0 0 0 50px; } .step-item h1 span{ top:4px; } .step-item .pic-step{ border:1px solid #e2e4e9; text-align:center; } .fancybox-nav span{ width:0; height:0; border-style:solid; visibility:visible; background:transparent; } .fancybox-prev span{ border-width:20px 20px 20px 0; border-color:transparent #fff transparent transparent; left:-60px; } .fancybox-next span{ border-width:20px 0 20px 20px; border-color:transparent transparent transparent #fff; right:-60px; } .fancybox-prev span:hover{ border-color:transparent #ed1d25 transparent transparent; } .fancybox-next span:hover{ border-color:transparent transparent transparent #ed1d25; } .fancybox-close{ top:-32px; right:-32px; width:32px; height:32px; background:#fff; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } .fancybox-close:after{ content:""; position:absolute; top:0; right:0; width:32px; height:32px; background:url(/css/../images/svg/close.svg) 50% 9px no-repeat; } .fancybox-close:hover{ background-color:#EE2D24; } .fancybox-close:hover:after{ background-position:50% -52px; } .fancybox-overlay{ background:rgba(0,0,0,0.6); } .fancybox-skin{ margin:40px 0; } .fancybox-opened .fancybox-skin{ box-shadow:none; background:#fff; border-radius:0; } .partners-block p{ font-size:16px; color:#666; } .partner-list{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; margin:0 0 30px; } .partner-list > div{ width:15%; } .partner-list > div > a{ text-decoration:none; display:block; } .partner-list > div > a span:last-child{ display:inline-block; margin-top:20px; text-decoration:underline; position:relative; color:#333; } .partner-list > div > a span:last-child:after{ content:" "; position:absolute; top:3px; right:-15px; display:block; height:12px; width:11px; background:url("/css/../images/svg/arr-link.svg") no-repeat scroll 0 -14px rgba(0, 0, 0, 0); } .partner-list > div > a span:last-child:hover{ text-decoration:none; color:#ee2d24; } .partner-list > div > a span:last-child:hover:after{ background-position:0 0; } .partner-list > div span.img,.partner-list > div span.img:last-child{ margin:0; height:65px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; border:1px solid #e2e4e9; box-shadow:0 0 0 0 #ffdf08 inset; padding:2px; transition:box-shadow 0.2s ease 0s; } .partner-list > div > a span.img:last-child:after{ display:none; } .partner-list > div .img img{ margin:auto; } .partner-list > div > a .img:hover{ box-shadow:0 0 0 3px #ffdf08 inset; } .partner-list > div .img.bwWrapper{ opacity:0.85; } .partner-list > div > a .img.bwWrapper:hover{ opacity:1; } .partner-list.nb > div span.img{ border-color:#fff; } .partner-list.opacity-img > div span.img img{ opacity:0.5; } .partner-list.opacity-img > div span.img:hover img{ opacity:1; } .bwWrapper{ position:relative; } /*.partners-tbl{ width:100%; border-collapse:separate!important; border-spacing:20px!important; } .partners-tbl tr td{ padding:0 5px 0 1px; vertical-align:top; text-align:left; } .partners-tbl tr td strong{ display:block; margin:0 0 5px; color:#0C0C0B; font-weight:500; } .partners-tbl tr td{ width:20%; height:65px; padding:0; text-align:center; vertical-align:middle; border:1px solid #e2e4e9; box-shadow:0 0 0 0 #e2e4e9 inset; background:#fff; transition:box-shadow 0.2s ease 0s; } .partners-tbl tr td img{ display:inline; } .partners-tbl tr td:hover{ box-shadow:0 0 0 3px #ffdf08 inset; } .partners-tbl tr td a{ text-decoration:none; display:inline-block; width:100%; } .partners-tbl.big-pics tr td{ width:15%; height:70px; } .partners-tbl.big-pics.nb tr td{ border:0; } .partners-tbl tr.links td{ height:auto; border:0; box-shadow:none; text-align:left; } .partners-tbl tr.links td:hover{ box-shadow:none; } .partners-tbl tr.links a{ display:inline; text-decoration:underline; position:relative; color:#333; } .partners-tbl tr.links a:after{ content:" "; position:absolute; top:3px; right:-15px; display:block; height:12px; width:11px; background:url("/css/../images/svg/arr-link.svg") no-repeat scroll 0 -14px rgba(0, 0, 0, 0); } .partners-tbl tr.links a:hover{ text-decoration:none; color:#ee2d24; } .partners-tbl tr.links a:hover:after{ background-position:0 0; } .pop-box.partners-tbl-box{ overflow:hidden; } .pop-box.partners-tbl-box article{ margin:0 -20px; } .pop-box.partners-tbl-box article h1,.pop-box.partners-tbl-box article h3,.pop-box.partners-tbl-box article p{ padding:0 20px; } .partners-tbl-wrap{ margin:-20px -20px 0; } .partners-tbl a.bwWrapper{ position:relative; display:block; width:100%; height:100%; } .partners-tbl a.bwWrapper img{ position:absolute; top:50%; left:50%; margin-left:-65px; margin-top:-30px; z-index:1; display:block; } .partners-tbl a.bwWrapper img.BWFilter.BWfade{ top:50% !important; left:50% !important; margin-left:-65px !important; margin-top:-30px !important; z-index:2 !important; } .partners-tbl.opacity-img .img img{ opacity:0.5; } .partners-tbl.opacity-img .img:hover img{ opacity:1; }*/ #wrapper > section .partners-tbl.flexmenu.gridview.partners-tbl{ width:100%; } #wrapper > section .partners-tbl.flexmenu.gridview > .partners-tbl-item{ position:relative; padding:0 5px 0 1px; box-sizing:border-box; width:100%; height:100px; } #wrapper > section .partners-tbl.flexmenu.gridview > .partners-tbl-item > a{ display:block; position:absolute; width:100%; height:100%; } #wrapper > section .partners-tbl.flexmenu.gridview > .partners-tbl-item > a > img{ display:block; position:absolute; width:auto; max-width:200px; height:auto; max-height:60px; left:0; right:0; top:0; bottom:0; margin:auto; background:transparent; } @media screen and (min-width:468px){ #wrapper > section .partners-tbl.flexmenu.gridview > .partners-tbl-item{ width:50%; } } @media screen and (min-width:768px){ #wrapper > section .partners-tbl.flexmenu.gridview > .partners-tbl-item{ width:33.333333%; } } @media screen and (min-width:992px){ #wrapper > section .partners-tbl.flexmenu.gridview > .partners-tbl-item{ width:25%; } } .brands-list .brands-col{ width:50%; float:left; } .brands-list .brands-col:last-child{ display:none; } .brands-list{ vertical-align:top; } #wrapper > section .brand-item{ padding:0 0 10px; } #wrapper > section .brands-list .brand-item{ display:inline-block; width:49%; vertical-align:top; } @media (min-width:1170px){ #wrapper > section .brands-list .brand-item{ width:33%; } /*#wrapper > section .brands-list .brand-item.partners-item{ width:11%; } #wrapper > section .brands-list .brand-item.partners-item:nth-child(odd){ margin-left:11%; } #wrapper > section .brands-list .brand-item.partners-item:nth-child(7n){ margin-left:0; } #wrapper > section .brands-list .brand-item.partners-item:first-child{ margin-left:0; }*/ } #wrapper > section .brand-item p.name{ font-size:16px; padding:0 30px 0 40px; position:relative; line-height:22px; } #wrapper > section .brand-item p.name strong{ font-weight:400; border-bottom:1px dashed #333; cursor:pointer; } #wrapper > section .brand-item p.name span{ color:#666; font-size:14px; } #wrapper > section .brand-item p.name a{ color:#666; display:inline-block; width:11px; height:12px; margin-left:4px; background:url(/css/../images/svg/arr-link.svg) 0 -14px no-repeat; } #wrapper > section .brand-item p.name a:hover{ background-position:0 0; } #wrapper > section .brand-item p.name:after{ content:""; display:block; height:16px; width:27px; position:absolute; top:3px; left:0; } #wrapper > section .brand-item.usa p.name:after{ background:url(/css/../images/brands/usa.jpg) 0 0 no-repeat; } #wrapper > section .brand-item.germany p.name:after{ background:url(/css/../images/brands/germany.jpg) 0 0 no-repeat; } .brand-item .sub-block{ padding:0 0 20px; display:none; } .brand-item .active .sub-block{ display:block; } .brand-item .sub-block img{ margin:0 0 0 5px; } .brand-logo{ overflow:hidden; } .brand-logo > div{ margin:0 30% 0 0; } #wrapper > section .brand-item.active p:first-child strong{ border-bottom:0; color:#ee2d24; } #wrapper > section .brand-item.mark > p:first-child strong{ border-bottom:0; } .abc{ display:block; font-size:0; height:30px; line-height:30px; margin:0 0 10px; } .brands-block .tabs_us_content{ position:relative; } .brands-block .tabs_us_content > div > button{ position:absolute; right:0; top:-80px; } .abc > a{ background:#fff; color:#666; display:inline-block; text-transform:uppercase; font-size:18px; height:30px; margin:0 1px; min-width:20px; padding:0 5px; text-align:center; text-decoration:none; transition:color 0.3s ease 0s, background-color 0.3s ease 0s; vertical-align:top; } .abc > a:hover{ background-color:#e2e4e9; } .abc > a:active, .abc > a[active]{ background-color:#333; color:#fff; cursor:default; } .abc-brands-list{ margin-top:40px; } .abc-brands-list div.liter{ height:40px; background:#F2F3F5; margin-bottom:20px; } .abc-brands-list div.liter span{ display:block; height:40px; line-height:40px; width:40px; text-align:center; text-transform:uppercase; background:#FFDF08; font-size:24px; } #wrapper > section .brand-item.mark{ width:50%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #wrapper > section .brand-item.mark:nth-child(odd){ clear:left; } @media (min-width:1170px){ #wrapper > section .brand-item.mark{ width:33%; } #wrapper > section .brand-item.mark:nth-child(odd){ clear:none; } #wrapper > section .brand-item.mark:nth-child(3n+1){ clear:left; } } .brand-item.mark .img{ float:left; width:140px; text-align:center; } .brand-item.mark .img img{ max-width:120px; } #wrapper > section .brand-item.mark .brand-mark-info{ float:left; max-width:calc(100% - 140px); } #wrapper > section .brand-item.mark .brand-mark-info p{ margin-top:10px; } .brand-item.mark .brand-mark-info p{ color:#666; } .brand-item.mark .brand-mark-info p small{ font-size:12px; } .lk-block{ position:relative; margin:10px 0 0; } .lk-menu{ list-style:none; margin:8px 0 0; ; padding:0; float:left; width:220px; } .lk-menu li{ margin:0; padding:0; } .lk-menu > li > a{ text-decoration:none; position:relative; display:block; padding:10px 10px 10px 40px; background:#f2f3f5; transition:none; } .lk-menu > li > a:after{ content:""; position:absolute; top:10px; left:14px; display:block; width:16px; height:16px; background:url(/css/../images/svg/ic-lk-menu.svg) 0 0 no-repeat; } .lk-menu > li.lk-menu-it1 > a:after{ background-position:0 2px; left:13px; } .lk-menu > li.lk-menu-it1.active > a:after{ background-position:-22px 2px; } .lk-menu > li.lk-menu-it2 > a:after{ background-position:0 -19px; } .lk-menu > li.lk-menu-it2.active > a:after{ background-position:-22px -19px; } .lk-menu > li.lk-menu-it3 > a:after{ background-position:0 -40px; } .lk-menu > li.lk-menu-it3.active > a:after{ background-position:-22px -40px; } .lk-menu > li.lk-menu-it4 > a:after{ background-position:0 -60px; } .lk-menu > li.lk-menu-it4.active > a:after{ background-position:-22px -60px; } .lk-menu li a:hover{ background:#e2e4e9; } .lk-menu li:hover a,.lk-menu li a:hover{ color:#333; } .lk-menu li.active a,.lk-menu li.active a:hover{ background:#2b2a28; color:#fff; } .lk-menu > li .lk-sub-menu{ display:none; background:#fff; } .lk-menu > li.active .lk-sub-menu{ display:block; } .lk-menu > li .lk-sub-menu a{ background:#fff; padding:10px 10px 10px 20px; display:block; text-decoration:none; font-size:13px; color:#333; } .lk-menu > li .lk-sub-menu a:hover{ background:#FFF29C; color:#333; } .lk-block .join-date{ position:absolute; top:18px; right:8px; } .lk-block .info-col{ margin:-8px 0 0 242px; } .lk-block .form-box-row.bord{ margin:0 -17px 17px; padding:0 17px 10px; } .lk-block .form-box label,.lk-block .form-box .label{ display:inline-block; color:#666; } .lk-block .form-box .flex-block.f3col label{ display:block; } .lk-block .form-box.fix-label label,.lk-block .form-box.fix-label .label{ width:45%; min-width:220px; } .lk-block .form-box .label{ line-height:40px; } .lk-block .form-box .upload-file label{ display:block; width:80px; right:-24px; min-width:80px; } .lk-block .form-box .upload-file{ width:316px; } #wrapper > section .lk-block .form-box.fix-label p{ margin-bottom:10px; } #wrapper > section .lk-block .form-box.fix-label p.pd-l{ padding:10px 0 0 45%; } #wrapper > section .lk-block .form-box.fix-label p.protect{ margin:0 0 15px 45%; padding:8px 0 3px 25px; } .lk-block .form-box i{ display:inline-block; width:20px; position:relative; } .lk-block .form-box i.separator:after{ content:" "; display:block; position:absolute; top:-24px; left:10px; width:1px; height:38px; background:#ccc; -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -webkit-transform:skewX(-15deg); -o-transform:skewX(-15deg); transform:skewX(-15deg)} .form-box h3{ margin:0 0 20px; } .status-order{ margin:20px 0 0; } .status-order .info-order{ padding:20px; border:2px solid #ddd; border-top:0; overflow:hidden; position:relative; } .status-order .info-order > div:first-child{ width:180px; float:right; } .status-order .info-order > div:last-child{ margin-right:200px; } #wrapper > section .status-order .info-order > div:last-child p{ margin:0 0 5px; } #wrapper > section .status-order .info-order > div:last-child p b{ font-weight:500; } .status-order .info-order > div:last-child ol{ margin:-5px 0 0 -25px; } .status-order .info-order > div:last-child ol li{ margin:0 0 5px; } .status-order .info-order > div:last-child ol:last-child li:last-child{ margin:0; } .status-order .info-order .info-order-btn{ position:absolute; bottom:20px; right:20px; width:180px; } .bonus-box > .flex3-2{ margin:0 0 20px; border-bottom:1px solid #ddd; } .bonus-box > .flex3-2 div:first-child{ position:relative; } .bonus-box > .flex3-2 div:first-child p{ padding:14px 0 0 121px; font-size:16px; } .bonus-box > .flex3-2 div:first-child p:after{ content:""; position:absolute; top:5px; left:0; display:block; width:101px; height:101px; background:url(/css/../images/svg/icons-2-sprite.svg) -80px -238px no-repeat; } .bonus-box > .flex3-2 p strong{ font-size:21px; font-weight:400; } .bonus-box > .flex3-2 div:first-child p strong big{ font-size:36px; } .bonus-box > .flex3-2 div:last-child{ margin:20px 0; padding:15px 0 12px 25px; border-left:1px dotted #ddd; } #wrapper > section .bonus-box p{ margin:0 0 4px; } #wrapper > section .bonus-box > .flex3-2 div:last-child p{ overflow:hidden; margin:0 0 4px; } .bonus-box > .flex3-2 > div:last-child p span{ float:left; width:142px; text-align:left; font-size:16px; } .bonus-box > .flex3-2 > div:last-child p strong{ float:left; margin:-4px 0 0; } .bonus-box > .flex3-2 > div:last-child p strong i{ font-style:normal; font-weight:400; font-size:16px; color:#221F1F; } .subscribe-box > .promo{ position:relative; margin:0 0 45px; } .subscribe-box > .promo:after{ content:""; position:absolute; top:0; left:0; display:block; width:101px; height:101px; background:url(/css/../images/svg/icons-2-sprite.svg) -199px -237px no-repeat; } #wrapper > section .subscribe-box > .promo p,.subscribe-box .promo h4{ margin-left:124px; margin-bottom:10px; } .subscribe-box .confirm-box{ border-top:1px solid #ddd; } #wrapper > section .subscribe-box .confirm-box p{ margin:0 0 10px; color:#666; } .subscribe-box .confirm-box p small{ font-size:13px; } .subscribe-box .confirm-box p b{ color:#333; } .subscribe-box .code-confirm{ overflow:hidden; padding:20px 0; margin:0 0 20px; border-bottom:1px solid #ddd; } .subscribe-box .code-confirm label{ float:left; margin:0 15px 0 0; } .subscribe-box .code-confirm input[type="text"]{ margin-right:15px; } #wrapper > section .flexmenu > *.empty{ background:none repeat scroll 0 0 #fff; box-shadow:0 0 0 0 transparent inset; outline:1px solid transparent; position:relative; } #wrapper > section .flexmenu > *.empty > div{ border-top:1px solid #e2e4e9; border-left:1px solid #e2e4e9; height:100%; width:100%; position:absolute; top:-1px; left:-1px; padding:1px 0 0 1px; background:#fff; } #wrapper > section div > div .img b{ display:block; font-weight:400; z-index:9; color:#fff; text-align:center; font-size:12px; position:absolute; top:-8px; right:-10px; width:60px; height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } #wrapper > section div > div .img em{ font-style:normal; display:inline-block; padding-top:22px; line-height:1.1; } #wrapper > section div > div.new .img b{ background:#1abc9c; } #wrapper > section div > div.action .img b{ font-size:18px; background:url(/css/../images/svg/akcii-bg.svg) 0 0 no-repeat; } #wrapper > section div > div.action .img em{ padding-top:20px; } #wrapper > section div > div.bonus .img b{ color:#333; background:#FFDF08; font-size:11px; } #wrapper > section div > div.bonus .img em{ padding-top:17px; } #wrapper > section div > div.hit .img b{ background:#E30027; } #wrapper > section div > div.hit .img em{ padding-top:15px; } #wrapper > section div > div.kit .img em{ font-size:13px; position:absolute; left:0; top:0; z-index:9; color:#fff; background:#FF6C00; padding:3px 5px 4px; line-height:1.1; } #wrapper > section .flexmenu.listview > div,#wrapper > section .flexmenu.listview > div{ position:relative; } #wrapper > section .flexmenu.ffull > * a.img, #wrapper > section .flexmenu.listview > * a.img{ position:relative; } #wrapper section div div div b.action,#wrapper section div div div b.kit,#wrapper section div div div b.new,#wrapper section div div div b.hit,#wrapper section div div div b.bonus{ position:static; } #wrapper section div div div b.action,#wrapper section div div div b.new,#wrapper section div div div b.hit,#wrapper section div div div b.bonus{ margin-right:-10px; margin-top:-8px; } #wrapper section div div b.action{ font-size:18px; background:url(/css/../images/svg/akcii-bg.svg) 0 0 no-repeat; width:60px; height:60px; float:right; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } #wrapper section div div b.action em{ padding-top:20px; } #wrapper section div div b.kit{ float:left; } #wrapper section div div b.kit em{ font-size:13px; color:#fff; background:#FF6C00; padding:3px 5px 4px; line-height:1.1; } #wrapper section div div b.new{ background:#1abc9c; float:right; } #wrapper section div div b.new em{ } #wrapper section div div b.hit{ background:#E30027; float:right; } #wrapper section div div b.hit em{ padding-top:15px; } #wrapper section div div b.bonus{ color:#333; background:#FFDF08; font-size:11px; float:right; } #wrapper section div div b.bonus em{ padding-top:17px; } .team-block h3{ margin-bottom:5px; } .team-block small{ font-size:12px; display:block; margin:0 0 20px; color:#999; } #wrapper > section .team-block p{ margin:0 0 8px; } #wrapper > section .flexmenu.team-block > div{ margin:0 0 30px; } .vacancy-item{ margin:0 0 40px; } .vacancy-item p b{ color:#333; font-weight:500; } #wrapper > section .vacancy-item p{ font-size:16px; margin:0 0 20px; line-height:22px; } .vacancy-item a[role="button"]{ width:260px; } .solution-block .round-pic{ float:left; position:relative; width:220px; text-align:center; } .solution-block .round-pic div{ width:160px; height:160px; overflow:hidden; margin:0 auto 20px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; } .solution-block .round-pic p{ font-size:18px; color:#333; } .solution-block .round-pic p.small{ font-size:14px; color:#666; } #wrapper > section .solution-block .round-pic p{ margin:0 0 5px; } .solution-block .solution-info{ /* margin:0 0 0 240px; */ margin:0 30px; } #wrapper > section .solution-info p{ margin-bottom:10px; } #wrapper > section .solution-info p:last-hild{ margin-bottom:0; } .solution-block .solution-info p{ font-size:16px; line-height:22px; } .solution-block .solution-info strong{ font-weight:400; font-size:18px; } .solution-info .pattern-bg{ padding:20px; overflow:hidden; } .solution-info .pattern-bg strong{ display:inline-block; font-size:18px; line-height:40px; font-weight:400; } .solution-info .pattern-bg a{ float:right; } .step{ margin:0 auto 15px; display:block; font-size:32px; line-height:60px; text-align:center; width:60px; height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#3ab5ee; color:#fff; } #wrapper > section .flexmenu.steps-block > * > div{ text-align:center; position:relative; } #wrapper > section .flexmenu.steps-block > * > div p{ font-size:16px; font-weight:500; } .arrow-step{ position:absolute; width:60%; height:1px; border-bottom:1px dotted #3ab5ee; top:40px; left:50%; margin-left:60px; } .step-line{ position:absolute; width:1px; height:36px; border-left:1px dotted #3ab5ee; bottom:-20px; left:50%; } .arrow-step-full{ width:66.6666%; height:25px; border-top:1px dotted #3ab5ee; margin:0 auto 15px; } .step-line-arrow{ position:absolute; width:1px; height:36px; border-left:1px dotted #3ab5ee; top:-40px; left:50%; } .arrow-step:after{ content:""; position:absolute; top:-3px; right:-1px; width:0; height:0; border-style:solid; border-width:4px 0 4px 10px; border-color:transparent transparent transparent #3ab5ee; } .step-line-arrow:after{ content:""; position:absolute; bottom:-1px; left:-4px; width:0; height:0; border-style:solid; border-width:10px 4px 0 4px; border-color:#3ab5ee transparent transparent transparent; } #wrapper > section.city-block{ padding:0; } .city{ background:#f2f3f5 url(/css/../images/svg/city.svg) 50% 0 no-repeat; height:590px; position:relative; overflow:hidden; } .city-map{ position:absolute; width:1200px; top:0; left:50%; margin:0 0 0 -600px; height:590px; } .city-map h2{ padding-top:40px; } .city-map i{ position:absolute; width:30px; height:30px; border:1px solid #ddd; cursor:pointer; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#ffdf08 url(/css/../images/svg/plus.svg) 8px 8px no-repeat; z-index:1; } .city-tooltip{ position:absolute; } .city-tooltip.ct-01{ top:235px; left:14px; } .city-tooltip.ct-02{ top:224px; left:143px; } .city-tooltip.ct-03{ top:246px; left:323px; } .city-tooltip.ct-04{ top:382px; left:294px; } .city-tooltip.ct-05{ top:94px; left:563px; } .city-tooltip.ct-06{ top:313px; left:609px; } .city-tooltip.ct-07{ top:114px; left:863px; } .city-tooltip.ct-08{ top:340px; left:881px; } .city-tooltip-info{ width:220px; background:#FFDF08; position:absolute; top:14px; left:-203px; z-index:8; } .city-tooltip-info h4{ text-align:center; font-weight:400; margin:6px 0; } .city-tooltip-info h4 big{ font-size:32px; } .city-tooltip-info div{ background:#fff; margin:3px; padding:11px 20px 20px; text-align:center; } .city-tooltip .close{ display:none; z-index:10; position:absolute; top:0; width:32px; height:32px; background:#fff url(/css/../images/svg/close.svg) 50% 9px no-repeat; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; cursor:pointer; } .city-tooltip .close:hover{ background-color:#EE2D24; background-position:50% -52px; } .city-tooltip img{ display:none; } .city-tooltip.active .city-tooltip-info, .city-tooltip.active .close, .city-tooltip.active img{ display:block; } .city-tooltip .city-building{ background-repeat:no-repeat; background-size:contain; opacity:0; transition:opacity 1s; } .ct-01 .city-building{ background-image:url('/css/../images/svg/tanker.svg'); width:214px; height:125px; margin-top:-28px; margin-left:9px; } /* Этот попап выбивается за экран при небольшом размере экрана. Если какой-то еще выбивается, надо будет его также пофиксать. */ .ct-01 .city-tooltip-info{ left:14px; } .ct-02 .city-building{ background-image:url('/css/../images/svg/museum.svg'); width:161px; height:231px; margin-top:-78px; margin-left:24px; } .ct-03 .city-building{ background-image:url('/css/../images/svg/bank.svg'); width:167px; height:128px; margin-top:-20px; margin-left:12px; } .ct-04 .city-building{ background-image:url("/css/../images/svg/warehouse.svg"); width:261px; height:110px; margin-top:-25px; margin-left:18px; } .ct-05 .city-building{ background-image:url("/css/../images/svg/hotel.svg"); width:233px; height:296px; margin-top:14px; margin-left:1px; } .ct-06 .city-building{ background-image:url('/css/../images/svg/shopping-mall-active.svg'); width:227px; height:136px; margin-top:-16px; margin-left:14px; } .ct-07 .city-building{ background-image:url('/css/../images/svg/medical-center.svg'); width:349px; height:280px; margin-left:-119px; margin-top:4px; } .ct-08 .city-building{ background:url('/css/../images/svg/BUTIK-02.svg'); width:315px; height:218px; margin-top:-106px; margin-left:-4px; } .city-tooltip:hover .city-building, .city-tooltip.active .city-building{ opacity:1; } .city-tooltip i{ transition:transform 500ms; } .city-tooltip i:hover{ transform:rotate(360deg); } .city-building-popup{ display:none; } .city-tooltip.active .city-building-popup{ display:block; } .city-map a[role="button"]{ position:absolute; bottom:40px; left:50%; margin-left:-80px; } .list-item{ margin:0 0 30px; } .list-item + .pager{ margin-top:-10px; } .list-item a.pic{ float:left; text-decoration:none; } .list-item.w200pic a.pic{ width:200px; overflow:hidden; text-decoration:none; } .list-item.w200pic .list-item-info{ margin:0 0 0 230px; } #wrapper > section .list-item-info p.marked{ margin:0 0 20px; } .list-item-info h3{ font-weight:600; line-height:1.4; } .label-db label, .label-db .label{ display:block; line-height:24px; margin:-4px 0 0 1px; } .label-db small{ color:#999; display:block; font-size:12px; padding:3px 0 2px 1px; } #wrapper > section .form-box .two-coll > div{ width:49%; } .form-regisration-box{ width:400px; } .form-regisration-box .form-box.bord{ padding-right:48px; } .form-regisration-box .form-box label{ color:#666; } .form-regisration-box .form-box p{ position:relative; } .form-regisration-box .form-box p > input{ width:306px; } .form-regisration-box .form-box span.captcha{ float:left; display:block; margin:20px 0 0 20px; position:relative; } .form-regisration-box .form-box span.captcha i{ position:absolute; top:5px; right:-50px; width:30px; height:30px; background:url(/css/../images/svg/icons-2-sprite.svg) -45px -281px no-repeat; } .form-box p.inp-info-row b{ cursor:pointer; content:""; position:absolute; top:35px; right:-30px; width:16px; height:16px; background:url(/css/../images/svg/ic-pseudolink.svg) 0 -19px no-repeat; } .form-box p.inp-info-row b:hover,.form-box p.inp-info-row b.active{ background-position:0 0; } .form-regisration-box .form-box button{ width:360px; } .inp-info{ display:none; background:#fff; position:absolute; width:218px; top:-10px; right:-295px; padding:10px; font-size:14px; color:#666; border:1px solid #e2e4e9; } .inp-info:before{ content:""; position:absolute; top:40px; left:-14px; width:0; height:0; border-style:solid; border-width:14px 14px 14px 0; border-color:transparent #e2e4e9 transparent transparent; } .inp-info:after{ content:""; position:absolute; top:40px; left:-14px; margin:1px 0 0 1px; width:0; height:0; border-style:solid; border-width:13px 14px 13px 0; border-color:transparent #fff transparent transparent; } .form-regisration-box .form-box .form-bot{ margin-right:-48px; } .form-regisration-box .form-box p.small{ color:#666; } .form-box p.small i{ color:#ee2d24; font-style:normal; } .form-regisration-box.fix-label{ width:732px; } .form-regisration-box.fix-label .form-box label{ width:332px; display:inline-block; } .form-regisration-box.fix-label span.captcha{ margin-top:0; } .form-regisration-box.fix-label input.w136{ margin-left:-3px; } .form-regisration-box.fix-label button{ margin-left:332px; width:330px; } .form-regisration-box.fix-label .form-box p.inp-info-row b{ top:12px; } .form-regisration-box.fix-label .inp-info{ top:-34px; } .form-regisration-box .form-box .mes.er button{ margin-left:0; } .registration-block.txt p{ font-size:16px; color:#666; } .registration-block.txt p a{ color:#333; } .registration-block.txt p a:hover{ color:#ee2d24; } #wrapper > section .flexmenu.listview > * a.img{ float:none; margin:0; } #wrapper > section .items_table .view .flexmenu .img-block{ margin:0; padding:0; position:relative; float:left; } #wrapper > section .items_table .view .flexmenu.listview .img-block{ margin-right:30px; margin-top:15px; } #wrapper > section .items_table .view .flexmenu .img-block img{ float:none; } #wrapper > section .items_table .view .flexmenu > div a.img:after{ display:none; } #wrapper > section .items_table .view .flexmenu .img-block a.btn-fast-view{ position:absolute; top:50%; left:0; margin-top:-20px; width:100%; z-index:5; text-align:center; display:block; height:40px; line-height:40px; background-color:rgba(43, 42, 40, 0.7); color:#fff; text-decoration:none; background-image:url(/css/../images/svg/mag_glass.svg); background-repeat:no-repeat; background-position:18px 50%; text-indent:14px; opacity:0; transition:opacity .4s} #wrapper > section .items_table .view .flexmenu .img-block:hover a.btn-fast-view{ opacity:1; } #wrapper > section .items_table .view .flexmenu > div .img-block:hover a.img img{ opacity:.4} #wrapper > section .items_table .view .flexmenu.listview a.btn-fast-view{ background-position:2px 50%; } .form_filter fieldset legend{ margin-bottom:0; } .form_filter input[type="checkbox"] + label, .form_filter fieldset input[type="radio"] + label{ margin-top:15px; margin-bottom:0; } .form_filter input[type="checkbox"]:last-child + label, .form_filter fieldset input[type="radio"]:last-child + label{ margin-bottom:15px; } .form_filter fieldset input[type="text"],.form_filter fieldset big{ margin-top:15px; } .items_table .category_menu{ margin-left:-1px; border-left:1px solid #e2e4e9; border-right:1px solid #e2e4e9; } .items_table figure figcaption{ width:153px; } .items_table figure{ border-left:1px solid #e2e4e9; } .items_table figure > a{ margin-left:-16px; } .items_table figure:last-child > a:last-child{ padding-bottom:14px; } .items_table figure:last-child{ margin-bottom:1px; } .form-filter-btn{ background:#fff; padding:20px 0 14px; margin-top:-2px; width:238px; } .form-filter-btn button{ width:200px; margin:0 auto; } .ui-slider-horizontal{ margin-bottom:10px; } .items_table .form_filter form{ border:1px solid #e2e4e9; border-right:0; } .items_table .form_filter{ border-right:1px solid #e2e4e9; } .form_filter fieldset{ box-shadow:none; border-bottom:1px solid #e2e4e9; } .form_filter input.short[type="text"], input.short[type="password"], textarea.short{ width:75px; } #wrapper > section .sale-info p{ font-size:16px; color:#666; margin:0 0 20px; } .sale-info p big{ font-size:18px; color:#333; } .sale-info p:first-child{ line-height:1; } .sale-info p:first-child span:first-child{ margin:0 100px 0 0; } .brand-sale-info{ padding:4px; } .brand-sale-info .flex-block{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around; } .brand-sale-info p{ font-size:18px; padding:21px 0 21px 25px; } #wrapper > section .brand-sale-info p{ margin:0; } .brand-sale-logo{ width:17%; background:#fff; display:-webkit-flex; display:-ms-flexbox; display:flex; } .brand-sale-logo img{ margin:auto; } .brand-sale-info .flex-block > div:nth-child(3){ width:23%; max-width:220px; display:-webkit-flex; display:-ms-flexbox; display:flex; } .brand-sale-info .flex-block > div:nth-child(3) a{ margin:auto; } .brand-sale-info .flex-block > div:nth-child(2){ width:60%; } .error-block p{ font-size:16px; color:#666; } .error-block > div:first-child{ float:left; text-align:center; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; width:222px; height:222px; background:#ffdf08; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .error-block > div:first-child p{ color:#333; } .error-block > div:first-child p.big{ font-size:100px; padding:43px 0 0; line-height:1; } #wrapper > section .error-block > div:first-child p{ margin:0; } #wrapper > section .error-block > div:first-child p:last-child{ margin-top:-3px; } #wrapper > section .error-block > div:first-child p.big{ margin:0; } .error-block > div:last-child{ margin:0 0 0 322px; } .error-block h1{ padding:37px 0 0; } #wrapper > section .error-block > div:last-child p{ margin:0 0 30px; } .error-block > div:last-child p:last-child span{ margin:0 20px 0 0; } #wrapper > header + section.error-page{ padding-top:58px; } ul.menu{ display:block; width:100%; padding:0; margin:0; height:100%; } @media screen and (min-width:768px){ ul.menu{ display:flex; justify-content:space-evenly; align-items:flex-start; } } li.menu-item{ display:block; list-style:none; height:100%; } li.menu-item::before{ display:none; } .topmenu > div.w .menu > .menu-item:nth-child(n + 2){ position:relative; } .topmenu > div.w .menu > .menu-item:nth-child(n + 2):hover > a{ color:#ed1c24; } .topmenu > div.w .menu > .menu-item:nth-child(n + 2) > a::after{ background:#fff; } .topmenu > div.w .menu > .menu-item > a[active]{ color:#fff; } .topmenu > div.w .menu > .menu-item > a[active]::after{ height:4px; background:#ed1c24; } .topmenu > div.w .menu > .menu-item:hover > a[active], .topmenu > div.w .menu > .menu-item > a[active]:hover{ color:#fff; } .topmenu > div.w .menu > .menu-item:hover > a::after, .topmenu > div.w .menu > .menu-item > a:hover::after{ height:100%; } .topmenu div.w .menu > .menu-item .submenu-list, .topmenu div.w .menu > .menu-item .submenu{ display:none; } .topmenu div.w .menu > .menu-item > a:hover:focus + .submenu-list, .topmenu div.w .menu > .menu-item > a:hover:active + .submenu-list, .topmenu div.w .menu > .menu-item[active] .submenu-list, .topmenu div.w .menu > .menu-item .submenu-list:hover, .topmenu div.w .menu > .menu-item > a:hover:focus + .submenu, .topmenu div.w .menu > .menu-item > a:hover:active + .submenu, .topmenu div.w .menu > .menu-item[active] .submenu, .topmenu div.w .menu > .menu-item .submenu:hover{ display:block; min-width:100%; outline:none; /*border:1px solid #f2f2f3;*/ } .topmenu > div.w .menu > .menu-item .submenu-list{ background:#fff; outline:none; border-bottom:0 solid #2b2a28; border-top:0; left:0; display:none; overflow:hidden; position:absolute; top:100%; transition:border-bottom 0.1s ease 0s, height 0.2s ease 0s, max-height 0.2s ease 0s, opacity 0.3s ease 0s; width:auto; z-index:20; min-width:212px; } .topmenu > div.w .menu > .menu-item:hover .submenu-list, .topmenu > div.w .menu > .menu-item .submenu-list:hover, .topmenu > div.w .menu > .menu-item:focus .submenu-list{ border-bottom:2px solid #2b2a28; opacity:1; max-height:500px; } .topmenu > div.w .menu > .menu-item .submenu-list > a{ display:block; line-height:1.3; padding:11px 40px 11px 10px; text-decoration:none; transition:all 0.3s ease 0s; white-space:nowrap; font-size:14px; } .topmenu > div.w .menu > .menu-item .submenu-list a:hover{ background:#f2f3f5; } .topmenu > div.w .menu > .menu-item .submenu-list > p{ line-height:1.3; padding:11px 40px 11px 10px; margin:0; transition:all 0.3s ease 0s; white-space:nowrap; font-size:14px; } .topmenu > div.w .menu > .menu-item .submenu-list > p span{ display:inline-block; padding-bottom:11px; } .topmenu > div.w .menu > .menu-item .submenu-list > p.btn{ padding-top:2px; } .topmenu2 .menu > .menu-item{ display:block; float:left; margin:0; padding:0 20px; height:100%; } .topmenu2 .menu > .menu-item > a{ display:block; height:100%; } .topmenu2 .menu > .menu-item > a b{ display:flex; align-items:center; height:100%; min-height:60px; position:relative; z-index:3; font-weight:400; } .topmenu2 .menu > .menu-item.active > a b, .topmenu2 .menu > .menu-item:hover > a b{ color:#fff; } .topmenu2 .menu > .menu-item::after{ display:block; content:""; width:100%; height:0; background:#ee2d24; position:absolute; top:0; left:0; z-index:1; transition:height .2s ease; } .topmenu2 .menu > .menu-item.active::after, .topmenu2 .menu > .menu-item:hover::after{ height:100% } .topmenu2 div.w .menu > .menu-item{ position:relative; outline:none; } .topmenu div.w .menu > .menu-item .submenu2{ display:none; } .topmenu2 div.w .menu > .menu-item > a:hover:focus + .submenu2, .topmenu2 div.w .menu > .menu-item > a:hover:active + .submenu2, .topmenu2 div.w .menu > .menu-item .submenu2:hover{ display:block; outline:none; border:1px solid #f2f2f3; } .topmenu2 div.w .menu > .menu-item .submenu2{ z-index:150; background:#fff; display:none; overflow:hidden; border-left:1px solid #e2e4e9; border-top:1px solid #fff; border-right:1px solid #e2e4e9; border-bottom:0 solid #2b2a28; left:0; position:absolute; top:100%; margin-top:-1px; transition:border-bottom 0.1s ease 0s, height 0.2s ease 0s, max-height 0.2s ease 0s, opacity 0.3s ease 0s; } .topmenu2 div.w .menu > .menu-item:hover .submenu2, .topmenu2 > div.w .menu > .menu-item:focus .submenu2{ max-height:1000px; overflow:visible; opacity:1; border-bottom:2px solid #2b2a28; } .topmenu2 div.w .menu > .menu-item .category_menu figure{ margin:0; width:310px; z-index:4; } .topmenu2 div.w .menu > .menu-item .category_menu figure figcaption{ background:#fff; position:relative; padding:0; font-size:14px; height:50px; display:-webkit-flex; display:-ms-flexbox; display:flex; z-index:19; } .topmenu2 div.w .menu > .menu-item .category_menu figure figcaption::before{ content:""; position:absolute; top:21px; right:19px; width:0; height:0; border-style:solid; border-width:4px 0 4px 6px; border-color:transparent transparent transparent #333; } .topmenu2 div.w .menu > .menu-item .category_menu figure figcaption strong{ display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center; margin:auto 0; font-weight:400; padding:0 30px 0 70px; height:100%; } .topmenu2 div.w .menu > .menu-item .category_menu figure figcaption strong span{ line-height:16px; display:inline-block; /* padding:8px 0 8px 0; */ font-size:0.9em; } .topmenu2 div.w .menu > .menu-item .category_menu figure a.m-link{ display:block; width:100%; line-height:normal; } .topmenu2 div.w .menu > .menu-item .category_menu figure figcaption:hover, .topmenu2 div.w .menu > .menu-item .category_menu figure.active figcaption, .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption{ background:#f2f3f5; } .topmenu2 div.w .menu > .menu-item .category_menu figcaption.cat_icon::after{ background-size:auto 105px; left:18px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci1::after{ background-position:3px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci2::after{ background-position:-96px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci3::after{ background-position:-245px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci4::after{ background-position:-196px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci5::after{ background-position:-293px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci6::after{ background-position:-47px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci7::after{ background-position:-194px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci8::after{ background-position:-342px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci9::after{ background-position:-393px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci10::after{ background-position:-570px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci11::after{ background-position:-486px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci12::after{ background-position:-530px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci13::after{ background-position:-440px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci14::after{ background-position:-616px -33px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci15::after{ background:url('/css/../images/auto.png') no-repeat 3px 4px; background-size:30px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci16::after{ background:url('/css/../images/gost.png') no-repeat 0 4px; background-size:30px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci17::after{ background:url('/css/../images/clock.png') no-repeat 3px 5px; background-size:30px; } .topmenu2 div.w .menu > .menu-item figcaption.cat_icon.ci18::after{ background:url('/css/../images/explosion.png') no-repeat 3px 4px; background-size:30px; } .topmenu2 div.w .menu > .menu-item a[href="/catalog/okhrannaya-i-pozharnaya-signalizatsiya/"] figcaption.cat_icon::after{ background-position:3px 50%; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci1::after{ background-position:3px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci2::after{ background-position:-96px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci3::after{ background-position:-245px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci4::after{ background-position:-196px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci5::after{ background-position:-293px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci6::after{ background-position:-47px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci7::after{ background-position:-194px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci8::after{ background-position:-342px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci9::after{ background-position:-393px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci10::after{ background-position:-570px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci11::after{ background-position:-486px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci12::after{ background-position:-530px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci13::after{ background-position:-440px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover figcaption.cat_icon.ci14::after{ background-position:-616px -73px; } .topmenu2 div.w .menu > .menu-item .category_menu figure > span{ display:none; position:absolute; background:#fff; border-right:1px solid #e2e4e9; top:0; left:0; padding-left:309px; min-height:420px; border-bottom:0 solid #2b2a28; transition:border-bottom 0.1s ease 0s; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover > span, .topmenu2 div.w .menu > .menu-item .category_menu figure > span:hover{ border-bottom:2px solid #2b2a28; z-index:18; } .topmenu2 div.w .menu > .menu-item .category_menu figure > span a{ color:#333; display:block; font-weight:400; line-height:1.3; padding:10px 37px 10px 23px; text-decoration:none; transition:all 0.3s ease 0s; white-space:nowrap; font-size:14px; } .topmenu2 div.w .menu > .menu-item .category_menu figure > span a:hover{ background:#f2f3f5; color:#ee2d24; } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover span{ display:block; } .topmenu2 div.w .menu > .menu-item .brands-menu{ width:439px; } .topmenu2 div.w .menu > .menu-item .brands-menu > div{ width:219px; float:left; } .topmenu2 div.w .menu > .menu-item .brands-menu > div a{ color:#333; display:block; font-weight:400; line-height:1.3; padding:10px 5px 10px 11px; text-decoration:none; transition:all 0.3s ease 0s; white-space:nowrap; font-size:14px; } .topmenu2 div.w .menu > .menu-item .brands-menu a:hover{ background:#f2f3f5; color:#ee2d24; } .topmenu2 div.w .menu > .menu-item .brands-menu > span{ display:block; padding:0 10px 10px; } .topmenu2 div.w .menu > .menu-item .brands-menu > span a{ display:block; width:150px; height:40px; line-height:40px; padding:0; } .pop{ display:none; position:absolute; z-index:20; background:#fff; width:320px; margin:20px 0 0 -185px; z-index:9999; } .pop.pop-cart{right:0;top:70px;cursor:default;z-index:9999; border:1px solid #e2e4e9;} .login a.active{ color:#ee2d24; } .login a.active:after{ border:0; } .login.person a.dash{ position:relative; margin:0 13px 0 0; } .login.person a.dash:before{ content:""; position:absolute; top:6px; right:-13px; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#999 transparent transparent transparent; } .login.person a.dash.active:before{ border-width:0 5px 5px 5px; border-color:transparent transparent #EB1924 transparent; } .pop h3{ margin:4px 0 20px; } .pop > *{ padding:14px 18px 20px; } .pop:before{ content:""; position:absolute; top:-14px; left:60%; margin:0 0 0 -8px; width:0; height:0; border-style:solid; border-width:0 15px 16px 15px; border-color:transparent transparent #e2e4e9 transparent; z-index:20; } .pop:after{ content:""; position:absolute; top:-12px; left:60%; width:0; margin:0 0 0 -6px; height:0; border-style:solid; border-width:0 13px 14px 13px; border-color:transparent transparent #fff transparent; z-index:21; } .pop .form-box p{ margin:0 0 20px; line-height:1; } .pop .form-box label{ display:block; margin:0 0 8px; } .pop .pop-item-order{ overflow:hidden; font-size:13px; margin:0 0 23px; } .pop .pop-item-order img{ display:block; float:left; border:1px solid #e2e4e9; margin:2px 0 0; background:url(/css/../images/images-bg.png) no-repeat 50% 50%; background-size:cover; } .pop .pop-item-order span{ display:block; float:right; width:70px; line-height:1.7; } .pop .pop-item-order p{ margin:0 80px 0 70px; } .pop .pop-item-order p>a{text-decoration:inherit;} .person .pop{ width:148px; margin-left:0; } .person .pop:before,.person .pop:after{ left:47%; } .person .pop{ width:148px; margin-left:0; } .person .pop > *{ padding:0; } .person .pop a{ display:block; padding:10px; text-decoration:none; } .person .pop a:hover{ background:#f2f3f5; } .exclusive-tbl{ width:100%; border-collapse:separate!important; border-spacing:20px!important; margin:0; } .exclusive-tbl tr td{ padding:0 5px 0 1px; vertical-align:top; text-align:left; } .exclusive-tbl tr td strong{ display:block; margin:0 0 5px; color:#0C0C0B; font-weight:500; } .exclusive-tbl tr:first-child td{ width:20%; height:98px; padding:0; text-align:center; vertical-align:middle; border:1px solid #e2e4e9; box-shadow:0 0 0 2px #e2e4e9 inset; background:#fff; transition:box-shadow 0.2s ease 0s; } .exclusive-tbl tr td img{ display:inline; } .exclusive-tbl tr:first-child td:hover{ box-shadow:0 0 0 3px #ffdf08 inset; } .exclusive-tbl a{ text-decoration:none; color:#333; display:inline-block; width:100%; } .geopraphy-block > div.w{ margin-bottom:30px; } .geopraphy-block p{ font-size:16px; color:#666; } .geography{ background:url(/css/../images/geography-bg.jpg) 50% 0 no-repeat; position:relative; padding:20px 0; background-size:cover; } .geography .geography-map{ position:relative; width:100%; min-width:940px; max-width:1170px; min-height:230px; margin:0 auto; } .geography .geography-map img{ width:100%; } .geography .city-point{ position:absolute; } .geography .city-point i{ cursor:pointer; font-style:normal; background:#3ab5ee; color:#fff; font-size:16px; display:block; padding:0 25px; height:24px; line-height:24px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; } .geography .city-point.spb{ top:35%; left:7%; } .geography .city-point.volgograd{ top:65%; left:4%; } .geography .city-point.kazan{ top:65%; left:22%; } .geography .city-point.norilsk{ top:48%; left:43%; } .geography .city-point.novosibirsk{ top:81%; left:36%; } .geography .city-point.krasnoiarsk{ top:89%; left:46%; } .geography .city-point.magadan{ top:40%; left:82%; } .geography .city-point i:hover,.geography .city-point i.active{ background:#ffdf08; color:#333; } .geography .city-point-info{ display:none; width:292px; padding:19px 0; margin-top:10px; font-weight:400; font-size:14px; position:absolute; background:#fff; border:3px solid #ffe00d; z-index:50; } .geography .city-point-info span{ display:block; margin:0 19px 10px; color:#666; } .geography .city-point-info a{ margin-left:19px; } .geography .city-point.magadan .city-point-info{ margin-left:-180px; } .geography-line{ position:absolute; top:1px; left:1px; width:100%; height:100%; background:url(/css/../images/svg/map-line.svg) 50% 0 no-repeat; background-size:100%; } .geography .alpro{ position:absolute; top:68px; left:88px; width:112px; height:85px; background:url(/css/../images/svg/alpro.svg) 0 0 no-repeat; } #wrapper > section.slider-tod-block{ border-bottom:1px solid #ddd; padding-top:0; } .slider-tod-block h2{ margin-bottom:34px; } .slider-tod{ position:relative; padding:0 100px; margin-top:14px; } .scale-wrap{ position:relative; overflow:hidden; z-index:20; height:100px; } .scale-container{ width:10000px; position:absolute; height:100px; } .scale-line{ background:#f2f3f5; height:16px; margin:0 -35px; } .scale{ height:14px; background:url(/css/../images/scale.png) -34px 1px repeat-x; } .scale-year{ margin:0 0 6px 7px; } .scale-year i{ font-style:normal; font-size:12px; color:#666; padding:9px 0 20px; display:inline-block; width:84px; text-align:center; position:relative; } .scale-year i b{ display:none; position:absolute; top:0; left:0; width:90px; text-align:center; height:40px; line-height:40px; background:#ffdf08; font-size:26px; font-weight:400; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } .scale-year i.active b{ display:block; } .indicator{ width:2px; height:100%; position:absolute; top:0; left:316px; background:#bbb; z-index:19; } .indicator:after{ content:""; position:absolute; top:-4px; left:-10px; width:22px; height:22px; background:#3ab5ee; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; } .h-slider{ /*width:604px;*/ margin:30px auto 0; display:none; } .h-more{ display:none; } .h-item{ overflow:hidden; margin:0 0 28px 67px; } .h-slider{ /*height:450px;*/ /*overflow:hidden;*/ } .h-slider .date{ width:103px; float:left; position:relative; padding-left:45px; margin:2px 0 0; } .h-slider .date:after{ content:""; position:absolute; top:4px; right:-7px; width:10px; height:10px; background:#3ab5ee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:20; } .h-slider .h-item-inf{ margin:0 0 0 181px; } .h-slider .h-item-inf p{ color:#666; } .h-slider .h-item-inf h3{ line-height:1.3; } .slider-tod-btn{ cursor:pointer; position:absolute; width:40px; height:40px; background:#fff; border:1px solid #ed1d25; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; top:-11px; } .slider-tod-btn:hover{ background:#ed1d25; } .slider-tod-btn.prev{ left:0; } .slider-tod-btn.next{ right:0; } .slider-tod-btn:after{ content:""; position:absolute; width:12px; height:16px; width:0; height:0; border-style:solid; top:11px; left:12px; } .slider-tod-btn.prev:after{ border-width:9px 12px 9px 0; border-color:transparent #ed1d25 transparent transparent; } .slider-tod-btn.next:after{ border-width:9px 0 9px 12px; border-color:transparent transparent transparent #ed1d25; left:16px; } .slider-tod-btn.prev:hover:after{ border-color:transparent #fff transparent transparent; } .slider-tod-btn.next:hover:after{ border-color:transparent transparent transparent #fff; } #wrapper > section.slider-tod-block .btn-more{ text-align:center; margin:20px 0 0 -300px; } #wrapper > section.slider-tod-block .btn-more button{ width:136px; } #wrapper > section.slider-tod-block .btn-more button:after{ content:""; position:absolute; top:17px; right:38px; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#ed1d25 transparent transparent transparent; } #wrapper > section.slider-tod-block .btn-more button:hover:after{ border-color:#fff transparent transparent transparent; } .form-box.search .search-row{ overflow:hidden; padding:0 0 40px; } .form-box.search .search-row span{ width:78%; float:left; } .form-box.search .search-row button{ float:right; } .form-box.search .color-radio{ margin-right:} fieldset.radio-row{ border:0; box-shadow:none; padding:0 0 40px; } fieldset.radio-row span{ float:left; margin:0 60px 0 0; } .form-box.search p{ color:#666; } #wrapper > section .form-box.search p:last-child{ margin:0; } .search-page-form{ margin:0 140px 0 0; } .search-page-form input.search[type="text"]{ width:90%; margin-top:10px; } .search-page-form button{ margin-top:10px; } .search-drop-box{ position:relative; } .search-drop{ position:absolute; /* // top:60px; */ /* // left:0; */ /* // width:100%; */ z-index:10000; } .search-drop-list{ /*margin:0 200px 0 40px;*/ width:92% !important; margin:0 auto; background:#fff; padding:0 0 10px 0; border-bottom:2px solid #2b2a28; } .search-drop-item{ padding:10px 10px 8px; overflow:hidden; } .search-drop-item:hover{ background:#f2f3f5; } .search-drop-item a:hover{ color:#eb1a24; } .search-drop-item strong,.search-drop-item a, .search-drop-item small{ display:block; margin:0 0 2px; } .search-drop-item strong{ font-weight:400; } .search-drop-item.item-img strong,.search-drop-item.item-img small,.search-drop-item.item-img a{ margin:0 0 2px 70px; } .search-drop-item.item-img a.img{ float:left; margin:0; width:58px; height:58px; border:2px solid #ffdf09; position:relative; } .search-drop-item a.img b{ position:absolute; top:6px; left:-2px; height:15px; libe-height:15px; color:#fff; background:#00bce4; font-weight:400; font-size:12px; padding:0 6px; } .search-drop-item small{ color:#666; font-size:13px; } .search-drop-item small a,.search-drop-item.item-img small a{ display:inline; margin:0; padding:0; text-decoration:none; } .search-drop-item.action{ background:#f3f8fc; } .search-drop-item.action strong:last-child{ color:#0060a7; padding-top:3px; } .search-drop-list button{ margin:10px 0 0 10px; } .activity{ overflow:hidden; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } .activity .col{ -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; text-align:center; font-size:14px; position:relative; padding:20px 10px 80px; } .activity .col:hover{ background:#fafafa} .activity .col a[role="button"]:last-child{ position:absolute; bottom:20px; left:50%; margin-left:-60px} .activity .col .img{ display:block; width:90px; height:90px; border-radius:90px; line-height:90px; background:#ffdf08; margin:0 auto 20px} .activity .col .img img{ vertical-align:middle} .activity .col big{ display:inline-block; margin-bottom:10px; font-weight:500; font-size:16px} .activity-var{ background:url(/css/../images/bg-pic-1.jpg) center top; background-size:cover; } .activity-var .activity{ background:transparent; overflow:visible; padding-top:7px; } .activity-var .col{ padding-top:0; color:#fff; padding-bottom:48px; position:relative; } .activity-var .col big{ font-weight:400; } .activity-var .col .img{ width:60px; height:60px; position:relative; margin-bottom:17px; border-radius:50%; border:3px solid #ffffff; background-color:transparent; } .activity-var .col:after{ content:" "; z-index:0; display:block; width:50%; height:1px; background:#fff; position:absolute; top:30px; left:50%; margin:0 0 0 30px; } .activity-var .col:before{ content:" "; z-index:0; display:block; width:50%; height:1px; background:#fff; position:absolute; top:30px; left:0; margin:0 0 0 -30px; } .activity-var .col:last-child:after{ display:none; } .activity-var .col:first-child:before{ display:none; } .activity-var .col .img img{ height:40px; width:auto; vertical-align:top; padding-top:9px; } .activity-var .col:hover,.activity-var .col:active{ background:transparent} .activity-var .img-over{ z-index:1; background-repeat:no-repeat; background-position:center center; width:80px; height:80px; border-radius:50%; background-color:#FFDF08; display:inline-block; position:absolute; top:-10px; left:-10px; display:none; } .activity-var .img-over.scheme{ background-image:url(/css/../images/svg/submenu_scheme.svg); } .activity-var .img-over.picture{ background-image:url(/css/../images/svg/submenu_picture.svg); } .activity-var .img-over.house{ background-image:url(/css/../images/svg/submenu_house.svg); } .activity-var .col .img:hover .img-over{ display:block; } .activity-var .col .img .img-over:hover,.activity-var .col .img .img-over:active,.activity-var .col .img .img-over.active{ display:block; } .activity-tabs .tab-item{ color:#fff} .activity-tabs .tab-item .tab-title{ line-height:1.4} .activity-tabs .tab-item p{ font-size:16px; line-height:1.4} .activity-tabs .tab-item .btn-wrap{ margin-top:33px; } .activity-tabs .tab-item a[role="button"]{ font-size:16px; } .quote-block .avatar-block{ margin-top:-5px; } .quote-block .avatar-wrap{ width:160px; height:160px; border-radius:50%; overflow:hidden; margin-bottom:16px; } .quote-block .avatar-wrap img{ width:100%; height:100%; } .quote-block:after{ content:" "; width:1%; opacity:0; display:block; clear:both; } .quote-block .avatar-block .auth-name{ display:block; font-weight:500; font-size:18px; color:#333; text-align:center; margin-bottom:4px; } .quote-block .avatar-block .auth-pos{ display:block; text-align:center; font-size:14px; color:#999; text-align:center; } .quote-text q{ position:relative; } .quote-text q:before{ position:absolute; font-size:42px; top:-15px; line-height:auto} .quote-text q:after{ font-size:42px; top:auto; bottom:-5px; position:absolute; line-height:1; } .quote-block .quote-text{ margin:0 0 0 220px; } .quote-block .quote-text .descr-l{ font-size:18px; line-height:1.4; color:#333; display:inline-block; margin-bottom:8px; } .quote-block .quote-text .descr-s{ font-size:16px; line-height:1.4; color:#999} .quote-block .btn-wrap{ margin-top:33px; } .quote-block .btn-wrap .btn{ font-size:16px; font-weight:600; margin-left:20%} .solution-info strong{ font-weight:400; font-size:18px; } .solution-block .quote-text{ margin:0 0 30px; } .solution-block .quote-text strong:first-child{ line-height:26px; margin:0 0 10px; display:inline-block; } .solution-block .quote-text q:before{ top:-10px; } .solution-block .quote-text span{ margin:0 0 10px; line-height:22px; font-size:16px; color:#999; display:inline-block; } .solution-block .quote-text span:last-child{ margin:0; display:inline; } .solution-block .round-pic{ float:left; position:relative; width:220px; text-align:center; } .solution-block .round-pic div{ width:160px; height:160px; overflow:hidden; margin:0 auto 20px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; } .solution-block .round-pic p{ font-size:18px; color:#333; } .solution-block .round-pic p.small{ font-size:14px; color:#666; } #wrapper > section .solution-block .round-pic p{ margin:0 0 5px; } .solution-block .solution-info{ /* margin:0 0 0 240px; */ margin:0; } .solution-block .solution-info .quote-text{ margin-left:20px; margin-right:20px; } .solution-info .pattern-bg{ padding:20px; overflow:hidden; } .solution-info .pattern-bg a{ float:right; } .contacts-block{ border-bottom:1px solid #E2E4E9; } .contacts-block:after{ content:" "; display:block; height:1%; opacity:0; clear:both; } .contacts-block .contacts-info{ min-width:545px; width:545px; } .contacts-block .contacts-info .inner-block{ padding-top:2px; margin-bottom:20px} .contacts-block .subtitle{ display:block; font-weight:600; font-size:16px; margin-bottom:7px; } .contacts-block .contact-item{ margin-bottom:20px; } .contacts-block p{ font-size:16px; color:#666; margin:0; } .contacts-block .hint{ font-size:14px} .contacts-block .contacts-info .btn-wrap{ padding-top:0; } .btn-bank-details{ display:inline-block; border:2px solid #E2E4E9; font-size:18px; font-weight:600; padding:17px 42px 17px 18px; vertical-align:top; text-decoration:none; } .btn-bank-details:hover{ text-decoration:none; color:#333; } .btn-bank-details span{ font-weight:400; position:relative; font-size:14px; border-bottom:1px dashed #333; display:inline-block; line-height:14px; vertical-align:top; padding-top:2px; margin-left:68px; } .btn-bank-details span:before{ content:" "; display:inline-block; width:30px; height:36px; position:absolute; top:-8px; left:-43px; background:url(/css/../images/svg/ic-pdf-big.svg) 0px 0px no-repeat; } .btn-bank-details:hover span{ border:0; color:#ee2d24; } .contacts-block .contacts-form{ width:380px; min-width:380px; border:2px solid #E2E4E9; margin-top:7px; } .contacts-block .contacts-form .in{ padding:20px; } .contacts-block .contacts-form textarea{ resize:vertical; height:96px; } .contacts-block .contacts-form .btn-wrap{ margin-top:-4px} .contacts-branches .contact-item{ padding-top:2px; margin-bottom:21px} .contacts-branches .subtitle{ display:block; font-weight:600; font-size:16px; margin-bottom:7px; } .contacts-branches p{ font-size:14px; color:#666; margin:0; } .contacts-branches .info{ overflow:hidden; } .contacts-branches .column{ width:439px; min-width:439px; } #wrapper section.map-block{ padding:0px; } .map-block{ height:auto; min-height:290px; max-height:410px; position:relative; } .map-block .pointer{ width:107px; height:117px; background:url(/css/../images/pointer.png) 0px 0px no-repeat; margin-top:-117px; margin-left:-53px; position:absolute; top:49%; left:58%; } .map-block img{ width:100%; height:auto; height:100%; } .tabs-us-block.docum{ position:relative; } .docum .pseudo-link-block{ position:absolute; top:-40px; right:0; } .docum .pseudo-link-block a.pseudo-link{ font-size:13px; } .tabs-us-block > input[type="radio"] + label.by{ position:relative; padding-left:48px; } .tabs-us-block > input[type="radio"] + label.by:after{ content:""; position:absolute; top:12px; left:20px; width:18px; height:18px; background:url(/css/../images/svg/icons-4-sprite.svg) 0 0 no-repeat; } .tabs-us-block > input[type="radio"]:checked + label.by.by-name:after{ background-position:0 -24px; } .tabs-us-block > input[type="radio"] + label.by.by-category:after{ background-position:-22px 0; } .tabs-us-block > input[type="radio"]:checked + label.by.by-category:after{ background-position:-22px -24px; } .tabs-us-block > input[type="radio"] + label.by.by-brand:after{ background-position:-42px 0; top:13px} .tabs-us-block > input[type="radio"]:checked + label.by.by-brand:after{ background-position:-42px -23px; } .docum-category .category-menu figure{ margin:0 20px 40px 0; } .docum-category .category-menu figure figcaption{ position:relative; padding:0 0 0 50px; min-height:60px; font-size:14px; } .docum-category .category-menu figure figcaption strong{ display:inline-block; margin:0 0 20px; font-weight:400; color:#2B2A26; font-size:16px; line-height:1.4; } .docum-category .category-menu figcaption.cat_icon::after{ left:0; top:-2px; margin:0; background-size:auto 108px; } /* Охранно-пожарная сигнализация */ .docum-category .category-menu figcaption.cat_icon.ci1::after{ background-position:0 -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci1::after{ background-position:0 -80px; } /* Видеонаблюдение */ .docum-category .category-menu figcaption.cat_icon.ci2::after{ background-position:-100px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci2::after{ background-position:-100px -80px; } /* Контроль, управление доступом */ .docum-category .category-menu figcaption.cat_icon.ci3::after{ background-position:-252px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci3::after{ background-position:-252px -80px; } /* Оповещение и трансляция */ .docum-category .category-menu figcaption.cat_icon.ci4::after{ background-position:-202px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci4::after{ background-position:-202px -80px; } /* Вспомогательное оборудование */ .docum-category .category-menu figcaption.cat_icon.ci5::after{ background-position:-303px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci5::after{ background-position:-303px -80px; } /* Интегрированные системы */ .docum-category .category-menu figcaption.cat_icon.ci6::after{ background-position:-47px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci6::after{ background-position:-47px -80px; } /* Распродажа оборудования */ .docum-category .category-menu figcaption.cat_icon.ci7::after{ background-position:-150px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci7::after{ background-position:-150px -80px; } /* AutoID */ .docum-category .category-menu figcaption.cat_icon.ci8::after{ background-position:-350px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci8::after{ background-position:-350px -80px; } /* Активное сетевое оборудование */ .docum-category .category-menu figcaption.cat_icon.ci9::after{ background-position:-405px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci9::after{ background-position:-405px -80px; } /* ИБП (UPS) */ .docum-category .category-menu figcaption.cat_icon.ci10::after{ background-position:-587px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci10::after{ background-position:-587px -80px; } /* Серверы и жёсткие диски */ .docum-category .category-menu figcaption.cat_icon.ci11::after{ background-position:-502px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci11::after{ background-position:-502px -80px; } /* Шкафы телекоммуникационные и стойки */ .docum-category .category-menu figcaption.cat_icon.ci12::after{ background-position:-546px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci12::after{ background-position:-546px -80px; } /* Пассивное сетевое оборудование */ .docum-category .category-menu figcaption.cat_icon.ci13::after{ background-position:-453px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci13::after{ background-position:-453px -80px; } /* Электрооборудование */ .docum-category .category-menu figcaption.cat_icon.ci14::after{ background-position:-633px -39px; } .docum-category .category-menu:hover figcaption.cat_icon.ci14::after{ background-position:-633px -80px; } .docum-category .category-menu figcaption.cat_icon.ci15::after, .docum-category .category-menu:hover figcaption.cat_icon.ci15::after{ background:url('/css/../images/auto.png') no-repeat 0 0; background-size:30px; } .docum-category .category-menu figcaption.cat_icon.ci16::after, .docum-category .category-menu:hover figcaption.cat_icon.ci16::after{ background:url('/css/../images/gost.png') no-repeat 0 0; background-size:30px; } .docum-category .category-menu figcaption.cat_icon.ci17::after, .docum-category .category-menu:hover figcaption.cat_icon.ci17::after{ background:url('/css/../images/clock.png') no-repeat 0 0; background-size:30px; } .docum-category .category-menu figure a{ display:block; margin:0 0 11px; } .tabs-us-block.docum figcaption.category-menu-header{ position:relative; } .tabs-us-block.docum figcaption.category-menu-header.cat_icon::after{ position:relative; left:-44px; top:-7px; } .form-box.fast-search .form-row span,form-box.fast-search .form-row button{ float:left; } .form-box.fast-search .form-row span{ margin:0 10px 0 0; } .form-box.fast-search .form-row span:first-child{ margin-top:10px; } .docum-category figure.f3col{ margin:60px 0 0; } .jq-selectbox{ width:297px; height:36px; border:2px solid #E2E4E9; color:#878787; } .jq-selectbox__select{ width:243px; background:transparent; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow:none; height:36px; text-shadow:none; color:#878787; font-size:14px; font-family:"Roboto","Verdana",sans-serif; } .jq-selectbox__select:hover{ background:transparent; } .jq-selectbox__select:active{ background:transparent; box-shadow:none; } .jq-selectbox.focused .jq-selectbox__select{ border:0; } .jq-selectbox.disabled .jq-selectbox__select{ border:0; background:transparent; box-shadow:none; color:#999; } .jq-selectbox__trigger{ border:0; } .jq-selectbox__trigger-arrow{ top:12px; border-style:solid; border-width:6px 4px 0 4px; border-color:#ee2d24 transparent transparent transparent; opacity:1; filter:alpha(opacity=100); } .jq-selectbox.opened .jq-selectbox__trigger-arrow{ border-width:0 4px 6px 4px; border-color:transparent transparent #ee2d24 transparent; } .jq-selectbox__dropdown{ height:auto; top:36px; left:-2px; width:301px; border:1px solid #E2E4E9; border-bottom:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow:none; font-size:14px; font-family:"Roboto","Verdana",sans-serif; } .jq-selectbox__dropdown:after{ Content:""; height:2px; width:301px; background:#2B2A28; position:absolute; bottom:-2px; left:-1px; } .jq-selectbox__dropdown ul{ max-height:1000px !important; } .jq-selectbox li{ padding:7px 10px 8px; color:#231F20; } .jq-selectbox li.selected{ background:transparent; color:#333; } .jq-selectbox li:hover{ background:#F2F3F5; color:#ee2d24; } .jq-selectbox li.disabled{ color:#999; } .jq-selectbox__select-text{ margin-top:4px; } .content-block{ padding-bottom:23px; } .content-block > div{ padding-bottom:20px; } .content-block > div:last-child{ padding-bottom:0; } .content-block > p + div{ margin-top:20px; } .content-block.pop-box{ padding:20px; } .bold-txt{ font-weight:500; } .ital-txt{ font-style:italic; } .quote-txt{ font-size:16px; position:relative; } .quote-txt:before{ content:'\00AB'; color:#FFDF08; font-size:42px; position:absolute; line-height:42px; top:-15px; left:-25px; } .quote-txt:after{ content:'\00BB'; color:#FFDF08; font-size:42px; position:absolute; line-height:42px; bottom:-7px; } .content-block.bord-top{ padding-top:20px; border-top:1px solid #ddd; } .content-table{ border:1px solid #CDD4D7; color:#666; width:100%; margin-bottom:17px} .content-table tr{ border:1px solid #CDD4D7; } .content-table tr:nth-child(even){ background-color:#fafafa; } .content-table td{ border:1px solid #CDD4D7; padding:10px 10px 9px; } .content-table td:first-child{ width:280px; } .content-ul{ padding-left:16px} .content-ul li{ padding-bottom:3px; } .content-ol{ padding-left:10px; margin:0 0px 0px 10px; list-style-position:outside; margin-bottom:20px; } .content-ol li{ padding-bottom:5px; } .content-ul-sm{ list-style:none; list-style-image:none; font-size:12px; color:#666; margin-bottom:23px; padding-left:0px; } .content-ul-sm li{ padding-bottom:3px; } .content-ul-sm li:before{ content:"•"; display:inline-block; width:7px; } .content-ul-m{ list-style:none; list-style-image:none; padding-left:0px; color:#666} .content-ul-m li:before{ content:"•"; display:inline-block; width:11px; } .content-article:after{ content:" "; display:block; clear:both; height:1%; } .content-video{ width:440px; margin:0 0 20px; } .content-video.left{ margin-right:20px; } .content-video.right{ margin-left:20px; } #wrapper > section .content-block p{ margin:0 0 20px; } .content-block h4{ margin:0 0 13px; } .content-block h5{ margin:0 0 10px; } .content-block .flex-block.f2col > div > *,.content-block .flex-block.f3col > div > *{ padding:0 30px 0 0; } .imgs-row{ margin:0 0 20px; width:100%; } .imgs-row td{ width:25%; vertical-align:middle; text-align:center; padding:0; } .pop-box .content-video{ width:380px; } .pop-box .two-coll > div{ width:49%; } .pop-box .two-coll > div.right{ margin-left:2px; } .pop-box.content-block h3.auth{ margin:0 0 5px; } .content-block h3.auth + p{ color:#999; } .pop-box.content-block p{ margin:0 0 20px; } .card-btns{ max-width:380px; } .buy-fast-form{ max-width:360px; } #wrapper > section .products-list .flexmenu > *{ max-width:240px; } .form-box p{ position:relative; } .form-box p b.error{ display:none; position:absolute; bottom:-20px; left:0; color:#ee2d24; font-weight:400; font-size:13px; } input[type="email"].non-complete, input[type="text"].non-complete, input[type="password"].non-complete, textarea.non-complete{ border-color:#ee2d24; } .g-recaptcha.non-complete>div{ border:2px solid #ee2d24; } input[type="text"].complete, input[type="password"].complete, textarea.complete{ border-color:#ffdf08; } button[readonly], button[readonly]:hover, button[readonly]:focus, button.readonly, button.readonly:hover, button.readonly:focus, input[readonly], input[readonly]:hover, input[readonly]:focus, input.readonly, input.readonly:hover, input.readonly:focus{ background:#f3f4f6; border-color:#e2e4e9; cursor:not-allowed; } button[disabled], button[disabled]:hover, button[disabled]:focus, button.disabled, button.disabled:hover, button.disabled:focus, input[disabled], input[disabled]:hover, input[disabled]:focus, input.disabled, input.disabled:hover, input.disabled:focus{ background:#f3f4f6; border-color:#e2e4e9; color:#999; cursor:not-allowed; } input[name="extraphone"]{ position:absolute; left:-1000px; z-index:-100; opacity:0.001; } #wrapper > section .pop4 > div{ width:204px; } #wrapper>section .pop4{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } #wrapper > section .items_table .view .flexmenu > div a.p:last-child{ float:none; font-size:13px; line-height:1.4; } .badges_block .badge{ display:block; margin:0 0 19px; } .badges_block .badge b{ display:block; font-weight:400; z-index:9; color:#fff; text-align:center; font-size:21px; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .badges_block .badge em{ font-style:normal; display:inline-block; padding-top:35px; line-height:1.1; } .badges_block .badge.kit{ } .badges_block .badge.kit b{ width:auto; height:auto; font-size:16px; color:#fff; background:#FF6C00; padding:0; line-height:1.1; -webkit-border-radius:0%; -moz-border-radius:0%; border-radius:0%; display:inline-block; } .badges_block .badge.kit em{ display:inline-block; padding-top:0; padding:6px 20px 9px 47px; background:url(/css/../images/svg/kit-bg.svg) 17px 50% no-repeat; } .badges_block .badge.new b{ background:#1abc9c; } .badges_block .badge.action b{ font-size:35px; background:url(/css/../images/svg/akcii-bg.svg) 0 0 no-repeat; background-size:100px; } .badges_block .badge.action em{ padding-top:30px; } .badges_block .badge.bonus b{ color:#333; background:#FFDF08; font-size:18px; } .badges_block .badge.bonus em{ padding-top:27px; } .badges_block .badge.hit b{ background:#E30027; } .badges_block .badge.hit em{ padding-top:22px; } .badges_block .badge.pic b{ background:#fff; border:2px solid #0181B9; width:96px; height:96px; } .badges_block .badge.pic img{ margin-top:15px; } .badges_block .badge.pic.guaranty b{ border-color:#19BE6D; } .badges_block .badge.pic.guaranty img{ margin-top:25px; } .badges_block .badge.logo b{ width:auto; height:auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:10px; border:1px solid #e5e6e5; color:rgb(111, 111, 111); font-size:1.1em; } .badges_block .badge.logo.honeywell b{ padding:12px 5px 5px; color:rgb(111, 111, 111); } .item_card_features .badges_block{ width:140px; margin-top:7px; } .item_card_features .badges_block .badge b{ margin:0 auto; } .ex-row >div{ float:left; margin:0 10px 0 0; } @media screen and (min-width:1024px){ .top2 .contact{ width:74%; margin-top:29px; } .top2 .contact>a{ font-size:21px} .top2 .logo{ width:235px; } .top2 .logo img{ height:auto; } .top2 .logo span{ padding-right:21px; } .top2 .contact .right .login{ margin-left:19px; } .topmenu2 .menu > .menu-item{ font-size:18px; } .motivate-box-3{ height:80px; } .motivate-box-3 span{ height:80px} .motivate-box-3 span.pattern{ height:80px; } .motivate-box-3 > span.gr-bg::before{ border-width:40px 0 40px 16px; } .motivate-box-3 > small{ top:12px; left:23px; font-size:21px; } .motivate-box-3 span.tel{ font-size:32px; } .brand-sale-logo{ width:14%; } .brand-sale-info p{ font-size:24px; font-weight:500; padding:17px 0px 17px 25px; } .list-item{ width:48%; box-sizing:border-box; display:inline-block; margin-right:4%} .list-item:nth-of-type(even){ margin-right:-10px; position:relative; left:10px; } .list-item.w200pic .list-item-info{ margin-left:220px} #wrapper > section .search-result .flexmenu.col-1.news-list > *{ width:50%; } .solution-info .pattern-bg strong{ font-size:24px; font-weight:400; line-height:48px; } button:not([title]):not(.round), input[type="submit"]:not([title]):not(.round), input[type="reset"]:not([title]):not(.round), a[role="button"]:not([title]):not(.round){ height:auto; padding-top:15px; padding-bottom:19px; line-height:1; font-size:16px; } button:not([title]):not(.round):active, input[type="submit"]:not([title]):not(.round):active, input[type="reset"]:not([title]):not(.round):active, a[role="button"]:not([title]):not(.round):active{ padding-top:17px; padding-bottom:17px; } a.btn-list[role="button"]:not([title]):not(.round){ width:150px; } a.btn-list[role="button"]:not([title]):not(.round):before{ top:17px; } a.btn-list[role="button"]:not([title]):not(.round):active:before{ top:19px; } a.btn-star[role="button"]:not([title]):not(.round){ width:196px; } a.btn-star[role="button"]:not([title]):not(.round):before{ top:14px; } a.btn-star[role="button"]:not([title]):not(.round):active:before{ top:16px; } .btn-pdf{ padding-right:20px; padding-left:53px; font-size:16px; } .btn-pdf:before{ top:13px; left:20px; } button.search-btn:before, input.search-btn[type="submit"]:before, a.search-btn:before{ top:17px; left:40px; } button.search-btn:active:before, input.search-btn[type="submit"]:active:before, a.search-btn:active:before{ top:19px; } .search-row input[type="text"]{ height:26px; line-height:26px; } button.search-btn, input.search-btn[type="submit"], a.search-btn[role="button"]{ padding-left:24px; width:190px; } button.search-btn:before{ left:53px} button.jump-btn{ width:190px; } button.jump-btn:before{ top:18px; right:45px; } button.jump-btn:active:before{ top:19px; } .subscribe-box .code-confirm input[type="text"]{ height:26px; line-height:26px; } .topmenu > div.w .menu > .menu-item .submenu .col a[role="button"]{ height:50px; line-height:50px; font-size:16px; width:140px; } .activity .col a[role="button"]{ height:50px; line-height:50px; font-size:16px; width:140px; } #wrapper > section.slider-tod-block .btn-more button{ height:50px; line-height:50px; font-size:16px; width:140px; } #wrapper > section.slider-tod-block .btn-more button:after{ top:21px; } .search-drop button.w200{ height:50px; /*line-height:50px;*/ font-size:16px; width:220px; } .jq-selectbox{ height:46px; } .jq-selectbox__select{ height:46px; } .jq-selectbox__trigger-arrow{ top:12px; } .jq-selectbox__dropdown{ top:46px; } .jq-selectbox__select-text{ margin-top:9px; } .form-box.fast-search .form-row span:first-child{ margin-top:15px; } .vacancy-item a[role="button"]{ width:290px; } .pop-box .mes.er button,.form-box .mes.er button,.buy-fast-form .mes.er button,.person_date .mes.er button{ width:240px; } .inp-row input[type="text"]{ height:26px; } .tp-banner .btn-box button.btn-buy.w160:not([title]):not(.round){ width:208px; } .tp-banner button.btn-buy:before{ top:12px; left:28px; width:30px; height:30px; background-size:30px; } .tp-banner button.btn-buy:active:before{ top:14px; } .tp-banner .slide2-plate{ height:66px; } .tp-banner .slide2-pic{ height:400px; } #inner-banner.tp-banner .btn-box a.w160[role="button"]{ width:193px; } .akcii-list .akcii-item-info{ margin:0 0 0 370px; } .akcii-list .item{ font-size:20px; } .akcii-list .item img{ width:350px; height:234px; } .akcii-list .item.discount b{ width:82px; height:82px; background-size:82px; line-height:82px; } .akcii-list .akcii-item-info h3{ font-size:21px; } #wrapper > section .akcii-item-info p{ font-size:16px; } } @media screen and (min-width:1170px){ #wrapper > section .products-list .flexmenu > *{ width:20%; max-width:224px; } #wrapper > section .products-list .flexmenu > * > div{ padding:15px 12px 0; } #wrapper > section .products-list .flexmenu > div:nth-child(5){ display:block; } #wrapper > section .flexmenu.f235px > *, #wrapper > section .flexmenu.gridview > *{ width:202px; } #wrapper > section .flexmenu.col-1 > *{ width:100%; } #wrapper > section .flexmenu.col-2 > *{ width:50%; } #wrapper > section .flexmenu.col-3 > *{ width:33.3333%; } #wrapper > section .flexmenu.col-4 > *{ width:25%; } #wrapper > section .col-main .flexmenu.news-list{ margin-right:9px; } .tp-banner .promo-block2{ width:1170px; } .brands-list .brands-col{ width:33.3333%; } .brands-list .brands-col:last-child{ display:block; } } @media screen and (min-width:1250px){ #wrapper > section .products-list .flexmenu > *{ width:20%; max-width:234px; } #wrapper > section .products-list .flexmenu > * > div{ padding:15px 17px 0; } } .descr-block{padding-bottom:16px;} .numbers-wrap{overflow:hidden; padding-bottom:5px;} .l-number{float:left;} .r-number{float:right;} .cat_icon_wrap.cat_icon{ padding-left:220px; } .cat_icon_wrap.cat_icon:hover{ background-position:0 0; } .cat_icon_wrap.ci1{ background:url('/css/../images/svg/cat_icon-1.svg') 0 0 no-repeat; } .cat_icon_wrap.ci2{ background:url('/css/../images/svg/cat_icon-2.svg') 0 0 no-repeat; } .cat_icon_wrap.ci3{ background:url('/css/../images/svg/cat_icon-3.svg') 0 0 no-repeat; } .cat_icon_wrap.ci4{ background:url('/css/../images/svg/cat_icon-4.svg') 0 0 no-repeat; } .cat_icon_wrap.ci5{ background:url('/css/../images/svg/cat_icon-5.svg') 0 0 no-repeat; } .cat_icon_wrap.ci6{ background:url('/css/../images/svg/cat_icon-6.svg') 0 0 no-repeat; } .cat_icon_wrap.ci7{ background:url('/css/../images/svg/cat_icon-7.svg') 0 0 no-repeat; } .cat_icon_wrap.ci8{ background:url('/css/../images/svg/cat_icon-9.svg') 0 0 no-repeat; } .cat_icon_wrap.ci9{ background:url('/css/../images/svg/cat_icon-10.svg') 0 0 no-repeat; } .cat_icon_wrap.ci10{ background:url('/css/../images/svg/cat_icon-14.svg') 0 0 no-repeat; } .cat_icon_wrap.ci11{ background:url('/css/../images/svg/cat_icon-12.svg') 0 0 no-repeat; } .cat_icon_wrap.ci12{ background:url('/css/../images/svg/cat_icon-13.svg') 0 0 no-repeat; } .cat_icon_wrap.ci13{ background:url('/css/../images/svg/cat_icon-11.svg') 0 0 no-repeat; } .cat_icon_wrap.ci14{ background:url('/css/../images/svg/cat_icon-15.svg') 0 0 no-repeat; } #add-banner-wrap .tp-bullets{ top:50px !important; left:50% !important; margin-top:0 !important; margin-left:-430px !important; width:860px !important; height:75px !important; opacity:0.5; } #add-banner-wrap .tp-bullets.simplebullets.round .bullet{ width:75px; height:75px; margin:0 auto; float:none; } #add-banner-wrap .tp-bullets.simplebullets.round .bullet.first{ position:absolute; top:0; left:0; } #add-banner-wrap .tp-bullets.simplebullets.round .bullet.last{ position:absolute; top:0; right:0; margin-right:0; } #add-banner-wrap .tp-bullets.simplebullets.round .bullet:hover:after, #add-banner-wrap .tp-bullets.simplebullets.round .bullet.selected:after, #add-banner-wrap .tp-bullets.simplebullets.navbar .bullet:hover:after, #add-banner-wrap .tp-bullets.simplebullets.navbar .bullet.selected:after, #add-banner-wrap .tp-bullets.simplebullets.round .bullet:after{ background:transparent; box-shadow:none; } .motivate-box-4{ height:60px; background:#FFDF08; position:relative; overflow:hidden; } .motivate-box-4 > span{ display:block; height:60px; float:left; margin:0; padding-left:40px; } .motivate-box-4 > small{ font-size:16px; position:absolute; top:12px; left:27px; } .motivate-box-4 > span.gr-bg{ background:#F2F3F5; width:65%; position:relative; } .motivate-box-4 > span.gr-bg:before{ content:" "; width:0; height:0; border-style:solid; border-width:35px 0 35px 16px; border-color:transparent transparent transparent #F2F3F5; display:block; position:absolute; top:0; left:-15px; } .motivate-box-4 > span.tel{ font-size:26px; position:absolute; top:20px; right:27px; } .motivate-box-4 > span.tel i{ margin-top:-4px; } .motivate-box-4 > span.tel a{ text-decoration:none; color:#333; padding:0 0 0 5px; white-space:nowrap; margin-top:17px; display:inline-block; } .motivate-box-4 span.pattern{ width:100%; height:70px; position:absolute; top:0; left:0; } .pop-box button.fancybox-close-small, .pop-box button.fancybox-close-small::after{ background-color:transparent; background-image:none; } .pop-box button.fancybox-close-small{ background-image:radial-gradient(circle at 52% 23px, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0) 11px); } .pop-box button.fancybox-close-small:hover{ background-image:radial-gradient(circle at 52% 23px, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 11px); } .pop-box button.fancybox-close-small::after{ display:none; } /* Плашка, информирующая о проведении профилактических работ */ #construction-sign{ text-align:center; padding:8px; } #construction-sign > span{ display:inline-block; margin:auto; font-weight:bold; padding:2px 20px; text-align:center; } /* ДКР АСУТП адаптивное меню */ #wrapper > section .steps-menu{ flex-wrap:wrap; justify-content:space-evenly; } /* пункт */ #wrapper > section .steps-menu > .step-menuitem{ display:block; position:relative; box-sizing:border-box; padding:26px 10px; transition:background-color .2s; } #wrapper > section .steps-menu > .step-menuitem:hover{ background-color:#fafafa; } #wrapper > section .steps-menu > .step-menuitem:hover > *{ opacity:1; } /* заголовок */ #wrapper > section .steps-menu > .step-menuitem .step-menuitem-title{ text-align:center; font-weight:500; font-size:16px; transition:color .2s; } #wrapper > section .steps-menu > a.step-menuitem .step-menuitem-title{ /* text-decoration:underline; */ } #wrapper > section .steps-menu > a.step-menuitem:hover .step-menuitem-title{ color:#ee2d24; } /* пиктограмма */ #wrapper > section .steps-menu > .step-menuitem .step-menuitem-icon{ display:block; position:relative; width:90px; height:90px; box-sizing:border-box; border-radius:100%; margin:0 auto 12px; padding:0; background-color:#ffdf08; transition:background-color .2s; } #wrapper > section .steps-menu > .step-menuitem:hover .step-menuitem-icon{ background-color:#3ab5ee; } #wrapper > section .steps-menu > .step-menuitem .step-menuitem-img{ position:absolute; width:56px; height:56px; margin:auto; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; transition:filter .2s; } #wrapper > section .steps-menu > .step-menuitem:hover .step-menuitem-img{ filter:invert(1) brightness(2); } /* стрелка */ #wrapper > section .steps-menu > .step-menuitem .step-arrow-before, #wrapper > section .steps-menu > .step-menuitem .step-arrow-after{ position:absolute; box-sizing:border-box; padding:0; height:1px; border-bottom:1px dotted #3ab5ee; background:white; z-index:1; } #wrapper > section .steps-menu > .step-menuitem .step-arrow-before{ display:none; } #wrapper > section .steps-menu > .step-menuitem .step-arrow-after{ left:100%; top:72px; margin-top:-1px; } #wrapper > section .steps-menu > .step-menuitem:last-child .step-arrow-after{ display:none; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem .step-arrow-before::after, #wrapper > section .steps-menu > .step-menuitem .step-arrow-after::after{ content:' '; position:absolute; top:-4px; right:-1px; width:0; height:0; border-style:solid; border-width:4px 0 4px 10px; border-color:transparent transparent transparent #3ab5ee; } /* адаптивная часть */ /* 2x grid */ @media (max-width:600px){ /* элемент */ #wrapper > section .steps-menu > .step-menuitem{ width:50%; } /* стрелка вправо */ #wrapper > section .steps-menu > .step-menuitem .step-arrow-after{ margin-left:-10%; width:20%; } /* переходная стрелка — правая часть */ /* горизонтальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(2n):not(:last-child) .step-arrow-before{ display:block; width:50%; bottom:0; left:0; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(2n) .step-arrow-before::after{ display:none; } /* вертикальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(2n) .step-arrow-after{ left:50%; bottom:0; margin-left:0; margin-top:auto; width:1px; height:22px; border-left:1px dotted #3ab5ee; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(2n) .step-arrow-after::after{ display:none; } /* переходная стрелка — левая часть */ /* горизонтальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(2n + 3) .step-arrow-before{ display:block; left:50%; top:0; width:50%; margin-top:-1px; } /* вертикальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(2n + 3) .step-arrow-before::before{ content:' '; display:block; height:16px; width:1px; border-left:1px dotted #3ab5ee; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(2n + 3) .step-arrow-before::after{ transform:rotate(90deg); transform-origin:left center; left:1px; right:auto; top:4px; } } /* 3x grid */ @media (min-width:601px) and (max-width:991px){ /* элемент */ #wrapper > section .steps-menu > .step-menuitem{ width:33.333333%; } /* стрелка вправо */ #wrapper > section .steps-menu > .step-menuitem .step-arrow-after{ margin-left:-10%; width:20%; } /* переходная стрелка — правая часть */ /* горизонтальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 3):not(:last-child) .step-arrow-before{ display:block; width:100%; bottom:0; right:50%; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 3) .step-arrow-before::after{ display:none; } /* вертикальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 3) .step-arrow-after{ left:50%; bottom:0; margin-left:0; margin-top:auto; width:1px; height:22px; border-left:1px dotted #3ab5ee; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 3) .step-arrow-after::after{ display:none; } /* переходная стрелка — левая часть */ /* горизонтальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 4) .step-arrow-before{ display:block; left:50%; top:0; width:100%; margin-top:-1px; } /* вертикальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 4) .step-arrow-before::before{ content:' '; display:block; height:16px; width:1px; border-left:1px dotted #3ab5ee; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 4) .step-arrow-before::after{ transform:rotate(90deg); transform-origin:left center; left:1px; right:auto; top:4px; } /* Если элемент с новой строки и при этом предпоследний —> их всего 2 в строке -> удлиннить стрелку */ #wrapper > section .steps-menu > .step-menuitem:nth-child(3n + 4):nth-last-child(2) .step-arrow-after{ width:55%; } } /* 4x grid */ @media (min-width:992px){ /* элемент */ #wrapper > section .steps-menu > .step-menuitem{ width:25%; } /* стрелка вправо */ #wrapper > section .steps-menu > .step-menuitem .step-arrow-after{ margin-left:-10%; width:20%; } /* переходная стрелка — правая часть */ /* горизонтальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 4):not(:last-child) .step-arrow-before{ display:block; width:150%; bottom:0; right:50%; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 4) .step-arrow-before::after{ display:none; } /* вертикальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 4) .step-arrow-after{ left:50%; bottom:0; margin-left:0; margin-top:auto; width:1px; height:22px; border-left:1px dotted #3ab5ee; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 4) .step-arrow-after::after{ display:none; } /* переходная стрелка — левая часть */ /* горизонтальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 5) .step-arrow-before{ display:block; left:50%; top:0; width:150%; margin-top:-1px; } /* вертикальная */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 5) .step-arrow-before::before{ content:' '; display:block; height:16px; width:1px; border-left:1px dotted #3ab5ee; } /* наконечник */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 5) .step-arrow-before::after{ transform:rotate(90deg); transform-origin:left center; left:1px; right:auto; top:4px; } /* Если элемент с новой строки и при этом предпоследний —> их всего 2 в строке -> удлиннить стрелку */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 5):nth-last-child(2) .step-arrow-after{ width:85%; } /* Если элемент с новой строки и при этом 3-й с конца —> их всего 3 в строке -> удлиннить стрелки */ #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 5):nth-last-child(3) .step-arrow-after, #wrapper > section .steps-menu > .step-menuitem:nth-child(4n + 5):nth-last-child(3) + .step-menuitem .step-arrow-after{ width:48%; } } /* ДКР АСУТП - пиктограммы меню */ /* Услуги */ /* Обследование */ .step-menuitem-avtomatizatsiya-obsledovanie .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-2px -1px; } /* Техническое задание */ .step-menuitem-avtomatizatsiya-tekhnicheskoe-zadanie .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-60px -2px; } /* Разработка технических решений */ .step-menuitem-avtomatizatsiya-razrabotka-tekhnicheskikh-resheniy .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-122px -3px; } /* Экспертиза */ .step-menuitem-avtomatizatsiya-ekspertiza .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-181px -2px; } /* Согласование */ .step-menuitem-avtomatizatsiya-soglasovanie .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-241px -2px; } /* Поставка */ .step-menuitem-avtomatizatsiya-postavka .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-300px -2px; } /* Монтаж */ .step-menuitem-avtomatizatsiya-montazh .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-362px -3px; } /* Программирование */ .step-menuitem-avtomatizatsiya-programmirovanie .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-421px -1px; } /* Разработка SCADA-системы */ .step-menuitem-avtomatizatsiya-razrabotka-scada-sistemy .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-480px -1px; } /* Обслуживание */ .step-menuitem-avtomatizatsiya-obsluzhivanie .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-2px -62px; } /* Модернизация */ .step-menuitem-avtomatizatsiya-modernizatsiya .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-62px -62px; } /* Технологии */ /* Технология LonWorks */ .step-menuitem-avtomatizatsiya-tekhnologiya-lonworks .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-122px -62px; } /* Импортозамещение */ .step-menuitem-avtomatizatsiya-importozameshchenie .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-182px -62px; } /* Протоколы */ .step-menuitem-avtomatizatsiya-protokoly .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-242px -62px; } /* Сетевые технологии */ .step-menuitem-avtomatizatsiya-setevye-tekhnologii .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-302px -62px; } /* Резервированная АСУТП */ .step-menuitem-avtomatizatsiya-rezervirovannaya-asutp .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-362px -62px; } /* Пром ПК */ .step-menuitem-avtomatizatsiya-prom-pk .step-menuitem-img{ background-image:url("/images/svg/sprite-asutp.svg"); background-position:-422px -62px; } /*** Outlet table ***/ #outlet_table th:not(.name), #outlet_table td:not(.name){ width:2%; text-align:center; } #outlet_table th.ordertitle{ width:23%; } #outlet_table .catalog-link{ display:inline-block; padding-top:0.8em; color:#ee2d24; font-size:0.9em; font-style:italic; } #outlet_table td.orderbtn .count_input{ white-space:nowrap; } #outlet_table td.orderbtn .count_input a[role="button"]{ margin-left:12px; padding-top:12px; padding-bottom:12px; } #documents_description{ min-width:310px; padding:20px; box-sizing:border-box; } #documents_description ul li{ margin-top:1em; } #seminar_register_visual{ padding-top:28%; margin-bottom:5%; background-image:url('/images/event-seminar.jpg'); background-size:cover; background-position:center 25%; } #seminar_register_block .form-container{ margin:auto; max-width:340px; } .g-recaptcha{ margin-bottom:20px } /* End */ /* Start:/css/alpro.css?14872861232882*/ .mb10 { margin-bottom: 10px; display: inline-block; padding: 0 24px 0 0; width: calc(100% - 24px); } .mt10 { margin-top: 10px; } .in-cart table { width: 100%; } .in-cart .old { color: #999; text-decoration: line-through; } a.menu_block, a.menu_block:hover, a.menu_block:visited { display: inline-block; font-size: 16px; font-weight: 500; padding: 10px 22px; margin: 0 6px 0 0; background: #e2e4e9; transition: color 0.3s ease 0s; text-decoration: none; color: #333; } a.menu_block.active { color: #fff; background: #2b2a28; } a.menu_block.by { position: relative; padding-left: 48px; } a.menu_block.by::after { content: ""; position: absolute; top: 12px; left: 20px; width: 18px; height: 18px; background: url(/css/../images/svg/icons-4-sprite.svg) 0 0 no-repeat; } a.menu_block.by.by-name.active::after { background-position: 0 -24px; } a.menu_block.by.by-category::after { background-position: -22px 0; } a.menu_block.by.by-category.active::after { background-position: -22px -24px; } a.menu_block.by.by-brand::after { background-position: -42px 0; top: 13px; } a.menu_block.by.by-brand.active::after { background-position: -42px -23px; } .sel em, em.sel { padding-left: 0; padding-right: 0; } .form-container { position: relative; } .form-container .mes.su, .form-container .mes.er { display: none; } .form-container .form { visibility: visible; } .form-container.ok .form, .form-container.error .form { visibility: hidden; } .form-container.ok .mes.su{ display: block; } .form-container.error .mes.er{ display: block; } .cat_icon_wrap { min-height: 180px; } .cat_icon_wrap.ci1 { background: url('/css/../images/svg/cat_icon-1.svg') 0 0 no-repeat; } .cat_icon_wrap.ci2 { background: url('/css/../images/svg/cat_icon-2.svg') 0 0 no-repeat; } .cat_icon_wrap.ci3 { background: url('/css/../images/svg/cat_icon-3.svg') 0 0 no-repeat; } .cat_icon_wrap.ci4 { background: url('/css/../images/svg/cat_icon-4.svg') 0 0 no-repeat; } .cat_icon_wrap.ci5 { background: url('/css/../images/svg/cat_icon-5.svg') 0 0 no-repeat; } .cat_icon_wrap.ci6 { background: url('/css/../images/svg/cat_icon-6.svg') 0 0 no-repeat; } .cat_icon_wrap.ci7 { background: url('/css/../images/svg/cat_icon-7.svg') 0 0 no-repeat; } .pager>.delimeter { display: inline-block; vertical-align: top; height: 40px; font-size: 13px; color: #333; text-decoration: none; padding: 0 10px; min-width: 20px; text-align: center; background: #f2f3f5; margin: 0 1px; background-position: center center; background-repeat: no-repeat; background-color: #fff; } .b_pdn {padding-top: 70px !important;} .preview { margin: 0; padding: 2px; display: inline-block; border: 1px solid #e2e4e9; box-shadow: 0 0 0 0 #ffdf08 inset; transition: box-shadow 0.2s ease 0s; } .preview:hover { box-shadow:0 0 0 2px #ffdf08 inset; } /* End */ /* Start:/css/plus.css?1487286123918*/ .activity2 { overflow:hidden; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } .activity2 .col { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; text-align:center; font-size:14px; position:relative; padding:15px 10px 10px; } .activity2 .col:hover { background:#fafafa} .activity2 .col a[role=button]:last-child { position:absolute; bottom:20px; left:50%; margin-left:-60px} .activity2 .col .img { display:block; width:90px; height:90px; border-radius:90px; line-height:90px; background:#ffdf08; margin:0 auto 20px} .activity2 .col .img img { vertical-align:middle} .activity2 .col big { display:inline-block; margin-bottom:10px; font-weight:500; font-size:16px} /* End */ /* Start:/slider/slider.css?1729840518121563*/ .slider-container{ overflow:hidden; position:relative; /* height:421px;*/ height:30vw; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:all-scroll; } .slider-control{ z-index:2; position:absolute; top:0; width:7%; height:100%; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; will-change:opacity; opacity:0; } .slider-control.inactive:hover{ cursor:auto; } .slider-control:not(.inactive):hover{ opacity:1; cursor:pointer; } .slider-control.left{ left:0; background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%); background:linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%); } .slider-control.right{ right:0; background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%); } .slider-play-stop{ position:relative; height:1em; text-align:center; } .slider-play-stop .slider-control{ position:static; margin:5px 15px; opacity:1; cursor:pointer; } .slider-pagi{ position:absolute; z-index:3; /* left:50%; */ bottom:-5px; /* -webkit-transform:translateX(-50%); transform:translateX(-50%); */ font-size:0; list-style-type:none; text-align:center; margin:auto; left:0; right:0; } ul.slider-pagi{ padding-left:0; } .slider-pagi__elem{ position:relative; display:inline-block; vertical-align:top; width:0.8rem; height:0.8rem; margin:0 0.5rem; border-radius:50%; border:2px solid #ffdf08; cursor:pointer; } .slider-pagi__elem::before{ content:""; position:absolute; left:50%; top:50%; width:1rem; height:1rem; background:#ffdf08; border-radius:50%; -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s; -webkit-transform:translate(-50%, -50%) scale(0); transform:translate(-50%, -50%) scale(0); } .slider-pagi__elem.active::before, .slider-pagi__elem:hover::before{ -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); } .slider{ z-index:1; position:relative; height:100%; } .slider.animating{ -webkit-transition:-webkit-transform 0.5s; transition:-webkit-transform 0.5s; transition:transform 0.5s; transition:transform 0.5s, -webkit-transform 0.5s; will-change:transform; } .slider.animating .slide__bg{ -webkit-transition:-webkit-transform 0.5s; transition:-webkit-transform 0.5s; transition:transform 0.5s; transition:transform 0.5s, -webkit-transform 0.5s; will-change:transform; } /* Общие параметры слайдов */ .slide{ position:absolute; top:0; width:100%; height:100%; overflow:hidden; } .slide.active .slide__overlay, .slide.active .slide__text{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } .slide:first-child {left:0;} .slide:nth-child(2){left:100%;} .slide:nth-child(3){left:200%;} .slide:nth-child(4){left:300%;} .slide:nth-child(5){left:400%;} .slide:nth-child(6){left:500%;} .slide:nth-child(7){left:600%;} .slide:nth-child(8){left:700%;} .slide:nth-child(9){left:800%;} .slide:nth-child(10){left:900%;} .slide:nth-child(11){left:1000%;} .slide:nth-child(12){left:1100%;} .slide:nth-child(13){left:1200%;} .slide:nth-child(14){left:1300%;} .slide:nth-child(15){left:1400%;} .slide:nth-child(16){left:1500%;} .slide:nth-child(17){left:1600%;} .slide:nth-child(18){left:1700%;} .slide:nth-child(19){left:1800%;} .slide:nth-child(20){left:1900%;} .slide__bg{ position:absolute; top:0; width:100%; height:100%; background-size:cover; will-change:transform; } .slide__content{ position:absolute; top:0; left:0; width:100%; height:100%; } .slide__overlay{ position:absolute; bottom:0; left:0; height:100%; min-height:810px; -webkit-transition:opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s; transition:opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s; transition:transform 0.5s 0.5s, opacity 0.2s 0.5s; transition:transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s; will-change:transform, opacity; -webkit-transform:translate3d(-20%, 0, 0); transform:translate3d(-20%, 0, 0); opacity:0; } .slide__overlay path{ opacity:0.8; } .slide__text{ text-align:center; color:#fff; -webkit-transition:opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; transition:opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; transition:transform 0.5s 0.8s, opacity 0.5s 0.8s; transition:transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; will-change:transform, opacity; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0; } .slide__text-desc{ font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size:1.8rem; margin-bottom:1.5rem; } .slide__text-link{ z-index:2; } .slide__text-link:before{ z-index:-1; content:""; } .slide__text-link:hover:before{ -webkit-transform:rotateX(0); transform:rotateX(0); } @media screen and (max-width:940px){ #owl-special-mainpage .item{ width: 350px; margin: 0 auto; } .sl_tit{ font-size:40px; padding-top:40px; padding-left:2vw; padding-right:2vw; } .sl_tit br{ display:none; } .slider-pagi{ bottom:5%; } .slider-container{ min-height:430px; } } @media screen and (max-width:900px){ .slider-container{ height: 56vw; } } @media screen and (max-width:767px){ .slider-container{ height:auto; } .slide__content, .slide{ position:static; width:auto; height:auto; } .slide{ min-width:100vw; } .slider{ padding-bottom:calc(5vw + 30px); display:flex; flex-direction:row; align-items:stretch; justify-content:space-between; } } @media screen and (max-width:480px){ .sl_tit{ font-size:32px; padding-top:32px; } .pattern-bg.bord .align-center.original-title{ font-size:1em; line-height: 2em; } } /* Слайд:Титульный */ .slide-activities{ } .slide-activities .slide__bg{ background-image:url("/slider/slider-1.jpg"); background-color:rgb(23, 88, 113); background-position:center; } .slide-activities .slide__overlay-path{ fill:#e99c7e; } @media screen and (max-width:767px){ .slide-activities .slide__bg{ background-image: linear-gradient(to bottom, rgba(22, 79, 88, 0.8) 0%, rgba(15, 82, 121, 0.75) 30%, rgba(119, 84, 21, 0.65) 100%), url(/slider/slider-1.jpg); background-position:56% center; } } /* содержимое */ .slide-activities .sl_tit{ z-index:2; font-size:3em; text-align:center; color:#fff; } .slide-activities .promo-block{ padding:100px 0 0; width:330px; position:relative; text-align:center; } .slide-activities .promo-block::before{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -40px; display:block; width:82px; height:82px; background:url(/css/../images/svg/promo-ic_add.svg) 0 0 no-repeat; } .slide-activities .promo_2::before{ background-position:-97px 0; } .slide-activities .promo_3::before{ background-position:0 0; } .slide-activities .promo_4::before{ background-position:-197px 0; } .slide-activities .pr-bl{ margin-top:30px; text-align:center; display:inline-flex; } .slide-activities .promo-block a{ font-size:18px; color:#fff; text-align:center; margin:0 !important; line-height:22px; text-decoration:none; } @media screen and (max-width:940px){ .slide-activities .pr-bl{ margin-top:40px; padding-left:2vw; padding-right:2vw; } } @media screen and (max-width:767px){ .slide-activities .pr-bl{ flex-wrap:wrap; justify-content:center; } .slide-activities .promo-block{ flex:unset; width:40% } } @media screen and (max-width:480px){ .slide-activities .pr-bl{ flex-direction:column; align-items:center; justify-content:flex-start; } .slide-activities .promo-block{ width:100%; margin-bottom:20px; } } /* Слайд:Honeywell */ .slide-honeywell{ } .slide-honeywell .slide__bg{ background-image:url("/slider/slider-2.jpg"); background-position:center; } .slide-honeywell .slide__overlay-path{ fill:#e1ccae; } /* содержимое */ .hon{ display:block; width:100px; height:2px; background:black; border:0; outline:0; margin:0; padding:0; position:relative; } .hon1{ width:120px; left:260px; top:105px; -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg); } .hon2{ width:80px; left:280px; top:160px; } .hon3{ width:120px; left:260px; top:200px; -webkit-transform:rotate(140deg); -moz-transform:rotate(140deg); -ms-transform:rotate(140deg); -o-transform:rotate(140deg); transform:rotate(140deg); } .hon4{ width:120px; left:610px; top:-70px; -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg); } .hon5{ width:80px; left:630px; top:-30px; } .hon6{ width:120px; left:610px; top:10px; -webkit-transform:rotate(-140deg); -moz-transform:rotate(-140deg); -ms-transform:rotate(-140deg); -o-transform:rotate(-140deg); transform:rotate(-140deg); } .des{ color:black; position:relative; display:inline-flex; } .ho1{ top:20px; left:-340px; } .ho2{ top:120px; left:-340px; } .ho3{ top:215px; left:-340px; } .ho4{ top:-145px; left:310px; } .ho5{ top:-60px; left:310px; } .ho6{ top:30px; left:310px; } .imm{ margin-right:20px; } .dd{ width:166px; } .slide-honeywell .badge-authorized{ width:250px; margin:0 auto; color:rgb(111, 111, 111); } @media screen and (min-width:768px){ .slide-honeywell .badge-authorized{ position:absolute; top:6%; left:0; right:0; } } @media screen and (min-width:961px){ .slide-honeywell .badge-authorized{ width:250px; top:8%; } } .slide-honeywell .badge-authorized img{ width:100%; height:auto; } @media screen and (max-width:960px){ .slide-honeywell .slide__text, .slide-honeywell .slide__text > div{ height:100%; } .des{ position:absolute; } .ho1, .ho2, .ho3{ left:2%; } .ho4, .ho5, .ho6{ left:auto; right:2%; } .ho1, .ho4{ top:40px; } .ho3, .ho6{ top:auto; bottom:40px; } .ho2, .ho5{ top:50%; transform:translateY(-50%); } .hon{ display:none; } .imm{ margin-right:10px; } } @media screen and (max-width:767px){ .slide-honeywell .slide__bg{ background:radial-gradient(circle at center, rgb(255, 255, 255) 0, rgba(212, 82, 92, 0.3) 60%); } .slide-honeywell .slide__text, .slide-honeywell .slide__text > div{ height:auto; } .slide-honeywell .slide__text > div{ display:flex; flex-direction:row; align-items:stretch; justify-content:center; flex-wrap:wrap; padding-top:40px; } .des{ position:static; width:100%; margin-bottom:24px; } .ho2, .ho5{ transform:translateY(0); } .ho1, .ho2, .ho3, .ho4, .ho5, .ho6{ display:flex; flex-direction:row; align-items:flex-start; justify-content:center; } .ho4, .ho5, .ho6{ flex-direction:row-reverse; } .ho4 .imm, .ho5 .imm, .ho6 .imm{ margin-right:0; margin-left:10px; } } @media screen and (max-width:480px){ .slide-honeywell .slide__text > div{ padding-top:104px; } .des{ margin-bottom:46px; /*56px;*/ } } /* Слайд:Алерто */ /* @font-face{ */ /* font-family:'Noto Sans'; */ /* src:url('/slider/NotoSans-Bold.eot'); */ /* src:local('Noto Sans Bold'), local('NotoSans-Bold'), */ /* url('/slider/NotoSans-Bold.eot?#iefix') format('embedded-opentype'), */ /* url('/slider/NotoSans-Bold.woff2') format('woff2'), */ /* url('/slider/NotoSans-Bold.woff') format('woff'), */ /* url('/slider/NotoSans-Bold.ttf') format('truetype'), */ /* url('/slider/NotoSans-Bold.svg#NotoSans-Bold') format('svg'); */ /* font-weight:bold; */ /* font-style:normal; */ /* } */ /* @font-face{ */ /* font-family:'Noto Sans'; */ /* src:url('/slider/NotoSans.eot'); */ /* src:local('Noto Sans'), local('NotoSans'), */ /* url('/slider/NotoSans.eot?#iefix') format('embedded-opentype'), */ /* url('/slider/NotoSans.woff2') format('woff2'), */ /* url('/slider/NotoSans.woff') format('woff'), */ /* url('/slider/NotoSans.ttf') format('truetype'), */ /* url('/slider/NotoSans.svg#NotoSans') format('svg'); */ /* font-weight:normal; */ /* font-style:normal; */ /* } */ /* @font-face{ */ /* font-family:'Noto Sans'; */ /* src:url('/slider/NotoSans-BoldItalic.eot'); */ /* src:local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), */ /* url('/slider/NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'), */ /* url('/slider/NotoSans-BoldItalic.woff2') format('woff2'), */ /* url('/slider/NotoSans-BoldItalic.woff') format('woff'), */ /* url('/slider/NotoSans-BoldItalic.ttf') format('truetype'), */ /* url('/slider/NotoSans-BoldItalic.svg#NotoSans-BoldItalic') format('svg'); */ /* font-weight:bold; */ /* font-style:italic; */ /* } */ /* @font-face{ */ /* font-family:'Noto Sans'; */ /* src:url('/slider/NotoSans-Italic.eot'); */ /* src:local('Noto Sans Italic'), local('NotoSans-Italic'), */ /* url('/slider/NotoSans-Italic.eot?#iefix') format('embedded-opentype'), */ /* url('/slider/NotoSans-Italic.woff2') format('woff2'), */ /* url('/slider/NotoSans-Italic.woff') format('woff'), */ /* url('/slider/NotoSans-Italic.ttf') format('truetype'), */ /* url('/slider/NotoSans-Italic.svg#NotoSans-Italic') format('svg'); */ /* font-weight:normal; */ /* font-style:italic; */ /* } */ .slide-alerto{ } .slide-alerto .slide__bg{ background:url("/slider/alerto/images/alerto_banner_logo.png") center 26% no-repeat, radial-gradient(circle at center, rgb(255, 255, 255) 0, rgb(220, 220, 220) 40%); background-color:rgb(255, 255, 255); } .slide-alerto .slide__overlay-path{ fill:#cbc6c3; } .slide-alerto .slide__text{ display:block; position:relative; width:100%; height:100%; color:rgb(0, 0, 0); } /* Содержимое слайда 3 */ .alerto-banner{ display:block; position:relative; width:70%; min-width:1000px; max-width:1350px; height:100%; margin:auto; } .alerto-banner, a.alerto-banner, a.alerto-banner:hover, a.alerto-banner:active, a.alerto-banner:focus{ color:rgb(0, 0, 0); text-decoration:none; font-family:'Noto Sans', sans-serif; font-size:1em; text-align:center; } .alerto_banner__title{ font-size:2em; margin:0.5em; } .alerto-banner__item{ display:block; position:absolute; margin:auto; will-change:transform; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:transform 1.5s ease-out; transition:transform 1.5s ease-out; } .alerto-banner__item:hover{ -webkit-transform:translateY(-8%); transform:translateY(-8%); -webkit-transition:transform .2s ease-in; transition:transform .2s ease-in; } .alerto-banner__item-img{ display:block; margin:auto; } .alerto-banner__item-title{ margin:-5px 0 0; font-size:1.142857em; font-weight:bold; } .alerto-banner__item-text{ font-size:0.928571em; font-weight:normal; } #alerto_banner_mixer{ left:5%; top:28%; } #alerto_banner_speaker{ left:10%; top:55%; } #alerto_banner_alva{ max-width:30%; left:0; right:0; bottom:15%; } #alerto_banner_microphone{ right:10%; top:19%; } #alerto_banner_microphone .alerto-banner__item-title{ margin-top:-36px; } #alerto_banner_monoblock{ right:3%; top:66%; } .alerto-banner__button{ display:block; position:absolute; left:0; right:0; top:47%; width:255px; max-width:40%; margin:auto; padding-left:15px; padding-right:15px; color:rgb(255, 255, 255); background-color:rgb(232, 28, 39); -webkit-box-shadow:rgba(0, 0, 0, .5) 3px 3px 5px; box-shadow:rgba(0, 0, 0, .5) 3px 3px 5px; border-radius:5px; will-change:transform, opacity; opacity:0; -webkit-transform:scale(0) translateY(-50%); transform:scale(0) translateY(-50%); -webkit-transition:-webkit-transform .8s linear, opacity .8s linear; transition:transform .8s ease-in, opacity .8s ease-in; } .slide-alerto.active .alerto-banner__button{ opacity:1; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); } .alerto-banner__button:hover{ top:47.5%; } @media screen and (max-width:960px){ .alerto-banner__item-img{ max-width:65%; } #alerto_banner_mixer{ left:0; } #alerto_banner_speaker{ left:5%; } #alerto_banner_microphone, #alerto_banner_monoblock{ right:0; } } @media screen and (max-width:767px){ .slide-alerto .slide__text{ display:flex; flex-direction:row; align-items:stretch; justify-content:center; flex-wrap:wrap; } .alerto-banner{ min-width:320px; } .alerto_banner__title{ font-size:24px; margin-bottom:20px; } .alerto-banner__item{ position:static; display:flex; flex-direction:column; align-items:center; justify-content:space-between; width:280px; height:110px; min-width:280px; min-height:110px; margin:0; margin-bottom:40px; } .alerto-banner__item:last-child{ margin-bottom:20px; } .alerto-banner__button{ top:auto; margin-top:10px; } .alerto-banner__button:hover{ top:auto; margin-top:12px; } .slide-alerto .slide__bg{ background:radial-gradient(circle at center, rgb(255, 255, 255) 0, rgb(220, 220, 220) 40%); } } @media screen and (max-width:600px){ .slide-alerto .slide__text{ flex-direction:column; align-items:center; justify-content:flex-start; } .alerto_banner__title{ font-size:20px; } .alerto-banner__item{ width:100%; height:auto; min-width:100%; min-height:unset; margin-bottom:15px; } .alerto-banner__item:last-child{ margin-bottom:15px; } .alerto-banner__item-img{ max-width:30%; } #alerto_banner_microphone .alerto-banner__item-img{ width:80px; height:80px; } #alerto_banner_microphone .alerto-banner__item-title{ margin-top:0; } } @media screen and (max-width:480px){ .slide-alerto .slide__content{ padding-left:2vw; padding-right:2vw; } .alerto_banner__title{ margin-top:20px; margin-bottom:40px; } .alerto-banner__item{ margin-bottom:30px; } .alerto-banner__item:last-child{ margin-bottom:30px; } .alerto-banner__item-img{ max-width:70%; margin-bottom:10px; } #alerto_banner_microphone .alerto-banner__item-img{ max-width:70%; height:auto; } .alerto-banner__button{ min-width:200px; } } /* Слайд:Алерто ALVA */ .slide-alerto-alva{ } .slide-alerto-alva .slide__bg{ background-image:url('/slider/alerto-alva/alva-bg.jpg'); background-position:20% center; } .slide-alerto-alva a.alerto-alva-banner{ text-decoration:none; } .slide-alerto-alva .slide__text{ width:90%; max-width:1100px; height:830px; margin:auto; color:rgb(17, 17, 17); text-decoration:none; display:flex; flex-direction:column; justify-content:space-around; } .alerto-alva-banner__logo-container{ padding:15% 5% 8%; } .alerto-alva-banner__logo-container > img{ display:block; margin:auto; max-width:100%; } .alerto-alva-banner__main-container{ margin:auto; } .alerto-alva-banner__title{ color:rgb(68, 142, 205); font-size:2.5em; font-weight:bold; } .alerto-alva-banner__subtitle{ color:rgb(172, 2, 2); font-size:2.1em; position:relative; top:-0.6em; } .alerto-alva-banner__system > img:nth-child(2){ position:relative; bottom:12px; } @media screen and (min-width:768px){ .slide-alerto-alva .slide__text{ width:100%; height:400px; flex-direction:row; } .alerto-alva-banner__logo-container{ width:30%; display:flex; align-self:center; } .alerto-alva-banner__title{ text-align:left; margin-left:40px; } .alerto-alva-banner__subtitle{ text-align:left; margin-left:-38px; } } @media screen and (min-width:1200px){ .slide-alerto-alva .slide__text{ height:380px; } } /* Слайд:Алерто ALVA общий (2021) */ .slide-alerto-alva-common.active{ overflow:visible; } .slide-alerto-alva-common .proto{ display:none; background-image:url('/slider/alerto-alva-common/layout_bg.jpg'); background-position:top center; height:100%; position:relative; background-repeat:no-repeat; background-size:auto 95%; } .slide-alerto-alva-common .slide__bg{ background-image:url('/slider/alerto-alva/alva-bg.jpg'); background-position:20% center; } .slide-alerto-alva-common a.alerto-alva-common-banner{ text-decoration:none; } .slide-alerto-alva-common .slide__text{ width:90%; max-width:1264px; height:100%; margin:auto; color:rgb(17, 17, 17); text-decoration:none; display:flex; flex-direction:column; justify-content:space-around; } .alerto-alva-common-banner__logo-container{ padding:9% 5% 0; max-width:300px; margin:auto; } .alerto-alva-common-banner__logo-container img, .alerto-alva-common-banner__badge-container img{ display:block; margin:auto; max-width:100%; } .alerto-alva-common-banner__main-container{ margin:auto; } .alerto-alva-common-banner__title{ color:rgb(68, 142, 205); font-size:2em; font-weight:bold; margin:0.5em; } .alerto-alva-common-banner__system > img:nth-child(2){ position:relative; bottom:12px; } @media screen and (min-width:768px){ .slide-alerto-alva-common .slide__text{ width:100%; height:400px; flex-direction:row; } .alerto-alva-common-banner__logo-container{ width:30%; display:flex; align-self:center; padding:5% 2% 0; } .alerto-alva-common-banner__main-container{ } .alerto-alva-common-banner__main-container img{ margin:0; } .alerto-alva-common-banner__title{ text-align:center; } .alerto-alva-common-banner__system{ display:flex; align-items:baseline; justify-content:center; } .alerto-alva-common-banner__badge-container{ width:30%; display:flex; align-self:center; } } @media screen and (min-width:1200px){ .slide-alerto-common-alva .slide__text{ height:380px; } .alerto-alva-common-banner__logo-container{ width:24%; } .alerto-alva-common-banner__title{ text-align:left; margin:0.4em 15px; font-size:2.8em; position:relative; top:-16px; } } /* Слайд:Алерто ALV-C116 */ .slide-alerto-alv-c116{ } .slide-alerto-alv-c116 .slide__bg{ background-image:url('/slider/alerto-alv-c116/alv-c116-bg.jpg'); background-position:20% center; } .slide-alerto-alv-c116 a.alerto-alv-c116-banner{ text-decoration:none; } .slide-alerto-alv-c116 .slide__text{ width:90%; max-width:1100px; height:830px; margin:auto; color:rgb(17, 17, 17); text-decoration:none; display:flex; flex-direction:column; justify-content:space-around; font-size:1.2em; } .alerto-alv-c116-banner__device-container{ } .alerto-alv-c116-banner__title{ font-size:2.5em; } .alerto-alv-c116-banner__subtitle{ position:relative; top:-1.5em; font-size:1.2em; } .alerto-alv-c116-banner__device{ position:relative; } .alerto-alv-c116-banner__device > img{ display:block; margin:auto; max-width:100%; } .alerto-alv-c116-banner__certsign{ color:rgb(227, 30, 36); } .alerto-alv-c116-banner__features-container{ display:flex; align-self:center; padding-left:2vw; } .alerto-alv-c116-banner__features{ position:relative; list-style:none; padding-left:23px; text-align:left; } .alerto-alv-c116-banner__features li{ position:relative; margin:1.2em 0; } .alerto-alv-c116-banner__features li::before{ content:" "; display:inline-block; position:absolute; left:-23px; top:0.2em; width:16px; height:16px; border-radius:100%; background-color:rgb(67, 143, 205); transform:scale(0, 0); opacity:0; transition:transform .4s ease-in 1.4s, opacity .4s ease-in 1.4s; } .slide-alerto-alv-c116.active .alerto-alv-c116-banner__features li::before{ opacity:1; transform:scale(1, 1); } .alerto-alv-c116-banner__features li::after{ content:" "; display:block; position:absolute; width:calc(2vw + 4px); height:5em; right:calc(100% + 20px); box-sizing:border-box; border-left:4px solid rgb(67, 143, 205); transform-origin:left center; transform:scale(0, 1); opacity:0; transition:transform .4s ease-in 1.3s, opacity .4s ease-in 1.3s; } .alerto-alv-c116-banner__features li:nth-child(-n+2)::after{ top:calc(0.2em + 6px); border-top:4px solid rgb(67, 143, 205); border-top-left-radius:6px; } .alerto-alv-c116-banner__features li:nth-child(n+3)::after{ border-bottom:4px solid rgb(67, 143, 205); border-bottom-left-radius:6px; bottom:calc(100% - 14px); } .alerto-alv-c116-banner__features li:last-child::after{ height:150px; } .slide-alerto-alv-c116.active .alerto-alv-c116-banner__features li::after{ opacity:1; transform:scale(1, 1); } @media screen and (min-width:768px){ .slide-alerto-alv-c116 .slide__text{ width:100%; height:400px; flex-direction:row; justify-content:stretch; align-items:center; } .alerto-alv-c116-banner__device-container, .alerto-alv-c116-banner__features-container{ padding:10px; } .alerto-alv-c116-banner__device-container{ width:60%; max-width:535px; padding-right:4vw; } .alerto-alv-c116-banner__features-container{ width:40%; padding-left:2vw; } .alerto-alv-c116-banner__title{ margin:0.7em auto; } .alerto-alv-c116-banner__subtitle{ margin:0.2em auto; } .alerto-alv-c116-banner__certsign{ margin:0.5em auto; } .alerto-alv-c116-banner__device::before{ content:" "; display:block; position:absolute; right:-23px; top:0; bottom:0; margin:auto; width:16px; height:16px; border-radius:100%; background-color:rgb(67, 143, 205); transform:scale(0, 0); opacity:0; transition:transform .4s ease-in 1.4s, opacity .4s ease-in 1.4s; } .slide-alerto-alv-c116.active .alerto-alv-c116-banner__device::before{ opacity:1; transform:scale(1, 1); } .alerto-alv-c116-banner__device::after{ content:" "; display:block; position:absolute; width:calc(4vw - 10px); height:10px; right:calc(-4vw - 3px); top:0; bottom:0; margin:auto; box-sizing:border-box; border-right:4px solid rgb(67, 143, 205); border-bottom:4px solid rgb(67, 143, 205); border-bottom-right-radius:10px; transform-origin:right center; transform:scale(0, 1) translateY(-3px); opacity:0; transition:transform .4s ease-in 1.3s, opacity .4s ease-in 1.3s; } .slide-alerto-alv-c116.active .alerto-alv-c116-banner__device::after{ opacity:1; transform:scale(1, 1) translateY(-3px); } .alerto-alv-c116-banner__features{ margin:1.2em 0 0; } .alerto-alv-c116-banner__features li:nth-child(-n+2)::after{ border-top-left-radius:10px; } .alerto-alv-c116-banner__features li:nth-child(n+3)::after{ border-bottom-left-radius:10px; } } @media screen and (min-width:1200px){ .slide-alerto-alv-c116 .slide__text{ height:380px; } } /* Слайд:Биометрия */ .slide-biometry{ } .slide-biometry .slide__bg{ position:relative; /*background:radial-gradient(circle at center, rgb(145, 214, 249) 0, rgb(61, 88, 115) 100%);*/ border-top:rgb(178, 188, 197) 1px solid; border-bottom:rgb(178, 188, 197) 1px solid; box-sizing:border-box; } .slide-biometry .slide__bg::before, .slide-biometry .slide__bg::after{ content:" "; display:block; position:absolute; width:90%; height:80px; left:0; right:0; margin:auto; border-radius:100%; } .slide-biometry .slide__bg::before{ top:-105px; box-shadow:rgb(57, 85, 100) 0 19px 25px; } .slide-biometry .slide__bg::after{ bottom:-105px; box-shadow:rgb(57, 85, 100) 0 -19px 70px; } .slide-biometry .slide__bg-fingertip{ position:absolute; width:650px; height:820px; left:0; right:0; top:-31%; margin:auto; opacity:0.065; transform:scale(0.9) translateX(-20%) rotate(30deg); background:url("/slider/biometry/images/fingertip.png") center / cover no-repeat; } .slide-biometry .slide__overlay-path{ fill:#cbc6c3; } .slide-biometry .slide__text{ height:100%; } /* содержимое */ .biometry-banner__title{ margin:0.9em auto 0.6em; font-size:2em; font-weight:bold; color:rgb(66, 95, 122); } .biometry-banner__title > a:not(:hover){ color:rgb(66, 95, 122); text-decoration:none; } .biometry-banner__items{ display:flex; position:relative; margin:auto; width:70%; min-width:730px; max-width:1300px; height:68%; justify-content:space-around; list-style:none; } .biometry-banner__item{ position:relative; width:25%; /* background:rgb(255, 255, 255); */ text-align:center; /* margin:0 10px; */ border-radius:4px; padding:0; will-change:opacity; opacity:0; } .slide-biometry.active .biometry-banner__item{ opacity:1; transition-property:opacity; transition-duration:.5s; transition-timing-function:ease-out; } .slide-biometry.active .biometry-banner__item:nth-child(1){ transition-delay:1.15s; } .slide-biometry.active .biometry-banner__item:nth-child(2){ transition-delay:1.3s; } .slide-biometry.active .biometry-banner__item:nth-child(3){ transition-delay:1.45s; } .slide-biometry.active .biometry-banner__item:nth-child(4){ transition-delay:1.6s; } .biometry-banner__link{ display:block; height:100%; text-decoration:none; } .biometry-banner__item-img{ position:relative; width:100%; height:62%; min-height:80px; /* background-color:rgb(255, 255, 255); */ background-position:center; background-repeat:no-repeat; background-size:70%; -webkit-filter:sepia(100%) saturate(50%) hue-rotate(180deg); filter:sepia(100%) saturate(50%) hue-rotate(180deg); will-change:background-size, filter; -webkit-transition:background-size .35s ease-out; transition:background-size .35s ease-out; } .biometry-banner__item:hover .biometry-banner__item-img{ background-size:80%; -webkit-filter:sepia(0%) saturate(100%) hue-rotate(0deg); filter:sepia(0%) saturate(100%) hue-rotate(0deg); -webkit-transition:background-size .2s ease-in; transition:background-size .2s ease-in; } .biometry-banner__item-text{ display:flex; align-items:center; justify-content:center; height:30%; padding:0 10px; } .biometry-banner__item-title{ margin:0; padding:10px; color:rgb(80, 80, 80); /* background-color:rgb(61, 88, 115); */ /* color:rgb(255, 255, 255); */ font-size:1.2em; } .biometry-banner__item:hover .biometry-banner__item-title{ color:rgb(61, 88, 115); } @media screen and (max-width:940px){ .biometry-banner__items{ width:90%; } } @media screen and (max-width:767px){ .slide-biometry .slide__bg{ position:absolute; } .slide-biometry .slide__bg-fingertip{ top:0; } .biometry-banner__items{ min-width:320px; flex-wrap:wrap; } .biometry-banner__item{ width:30%; } } @media screen and (max-width:640px){ .biometry-banner__item{ width:35%; } .biometry-banner__item-img{ width:140px; height:112px; margin:0 auto; } } @media screen and (max-width:480px){ .slide-biometry{ padding-bottom:30px; } .biometry-banner__title{ font-size:20px; } .biometry-banner__items{ flex-direction:column; align-items:center; justify-content:flex-start; } .biometry-banner__item{ width:100%; } } /* Слайд:Биометрия против пандемии - старая версия */ /* .slide-bioantipandemic{ } .slide-bioantipandemic .slide__content, .slide-bioantipandemic .slide__text{ color:rgb(87, 87, 87); height:100%; } .slide-bioantipandemic .slide__bg{ background-color:white; border-bottom:rgb(120, 188, 39) 1px solid; } .slide-bioantipandemic .slide__bg::after{ content:" "; display:block; position:absolute; width:90%; height:80px; left:0; right:0; margin:auto; border-radius:100%; bottom:-105px; box-shadow:rgb(187 214 155) 0 -19px 70px; } .slide-bioantipandemic .slide__text{ display:flex; flex-direction:column; } .bioantipandemic-banner__title{ flex-grow:0; position:relative; font-size:1.75em; font-weight:bold; color:rgb(120, 188, 39); margin:0; padding:0.2em 0.4em; line-height:1.18em; } .bioantipandemic-banner__title::after{ content:" "; display:block; position:absolute; width:90%; height:80px; left:0; right:0; margin:auto; border-radius:100%; bottom:95px; z-index:-1; box-shadow:rgb(156 212 89) 0 19px 25px; } .bioantipandemic-banner__features{ flex-grow:0; list-style:none; text-align:left; width:80%; max-width:300px; margin:auto; padding:15px 0 10px; } .bioantipandemic-banner__features li::before{ content:" "; display:inline-block; position:relative; width:0.5em; height:0.5em; margin-left:-0.5em; left:-0.5em; /*background-color:rgb(120, 188, 39);* / } .bioantipandemic-banner__items{ flex-grow:1; width:100%; max-width:1200px; margin:auto; display:flex; flex-direction:column; align-items:center; justify-content:space-evenly; list-style:none; box-sizing:border-box; padding:5px 0; } .bioantipandemic-banner__item{ flex-grow:0; box-sizing:border-box; width:320px; padding:5px 10px; opacity:0; } .slide-bioantipandemic.active .bioantipandemic-banner__item{ opacity:1; transition-property:opacity; transition-duration:.5s; transition-timing-function:ease-out; } .slide-bioantipandemic.active .bioantipandemic-banner__item:nth-child(1){ transition-delay:1.15s; } .slide-bioantipandemic.active .bioantipandemic-banner__item:nth-child(2){ transition-delay:1.3s; } .slide-bioantipandemic.active .bioantipandemic-banner__item:nth-child(3){ transition-delay:1.45s; } .slide-bioantipandemic.active .bioantipandemic-banner__item:nth-child(4){ transition-delay:1.6s; } .bioantipandemic-banner__link{ text-decoration:none; } .bioantipandemic-banner__item-img{ width:110px; height:110px; margin:auto; background-repeat:no-repeat; background-position:center; background-size:contain; /*border:1px solid rgb(120, 188, 39); border-radius:5px;* / } .bioantipandemic-banner__item-text{ width:100%; box-sizing:border-box; } .bioantipandemic-banner__item-title{ width:100%; box-sizing:border-box; margin:8px 0; padding:5px 8px; /*border-radius:5px; color:white; background-color:rgb(120, 188, 39); font-size:0.96em; font-weight:bold;* / } @media screen and (min-width:768px){ .bioantipandemic-banner__title{ padding:0.8em 0.4em; } .bioantipandemic-banner__features{ padding:25px 0 3px; max-width:1100px; display:flex; justify-content:space-evenly; } .bioantipandemic-banner__features li{ display:inline-block; font-size:1.2em; padding-left:1em; } .bioantipandemic-banner__items{ flex-direction:row; flex-wrap:wrap; align-items:baseline; padding-top:20px; } .bioantipandemic-banner__item{ width:25%; } } @media screen and (min-width:1200px){ .bioantipandemic-banner__features li{ display:inline-block; font-size:1.3em; } .bioantipandemic-banner__item-title{ font-size:1.1em; } } */ /* Слайд:Биометрия против пандемии */ .slide-bioantipandemic{ } .slide-bioantipandemic .slide__bg{ background-image:url('/slider/bioantipandemic/bg-bioantipandemic.jpg'); background-size:cover; background-position:49% 5%; } .bioantipandemic-banner__title{ font-size:1.2em; font-weight:bold; text-transform:uppercase; color:rgb(255, 70, 70); letter-spacing:0.1em; } .bioantipandemic-banner__items{ position:relative; list-style:none; margin:0; padding:0; } .bioantipandemic-banner__item{ position:relative; box-sizing:border-box; width:240px; height:165px; margin:0 auto 16px; padding:0; transform:scale(3, 3); opacity:0; } .slide-bioantipandemic.active .bioantipandemic-banner__item{ transform:scale(1, 1); opacity:1; } .bioantipandemic-banner__item:nth-child(1){ transition:transform .3s ease-out 1.3s, opacity .3s ease-out 1.3s; } .bioantipandemic-banner__item:nth-child(2){ transition:transform .3s ease-out 1.6s, opacity .3s ease-out 1.6s; } .bioantipandemic-banner__item:nth-child(3){ transition:transform .3s ease-out 1.9s, opacity .3s ease-out 1.9s; } .bioantipandemic-banner__item:nth-child(4){ transition:transform .3s ease-out 2.2s, opacity .3s ease-out 2.2s; } .bioantipandemic-banner__item::before{ content:" "; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-image:url('/slider/bioantipandemic/bg-hexagon.png'); background-repeat:no-repeat; background-position:52% 114%; background-size:auto 88%; opacity:0.27; } .bioantipandemic-banner__item a{ text-decoration:none; } .bioantipandemic-banner__item-text{ position:relative; top:-4px; opacity:0; } .slide-bioantipandemic.active .bioantipandemic-banner__item-text{ opacity:1; } .bioantipandemic-banner__item:nth-child(1) .bioantipandemic-banner__item-text{ transition:opacity .5s ease-out 1.6s; } .bioantipandemic-banner__item:nth-child(2) .bioantipandemic-banner__item-text{ transition:opacity .5s ease-out 1.9s; } .bioantipandemic-banner__item:nth-child(3) .bioantipandemic-banner__item-text{ transition:opacity .5s ease-out 2.2s; } .bioantipandemic-banner__item:nth-child(4) .bioantipandemic-banner__item-text{ transition:opacity .5s ease-out 2.5s; } .bioantipandemic-banner__item-text p{ margin:0; font-weight:bold; text-align:center; color:rgb(62, 58, 58); } .bioantipandemic-banner__item-img{ position:relative; top:0; height:110px; background-repeat:no-repeat; background-size:auto 100%; background-position:center; } .bioantipandemic-banner__features{ position:relative; list-style:none; margin:0; padding:7px 0; } .bioantipandemic-banner__features li{ margin:0; text-align:center; font-weight:bold; color:rgb(120, 188, 39); } @media screen and (min-width:768px){ .bioantipandemic-banner__title{ font-size:2em; } .bioantipandemic-banner__items{ top:-5px; display:flex; justify-content:space-evenly; max-width:900px; margin:auto; } .bioantipandemic-banner__item{ width:173px; height:235px; } .bioantipandemic-banner__item:nth-child(1), .bioantipandemic-banner__item:nth-child(4){ top:36px; } .bioantipandemic-banner__item-text{ display:flex; align-items:center; height:52px; top:10px; } .bioantipandemic-banner__item-img{ top:23px; height:122px; } .bioantipandemic-banner__features{ font-size:1.2em; padding:0; } } @media screen and (min-width:1200px){ .bioantipandemic-banner__title{ margin:15px; font-size:2.5em; letter-spacing:0.02em; } .bioantipandemic-banner__items{ top:-5px; } .bioantipandemic-banner__item{ width:220px; height:253px; } .bioantipandemic-banner__item::before{ background-position:52% 131%; background-size:auto 93%; } .bioantipandemic-banner__item:nth-child(1), .bioantipandemic-banner__item:nth-child(4){ top:56px; } .bioantipandemic-banner__item-text{ font-size:1.15em; width:90%; height:70px; margin:0 auto; } .bioantipandemic-banner__item-img{ top:23px; height:122px; } .bioantipandemic-banner__features{ font-size:1.5em; padding:0; top:-18px; } } /* Слайд:Электрооборудование */ .slide-electroequipment{ } .slide-electroequipment .slide__bg{ background:rgb(255, 203, 48); } .slide-electroequipment .slide__text{ max-width:1350px; margin:auto; color:#111; } .slide-electroequipment .electroequipment-banner__title .title-prefix{ color:#de0303; } .slide-electroequipment .electroequipment-banner__title .cat_icon.ci14{ display:inline-block; width:40px; height:23px; background:url("/images/svg/cat_img_sprite.svg") 0 0 no-repeat; background-position:-747px; position:relative; top:0.2em; } .slide-electroequipment .electroequipment-banner__title .title-name{ font-size:1.9em; font-weight:bold; } .slide-electroequipment .electroequipment-banner__items{ display:flex; flex-wrap:wrap; width:90%; margin:auto; border:1px #333 solid; background:#333; box-shadow:5px 5px 0 #333; } .slide-electroequipment .electroequipment-banner__item{ display:flex; position:relative; align-items:center; box-sizing:border-box; width:100%; height:85px; padding:5px 5px 5px 20px; overflow:hidden; background:white; border:1px #333 solid; text-decoration:none; box-shadow:0 0 0 white, 0 0 0 rgba(255, 203, 48, .5) inset; transition:border-color .01s step-end, box-shadow .01s step-end; } .slide-electroequipment .electroequipment-banner__item:hover{ border-color:#FFC107; box-shadow:0 0 35px white, 0 0 4px rgba(255, 203, 48, .5) inset; transition:border-color .2s ease-in, box-shadow .2s ease-in; } .slide-electroequipment .electroequipment-banner__item::before{ display:block; content:" "; position:absolute; left:0; top:0; background-image:linear-gradient(to right, rgba(255, 203, 48, .0) 0%, rgba(255, 203, 48, .5) 30%, rgba(255, 203, 48, .5) 70%, rgba(255, 203, 48, .0) 100%); width:100px; height:100%; transform:translateX(-130%) skew(-30deg); transition:transform .01s step-end; } .slide-electroequipment .electroequipment-banner__item:hover::before{ transform:translateX(450%) skew(-30deg); transition:transform .2s ease-in; } .slide-electroequipment .electroequipment-banner__item-img{ float:left; width:50px; height:50px; text-align:center; } .slide-electroequipment .electroequipment-banner__item-img img{ float:none; height:100%; width:auto; margin:auto; } .slide-electroequipment .electroequipment-banner__item#item_2383 .electroequipment-banner__item-img img{ width:100%; height:auto; } .slide-electroequipment .electroequipment-banner__item-title{ margin-left:10px; text-align:left; } @media screen and (min-width:768px){ .slide-electroequipment .electroequipment-banner__title .title-name{ font-size:2.2em; } .slide-electroequipment .electroequipment-banner__item{ width:33.333333%; height:100px; } } @media screen and (min-width:1200px){ .slide-electroequipment .electroequipment-banner__title .cat_icon.ci14{ left:-1em; top:0.05em; transform:scale(1.2); } .slide-electroequipment .electroequipment-banner__title .title-name{ font-size:2.5em; } .slide-electroequipment .electroequipment-banner__item{ padding:5px 15px 5px 30px; font-size:1.15em; } .slide-electroequipment .electroequipment-banner__item-img{ width:80px; height:80px; } .slide-electroequipment .electroequipment-banner__item-title{ margin-left:30px; } } /* Шрифты для слайдов Бастион */ @font-face{ font-family:'Muller-Bold'; src:url('/slider/bastion-skat/fonts/Muller-Bold.eot'); src:local('☺'), url('/slider/bastion-skat/fonts/Muller-Bold.woff') format('woff'), url('/slider/bastion-skat/fonts/Muller-Bold.ttf') format('truetype'), url('/slider/bastion-skat/fonts/Muller-Bold.svg') format('svg'); font-weight:bold; font-style:normal; } @font-face{ font-family:'Gotham-Pro-Bold'; src:url('/slider/bastion-rapan/fonts/GothaProBol.eot'); src:local('☺'), url('/slider/bastion-rapan/fonts/GothaProBol.woff') format('woff'), url('/slider/bastion-rapan/fonts/GothaProBol.ttf') format('truetype'), url('/slider/bastion-rapan/fonts/GothaProBol.svg') format('svg'); font-weight:bold; font-style:normal; } @font-face{ font-family:'Gotham-Pro-Regular'; src:url('/slider/bastion-rapan/fonts/GothaProReg.eot'); src:local('☺'), url('/slider/bastion-rapan/fonts/GothaProReg.woff') format('woff'), url('/slider/bastion-rapan/fonts/GothaProReg.ttf') format('truetype'), url('/slider/bastion-rapan/fonts/GothaProReg.svg') format('svg'); font-weight:normal; font-style:normal; } @font-face{ font-family:'Gotham-Pro-Medium'; src:url('/slider/bastion-rapan/fonts/GothaProMed.eot'); src:local('☺'), url('/slider/bastion-rapan/fonts/GothaProMed.woff') format('woff'), url('/slider/bastion-rapan/fonts/GothaProMed.ttf') format('truetype'), url('/slider/bastion-rapan/fonts/GothaProMed.svg') format('svg'); font-weight:normal; font-style:normal; } @font-face{ font-family:'Noah-Bold'; src:url('/slider/bastion-rapan/fonts/noah-bold.eot'); src:local('☺'), url('/slider/bastion-rapan/fonts/noah-bold.woff') format('woff'), url('/slider/bastion-rapan/fonts/noah-bold.ttf') format('truetype'), url('/slider/bastion-rapan/fonts/noah-bold.svg') format('svg'); font-weight:bold; font-style:normal; } @font-face{ font-family:'VoxRoundWide'; src:url('/slider/bastion-sprut/fonts/VoxRoundWide.eot'); src:local('☞VoxRoundWide'), local('VoxRoundWide'), url('/slider/bastion-sprut/fonts/VoxRoundWide.eot?#iefix') format('embedded-opentype'), url('/slider/bastion-sprut/fonts/VoxRoundWide.woff2') format('woff2'), url('/slider/bastion-sprut/fonts/VoxRoundWide.woff') format('woff'), url('/slider/bastion-sprut/fonts/VoxRoundWide.ttf') format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'VoxRoundWide'; src:url('/slider/bastion-sprut/fonts/VoxRoundWide-Bold.eot'); src:local('☞VoxRoundWide-Bold'), local('VoxRoundWide-Bold'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Bold.eot?#iefix') format('embedded-opentype'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Bold.woff2') format('woff2'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Bold.woff') format('woff'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Bold.ttf') format('truetype'); font-weight:bold; font-style:normal; } @font-face{ font-family:'VoxRoundWide'; src:url('/slider/bastion-sprut/fonts/VoxRoundWide-Semibold.eot'); src:local('☞VoxRoundWide-Semibold'), local('VoxRoundWide-Semibold'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Semibold.eot?#iefix') format('embedded-opentype'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Semibold.woff2') format('woff2'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Semibold.woff') format('woff'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Semibold.ttf') format('truetype'); font-weight:600; font-style:normal; } @font-face{ font-family:'VoxRoundWide'; src:url('/slider/bastion-sprut/fonts/VoxRoundWide-Medium.eot'); src:local('☞VoxRoundWide-Medium'), local('VoxRoundWide-Medium'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Medium.eot?#iefix') format('embedded-opentype'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Medium.woff2') format('woff2'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Medium.woff') format('woff'), url('/slider/bastion-sprut/fonts/VoxRoundWide-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; } /* Слайд Бастион SKAT */ .slide-bastion-skat.active{ overflow:visible; } .slide-bastion-skat a{ text-decoration:none; color:white; } /* .slide-bastion-skat .maket{ display:none; width:1200px; height:420px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url('/slider/bastion-skat/maket_skat_1200_420.jpg'); background-size:100%; } */ .slide-bastion-skat .slide__bg{ background-color:rgb(0, 58, 160); } .slide-bastion-skat .slide__bg--blur, .slide-bastion-skat .slide__bg--focus{ position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url('/slider/bastion-skat/bg-bastion-skat-xs.jpg'); } .slide-bastion-skat .slide__bg--blur{ background-position:center; background-repeat:no-repeat; background-size:cover; filter:blur(6px); } .slide-bastion-skat .slide__bg--focus{ background-position:center -5px; background-repeat:no-repeat; } .slide-bastion-skat .slide__content{} .slide-bastion-skat .slide__cap{ position:relative; width:100%; height:51px; background-color:rgb(0, 22, 124); text-align:right; transform:translateX(100%); opacity:0; transition:transform .3s ease-in .9s, opacity .3s ease-in .9s; } .slide-bastion-skat.active .slide__cap{ transform:translateX(0%); opacity:1; } .slide-bastion-skat .slide__cap img{ width:144px; padding:10px 14px; } .slide-bastion-skat .slide__text{ width:320px; margin:auto; padding:12px 18px; box-sizing:border-box; text-align:left; font-family:"Muller-Bold", sans-serif; } .bastion-skat-banner__title{ margin:0; font-weight:bold; font-size:2.08em; line-height:1.17em; text-transform:uppercase; transform:translateX(-100%); opacity:0; transition:transform .3s ease-in 1.3s, opacity .3s ease-in 1.3s; } .slide-bastion-skat.active .bastion-skat-banner__title{ transform:translateX(0%); opacity:1; } .bastion-skat-banner__title::after{ content:" "; display:block; position:relative; height:3px; margin-left:-18px; margin-right:-18px; top:3px; background-color:rgb(0, 181, 235); } .bastion-skat-banner__serie-title{ display:block; position:relative; right:-4px; top:-1px; color:rgb(0, 181, 235); text-align:right; text-transform:none; white-space:nowrap; } .bastion-skat-banner__features, .bastion-skat-banner__features-short{ font-size:1.5em; padding:9px 0 0 12px; list-style:none; color:rgb(0, 181, 235); } .bastion-skat-banner__features li, .bastion-skat-banner__features-short li{ line-height:1.2em; } .bastion-skat-banner__features li::before, .bastion-skat-banner__features-short li::before{ content:" "; display:inline-block; position:relative; width:5px; height:5px; left:-5px; top:-2px; margin-left:-5px; border-radius:100%; background-color:white; } .bastion-skat-banner__features-short{ display:none; } .bastion-skat-banner__images{ position:relative; height:330px; margin:0 -18px; box-sizing:border-box; transform:scale(0, 0); opacity:0; transition:transform .3s ease-in 1s, opacity .3s ease-in 1s; } .slide-bastion-skat.active .bastion-skat-banner__images{ transform:scale(1, 1); opacity:1; } .bastion-skat-banner__image-case, .bastion-skat-banner__image-ups, .bastion-skat-banner__image-tower-ups{ position:absolute; background-repeat:no-repeat; background-position:center; } .bastion-skat-banner__image-case{ width:154px; height:196px; left:31px; top:3px; background-image:url('/slider/bastion-skat/bastion-skat-case.png'); background-size:auto 100%; } .bastion-skat-banner__image-tower-ups{ width:229px; height:294px; right:20px; top:26px; background-image:url('/slider/bastion-skat/bastion-skat-ups-tower.png'), url('/slider/bastion-skat/bastion-skat-ups-tower-shadow.png'); background-size:auto 97%, 99%; background-position:100% top, -3px 100%; } .bastion-skat-banner__image-ups{ width:193px; height:111px; top:213px; background-image:url('/slider/bastion-skat/bastion-skat-ups.png'), url('/slider/bastion-skat/bastion-skat-ups-shadow.png'); background-size:auto 100%, 65%; background-position:100% center, 0 55px; } .bastion-skat-banner__types{ font-size:1.5em; padding:14px 0 0 6px; list-style:none; } .bastion-skat-banner__types li{ line-height:1.2em; } .bastion-skat-banner__types li::before{ content:" "; display:inline-block; position:relative; width:2px; height:0.8em; left:-5px; top:2px; margin-left:-5px; background-color:white; } @media screen and (min-width:768px){ .slide-bastion-skat .slide__bg--blur, .slide-bastion-skat .slide__bg--focus{ background-image:url('/slider/bastion-skat/bg-bastion-skat-sm.jpg'); } .slide-bastion-skat .slide__bg--blur{ background-position:center; background-repeat:no-repeat; background-size:100% 430px; } .slide-bastion-skat .slide__bg{ background-position:center; background-repeat:no-repeat; background-size:auto 430px; } .slide-bastion-skat .slide__text{ width:768px; padding:15px 25px; } .bastion-skat-banner__title{ width:390px; line-height:1.22em; } .bastion-skat-banner__title::after{ display:none; } .bastion-skat-banner__serie-title{ display:inline-block; right:-8px; } .bastion-skat-banner__images{ position:absolute; width:330px; height:270px; right:45px; top:0; z-index:1; } .bastion-skat-banner__image-case{ width:130px; height:167px; left:31px; top:29px; background-size:auto 100%; } .bastion-skat-banner__image-tower-ups{ width:180px; height:255px; right:-8px; top:15px; background-image:url('/slider/bastion-skat/bastion-skat-ups-tower.png'); background-size:auto 100%; background-position:center; } .bastion-skat-banner__image-ups{ width:192px; height:105px; left:42px; top:169px; background-image:url('/slider/bastion-skat/bastion-skat-ups.png'); background-size:auto 100%; background-position:center; } .bastion-skat-banner__types{ display:inline-block; width:310px; padding:29px 16px; margin-right:37px; } .bastion-skat-banner__types li::before{ height:0.7em; left:-7px; } .bastion-skat-banner__features{ display:none; } .bastion-skat-banner__features-short{ display:block; position:absolute; width:360px; right:0; top:268px; box-sizing:border-box; padding:2px 24px; background-image:linear-gradient(119deg, rgb(0, 22, 124), rgb(0, 22, 124) 309px, transparent 309px); transform:translateX(100%); opacity:0; transition:transform .3s ease-in 1s, opacity .3s ease-in 1s; } .slide-bastion-skat.active .bastion-skat-banner__features-short{ transform:translateX(0%); opacity:1; } .bastion-skat-banner__features-short li::before{ width:6px; height:6px; left:-10px; } } @media screen and (min-width:1200px){ .slide-bastion-skat .slide__bg--blur, .slide-bastion-skat .slide__bg{ background-image:url('/slider/bastion-skat/bg-bastion-skat-lg.jpg'); } .slide-bastion-skat .slide__bg--blur{ background-position:center; background-repeat:no-repeat; background-size:100% 420px; } .slide-bastion-skat .slide__bg{ background-position:center; background-repeat:no-repeat; background-size:auto 420px; } .slide-bastion-skat .slide__cap{ position:relative; width:1200px; height:35px; margin:auto; background-color:transparent; z-index:1; } .slide-bastion-skat .slide__cap a{ display:block; position:absolute; right:0; top:0; width:455px; height:51px; background-image:linear-gradient(141deg, transparent, transparent 38px, rgb(0, 22, 124) 40px); } .slide-bastion-skat .slide__text{ width:1200px; padding:0; } .bastion-skat-banner__title{ box-sizing:border-box; width:930px; height:102px; padding:13px 33px; font-size:2.669em; background-image:linear-gradient(136deg, rgb(0, 31, 148) 649px, transparent 650px, transparent); } .bastion-skat-banner__serie-title{ font-size:0.78em; right:1px; top:-9px; } .bastion-skat-banner__images{ width:375px; height:360px; right:50px; top:0; } .bastion-skat-banner__image-case{ width:181px; height:224px; left:0; top:68px; } .bastion-skat-banner__image-tower-ups{ width:200px; height:324px; right:-2px; top:41px; } .bastion-skat-banner__image-ups{ width:190px; height:125px; left:62px; top:241px; } .bastion-skat-banner__types{ width:350px; padding:22px 0 0 75px; margin-right:0; font-size:1.825em; } .bastion-skat-banner__types li::before{ width:3px; left:-11px; top:0; } .bastion-skat-banner__features-short{ width:772px; top:225px; padding:13px 80px; background-image:linear-gradient(119deg, transparent 50px, rgb(0, 31, 148) 51px); } } /* Слайд Бастион Рапан */ .slide-bastion-rapan{ } .slide-bastion-rapan a{ text-decoration:none} .slide-bastion-rapan .maket{ /* display:none; */ width:320px; height:930px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url('/slider/bastion-rapan/maket_rapan_640_1860.jpg'); background-size:100%; } .slide-bastion-rapan .slide__bg{ background-image:linear-gradient(180deg, rgb(20, 70, 110), rgb(24, 75, 118) 17%, rgb(47, 87, 123) 33%, rgb(104, 128, 154) 57%, rgb(177, 191, 204) 81%, white); } .slide-bastion-rapan .slide__content{ position:relative; height:100%; } .slide-bastion-rapan .slide__content{ } .slide-bastion-rapan .slide__cap{ position:relative; height:42px; width:50%; margin-left:50%; background-image:linear-gradient(90deg, transparent, transparent 30px, rgb(5, 37, 88) 30px); transform:translateX(120%); opacity:0; transition:transform .3s ease-in .5s, opacity .3s ease-in .5s; } .slide-bastion-rapan.active .slide__cap{ transform:translateX(0); opacity:1; } .slide-bastion-rapan .slide__bastion-logo{ width:167px; height:100%; margin-left:-6px; background-image:linear-gradient(110deg, transparent, transparent 14px, rgb(5, 37, 88) 15px); text-align:right; } .slide-bastion-rapan .slide__bastion-logo img{ width:130px; padding:9px 25px; } .slide-bastion-rapan .slide__title-block{ position:relative; width:100%; height:130px; background-color:rgb(47, 144, 232); background-image:url('/slider/bastion-rapan/bastion-rapan-bg-title-xs.jpg'); background-size:auto 100%; transform:translateX(-120%); opacity:0; transition:transform .3s ease-in .7s, opacity .3s ease-in .7s; } .slide-bastion-rapan.active .slide__title-block{ transform:translateX(0); opacity:1; } .bastion-rapan-banner__title{ width:320px; height:100%; box-sizing:border-box; margin:0 auto; padding:14px 10px; font-size:2.03em; line-height:1.3em; color:white; font-family:"Gotham-Pro-Bold", sans-serif; text-transform:uppercase; } .slide-bastion-rapan .slide__serie-block{ position:relative; background-image:linear-gradient(90deg, transparent, transparent 50%, rgb(5, 37, 88) 50%); transform:sacleX(0); opacity:0; transition:transform .2s ease-in .9s, opacity .2s ease-in .9s; } .slide-bastion-rapan.active .slide__serie-block{ transform:scaleX(1); opacity:1; } .slide-bastion-rapan .slide__serie{ width:320px; box-sizing:border-box; margin:0 auto; padding:8px 9px; color:white; font-size:2.1em; line-height:1em; font-family:"Noah-Bold", sans-serif; text-transform:uppercase; background-image:linear-gradient(110deg, transparent, transparent 113px, rgb(5, 37, 88) 114px); } .slide-bastion-rapan .slide__serie-title{ margin-left:11px } .slide-bastion-rapan .slide__text{ width:320px; margin:auto; } .bastion-rapan-banner__features{ position:relative; box-sizing:border-box; padding:25px 0 0 63px; list-style:none; text-align:left; font-size:1.87em; font-family:"Gotham-Pro-Regular", sans-serif; text-transform:uppercase; } .bastion-rapan-banner__features li{ line-height:1.2em; } .bastion-rapan-banner__features li::before{ content:" "; display:inline-block; position:relative; width:3px; height:0.73em; left:-15px; margin-left:-5px; background-color:white; } .slide-bastion-rapan .slide__slogan-block{ position:absolute; width:100%; left:50%; height:100%; top:0; margin-left:-160px; } .slide-bastion-rapan .slide__slogan-triangle{ position:absolute; width:100%; height:100%; top:541px; transform-origin:left top; transform:rotate(0deg); overflow:hidden; opacity:0; transition:transform .4s ease-in .6s, opacity .4s ease-in .6s; } .slide-bastion-rapan.active .slide__slogan-triangle{ opacity:1; transform:rotate(-17.4deg); } .slide-bastion-rapan .slide__slogan-triangle::before{ content:" "; display:block; position:absolute; width:100%; height:200%; bottom:100%; transform-origin:left bottom; transform:rotate(0deg); background-color:white; opacity:0; transition:transform .4s ease-in .6s, opacity .4s ease-in .6s; } .slide-bastion-rapan.active .slide__slogan-triangle::before{ opacity:1; transform:rotate(34.7deg); } .slide-bastion-rapan .slide__slogan{ position:absolute; width:320px; top:521px; box-sizing:border-box; padding:0 13px; text-align:right; color:rgb(25, 82, 137); font-family:"Gotham-Pro-Bold", sans-serif; text-transform:uppercase; font-size:1.18em; line-height:1.18em; letter-spacing:-0.055em; transform:translateX(120%); opacity:0; transition:transform .3s ease-in .9s, opacity .3s ease-in .9s; } .slide-bastion-rapan.active .slide__slogan{ transform:translateX(0); opacity:1; } .bastion-rapan-banner__image-plastic{ position:absolute; width:190px; height:160px; left:50%; margin-left:-41px; top:345px; background-image:url('/slider/bastion-rapan/bastion-rapan-plastic.png'); background-size:100% auto; background-repeat:no-repeat; transform:scale(0, 0); opacity:0; transition:transform .4s ease-in .5s, opacity .4s ease-in .5s; } .slide-bastion-rapan.active .bastion-rapan-banner__image-plastic{ opacity:1; transform:scale(1, 1); } .bastion-rapan-banner__image-metall{ position:absolute; width:217px; height:220px; left:50%; margin-left:-148px; top:565px; background-image:url('/slider/bastion-rapan/bastion-rapan-metall.png'); background-size:100% auto; background-repeat:no-repeat; transform:scale(0, 0); opacity:0; transition:transform .4s ease-in .5s, opacity .4s ease-in .5s; } .slide-bastion-rapan.active .bastion-rapan-banner__image-metall{ opacity:1; transform:scale(1, 1); } .bastion-rapan-banner__image-caption{ position:absolute; box-sizing:border-box; background-color:rgb(25, 82, 137); padding:7px 10px; color:white; font-size:1.02em; line-height:1.2em; font-family:"Noah-Bold", sans-serif; text-transform:uppercase; z-index:1; } .bastion-rapan-banner__image-caption-tail{ position:absolute; overflow:hidden; bottom:99%; transform-origin:left bottom; } .bastion-rapan-banner__image-caption-tail::before{ content:" "; display:block; position:absolute; width:100%; height:100%; top:50%; background-color:rgb(25, 82, 137); } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption{ width:174px; left:-102px; top:98px; } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption-tail{ width:31px; height:89px; right:29px; transform:skewX(-31deg); } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption-tail::before{ transform:skewY(-71deg); } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption{ width:229px; left:74px; top:217px; padding-left:14px; letter-spacing:0.01em; } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption-tail{ width:14px; height:76px; left:43px; transform:skewX(29deg); } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption-tail::before{ transform:skewY(-79deg); } .slide-bastion-rapan .slide__footer{ position:absolute; height:62px; width:50%; bottom:-45px; background-image:linear-gradient(to bottom, rgb(23, 33, 58), rgb(23, 33, 58) 52px, rgb(25, 82, 137) 52px); opacity:0; transform:translateX(-120%); transition:transform .3s ease-in .4s, opacity .3s ease-in .4s; } .slide-bastion-rapan.active .slide__footer{ opacity:1; transform:translateX(0); } .slide-bastion-rapan .slide__rapan-logo{ position:absolute; width:320px; height:100%; right:-160px; } .slide-bastion-rapan .slide__rapan-logo::before, .slide-bastion-rapan .slide__rapan-logo::after{ content:" "; display:block; position:absolute; height:52px; transform:skewX(-20deg); } .slide-bastion-rapan .slide__rapan-logo::before{ width:310px; left:-14px; top:10px; background-color:rgb(25, 82, 137); } .slide-bastion-rapan .slide__rapan-logo::after{ width:300px; left:-29px; top:0; background-color:rgb(23, 33, 58); } .slide-bastion-rapan .slide__rapan-logo img{ position:relative; width:200px; padding:10px 17px; z-index:1; } @media screen and (max-width:767px){ .slide-bastion-rapan.active, .slide-bastion-rapan.active .slide__content{ overflow:visible; } } @media screen and (min-width:768px){ .slide-bastion-rapan .maket{ width:768px; height:430px; background-image:url('/slider/bastion-rapan/maket_rapan_1536_860.jpg'); } .slide-bastion-rapan .slide__cap{ position:absolute; width:50%; height:38px; background-image:linear-gradient(90deg, transparent, transparent 300px, rgb(5, 37, 88) 300px); } .slide-bastion-rapan .slide__bastion-logo{ width:180px; margin-left:204px; } .slide-bastion-rapan .slide__bastion-logo img{ width:118px; padding:4px 24px; } .slide-bastion-rapan .slide__title-block{ width:50%; height:105px; top:10px; padding-right:75px; background-image:url('/slider/bastion-rapan/bastion-rapan-bg-title-sm.jpg'); } .bastion-rapan-banner__title{ width:383px; margin:0 0 0 auto; padding:1px 47px; font-size:1.96em; line-height:1.23em; } .slide-bastion-rapan .slide__serie-block{ width:50%; top:10px; background-image:none; } .slide-bastion-rapan .slide__serie{ width:280px; margin:0 65px 0 auto; font-size:1.6em; padding:4px 9px; background-image:linear-gradient(110deg, transparent, transparent 88px, rgb(5, 37, 88) 89px, rgb(5, 37, 88) 258px, transparent 259px); } .slide-bastion-rapan .slide__serie-title{ margin-left:9px } .slide-bastion-rapan .slide__text{ width:768px } .bastion-rapan-banner__features{ width:300px; left:99px; top:95px; padding:0; font-size:1.55em; } .bastion-rapan-banner__features li{ line-height:1.28em; } .bastion-rapan-banner__features li::before{ width:2px; left:-12px; top:1px; } .slide-bastion-rapan .slide__slogan-block{ margin-left:98px; } .slide-bastion-rapan .slide__slogan-triangle{ top:223px; } .slide-bastion-rapan .slide__slogan-triangle::before{ } .slide-bastion-rapan .slide__slogan{ width:278px; top:206px; font-size:1em; } .bastion-rapan-banner__image-plastic{ width:156px; height:160px; margin-left:192px; top:65px; z-index:1; } .bastion-rapan-banner__image-metall{ width:229px; height:233px; margin-left:-76px; top:169px; } .bastion-rapan-banner__image-caption{ font-size:0.82em; border:1px solid rgb(155, 181, 208); } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption{ width:145px; left:-84px; top:81px; z-index:2; } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption-tail{ width:24px; height:78px; right:26px; bottom:98%; transform:skewX(-31deg); } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption-tail::before{ transform:skewY(-74deg); } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption{ width:190px; left:56px; top:-60px; padding-left:12px; } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption-tail{ width:14px; height:50px; left:31px; top:100%; transform:skewX(-20deg); transform-origin:left top; } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption-tail::before{ top:-50%; transform:skewY(-76deg); border-left:1px solid rgb(155, 181, 208); border-bottom:1px solid rgb(155, 181, 208); box-shadow:-1px -1px 1px white; } .slide-bastion-rapan .slide__footer{ height:53px; width:50%; left:50%; bottom:0; background:none; } .slide-bastion-rapan .slide__footer::before{ content:" "; display:block; position:absolute; right:0; width:50%; height:100%; background-image:linear-gradient(to bottom, white, white 8px, rgb(23, 33, 58) 8px); } .slide-bastion-rapan .slide__rapan-logo{ width:384px; left:0; right:auto; text-align:right; } .slide-bastion-rapan .slide__rapan-logo::before, .slide-bastion-rapan .slide__rapan-logo::after{ height:45px; } .slide-bastion-rapan .slide__rapan-logo::before{ width:310px; left:auto; right:-34px; top:0; background-color:white; } .slide-bastion-rapan .slide__rapan-logo::after{ width:300px; left:auto; right:-44px; top:8px; } .slide-bastion-rapan .slide__rapan-logo img{ width:173px; padding:15px 35px; } } @media screen and (min-width:1200px){ .slide-bastion-rapan .maket{ width:1200px; height:420px; background-image:url('/slider/bastion-rapan/maket_rapan_1200_420.jpg'); } .slide-bastion-rapan .slide__cap{ height:54px; background-image:linear-gradient(110deg, transparent, transparent 339px, rgb(5, 37, 88) 340px); } .slide-bastion-rapan .slide__bastion-logo{ width:600px; margin-left:0; background:transparent; } .slide-bastion-rapan .slide__bastion-logo img{ width:175px; padding:9px 52px; } .slide-bastion-rapan .slide__title-block{ height:133px; top:27px; padding-right:0; margin-left:-40px; background-image:url('/slider/bastion-rapan/bastion-rapan-bg-title-lg.jpg'); } .bastion-rapan-banner__title{ width:560px; padding:1px 60px; font-size:2.5em; line-height:1.3em; } .slide-bastion-rapan .slide__serie-block{ top:27px; } .slide-bastion-rapan .slide__serie{ width:408px; margin:0 140px 0 auto; padding:8px 10px 4px; font-size:2.34em; background-image:linear-gradient(110deg, transparent, transparent 129px, rgb(5, 37, 88) 130px, rgb(5, 37, 88) 379px, transparent 380px); } .slide-bastion-rapan .slide__serie-title{ margin-left:14px } .slide-bastion-rapan .slide__text{ width:1200px } .bastion-rapan-banner__features{ left:200px; top:52px; font-size:1.8em; } .bastion-rapan-banner__features li{ } .bastion-rapan-banner__features li::before{ left:-14px; top:0; } .slide-bastion-rapan .slide__slogan-block{ margin-left:160px; } .slide-bastion-rapan .slide__slogan-triangle{ top:353px; } .slide-bastion-rapan .slide__slogan-triangle::before{ } .slide-bastion-rapan .slide__slogan{ width:405px; top:324px; font-size:1.5em; line-height:1.2em; } .bastion-rapan-banner__image-plastic{ width:230px; height:192px; margin-left:321px; top:112px; } .bastion-rapan-banner__image-metall{ width:262px; height:270px; margin-left:-78px; top:121px; } .bastion-rapan-banner__image-caption{ font-size:1.2em; padding:7px 13px; } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption{ width:209px; left:-123px; top:120px; } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption-tail{ width:39px; height:108px; right:35px; } .bastion-rapan-banner__image-plastic .bastion-rapan-banner__image-caption-tail::before{ transform:skewY(-71deg); } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption{ width:281px; left:74px; top:-97px; padding:10px 16px; } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption-tail{ width:15px; height:74px; left:47px; top:99%; transform:skewX(-20deg); } .bastion-rapan-banner__image-metall .bastion-rapan-banner__image-caption-tail::before{ transform:skewY(-79deg); } .slide-bastion-rapan .slide__footer{ height:75px; width:50%; left:0; bottom:0; } .slide-bastion-rapan .slide__footer::before{ width:100%; height:99%; right:500px; background-image:linear-gradient(to bottom, rgb(23, 33, 58), rgb(23, 33, 58) 66px, white 66px); } .slide-bastion-rapan .slide__rapan-logo{ width:420px; left:auto; right:180px; } .slide-bastion-rapan .slide__rapan-logo::before, .slide-bastion-rapan .slide__rapan-logo::after{ height:66px; } .slide-bastion-rapan .slide__rapan-logo::before{ width:310px; height:61px; left:93px; top:auto; bottom:1px; background-color:white; } .slide-bastion-rapan .slide__rapan-logo::after{ width:300px; left:72px; top:0; background-color:rgb(23, 33, 58); } .slide-bastion-rapan .slide__rapan-logo img{ position:relative; width:257px; padding:14px 102px 0 0; z-index:1; } } /* Слайд Бастион лампы */ .slide-bastion-light{} .slide-bastion-light a{ text-decoration:none} .slide-bastion-light .maket{ /* display:none; */ width:320px; height:930px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url('/slider/bastion-light/maket_light_640_1860.jpg'); background-size:100%; } .slide-bastion-light .slide__bg{ background-color:rgb(0, 0, 0); } .slide-bastion-light .slide__bg--blur, .slide-bastion-light .slide__bg--focus{ position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url('/slider/bastion-light/bg-bastion-light-xs.jpg'); } .slide-bastion-light .slide__bg--blur{ background-position:center 45%; background-repeat:no-repeat; background-size:100% auto; filter:blur(6px); opacity:0.25; } .slide-bastion-light .slide__bg--focus{ background-position:center; background-repeat:no-repeat; } .slide-bastion-light .slide__content{ position:relative; height:930px; } .slide-bastion-light .slide__text{ position:relative; width:320px; height:100%; margin:auto; box-sizing:border-box; text-align:left; font-family:"Gotham-Pro-Bold", sans-serif; } .slide-bastion-light .slide__cap{ position:relative; width:100%; height:50px; text-align:right; background-color:rgb(13, 9, 34); z-index:1; transform:translateX(100%); opacity:0; transition:transform .3s ease-in .9s, opacity .3s ease-in .9s; } .slide-bastion-light.active .slide__cap{ transform:translateX(0%); opacity:1; } .slide-bastion-light .slide__cap img{ width:108px; padding:9px 22px; } .bastion-light-banner__title-block{ background-color:rgba(7, 10, 21, .78); } .bastion-light-banner__title{ margin:0; padding:11px 19px 5px; text-transform:uppercase; font-size:1.43em; line-height:1.34em; } .bastion-light-banner__text-block{ margin-top:-32px; padding:32px 18px 15px; background-color:rgba(7, 10, 21, .78); font-family:"Muller-Bold", sans-serif; text-transform:uppercase; } .bastion-light-banner__text-purpose{ position:relative; margin:0; padding:20px 12px 10px 20px; color:rgb(95, 176, 227); font-size:0.87em; line-height:1.24em; letter-spacing:0.018em; } .bastion-light-banner__text-purpose::before{ content:" "; display:block; position:absolute; width:1px; height:53px; left:13px; top:23px; background-color:white; } .bastion-light-banner__text-slogan{ margin:0; padding:5px 1px; } .bastion-light-banner__light-types{ list-style-type:none; display:flex; flex-wrap:wrap; justify-content:space-evenly; margin:0 auto; padding:5px 6px; } .bastion-light-banner__light-type{ display:block; box-sizing:border-box; width:50%; padding:3px; } .bastion-light-banner__light-type a{ display:block; position:relative; box-sizing:border-box; height:212px; border:1px solid white; background-color:rgba(7, 10, 21, .78); color:rgb(95, 176, 227); padding:11px 20px; font-size:0.82em; line-height:1.393em; letter-spacing:0.02em; transform:scale(0, 1); opacity:0; } .slide-bastion-light.active .bastion-light-banner__light-type a{ transform:scale(1, 1); opacity:1; } .bastion-light-banner__light-type:nth-child(1) a{ transition:transform .2s ease-out 1.3s, opacity .2s ease-out 1.3s; } .bastion-light-banner__light-type:nth-child(2) a{ transition:transform .2s ease-out 1.4s, opacity .2s ease-out 1.4s; } .bastion-light-banner__light-type:nth-child(3) a{ transition:transform .2s ease-out 1.5s, opacity .2s ease-out 1.5s; } .bastion-light-banner__light-type:nth-child(4) a{ transition:transform .2s ease-out 1.6s, opacity .2s ease-out 1.6s; } .bastion-light-banner__light-type:nth-child(5) a{ transition:transform .2s ease-out 1.7s, opacity .2s ease-out 1.7s; } .bastion-light-banner__light-type:nth-child(6) a{ transition:transform .2s ease-out 1.8s, opacity .2s ease-out 1.8s; } .bastion-light-banner__light-type a::before{ content:" "; display:block; position:absolute; left:4px; top:7px; width:20px; height:20px; background-image:radial-gradient(white 1px, rgba(255, 255, 255, .25) 3px, transparent 7px); } .bastion-light-banner__light-type--metall a{ background-image:url('/slider/bastion-light/bastion-light-metall-01.png'), url('/slider/bastion-light/bastion-light-metall-02.png'); background-repeat:no-repeat; background-size:79% auto, 78% auto; background-position:73% 61%, 73% 98%; } .bastion-light-banner__light-type--plastic a{ background-image:url('/slider/bastion-light/bastion-light-plastic-01.png'), url('/slider/bastion-light/bastion-light-plastic-02.png'); background-repeat:no-repeat; background-size:82% auto, 81% auto; background-position:48% 59%, 50% 100%; } .bastion-light-banner__light-type--budget a{ background-image:url('/slider/bastion-light/bastion-light-budget-01.png'), url('/slider/bastion-light/bastion-light-budget-02.png'); background-repeat:no-repeat; background-size:77% auto, 83% auto; background-position:49% 60%, 58% 90%; } .bastion-light-banner__light-type--armstrong a{ background-image:url('/slider/bastion-light/bastion-light-armstrong.png'); background-repeat:no-repeat; background-size:39% auto; background-position:47% 97%; } .bastion-light-banner__light-type--consumer a{ background-image:url('/slider/bastion-light/bastion-light-consumer-01.png'), url('/slider/bastion-light/bastion-light-consumer-02.png'); background-repeat:no-repeat; background-size:42% auto, 77% auto; background-position:45% 60%, 75% 107%; } .bastion-light-banner__light-type--led a{ background-image:url('/slider/bastion-light/bastion-light-led-01.png'), url('/slider/bastion-light/bastion-light-led-02.png'); background-repeat:no-repeat; background-size:68% auto, 70% auto; background-position:50% 51%, 53% 85%; } @media screen and (max-width:767px){ .slide-bastion-light.active{ overflow:visible } } @media screen and (min-width:768px){ .slide-bastion-light .maket{ width:768px; height:430px; background-image:url('/slider/bastion-light/maket_light_1536_860.jpg'); } .slide-bastion-light .slide__bg--blur, .slide-bastion-light .slide__bg--focus{ background-image:url('/slider/bastion-light/bg-bastion-light-sm.jpg'); } .slide-bastion-light .slide__bg--blur{ } .slide-bastion-light .slide__bg--focus{ } .slide-bastion-light .slide__text{ width:768px; } .slide-bastion-light .slide__cap{ position:absolute; width:auto; height:auto; right:0; top:0; background-color:transparent; } .slide-bastion-light .slide__cap img{ width:137px; padding:16px 23px; } .bastion-light-banner__title-block{ position:relative; height:69px; top:38px; } .bastion-light-banner__title{ position:relative; width:400px; top:-38px; padding:15px 25px 5px; font-size:1.9em; } .bastion-light-banner__text-block{ margin-top:4px; padding:0 18px 5px; } .bastion-light-banner__text-purpose{ padding:13px 69px 1px; font-size:1.15em; line-height:1.3em; } .bastion-light-banner__text-purpose::before{ width:2px; height:33px; left:57px; top:16px; } .bastion-light-banner__text-slogan{ padding:5px 57px; font-size:1.14em; } .bastion-light-banner__light-types{ padding:13px 10px; } .bastion-light-banner__light-type{ width:16.6%; padding:2px; } .bastion-light-banner__light-type a{ height:230px; padding:7px 16px; } .bastion-light-banner__light-type a::before{ left:0; top:3px; } .bastion-light-banner__light-type--metall a{ background-size:96% auto, 96% auto; background-position:27% 64%, 54% 98%; } .bastion-light-banner__light-type--plastic a{ background-size:100% auto, 98% auto; background-position:48% 62%, 45% 98%; } .bastion-light-banner__light-type--budget a{ background-size:94% auto, 102% auto; background-position:61% 66%, -50% 92%; } .bastion-light-banner__light-type--armstrong a{ background-size:55% auto; background-position:50% 98%; } .bastion-light-banner__light-type--consumer a{ background-size:51% auto, 96% auto; background-position:30% 62%, 62% 103%; } .bastion-light-banner__light-type--led a{ background-size:85% auto, 86% auto; background-position:28% 58%, 52% 98.5%; } } @media screen and (min-width:1200px){ .slide-bastion-light .maket{ width:1200px; height:420px; background-image:url('/slider/bastion-light/maket_light_1200_420.jpg'); } .slide-bastion-light .slide__bg--blur, .slide-bastion-light .slide__bg--focus{ background-image:url('/slider/bastion-light/bg-bastion-light-lg.jpg'); } .slide-bastion-light .slide__bg--blur{ } .slide-bastion-light .slide__bg--focus{ } .slide-bastion-light .slide__text{ width:1200px; } .slide-bastion-light .slide__cap img{ width:162px; padding:18px 33px; } .bastion-light-banner__title-block{ height:auto; top:0; } .bastion-light-banner__title{ box-sizing:border-box; width:100%; top:0; padding:35px 24px 32px; font-size:2.21em; } .bastion-light-banner__text-block{ margin-top:-33px; padding:0 16px 5px; } .bastion-light-banner__text-purpose{ width:600px; line-height:1.4em; } .bastion-light-banner__text-slogan{ padding:3px 69px; } .bastion-light-banner__light-types{ padding:0 1px; } .bastion-light-banner__light-type{ padding:11px 16px; } .bastion-light-banner__light-type a{ padding:9px 6px 0 20px; font-size:1.07em; line-height:1.25em; } .bastion-light-banner__light-type a::before{ left:2px; top:6px; } .bastion-light-banner__light-type--metall a{ background-size:87% auto, 87% auto; background-position:62% 62%, 112% 98%; } .bastion-light-banner__light-type--plastic a{ background-size:83% auto, 83% auto; background-position:85% 61%, 79% 99%; } .bastion-light-banner__light-type--budget a{ background-size:76% auto, 82% auto; background-position:60% 65%, 72% 95%; } .bastion-light-banner__light-type--armstrong a{ background-size:40% auto; background-position:55% 100%; } .bastion-light-banner__light-type--consumer a{ background-size:41% auto, 73% auto; background-position:34% 61%, 64% 104%; } .bastion-light-banner__light-type--led a{ background-size:79% auto, 80% auto; background-position:47% 56%, 63% 100%; } } /* Слайд Бастион SPRUT */ .slide-bastion-sprut{ font-family:'VoxRoundWide'; } .slide-bastion-sprut.active{ overflow:visible; } .slide-bastion-sprut a{ text-decoration:none; color:white; } .slide-bastion-sprut .maket{ display:none; width:1200px; height:420px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url('/slider/bastion-sprut/SPRUT_2021_950_350.jpg'); background-size:auto 92%; background-repeat:no-repeat; background-position:center top; } .slide-bastion-sprut .slide__bg{ background-color:rgb(0, 58, 160); } .slide-bastion-sprut .slide__bg--tile, .slide-bastion-sprut .slide__bg--central{ position:absolute; height:100%; top:0; bottom:0; margin:auto; } .slide-bastion-sprut .slide__bg--central{ position:relative; width:100%; max-width:1200px; left:0; right:0; background:calc(100% - 56vw) top / auto no-repeat url('/slider/bastion-sprut/ornament.png'), center / 100% linear-gradient(90deg, rgb(92, 45, 145), rgb(92, 45, 145) 14%, rgb(53, 65, 156) 50%, rgb(1, 91, 171) 100%); } .slide-bastion-sprut .slide__bg--central::before{ content:" "; display:block; position:absolute; width:253px; height:100%; right:0; margin-right:-123px; background:center 67% / 100% auto no-repeat url('/slider/bastion-sprut/sprut_silhoette.png'); opacity:0.43; } .slide-bastion-sprut .slide__content{ position:relative; } .slide-bastion-sprut .slide__cap{ display:flex; align-items:center; flex-wrap:wrap; justify-content:space-evenly; position:relative; top:15px; min-height:85px; padding:10px; background-color:rgb(46, 49, 146); } .slide-bastion-sprut .slide__cap-item{ position:relative; padding:5px; transform:scale(0, 0); opacity:0; transition:transform .3s ease-out .5s, opacity .3s ease-out .5s; } .slide-bastion-sprut.active .slide__cap-item{ transform:scale(1, 1); opacity:1; } .slide-bastion-sprut #slogan{ padding-left:39px; } .slide-bastion-sprut #logo_bastion{ width:100%; text-align:center; } .slide-bastion-sprut .slide__cap-item img{ width:100%; height:auto; } .slide-bastion-sprut #logo_sprut img{ max-width:300px; } .slide-bastion-sprut #slogan img{ max-width:230px; } .slide-bastion-sprut #logo_bastion img{ max-width:178px; margin-left:-45px; } .bastion-sprut-banner__image{ padding-top:7%; max-width:475px; margin:auto; transform:scale(0, 0); opacity:0; transition:transform .4s ease-out .9s, opacity .4s ease-out .9s; } .slide-bastion-sprut.active .bastion-sprut-banner__image{ transform:scale(1, 1); opacity:1; } .bastion-sprut-banner__image img{ width:100%; height:auto; } .bastion-sprut-banner__titles{ max-width:630px; margin:auto; padding:10px 20px; text-align:left; font-size:1.31em; font-weight:600; } .bastion-sprut-banner__title{ position:relative; margin:0.5em 0; line-height:1.2em; } .bastion-sprut-banner__title::before, .bastion-sprut-banner__title::after{ content:" "; display:block; position:absolute; left:0; bottom:-5px; height:2px; background-color:rgb(32, 193, 245); opacity:0.5; transform-origin:left; } #title_pacs_unbox::before{ width:50%; } #title_pacs_box::before{ width:74%; } .bastion-sprut-banner__features{ max-width:500px; margin:auto; padding:0 8px; text-align:left; list-style:none; font-size:0.8em; font-weight:600; text-transform:uppercase; } .bastion-sprut-banner__features li{ position:relative; padding:5px 30px; margin:7px 0; line-height:1.42em; border:2px solid rgb(46, 49, 146); border-radius:11px 0; } .bastion-sprut-banner__features li::before{ content:" "; display:block; position:absolute; width:6px; height:6px; left:12px; top:0.75em; background-color:rgb(32, 193, 245); } @media screen and (min-width:768px){ .slide-bastion-sprut .slide__cap{ flex-wrap:nowrap; padding:0 4vw; } .slide-bastion-sprut .slide__cap-item{ padding:0; } .slide-bastion-sprut #logo_sprut{ padding-right:36px; } .slide-bastion-sprut #logo_sprut::before{ content:" "; display:block; position:absolute; width:2px; height:93%; right:0; background-color:white; } .slide-bastion-sprut #slogan{ padding-top:8px; } .slide-bastion-sprut #logo_bastion{ width:auto; margin-left:auto; } .slide-bastion-sprut #logo_sprut img{ max-width:328px; } .slide-bastion-sprut #logo_bastion img{ margin-left:auto; } .bastion-sprut-banner__main{ display:flex; position:relative; top:15px; } .bastion-sprut-banner__image{ width:400px; max-width:45%; margin:0; padding-top:0.7%; text-align:right; } .bastion-sprut-banner__image img{ max-width:373px; } .bastion-sprut-banner__titles{ padding:5px 3px; } #title_pacs_unbox::after{ width:33%; transform:rotate(178deg); } #title_pacs_box::after{ width:10%; transform:rotate(168deg); } .bastion-sprut-banner__features{ margin-left:0; } } @media screen and (min-width:1200px){ .slide-bastion-sprut .slide__bg{ background:center / 100% linear-gradient(90deg, rgb(92, 45, 145), rgb(92, 45, 145) 49%, rgb(1, 91, 171) 50%, rgb(1, 91, 171) 100%); } .slide-bastion-sprut .slide__bg::after{ content:" "; display:block; position:absolute; top:15px; width:100%; height:85px; background-color:rgb(46, 49, 146); } .slide-bastion-sprut .slide__bg--tile{ width:50%; left:-31px; background-image:url('/slider/bastion-sprut/ornamentile.png'); background-position:100% 5px; } .slide-bastion-sprut .slide__bg--central{ max-width:1200px; background:-50px top / auto no-repeat url('/slider/bastion-sprut/ornament.png'), center / 100% linear-gradient(90deg, rgb(92, 45, 145), rgb(92, 45, 145) 14%, rgb(53, 65, 156) 50%, rgb(1, 91, 171) 100%); } .slide-bastion-sprut .slide__bg--central::before{ margin-right:-51px; } .slide-bastion-sprut .slide__content{ width:1200px; margin:auto; } .slide-bastion-sprut .slide__cap{ padding:0 104px 0 96px; } .bastion-sprut-banner__main{ height:288px; } .bastion-sprut-banner__image{ width:470px; padding-top:0.4%; } #title_pacs_unbox::after{ width:185px; transform:rotate(171.5deg); } #title_pacs_box::after{ width:70px; transform:rotate(150deg); } .bastion-sprut-banner__features{ padding:15px 28px; font-size:0.95em; } .bastion-sprut-banner__features li{ padding:5px 60px 5px 30px; } } /* Слайд:INTEVIO */ .slide-intevio .slide__bg{ background-image:url("/slider/intevio/honeywell_corner.jpg"); background-position:100% 0; background-repeat:no-repeat; background-size:auto; border-bottom:rgb(178, 188, 197) 1px solid; } /* Дополнительные элементы */ .intevio-banner__title{ /* rgb(239, 49, 37); */ color:rgb(206, 24, 30); font-size:2em; max-width:1000px; text-align:center; margin:0.5em auto; padding:20% 10% 10%; } @media screen and (min-width:768px){ .intevio-banner__title{ padding:0 10px; } } .intevio-banner__title a{ color:rgb(206, 24, 30); text-decoration:none; } .intevio-banner__title a:hover{ text-decoration:underline; } .intevio-banner__title a strong{ font-size:1.2em; } .slide-intevio .slide__content, .slide-intevio .slide__text{ height:100%; } .slide-intevio .slide__content{ overflow:hidden; } .slide-intevio .slide__content::after{ content:" "; display:block; position:absolute; width:90%; height:52px; left:0; right:0; bottom:-105px; margin:auto; border-radius:100%; box-shadow:rgb(157, 100, 100) 0 -19px 70px; z-index:100; pointer-events:none; } .intevio-banner__slogan{ background-color:rgb(239, 49, 37); margin:-1em auto 3em; width:60%; padding:7px; font-weight:bold; border-radius:10px; } @media screen and (max-width:767px){ .intevio-banner__block--widescreen{ display:none; } } @media screen and (min-width:768px){ .intevio-banner__block--mobile{ display:none; } .intevio-banner__slogan{ position:absolute; margin:auto; padding:3px; bottom:46px; left:0%; width:60%; border-radius:0 10px 0 0; } } @media screen and (min-width:1200px){ .intevio-banner__slogan{ bottom:14px; width:40%; } } /* Система - мобильная часть */ .intevio-banner__block--mobile{ height:100%; overflow-y:scroll; } ul.intevio-banner__items--mobile{ margin:0; padding:0 0 170%; box-sizing:border-box; list-style-type:none; } .intevio-banner__item--mobile{ display:block; } .intevio-banner__item--mobile:not(:first-child){ margin:3rem auto 0; } .intevio-banner__item-img--mobile img{ max-width:60%; max-height:120px; } .intevio-banner__item-title--mobile{ margin:0.5rem 0 0; } /* Система - полноэкранная часть */ .intevio-banner__block--widescreen{ max-width:1000px; margin:auto; position:absolute; z-index:-1; top:52px; left:0; right:0; } .intevio-banner__block--widescreen::before{ content:" "; display:block; position:absolute; width:143px; height:37px; right:15px; bottom:-53px; background-image:url("/slider/intevio/honeywell_mini_logo.jpg"); background-size:auto; background-repeat:no-repeat; z-index:10; pointer-events:none; } .intevio-banner__items--widescreen{ position:relative; width:490px; margin:auto; } .intevio-banner__features--widescreen{ display:none; } @media screen and (min-width:1200px){ .intevio-banner__block--widescreen{ top:70px; } .intevio-banner__items--widescreen{ position:relative; float:left; margin:auto 14% 2% 5%; /* width:585px; height:350px;*/ } .intevio-banner__features--widescreen{ display:flex; align-items:center; position:relative; height:350px; color:rgb(77, 77, 77); font-size:1.15em; text-align:left; opacity:1; transition:opacity .3s ease-out; } .intevio-banner__items--widescreen:hover ~ .intevio-banner__features--widescreen{ opacity:0.25; } .intevio-banner__items--widescreen:hover ~ .intevio-banner__features--widescreen::before{ content:" "; display:block; height:100%; width:36%; position:absolute; left:0; top:0; background-image:linear-gradient(90deg, white, transparent); } .intevio-banner__block--widescreen::before{ bottom:30px; } } ul.intevio-banner__features-list--widescreen{ margin-top:-4em; } ul.intevio-banner__features-list--widescreen strong{ font-size:1.1em; margin:0 0 0.6em -1em; } ul.intevio-banner__features-list--widescreen li{ margin:0.4em 0; } .intevio-banner__items--widescreen img{ width:100%; } .intevio-banner__items--widescreen .intevio-item-highlight, .intevio-banner__items--widescreen .intevio-item-outline{ width:100%; height:100%; position:absolute; top:0; left:0; pointer-events:none; background-repeat:no-repeat; } .intevio-banner__items--widescreen .intevio-item-highlight{ opacity:0; transition:opacity 1s ease-out; } .intevio-banner__items--widescreen .intevio-item-outline{ opacity:0; transform:scale(0, 0); transition:opacity .2s ease-in, transform .2s ease-in; } .intevio-banner__items--widescreen .intevio-item-highlight.active{ opacity:0.25; } .intevio-banner__items--widescreen .intevio-item-outline.active{ opacity:0.9; transform:scale(1, 1); } .intevio-banner__items--widescreen .intevio-item-highlight.item-mcu, .intevio-banner__items--widescreen .intevio-item-outline.item-mcu{ background-size:58% auto; background-position:5% 95%; transform-origin:30% 57%; } .intevio-banner__items--widescreen .intevio-item-highlight.item-mcu{ background-image:url("/slider/intevio/highlight_mcu.png"); } .intevio-banner__items--widescreen .intevio-item-outline.item-mcu{ background-image:url("/slider/intevio/outline_mcu.png"); } .intevio-banner__items--widescreen .intevio-item-highlight.item-mic, .intevio-banner__items--widescreen .intevio-item-outline.item-mic{ background-size:27.5% auto; background-position:10% 23%; transform-origin:20% 40%; } .intevio-banner__items--widescreen .intevio-item-highlight.item-mic{ background-image:url("/slider/intevio/highlight_mic.png"); } .intevio-banner__items--widescreen .intevio-item-outline.item-mic{ background-image:url("/slider/intevio/outline_mic.png"); } .intevio-banner__items--widescreen .intevio-item-highlight.item-xk8, .intevio-banner__items--widescreen .intevio-item-outline.item-xk8{ background-size:18.2% auto; background-position:32% 39%; transform-origin:34% 39%; } .intevio-banner__items--widescreen .intevio-item-highlight.item-xk8{ background-image:url("/slider/intevio/highlight_xk8.png"); } .intevio-banner__items--widescreen .intevio-item-outline.item-xk8{ background-image:url("/slider/intevio/outline_xk8.png"); } .intevio-banner__items--widescreen .intevio-item-highlight.item-xk4, .intevio-banner__items--widescreen .intevio-item-outline.item-xk4{ background-size:18% auto; background-position:43% 37%; transform-origin:43% 37%; } .intevio-banner__items--widescreen .intevio-item-highlight.item-xk4{ background-image:url("/slider/intevio/highlight_xk4.png"); } .intevio-banner__items--widescreen .intevio-item-outline.item-xk4{ background-image:url("/slider/intevio/outline_xk4.png"); } .intevio-banner__items--widescreen .intevio-item-highlight.item-amp500, .intevio-banner__items--widescreen .intevio-item-outline.item-amp500{ background-size:55.5% auto; background-position:99.9% 21%; transform-origin:70% 25%; } .intevio-banner__items--widescreen .intevio-item-highlight.item-amp500{ background-image:url("/slider/intevio/highlight_amp500.png"); } .intevio-banner__items--widescreen .intevio-item-outline.item-amp500{ background-image:url("/slider/intevio/outline_amp500.png"); } .intevio-banner__items--widescreen .intevio-item-highlight.item-zone8, .intevio-banner__items--widescreen .intevio-item-outline.item-zone8{ background-size:55% auto; background-position:98.5% 41%; transform-origin:70% 40%; } .intevio-banner__items--widescreen .intevio-item-highlight.item-zone8{ background-image:url("/slider/intevio/highlight_zone8.png"); } .intevio-banner__items--widescreen .intevio-item-outline.item-zone8{ background-image:url("/slider/intevio/outline_zone8.png"); } .intevio-banner__items--widescreen .intevio-item-highlight.item-zone24, .intevio-banner__items--widescreen .intevio-item-outline.item-zone24{ background-size:54% auto; background-position:97% 61%; transform-origin:70% 53%; } .intevio-banner__items--widescreen .intevio-item-highlight.item-zone24{ background-image:url("/slider/intevio/highlight_zone24.png"); } .intevio-banner__items--widescreen .intevio-item-outline.item-zone24{ background-image:url("/slider/intevio/outline_zone24.png"); } .intevio-banner__items--widescreen .intevio-item-title{ position:absolute; color:rgb(70, 70, 70); text-align:left; opacity:0; z-index:1; transition:opacity .2s ease-out, transform .2s ease-out; background-image:linear-gradient(90deg, white 38%, transparent 90%); font-size:0.88em; } .intevio-banner__items--widescreen .intevio-item-title.from-left{ transform:translateX(-100%); } .intevio-banner__items--widescreen .intevio-item-title.from-right{ transform:translateX(100%); } .intevio-banner__items--widescreen .intevio-item-title.active{ opacity:1; transform:translateX(0); } .intevio-banner__items--widescreen .intevio-item-title a{ text-decoration:none; } .intevio-banner__items--widescreen .intevio-item-title .article{ display:block; font-size:1.7em; } .intevio-banner__items--widescreen .intevio-item-title::before{ display:block; content:" "; position:absolute; border-top:2px dashed rgb(0, 112, 192); } .intevio-banner__items--widescreen .intevio-item-title.from-left::before{ border-right:2px dashed rgb(0, 112, 192); } .intevio-banner__items--widescreen .intevio-item-title.from-right::before{ border-left:2px dashed rgb(0, 112, 192); } .intevio-banner__items--widescreen .intevio-item-title.line-up::before{ border-top:none; border-bottom:2px dashed rgb(0, 112, 192); } .intevio-banner__items--widescreen .intevio-item-title::after{ display:block; content:" "; position:absolute; width:6px; height:6px; border-radius:3px; background-color:rgb(0, 112, 192); } @media screen and (min-width:768px){ .intevio-banner__items--widescreen .intevio-item-title.item-mcu{ left:-12%; top:78%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-mcu::before{ width:69%; height:34%; left:39%; bottom:79%; } .intevio-banner__items--widescreen .intevio-item-title.item-mcu::after{ left:106.5%; top:-23%; } .intevio-banner__items--widescreen .intevio-item-title.item-mic{ left:-17%; top:53%; width:16%; } .intevio-banner__items--widescreen .intevio-item-title.item-mic::before{ width:144%; height:57%; left:56%; bottom:74%; } .intevio-banner__items--widescreen .intevio-item-title.item-mic::after{ left:197%; top:-43%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk8{ left:-17.5%; top:30%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk8::before{ width:138%; left:37%; top:21%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk8::after{ left:175%; top:17.7%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk4{ left:-14.8%; top:9%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk4::before{ width:159%; height:121%; left:38%; top:21%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk4::after{ left:195.5%; top:144%; } .intevio-banner__items--widescreen .intevio-item-title.item-amp500{ right:-19%; top:14%; width:18%; } .intevio-banner__items--widescreen .intevio-item-title.item-amp500::before{ width:60%; height:62%; right:107%; top:27%; } .intevio-banner__items--widescreen .intevio-item-title.item-amp500::after{ right:164.2%; top:84%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone8{ right:-20%; top:39%; width:16%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone8::before{ width:48%; right:106%; top:19%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone8::after{ right:155%; top:16%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone24{ right:-22%; top:77%; width:27%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone24::before{ width:59%; height:75%; right:105%; bottom:75% } .intevio-banner__items--widescreen .intevio-item-title.item-zone24::after{ right:163%; top:-60%; } } /* @media screen and (min-width:1200px){ .intevio-banner__items--widescreen .intevio-item-title.item-mcu{ left:-21%; top:68%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-mcu::before{ width:100%; left:36.5%; top:20%; } .intevio-banner__items--widescreen .intevio-item-title.item-mcu::after{ left:140%; top:16%; } .intevio-banner__items--widescreen .intevio-item-title.item-mic{ left:-24%; top:31%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-mic::before{ width:89%; left:30%; top:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-mic::after{ left:122%; top:23%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk8{ left:-20.5%; top:23%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk8::before{ width:155%; height:40%; left:33%; top:21%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk8::after{ left:187%; top:69%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk4{ left:-17.8%; top:20%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk4::before{ width:175%; height:38%; left:33.5%; top:21%; } .intevio-banner__items--widescreen .intevio-item-title.item-xk4::after{ left:207.5%; top:65%; } .intevio-banner__items--widescreen .intevio-item-title.item-amp500{ right:-35%; top:24%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-amp500::before{ width:34%; right:103%; top:27%; } .intevio-banner__items--widescreen .intevio-item-title.item-amp500::after{ right:140.5%; top:22%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone8{ right:-35%; top:44%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone8::before{ width:36%; right:104%; top:20%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone8::after{ right:143%; top:17%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone24{ right:-35%; top:57%; width:28%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone24::before{ width:36%; right:104%; top:20%; } .intevio-banner__items--widescreen .intevio-item-title.item-zone24::after{ right:143%; top:17%; } } */ /* Шрифты для слайдов Biosmart */ @font-face{ font-family:'Montserrat-SemiBold'; src:url('/slider/biosmart-quasar/fonts/Montserrat-SemiBold.eot'); src:local('☺'), url('/slider/biosmart-quasar/fonts/Montserrat-SemiBold.woff') format('woff'), url('/slider/biosmart-quasart/fonts/Montserrat-SemiBold.ttf') format('truetype'), url('/slider/biosmart-quasar/fonts/Montserrat-SemiBold.svg') format('svg'); font-weight:bold; font-style:normal; } /* Слайд Biosmart Quasar */ .slide-biosmart-quasar{ font-family:'Montserrat-SemiBold'; font-weight:bold; font-size:0.8em; } .slide-biosmart-quasar.active{ overflow:visible; } .slide-biosmart-quasar a{ text-decoration:none; color:white; } /* .slide-biosmart-quasar .maket{ /*display:none; * / width:100%; height:930px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url('/slider/biosmart-quasar/mobile-size.jpg'); background-position:center top; opacity:0.3; } */ .slide-biosmart-quasar .slide__bg{ background-color:rgb(16, 24, 33); } .slide-biosmart-quasar .slide__bg .bg-visual{ width:330px; height:100%; margin:auto; background-image:url('/slider/biosmart-quasar/bg.jpg'); background-repeat:no-repeat; background-size:413px 233px; background-position:-60px -57px; } .slide-biosmart-quasar .slide__content{ position:relative; width:320px; margin:auto; padding:122px 23px 0; box-sizing:border-box; } .slide-biosmart-quasar .slide__content .logo-biosmart{ display:inline-block; width:125px; height:20px; background-image:url('/slider/biosmart-quasar/logo-biosmart.png'); background-repeat:no-repeat; background-size:100%; } .slide-biosmart-quasar .slide__content .logo-x{ display:inline-block; width:48px; height:20px; background-image:url('/slider/biosmart-quasar/logo-x.png'); background-repeat:no-repeat; background-size:35%; background-position:52% top; } .slide-biosmart-quasar .slide__content .logo-quasar{ display:inline-block; width:93px; height:20px; background-image:url('/slider/biosmart-quasar/logo-quasar.png'); background-repeat:no-repeat; background-size:100%; } .slide-biosmart-quasar .slide__content .text{ padding-top:20px; } .slide-biosmart-quasar .slide__content .image-block{ position:relative; height:360px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-left, .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-right, .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-central{ position:absolute; background-repeat:no-repeat; background-size:auto 100%; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-left{ background-image:url('/slider/biosmart-quasar/biosmart-quasar-left.png'); width:140px; height:278px; left:-48px; top:88px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-right{ background-image:url('/slider/biosmart-quasar/biosmart-quasar-right.png'); width:140px; height:266px; left:181px; top:6px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-central{ background-image:url('/slider/biosmart-quasar/biosmart-quasar-central.png'); background-repeat:no-repeat; width:147px; height:271px; left:73px; top:55px; margin:auto; border-radius:14px; box-shadow:0 0 30px rgba(0,0,0,0.7); } .slide-biosmart-quasar .slide__content .features-list{ width:230px; height:240px; box-sizing:border-box; padding:0; display:flex; flex-direction:column; justify-content:space-around; font-size:0.85em; } .slide-biosmart-quasar .slide__content .feature{ list-style:none; position:relative; box-sizing:border-box; padding-left:55px; } .slide-biosmart-quasar .slide__content .feature::before{ content:" "; display:block; position:absolute; left:-1px; top:2px; width:41px; height:47px; background-size:100%; background-repeat:no-repeat; } .slide-biosmart-quasar .slide__content .feature-wifi::before{ background-image:url('/slider/biosmart-quasar/feature-icon-wifi.png'); } .slide-biosmart-quasar .slide__content .feature-daynight::before{ background-image:url('/slider/biosmart-quasar/feature-icon-daynight.png'); } .slide-biosmart-quasar .slide__content .feature-mask::before{ top:-2px; background-image:url('/slider/biosmart-quasar/feature-icon-mask.png'); } .slide-biosmart-quasar .slide__content .feature-card::before{ background-image:url('/slider/biosmart-quasar/feature-icon-card.png'); } @media screen and (min-width:768px){ .slide-biosmart-quasar{ font-size:0.77em; } /* .slide-biosmart-quasar .maket{ height:430px; background-image:url('/slider/biosmart-quasar/tablet-size.jpg'); } */ .slide-biosmart-quasar .slide__bg .bg-visual{ width:750px; background-size:490px 272px; background-position:-79px -105px; } .slide-biosmart-quasar .slide__content{ width:750px; padding:102px 40px 0; } .slide-biosmart-quasar .slide__content .logo-biosmart{ width:155px; height:23px; } .slide-biosmart-quasar .slide__content .logo-x{ width:60px; height:22px; } .slide-biosmart-quasar .slide__content .logo-quasar{ width:116px; height:24px; } .slide-biosmart-quasar .slide__content .text{ padding-top:60px; width:375px; } .slide-biosmart-quasar .slide__content .image-block{ position:absolute; height:100%; top:0; right:0; width:270px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-left{ width:161px; height:324px; left:-49px; top:177px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-right{ width:155px; height:305px; left:104px; top:-37px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-central{ width:154px; height:284px; left:44px; top:77px; } .slide-biosmart-quasar .slide__content .features-list{ flex-direction:row; flex-wrap:wrap; width:388px; height:138px; padding:28px 0 0; font-size:0.65em; } .slide-biosmart-quasar .slide__content .feature{ width:50%; padding-left:40px; padding-right:28px; } .slide-biosmart-quasar .slide__content .feature::before{ left:-1px; top:2px; width:30px; height:32px; } .slide-biosmart-quasar .slide__content .feature-daynight{ order:1; } .slide-biosmart-quasar .slide__content .feature-card{ order:2; } } @media screen and (min-width:1200px){ .slide-biosmart-quasar{ font-size:1.05em; } /* .slide-biosmart-quasar .maket{ height:421px; background-image:url('/slider/biosmart-quasar/desktop-size.jpg'); } */ .slide-biosmart-quasar .slide__bg .bg-visual{ width:1100px; background-size:711px 395px; background-position:-119px -164px; } .slide-biosmart-quasar .slide__content{ width:1100px; padding:100px 54px 0; } .slide-biosmart-quasar .slide__content .logo-biosmart{ width:225px; height:33px; } .slide-biosmart-quasar .slide__content .logo-x{ width:90px; height:31px; } .slide-biosmart-quasar .slide__content .logo-quasar{ width:168px; height:34px; } .slide-biosmart-quasar .slide__content .text{ padding-top:53px; width:515px; } .slide-biosmart-quasar .slide__content .image-block{ width:500px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-left{ width:200px; height:367px; left:6px; top:149px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-right{ width:175px; height:347px; left:274px; top:-95px; } .slide-biosmart-quasar .slide__content .image-block .biosmart-quasar-central{ width:174px; height:323px; left:154px; top:35px; } .slide-biosmart-quasar .slide__content .features-list{ width:530px; height:175px; padding:23px 0 0; } .slide-biosmart-quasar .slide__content .feature{ padding-left:55px; padding-right:35px; } .slide-biosmart-quasar .slide__content .feature::before{ left:-1px; top:2px; width:41px; height:47px; } .slide-biosmart-quasar .slide__content .feature-daynight{ order:1; } .slide-biosmart-quasar .slide__content .feature-card{ order:2; } } /* Слайд:Логотипы брендов */ .slide-logos{ } .slide-logos .slide__bg{ background:#fff; } .slide-logos .slide__overlay-path{ fill:#cbc6c3; } /* Содержимое слайда 5 */ /* логотипы */ .slide-logos .slider-brands-img.visible-xs, .slide-logos .slider-brands-img.visible-sm, .slide-logos .slider-brands-img.visible-lg{ display:none; } .slide-logos .slider-brands-img.visible-xs img, .slide-logos .slider-brands-img.visible-sm img, .slide-logos .slider-brands-img.visible-lg img{ display:block; height:100%; width:auto; margin:auto; color:rgb(111, 111, 111); } @media screen and (max-width:729px){ .slide-logos .slider-brands-img.visible-xs{ display:block; position:relative; height:855px; overflow:hidden; } } @media screen and (min-width:730px) and (max-width:1199px){ .slide-logos .slider-brands-img.visible-sm{ display:block; position:relative; height:390px; overflow:hidden; } } @media screen and (min-width:1200px){ .slide-logos .slider-brands-img.visible-lg{ display:block; position:relative; height:390px; overflow:hidden; } } /* Слайд:Came */ .slide-came{} .slide-came .slide__bg{ background-image:url("/slider/came/fon.jpg"); background-color:rgb(23, 88, 113); background-position:center; } .f-block{ text-align:center; display:inline-flex; margin:0 auto; margin-top:0; flex-direction:row; align-items:stretch; justify-content:space-between; width:1170px; height:100%; } .img-text, .img-car{ position:relative; box-sizing:border-box; margin:0 auto; padding:0; transform:scale(3, 3); opacity:0; } .slide-came.active .img-text, .slide-came.active .img-car{ transform:scale(1, 1); opacity:1; } .slide-came.active .img-text{ transition:transform .3s ease-out 0.5s, opacity .3s ease-out 0.5s; } .slide-came.active .img-car{ transition:transform .3s ease-out 1.1s, opacity .3s ease-out 1.1s; } .img-text img{ position:relative; top:50%; transform:translateY(-50%); } @media screen and (max-width:1230px){ .img-text{ position:absolute; z-index:10; top:0; bottom:0; left:50%; margin-left:-239px; } } @media screen and (max-width:767px){ .slide-came .slide__content{ height:100% } .img-car{ display:none } } @media screen and (max-width:478px){ .img-text{ max-width:100%; padding:0 15px; margin:0; left:0; } .img-text img{ max-width:100%; } } /* Слайд:Finen */ .slide-finen{} .slide-finen .slide__bg{ background-image:url("/slider/finen/bg.jpg"); background-color:rgb(23, 88, 113); background-position:center; } .f-block{ text-align:center; display:inline-flex; margin:0 auto; margin-top:0; flex-direction:row; align-items:stretch; justify-content:space-between; width:1170px; height:100%; } .slide-finen .img-text, .slide-finen .img-car{ position:relative; box-sizing:border-box; margin:0 auto; padding:0; transform:initial; opacity:0; } .slide-finen .img-car img{ height:90%; margin-top:5%; } .slide-finen.active .img-text, .slide-finen.active .img-car{ opacity:1; transform:initial; } .slide-finen.active .img-text{ transition:transform .3s ease-out 0.5s, opacity .3s ease-out 0.5s; } .slide-finen.active .img-car{ transition:transform .3s ease-out 1.1s, opacity .3s ease-out 1.1s; } .slide-finen .img-text img{ position:relative; top:50%; transform:translateY(-50%); } @media screen and (max-width:1230px){ .slide-finen .img-text{ position:absolute; z-index:10; top:0; bottom:0; left:50%; margin-left:-408px; } } @media screen and (max-width:820px){ .slide-finen .slide__content{ height:100% } .slide-finen .img-car{ display:none } .slide-finen .img-text{ max-width:100%; padding:0 15px; margin:0; left:0; } .slide-finen .img-text img{ max-width:100%; } } @media screen and (max-width:478px){ .slide-finen .img-text img{ max-width:100%; } .slide-finen .img-text{ position:initial; width:100%; } .slide-finen .img-car{ display:block; width:100%; } .slide-finen .img-car img{ height:300px; margin-top:5%; } .slide-finen .f-block{ flex-wrap:wrap; width:100%; align-items:center; } } /* Слайд:Hsu */ .slide-hsu .slide__bg{ background-image:url("/slider/hsu/fon.jpg"); background-color:rgb(23, 88, 113); background-position:center; } .slide-hsu .f-block{ text-align:center; display:inline-flex; margin:0 auto; margin-top:0; flex-direction:row; align-items:stretch; justify-content:space-between; width:100%; height:100%; } .slide-hsu .img-text, .slide-hsu .img-car{ position:relative; box-sizing:border-box; margin:0 auto; padding:0; transform:scale(3, 3); opacity:0; } .slide-hsu .img-car{ margin:0; } .slide-hsu.active .img-text, .slide-hsu.active .img-car{ transform:scale(1, 1); opacity:1; } .slide-hsu.active .img-text{ transition:transform .3s ease-out 0.5s, opacity .3s ease-out 0.5s; } .slide-hsu.active .img-car{ transition:transform .3s ease-out 1.1s, opacity .3s ease-out 1.1s; } .img-text img{ position:relative; top:50%; transform:translateY(-50%); } @media screen and (max-width:1230px){ .slide-hsu .img-text{ position:absolute; z-index:10; top:0; bottom:0; left:25px; margin-left:0; } .slide-hsu .img-car{ display:none } } @media screen and (max-width:970px){ .slide-hsu .img-text{ position:absolute; z-index:10; top:0; bottom:0; left:0; width:100%; background:url('/slider/hsu/text-2.png') 50% no-repeat; } .slide-hsu .img-text img{ display:none } .slide__content{ height:100% } } @media screen and (max-width:580px){ .slide-hsu .img-text{ background-size:90% auto } } /* Слайд:Teko */ .slide-teko .slide__bg{ background-image:url(/slider/teko/fon.jpg); background-color:rgb(233 68 22); background-position:center; background-size:contain; background-repeat:no-repeat; } .slide-teko .f-block{ text-align:center; display:inline-flex; margin:0 auto; margin-top:0; flex-direction:row; align-items:stretch; justify-content:center; width:100%; height:100%; } .slide-teko .img-car{ position:relative; box-sizing:border-box; margin:0 auto; padding:0; transform:scale(3, 3); opacity:0; margin:0; display:flex; align-items:center; } .slide-teko .img-car img{ width:300px; height:auto; } .slide-teko.active .img-car{ transform:scale(1, 1); opacity:1; } .slide-teko.active .img-car{ transition:transform .3s ease-out 1.1s, opacity .3s ease-out 1.1s; } .slide-teko .mobile-img{ display:none } @media screen and (max-width:900px){ .slide-teko .slide__content{ height:100% } .slide-teko .slide__bg{ background-image:initial; } .slide-teko .mobile-img{ display:block; position:relative; top:-40px; } .slide-teko .img-car img{ margin:0 20px; } } @media screen and (max-width:768px){ .slide-teko .img-car{ flex-wrap:wrap; } .slide-teko .img-car-wrap{ width:100% } .slide-teko .img-car img{ margin:15px auto; } .slide-teko .mobile-img{ top:0 } .slide-teko .f-block{ align-items:center; } } /* Слайд:disc */ .slide-disc .slide__bg{ background-image:url(/slider/disc/fon.jpg); background-color: rgb(237 236 238); background-position: center; } .slide-disc .f-block{ text-align:center; display:inline-flex; margin:0 auto; margin-top:0; flex-direction:row; align-items:stretch; justify-content:center; width:100%; height:100%; } .slide-disc .img-car{ position:relative; box-sizing:border-box; margin:0 auto; padding:0; transform:scale(3, 3); opacity:0; margin:0; display:flex; align-items:center; } .slide-disc .img-car img{ width:300px; height:auto; } .slide-disc.active .img-car{ transform:scale(1, 1); opacity:1; } .slide-disc.active .img-car{ transition:transform .3s ease-out 1.1s, opacity .3s ease-out 1.1s; } .slide-disc .mobile-img{ display:none } @media screen and (max-width:900px){ .slide-disc .slide__bg{ background-image:url(/slider/disc/set.jpg); background-color: rgb(237 236 238); background-position: center; } } @media screen and (max-width:768px){ } /* Слайд ROBOT CAME*/ .slide-robot-came.active{ overflow:visible; } .slide-robot-came a{ text-decoration:none; color:white; } .slide-robot-came .slide__bg{ background-image:url('/slider/robot-came/fon.png'); } .slide-robot-came .slide__bg{ background-position:center; background-repeat:no-repeat; background-size:cover; } .slide-robot-came .slide__bg{ background-position:center -5px; background-repeat:no-repeat; } .slide-robot-came .img-car-robot-elems{ position: relative; height: 100%; } .slide-robot-came .slide__text{; margin: 0; box-sizing:border-box; text-align:left; font-family:"Muller-Bold", sans-serif; } .f-block-robot{ margin: auto 0; height: 100%; } .img-car-robot-mobile{ display: none; } @media screen and (min-width: 971px) { .img-car-robot .img-robot-wrap { position: absolute; width: 100%; margin-left: 15%; margin-top: 3.5%; } .img-car-robot{ position: relative; } .img-car-robot img{ position: absolute; width: 17%; height: auto; top: 0; left: 0; } .img-car-robot-elems .img-robot-wrap { position: absolute; width: 100%; height: 100%; right: 9.5%; } .img-car-robot-elems img{ position: absolute; width: 47%; height: auto; right: 0; bottom: 10%; } } @media screen and (max-width: 970px) { .slide-robot-came .slide__bg{ background-image:url('/slider/robot-came/fon-light.png'); filter:blur(6px); background-position: 56% center; } .img-car-robot-mobile,.img-car-robot-elems{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; } .img-car-robot-mobile .img-robot-wrap,.img-car-robot .img-robot-wrap{ text-align: center; } .img-car-robot .img-robot-wrap{ scale: 0.7; } .slide-robot-came .slide__text{ margin-top: 40px; } .img-car-robot-mobile .img-robot-wrap img{ width: calc(100% - 10vw); } } @media screen and (max-width: 970px) and (min-width: 940px) { .img-car-robot,.img-car-robot-elems{ display: none; } } @media screen and (max-width: 940px) and (min-width: 768px) { .img-car-robot-elems{ display: none; } .img-car-robot{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; } } @media screen and (max-width: 767px) { .slide-robot-came .slide__text{ margin: 80px auto 0; } .slide-robot-came .img-car-robot-elems{ margin: unset; text-align: center; width: 100%; } .slide-robot-came .img-car-robot-elems .img-robot-wrap img,.slide-robot-came .img-car-robot .img-robot-wrap img{ width: calc(100% - 10vw); } .slide-robot-came .img-car-robot{ margin-top: 5%; } .img-car-robot-elems{ display: none; } .img-car-robot .img-robot-wrap { scale: 0.5; } } @media screen and (max-width: 425px) { .img-car-robot{ display: none; } .f-block-robot { text-align: center; display: inline-flex; margin: 0 auto; margin-top: 0; flex-direction: row; align-items: stretch; justify-content: space-between; height: 100%; } .slide-robot-came .slide__text { margin: 0px auto 0; } } /*-----------------------------------------*/ /* End */ /* Start:/css/mobile.css?171394085355948*/ /* Мобильная версия сайта */ html, body { width: 100%; min-width: 320px; } /* hide */ #wrapper > section.w + .pattern-bg, .owl-theme .owl-controls, section.w.partners-block, .partners-tbl-wrap { /* display: none !important; */ } /* Owl Carousel */ .owl-carousel.owl-theme .owl-controls, .owl-carousel.owl-theme .owl-controls .owl-buttons, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next { height: 100% !important; } .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next { top: 0 !important; width: 10% !important; } .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev::after, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next::after { /* top: 28% !important; */ } .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev::after { right: 50% !important; border-width: 10px 14px 10px 0 !important; } .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next::after { left: 50% !important; border-width: 10px 0 10px 14px !important; } /* Бренды и партнёры */ .exclusive-tbl, .partners-tbl { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .exclusive-tbl { -webkit-justify-content: space-around; justify-content: space-around; } .partners-tbl { -webkit-justify-content: flex-start; justify-content: flex-start; } .exclusive-tm-item, .delivery-company-item { width: 20%; min-width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; } .exclusive-tm-logo, .delivery-company-logo { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 100%; height: 150px; border: 1px solid #e2e4e9; -webkit-box-shadow: 0 0 0 2px #e2e4e9 inset; box-shadow: 0 0 0 2px #e2e4e9 inset; background: #fff; will-change: box-shadow; -webkit-transition: -webkit-box-shadow 0.2s ease 0s; transition: box-shadow 0.2s ease 0s; } .exclusive-tm-logo { height: 150px; -webkit-box-shadow: 0 0 0 2px #e2e4e9 inset; box-shadow: 0 0 0 2px #e2e4e9 inset; } .delivery-company-logo { height: 70px; } .exclusive-tm-item:hover .exclusive-tm-logo, .delivery-company-item > a:hover .delivery-company-logo { -webkit-box-shadow:0 0 0 3px #ffdf08 inset; box-shadow:0 0 0 3px #ffdf08 inset; } .exclusive-tm-logo img, .delivery-company-logo img { max-width: 96%; height: auto; } .delivery-company-logo img { -webkit-filter: grayscale(100%); filter: grayscale(100%); will-change: filter; -webkit-transition: filter .2s ease-in; transition: filter .2s ease-in; } .delivery-company-item > a:hover .delivery-company-logo img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .exclusive-tm-text, .delivery-company-text { padding-top: 20px; } .exclusive-tm-label { font-weight: bold; } .exclusive-tm-description { margin-top: 1.8em; } .delivery-company-name { position: relative; color: #333; text-decoration: underline; } .delivery-company-item > a:hover .delivery-company-name { color: #ee2d24; text-decoration: none; } .delivery-company-name::after { content: " "; display: block; position: absolute; right: -15px; top: 3px; width: 11px; height: 12px; background: url("/css/../images/svg/arr-link.svg") no-repeat scroll 0 -14px rgba(0, 0, 0, 0); } .delivery-company-item > a:hover .delivery-company-name::after { background-position: 0 0; } /* Mobile menu parts */ /* rgb(238, 45, 36) */ .menu-mobile { position: fixed; max-height: 100%; overflow-y: scroll; z-index: 10010; background-color: rgba(0, 0, 0, 0); will-change: background-color; transform: background-color .2s ease-in; } .menu-mobile.menu-mobile-toggled { height: 100%; background-color: rgba(0, 0, 0, .3); } @media print { .menu-mobile { display: none; } } .menu-mobile.menu-mobile-toggled + #wrapper { height: 100vh; max-height: 100vh; overflow: hidden; } .menu-mobile-panel { position: fixed; top: 0; width: 100%; height: 50px; background-color: rgb(242, 243, 245); z-index: 1; } .menu-mobile:not(.menu-mobile-toggled) .menu-mobile-panel::after { content: " "; display: block; position: absolute; width: 100%; height: 3px; bottom: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 70%); } #menu_mobile_toggle_button { position: relative; width: 60px; height: 100%; padding: 0; overflow: visible; background-color: transparent; } #menu_mobile_toggle_button::after { display: none; } #menu_mobile_toggle_button span { display: block; width: 20px; height: 2px; position: absolute; left: 0; right: 0; margin: -2px auto 0; background-color: rgb(238, 45, 36); transform: rotate(0deg) translate(0, 0); transform-origin: center; opacity: 1; will-change: transform, opacity; transition: transform .2s ease-in, opacity .2s ease-in; pointer-events: none; } #menu_mobile_toggle_button span:first-child { margin-top: -8px; } #menu_mobile_toggle_button span:last-child { margin-top: 4px; } .menu-mobile.menu-mobile-toggled #menu_mobile_toggle_button span:first-child { transform: rotate(-45deg) translate(-5px, 5px); opacity: 1; } .menu-mobile.menu-mobile-toggled #menu_mobile_toggle_button span:nth-child(2) { transform: rotate(0deg) translate(70vw, 0); opacity: 0; } .menu-mobile.menu-mobile-toggled #menu_mobile_toggle_button span:last-child { transform: rotate(45deg) translate(-3px, -3px); opacity: 1; } .menu-mobile-panel img { position: absolute; width: 33%; max-width: 110px; right: 3%; top: 5px; transform: translateY(-150%); will-change: transform; transition: transform .2s ease-in; } .menu-mobile.menu-mobile-toggled .menu-mobile-panel img, .menu-mobile.menu-mobile-scrolled .menu-mobile-panel img { transform: translateY(0%); } .menu-mobile-list { position: relative; margin-top: -1px; padding-top: 50px; box-sizing: border-box; height: 50px; transform: scale(1, 0); transform-origin: top; opacity: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, .4); will-change: height, transform, opacity; transition: transform .2s ease-in, opacity .2s ease-in, height .2s step-start; } .menu-mobile.menu-mobile-toggled .menu-mobile-list { height: auto; transform: scale(1, 1); opacity: 1; will-change: height, transform, opacity; transition: transform .2s ease-in, opacity .2s ease-in, height .2s step-end; } /* Header */ .topmenu div.w .menu > .menu-item > a span { margin: 0; padding-left: 12px; padding-right: 12px; } #wrapper, header { width: 100%; } .top2 .logo img { display: block; width: 220px; height: 74px; } .top2 .logo span { margin-top: -3px; } .topmenu2 { height: unset; min-height: 60px; } .topmenu2 .menu > .menu-item { height: unset; } .topmenu2 .right { position: static; height: unset; } .topmenu2 div.w { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; left: 0 !important; } header .topmenu2 .m-link-mobile-toggle, header .topmenu2 .m-link-mobile-toggle-label, header .topmenu2 .m-link-mobile-toggle-label::before { display: none; } /* Popup */ .pop { width: auto; max-width: 320px; } .person .pop { width: auto; } /* Slider */ .slider-pagi { bottom: 10px; margin-bottom: 0; } .slider { max-height: calc(900px - 5vw); } /* Slide activities */ .pr-bl { margin: 0 auto; margin-top: 30px; display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; max-width: 990px; } .promo-block { width: unset; flex: 1; } /* Slide biometry */ .biometry-banner__items { min-width: unset; padding: 0; align-items: stretch; justify-content: space-around; } /* .biometry-banner__items, */ /* .biometry-banner__link, */ /* .biometry-banner__item-text { */ /* height: auto; */ /* } */ /* .biometry-banner__item-img { */ /* height: 14.75vw; */ /* } */ .biometry-banner__title { padding-left: 2vw; padding-right: 2vw; } /* Slide alerto */ .alerto-banner { min-width: unset; width: 90%; padding-top: 14px; } .alerto_banner__title { margin-top: 0; } .alerto-banner__item-img { height: auto; max-width: 100%; margin: 0 auto; } /* Slide honeywell */ .slide-honeywell .slide__text > div { width: auto !important; max-width: 1000px; } /* Slide logos */ .slide-logos .slide__text a img { width: auto; } /* Brands */ .exclusive-tbl tr td img { display: block; margin: 0 auto; max-width: 100%; height: auto; } /* Footer */ /* footer1 */ footer .footer1 .right .mail { margin-left: 60px; } footer .footer1 .right .mail i { margin-left: 0; } /* footer2 */ footer .footer2 { height: auto !important; padding-bottom: 2px; } footer .footer2 .cat { padding-top: 23px; padding-left: 0; display: flex; justify-content: flex-start; } footer .footer2 .cat>a { margin-bottom: 0; margin-top: 40px; } /* footer3 */ footer .footer3 { padding-top: 24px; padding-bottom: 8px; height: auto; } footer .footer3 .l1 { width: auto; padding-right: 30px; } footer .footer3 .l2 { width: auto; } /* Content */ .w, .geography .geography-map, .owl-carousel .owl-wrapper-outer, .topmenu > div.w .menu > .menu-item .submenu-list { min-width: unset; } /* Catalog Filter */ .items_table #mobile_filter_toggle, .items_table label[for="mobile_filter_toggle"] { display: none; } /* Category products */ #wrapper > section .products-list .flexmenu > * { padding-top: 16px; padding-bottom: 24px; max-width: unset; width: unset; flex: 1; } #wrapper > section .w.products-list .flexmenu { align-items: stretch; justify-content: space-between; flex-wrap: nowrap; } #wrapper > section .products-list .flexmenu > * > div { display: flex; flex-direction: column; padding-top: 0; height: 100%; } #wrapper > section .products-list .flexmenu > * section.bottom { position: static; order: 1; margin-top: auto; } /* Item */ #wrapper section.w.pt0 .flexmenu { flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .motivate-box { height: auto; padding-bottom: 2px; } /* About */ .tp-banner-container, .tp-banner { min-width: unset; } /* News */ #wrapper > section .flexmenu.gridview.news-list > div { /* width: unset; */ } /* Licenses */ #wrapper > section .flexmenu.team-block > div p { margin-right: 0 !important; padding-right: 16px; } /* Objects */ #wrapper > section.w.object-block .tabs-us-block + div { display: flex; flex-wrap: wrap; justify-content: space-between; } .list-item { width: 48%; margin-right: 0; } .list-item:nth-of-type(even) { position: static; margin-right: 0; } .pager { margin-left: auto; margin-right: auto; } a.menu_block, a.menu_block:hover, a.menu_block:visited { margin: 0 8px 8px 0; } /* Maintenance */ .solution-info .pattern-bg strong { line-height: 1.4; } /* DKR */ .solution-block .round-pic div { border-radius: 50%; } .city-tooltip-info { left: 0; } /* Contacts */ .contact-item .con_tab:nth-child(1) { width: 240px; } .contact-item .con_tab:nth-child(2) { min-width: unset !important; } /* Ordering */ .steps-list { margin: 0 0 40px 0; } .steps-list li { } /* Delivery */ .partners-tbl-wrap { margin: 0; } /* Brands */ .abc { height: auto; } /* Documents */ .search-result table tr td:first-child { max-width: calc(31vw + 20px); } /* Search */ .search-page > a { display: block; margin-top: 16px; } /* Personal - subscribe */ .subscribe-box input[type="submit"] { width: auto; margin-top: 10px; padding-left: 20px; padding-right: 20px; } /* Media */ @media screen and (min-width: 1170px) { .top2 .contact .top-slogan { margin-left: 1.57em; margin-top: -0.65em; padding-bottom: 0.3em; font-size: 3em; } .top2 .contact .phones-text-companygroup { margin-left: 5.5em; } /* Category products */ #wrapper > section .products-list .flexmenu > * { max-width: unset; width: unset; } } @media screen and (min-width: 768px) { /* Mobile menu */ .menu-mobile { display: none; } } @media screen and (max-width: 1200px) { /* Header */ .topmenu2 .menu > .menu-item { padding: 0 15px; } .topmenu2 .right input.search { width: 260px; } /* Item */ .motivate-box > span.motivate-box-phone big { font-size: 24px; } .motivate-box > span.motivate-box-phone, .motivate-box > span.motivate-box-link { font-size: 20px; } .motivate-box > span.motivate-box-link a::after { top: 0; } .motivate-box { padding-bottom: 0; } /* DKR City Map */ .city { position: relative; width: 100%; height: auto; background-image: none; } .city-map { position: relative; display: flex; flex-direction: column; width: 100%; height: auto; left: 0; margin: auto; padding-bottom: 90px; } .city-map h2 { max-width: 90%; margin: 0 auto; padding-top: 16px; } .city-block .city-map .city-tooltip { display: flex; justify-content: space-around; align-items: center; position: relative; width: 100%; min-height: 150px; left: 0; top: unset; } .city-tooltip > i { display: none; } .city-tooltip .city-building { opacity: 1; margin: 0; width: 35%; max-height: 200px; background-position: center; background-size: contain; background-repeat: no-repeat; } .city-tooltip .city-building-popup { display: block; position: relative; width: 60%; box-sizing: border-box; padding: 10px; } .city-tooltip .city-tooltip-info { position: relative; width: auto; left: 0; right: 0; top: 0; bottom: 0; height: 100%; } .city-tooltip .city-tooltip-info h4 { padding: 3px 1px; } .city-tooltip .city-tooltip-info div { position: relative; } } @media screen and (max-width: 1170px) { /* Header */ .topmenu2 .menu > .menu-item { padding: 0 12px; } .topmenu2 .right input.search { width: 200px; } .top2 .contact .top-slogan { margin-left: 1.57em; margin-top: -0.65em; padding-bottom: 0.3em; font-size: 3em; } .top2 .contact .phones-text-companygroup { margin-left: 5.5em; } /* Catalog */ #wrapper > section .flexmenu.f235px > *, #wrapper > section .flexmenu.gridview > * { width: calc((96vw - 331px) / 3); } #wrapper > section .flexmenu.gridview.news-list > div { width: 100%; } /* Brands */ #wrapper > section .brands-list .brand-item { width: 32%; } } @media screen and (max-width: 1070px) { /* Header */ .topmenu2 .menu > .menu-item { padding: 0 12px; } .topmenu2 .right input.search { width: 150px; } /* Item */ .motivate-box { padding-bottom: 3px; } } @media screen and (max-width: 1040px) { /* Header */ .topmenu2 .menu > .menu-item { font-size: 16px; padding: 0 12px; } .topmenu2 .right input.search { width: 150px; } .top2 .contact .top-slogan { margin-left: 1.87em; margin-top: -0.5em; padding-bottom: 0.3em; font-size: 2.5em; } /* Slide biometry */ .slide-biometry .slide__bg-fingertip { width: 54vw; height: 68vw; } /* Slider alerto */ .alerto-banner { width: 98%; } /* Slide logos */ .slide-logos .slide__text { width: 96% !important; } /* Contacts */ .contacts-branches .column { width: auto; min-width: unset !important; max-width: 50%; } } @media screen and (max-width: 990px) { /* Header */ .topmenu div.w .menu > .menu-item, .topmenu div.w .menu > .menu-item .submenu .col big { font-size: 14px; } .topmenu div.w .menu > .menu-item .submenu .col { font-size: 12px; } button, input[type="submit"], a[role="button"] { font-size: 12px !important; } .form-container.pop-box.w380 [data-fancybox-close]{ font-size: 16px !important; } .topmenu div.w .menu > .menu-item > a span { padding-left: 8px; padding-right: 8px; } /* Catalog */ #wrapper > section .w.products-list .flexmenu { flex-wrap: wrap; } #wrapper > section .products-list .flexmenu > * { flex: unset; width: 50%; } #wrapper > section .products-list .flexmenu > div a.img { display: block; } #wrapper > section .products-list .flexmenu > div a.img span:first-of-type { width: 128px !important; height: 128px !important; } #wrapper>section .flexmenu>* span { display: block; margin: 0 auto; margin-bottom: 10px; } /* Item */ .item_descr { overflow: unset; max-width: 82%; display: flex; align-items: flex-start; justify-content: space-between; } .item_descr .minigallery { width: 280px; margin-right: 0; float: unset; } .item_descr > div:nth-child(2) { padding-left: 16px; margin: 0; } .item_descr .minigallery + div > div:first-child > div:last-of-type { min-width: unset !important; } .item_descr .price table { width: 100%; } .item_descr .price tr { display: flex; justify-content: space-between; } .item_descr .price td { min-width: unset !important; } .item_descr .price td[width="20"] { display: none; } .item_descr .price span { font-size: 24px !important; } .rubl-36px-dark { width: 12px; height: 16px; background-size: 12px 16px; } #wrapper section.w.pt0 .flexmenu { flex-wrap: wrap; } /* News */ .col-main { width: 74%; } .flex-block { justify-content: space-between; } .col-add > div { margin: 0; margin-bottom: 30px; overflow: hidden; } /* Objects */ .list-item.w200pic a.pic { width: 180px; } .list-item.w200pic .list-item-info { margin: 0 0 0 208px; } /* Documents */ .tabs-us-block.docum .flex-block { justify-content: flex-start; } /* 404 */ .error-block > div:last-child { background: none !important; } .error-block > div:last-child p:last-child span { margin-right: 16px; } .error-block > div:last-child p:last-child span a { margin-bottom: 16px; } } @media screen and (max-width: 960px) { /* Header */ .topmenu2 > div.w nav { width: 100%; } .topmenu2 .right { width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; } .topmenu2 div.w { flex-wrap: wrap; } .topmenu2 .right form { flex: 1; text-align: right; } .topmenu2 .right input.search { max-width: unset !important; width: 90%; margin: 10px 0 0 auto; } /* Geography */ .geography .city-point.novosibirsk { left: 30%; } .geography .city-point.krasnoiarsk { left: 48%; } /* Item */ .item_descr .minigallery { width: 200px; min-width: 200px; min-height: 200px !important; } .item_descr .minigallery>img, .item_descr .minigallery>a>img { max-width: 100% !important; max-height: 100% !important; } .tabs_content .descr-block table:not(.std) center { position: relative; overflow: hidden; display: block; width: 96%; padding: 0; margin-bottom: 16px; } .tabs_content .descr-block table:not(.std) center::before { display: block; content: ''; padding-top: 56.25%; } .tabs_content .descr-block table:not(.std) iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .tabs_content .descr-block table:not(.std) tr { height: auto !important; } /* Objects */ .motivate-box-3 { height: auto; padding: 12px 27px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .motivate-box-3 span.pattern { z-index: -1; } .motivate-box-3 > span.gr-bg { position: absolute; top: 0; left: 0; } .motivate-box-3 > small { position: relative; top: auto; left: auto; font-size: 16px; } .motivate-box-3 > span.tel { font-size: 22px; position: relative; top: auto; left: auto; right: auto; height: auto; } /* Documents */ .form-box.fast-search .form-row span .jq-selectbox { width: 224px; } .form-box.fast-search .form-row span .jq-selectbox__select { width: 176px; } } @media screen and (max-width: 940px) { /* Footer */ /* footer1 */ footer .footer1 .right .tel { font-size: 18px; } footer .footer1 .right .mail { margin-left: 10px; } /* Personal */ .lk-block .join-date { position: static; display: block; margin-bottom: 8px; } .lk-block .info-col { margin-top: 0; } #wrapper > section .lk-block .form-box.fix-label p { margin-bottom: 16px; } .lk-block .form-box.fix-label label, .lk-block .form-box.fix-label .label { display: block; margin-bottom: 8px; } #wrapper > section .lk-block .form-box.fix-label p.pd-l { padding-left: 0; } #wrapper > section .lk-block .form-box.fix-label p.protect { margin-left: 0; } /* Catalog */ #wrapper>section .flexmenu.f235px>*, #wrapper>section .flexmenu.gridview>* { width: calc((96vw - 301px) / 2); } #wrapper>section .flexmenu a.img span { width: 128px !important; height: 128px !important; } /* Item */ .motivate-box > span.motivate-box-phone big { font-size: 20px; } .motivate-box > span.motivate-box-phone, .motivate-box > span.motivate-box-link { font-size: 16px; } /* News item */ #wrapper > section.w.news-block img { display: block; max-width: 100%; height: auto; margin: 0 auto; margin-bottom: 16px; } } @media screen and (max-width: 880px) { /* Category */ #wrapper>section.subcat1_menu nav.small1 img { width: 64px !important; height: 64px !important; } /* Objects */ p.w2col span { width: 100%; float: unset; } p.w2col span input { width: calc(100% - 24px) !important; } p.w2col span.left { display: block; margin-bottom: 20px; } .motivate-box-3 { padding: 24px; } .motivate-box-3 > span.gr-bg { display: none; } .motivate-box-3 { flex-direction: column; background: #F2F3F5; } .motivate-box-3 > small { text-align: center; } .motivate-box-3 > span.tel { margin-top: 16px; } /* Maintenance */ .solution-info .pattern-bg { display: flex; flex-direction: column-reverse; align-items: center; } .solution-info ~ table td { display: block; width: 94vw; } .solution-info ~ table td img { display: block; max-width: 50%; min-width: 200px; width: auto; height: auto; margin: 0 auto; margin-bottom: 16px; } /* Contacts */ .contacts-branches .column { width: 100%; } .contact-item .con_tab:nth-child(2) { margin-left: 0 !important; } .contact-item .inner-block { flex-direction: column; } /* Documents */ .search-result table tr td .links-box a { display: inline-block; float: unset; } .search-result table tr td .links-box a:first-child { margin-bottom: 4px; } } @media screen and (max-width: 830px) { /* Header */ .top2 .contact .top-slogan { margin-left: 2.15em; margin-top: 0.1em; padding-bottom: 0.3em; font-size: 2em; } /* Footer */ /* footer2 */ footer .footer2 .cat { justify-content: space-between; } footer .footer2 .cat>a { width: 40%; padding-left: 0; } /* Item */ .item_descr { flex-direction: column; align-items: center; justify-content: flex-start; max-width: 100%; } .item_descr .minigallery { margin-bottom: 24px; } .item_card_features { float: unset; } .badges_block .badge { margin-bottom: 4px; } .item_card_features .badges_block { margin: 8px auto 8px auto; } } @media screen and (max-width: 820px) { /* Header */ .top2 { display: flex; flex-direction: row; justify-content: space-between; } .top2 .contact { flex: 1; margin-top: 0; padding-left: 15px; } .top2 .logo img { width: 180px; height: 60px; } .top2 .contact .phones { padding-top: 15px; } .top2 .contact .phones a { font-size: 16px; line-height: 1.72; margin: 0 8px; } .top2 .contact .phones-text-companygroup { margin-left: 4.5em; } /* Footer */ /* footer2 */ footer .footer2 .brands { flex-wrap: wrap; } footer .footer2 .brands>div { width: 40%; margin-bottom: 24px; padding-left: 0; } /* footer3 */ footer .footer3 .w { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } footer .footer3 .l1 { padding-right: 72px; } footer .footer3 .left { margin-bottom: 24px; } footer .footer3 .left, footer .footer3 .right { float: unset; } /* Item */ .motivate-box { padding-bottom: 0; } .motivate-box > span { display: block; margin: 0; } .motivate-box > span:first-child::after { display: none; } /* Objects */ .list-item { width: 100%; } /* Solutions */ .activity2 { flex-wrap: wrap; } .activity2 .col { flex-basis: 35%; } /* Documents */ .form-box.fast-search .form-row span { display: block; margin-bottom: 8px; float: unset; } } @media screen and (max-width: 805px) { /* Header */ .topmenu div.w .menu > .menu-item, .topmenu > div.w .menu > .menu-item .submenu-list > a { font-size: 12px; } .topmenu div.w .menu > .menu-item .submenu .col big { margin-bottom: 20px; } } @media screen and (max-width: 767px) { /* Common */ #wrapper { padding-top: 50px; padding-bottom: 0; box-sizing: border-box; } .w { min-width: 310px; } .w456 { width: 100%; } /* убрать анимацию со всех кнопок (тормозит на айфонах) */ .topmenu div.w .menu > .menu-item > a::before, .topmenu div.w .menu > .menu-item > a::after, .topmenu2 .menu > .menu-item::after, button[title]::before, input[type="submit"][title]::before, a[role="button"][title]::before, button.round::before, input[type="submit"].round::before, a[role="button"].round::before, button[title].cart::before, input[type="submit"][title].cart::before, a[role="button"][title].cart::before, button.round.cart::before, input[type="submit"].round.cart::before, a[role="button"].round.cart::before, button[title].cart::after, input[type="submit"][title].cart::after, a[role="button"][title].cart::after, button.round.cart::after, input[type="submit"].round.cart::after, a[role="button"].round.cart::after { transition-duration: 0s; transition-timing-function: step-end; } a.menu_block, a.menu_block:hover, a.menu_block:active, a.menu_block:focus, a.menu_block:visited { display: block; max-width: 260px; margin: 10px auto; text-align: center; } /* Fancybox fix */ .fancybox-slide::before { height: 0; } .fancybox-slide > * { max-width: 100%; margin: 0; } .slider-container { /* display: none !important; */ } .owl-carousel { /* display: none !important; */ overflow: hidden; } .items-gallery .owl-wrapper { justify-content: space-around; } .items-gallery .owl-wrapper::after { display: none; } .items-gallery .owl-wrapper .owl-item { width: auto !important; } .exclusive-tbl, .partners-tbl { display: block; } .exclusive-tm-item, .delivery-company-item { margin: auto; } /* Невидимые таблицы в статьях, новостях, спецпредложениях и т. д. */ body.actions .content table:not([border="1"]), body.actions .content table:not([border="1"]) tr, body.actions .content table:not([border="1"]) td, body.company-news .content table:not([border="1"]), body.company-news .content table:not([border="1"]) tr, body.company-news .content table:not([border="1"]) td, body.company-news .news-block table:not([border="1"]), body.company-news .news-block table:not([border="1"]) tr, body.company-news .news-block table:not([border="1"]) td, body.company-articles .content table:not([border="1"]), body.company-articles .content table:not([border="1"]) tr, body.company-articles .content table:not([border="1"]) td { display: block; width: 100% !important; box-sizing: border-box; } /* Абзацы простого текста в статьях, новостях, спецпредложениях и т. д. */ body.actions .content p[style*="justify"], body.actions .content span[style*="justify"], body.company-news .content p[style*="justify"], body.company-news .content span[style*="justify"], body.company-news .news-block p[style*="justify"], body.company-news .news-block span[style*="justify"], body.company-articles .content p[style*="justify"], body.company-articles .content span[style*="justify"] { text-align: left !important; } /* Картинки во всём контенте */ section.w.content p img, .descr-block img, #wrapper > section.w .sale-info + .content img { display: inline-block; max-width: 100%; height: auto; } /* Теги */ .content-tags { line-height: 2em; } .content-tags a { margin-left: 1em; } /* Контентные области */ #wrapper > section.news-block, #wrapper > section.content, #wrapper > section.w { padding-left: 5px; padding-right: 5px; box-sizing: border-box; } /* Header */ header { display: flex; flex-direction: column; padding-top: 20px; } .top2 { order: -1; } .top2 .contact .right > a.round-btn { margin-right: 10px; } header .topmenu, header .topmenu2 .menu > .menu-item { display: none; } .topmenu { margin-bottom: 0; } .topmenu > div.w { display: block; /* flex-direction: column; */ /* align-items: flex-start; */ /* justify-content: flex-start; */ width: 100%; } .topmenu div.w .menu > .menu-item { width: 100%; } .topmenu > div.w .menu > .menu-item > a { text-align: left; } .topmenu > div.w .menu > .menu-item:nth-child(1) { position: relative; } .topmenu div.w .menu > .menu-item .submenu, .topmenu div.w .menu > .menu-item .submenu-list { position: relative; width: 96vw; z-index: 4; margin: auto; top: 0; } .topmenu div.w .menu > .menu-item .submenu .col .img { width: 60px; height: 60px; line-height: 60px; border-radius: 60px; } .topmenu div.w .menu > .menu-item .submenu .col .img a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .topmenu div.w .menu > .menu-item .submenu .col .img img { display: block; width: 40px; height: 40px; } .topmenu div.w .menu > .menu-item, .topmenu > div.w .menu > .menu-item .submenu-list > a { font-size: 14px; } .person .pop { top: unset !important; } .topmenu2 div.w { display: block; width: 100%; } .topmenu2 .menu > .menu-item { display: block; float: none; padding: 0; } .topmenu2 .menu > .menu-item a { display: block; padding: 0 12px; } .topmenu2 div.w .menu > .menu-item .submenu2 { position: relative; width: 100% !important; height: auto !important; max-height: initial !important; margin-top: 0; overflow-y: visible !important; } .topmenu2 div.w .menu > .menu-item:hover .submenu2, .topmenu2 > div.w .menu > .menu-item:focus .submenu2, .topmenu2 > div.w .menu > .menu-item a:active + .submenu2 { } .topmenu2 div.w .menu > .menu-item .category_menu figure, .topmenu2 div.w .menu > .menu-item .category_menu figure a.m-link { position: relative; width: 100%; padding: 0; } /* .topmenu2 div.w .menu > .menu-item .category_menu figure .m-link-mobile-toggle { */ /* opacity: 0; */ /* } */ .topmenu2 div.w .menu > .menu-item .category_menu figure .m-link-mobile-toggle-label { position: absolute; right: 0; top: 0; width: 60px; height: 60px; padding: 0; z-index: 20; } .topmenu2 div.w .menu > .menu-item .category_menu figure .m-link-mobile-toggle-label::before { display: none; } .topmenu2 div.w .menu > .menu-item .category_menu figure .m-link-mobile-toggle:checked + .m-link-mobile-toggle-label { } .topmenu2 div.w .menu > .menu-item .category_menu figure:hover > span { display: none; } .topmenu2 div.w .menu > .menu-item .category_menu figure .m-link-mobile-toggle:checked ~ span { display: block; } .topmenu2 div.w .menu > .menu-item .category_menu figure .m-link-mobile-toggle:checked ~ .m-link > .cat_icon::before { transform: rotate(90deg); } .topmenu2 div.w .menu > .menu-item .category_menu figure > span { position: relative; width: 100% !important; height: auto !important; min-height: initial !important; padding-left: 0; overflow-y: visible !important; } .topmenu2 div.w .menu > .menu-item .category_menu figure > span a { white-space: initial; } .topmenu2 div.w .menu > .menu-item .brands-menu > div { width: 32.9%; float: none; display: inline-block; } .topmenu2 .right input { display: block; width: 80% !important; margin: 10px auto 0; } .topmenu2 .right .cart { height: auto; } /* Крошки Breadcrumbs */ header .breadcrumbs { position: static; transform: translateY(0); } header .breadcrumbs nav a { display: block; margin-bottom: 0.5em; } header .breadcrumbs nav a:last-child::after { content: " "; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #ffdf08; position: absolute; top: 0; right: -10px; } header .breadcrumbs nav a:not(:first-child)::before { display: none; } /* News */ #wrapper > section .flexmenu.f2col > * { width: 100%; } /* Specials Owl Carousel */ /* #owl-special.owl-theme .owl-controls .owl-buttons .owl-prev::after, */ /* #owl-special.owl-theme .owl-controls .owl-buttons .owl-next::after { */ /* top: 110% !important; */ /* } */ #owl-special.owl-carousel .item { margin: 0 auto; padding: 0 40px; max-width: 300px; } #owl-special.owl-carousel .item a { padding: 0; } /* Geography */ .geography .city-point i { font-size: 14px; padding: 0 20px; height: 20px; line-height: 20px; } /* Footer */ footer { position: relative; } footer > section { padding-left: 5px; padding-right: 5px; box-sizing: border-box; } /* footer1 */ footer .footer1 { height: auto; } footer .footer1 .w { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } footer .footer1 .w .left, footer .footer1 .w .right { float: unset; } footer .footer1 .left big { font-size: 22px; } footer .footer1 .right .mail { margin-left: 30px; } /* footer3 */ footer .footer3 .right p { line-height: 2em; } /* Registration */ .form-regisration-box.fix-label { width: auto; } .form-regisration-box .form-box.bord { padding-right: 40px; } .form-regisration-box.fix-label .form-box label, .form-regisration-box .form-box p > input { display: block; width: 100%; } .bx-city-helper.reg .bx-sls .dropdown-block { width: 100%; padding-right: 21px; } .form-regisration-box.fix-label span.left, .form-regisration-box.fix-label span.captcha { float: none; display: block; width: 100%; text-align: center; } .form-regisration-box.fix-label input.w136 { margin-left: 0; margin-bottom: 10px; width: 100%; } .form-regisration-box.fix-label button { margin-left: auto; margin-right: auto; max-width: 100%; } #pop-login { left: 0 !important; right: 0 !important; margin: auto; max-width: 315px; z-index: 10000; box-shadow: 0 0 5px; } .passw-list li { width: 100%; } /* Pagination */ .pager > a { min-width: 20px; margin: 0 3px; padding: 0 5px; } /* Category */ #wrapper > section.subcat1_menu nav.small1 { width: 50%; } /* Catalog */ #wrapper > section .flexmenu.f235px > *, #wrapper > section .flexmenu.gridview > * { width: calc((96vw / 3) - 31px); } #wrapper > section .items_table { /* flex-direction: column; */ /* align-items: center; */ /* justify-content: flex-start; */ display: block; } #wrapper > section .tabs_content .descr-block table.std td { padding: 10px 5px; word-break: break-word; } /* Catalog filter */ input.filter-sw + label { width: 50%; } #wrapper > section .items_table .filter { width: 100%; padding-bottom: 40px; } .items_table #mobile_filter_toggle, .items_table label[for="mobile_filter_toggle"] { display: block; } .items_table .filter { display: none; } .items_table #mobile_filter_toggle:checked ~ .filter { display: block; width: 99.9%; } .items_table .form_filter, .items_table .category_menu { display: none; transform: none; } .items_table #filter-sw-filter:checked ~ .form_filter { display: block; left: 0; } .items_table #filter-sw-catalog:checked ~ .category_menu { display: block; left: 0; } .items_table .form_filter fieldset legend::after { left: auto; right: 25px; } .items_table figure figcaption { width: auto; margin-right: -15px; } #found_qnt_tooltip { position: fixed; left: 0; right: 0; top: auto !important; bottom: 0; } #found_qnt_tooltip[active], #found_qnt_tooltip:hover { left: 0; top: auto !important; } #found_qnt_tooltip::before, #found_qnt_tooltip::after { display: none; } #found_qnt_tooltip button { display: block; margin: auto; float: none; } /* Pop Cart */ .pop.pop-cart { position: fixed; top: 30px; right: 4px; } /* Basket */ table.option-tbl.cart-tbl { border: none; } table.option-tbl.cart-tbl thead { display: none; } table.option-tbl.cart-tbl tr, table.option-tbl.cart-tbl td { display: block; } table.option-tbl.cart-tbl tr { margin: 30px 0; } table.option-tbl.cart-tbl td::before { content: attr(data-label); display: block; background-color: rgb(231, 233, 234); padding: 10px 20px; margin: 0 -20px 10px; font-weight: bold; font-size: 1.1em; } table.option-tbl.cart-tbl td:first-child::before { font-size: 1.5em; } table.option-tbl.cart-tbl td:nth-child(2) { padding-top: 0 } table.option-tbl.cart-tbl td:nth-child(2)::before, table.option-tbl.cart-tbl td:last-child::before { display: none; } table.option-tbl.cart-tbl td:last-child { padding-top: 10px; background-color: rgb(231, 233, 234); } table.option-tbl.cart-tbl td:last-child span::after { content: "Удалить товар из корзины"; display: block; position: relative; left: 42px; top: -2px; white-space: nowrap; } .option-tbl tr td { padding: 0 20px 10px; } .ordering-form, .ordering-form *[class^="flex"], .ordering-price, .ordering-price table, .ordering-price table tbody, .ordering-price table tr, .ordering-price table td { display: block; margin: auto; text-align: center; } .ordering-form > div { padding-bottom: 10px; } .ordering-form .pseudo-link { margin-left: 0; } .ordering-form button.right { float: none; margin: 25px auto; padding: 25px; } #basket_form .clear_cart { display: block; margin: 0 auto 20px; text-align: center; } /* Order Form */ .tabs-us-block > input[type="radio"] + label { display: block; margin: 10px auto; max-width: 200px; text-align: center; } #ORDER_FORM div[class^="flex"] { display: block; } #ORDER_FORM .tabs-us-block + div { padding-left: 0; } #ORDER_FORM .tabs-us-block + div .in-cart { margin-top: 30px; } .ordering-mes { padding: 0 40px 40px; } /* Personal - orders */ .message-order span:first-child { width: 50px; } .message-order span:last-child { margin-right: 100px; } .status-order { margin-bottom: 40px; } .status-order .info-order .info-order-btn { left: 0; right: 0; margin: auto; } .status-order .info-order > div:last-child { margin-right: 0; padding-bottom: 120px; } /* Personal - subscribe */ .subscribe-box table, .subscribe-box table tr, .subscribe-box table td, .subscribe-box table th { display: block; width: 100%; } /* News */ .flex-block { flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start; } .col-add { width: auto; } .col-add .tags-block { display: none; } .col-main { width: 100%; } /* Actions */ .inf-page.align-right { margin-bottom: 2em; } /* DKR */ .solution-block .round-pic { width: 140px; } .solution-block .round-pic div { width: 140px; height: 140px; } .solution-block .solution-info { /* margin-left: 180px; */ margin-left: 0; } /* Services */ #wrapper > section.w.b_pdn.content table[width="100%"], #wrapper > section.w.b_pdn.content table[width="100%"] * { vertical-align: top; } #wrapper > section.w.b_pdn.content table[width="100%"] td:nth-child(1) { padding-left: 0; padding-right: 8px; } #wrapper > section.w.b_pdn.content table[width="100%"] td:nth-child(2) { width: 200px; padding-right: 0; padding-left: 8px; } #wrapper > section.w.b_pdn.content table[width="100%"] td:nth-child(2) img { display: block; max-width: 100%; height: auto; margin: 0 auto; } /* Ordering */ .steps-list { margin: 0 0 40px 0; } .steps-list li { float: none; margin-left: 30px; } /* Delivery */ .mb40 .menu_block {} .delivery-company-item iframe { max-width: 90vw !important; } /* Documents */ .form-box.search .search-row span input { width: calc(100% - 24px); } .form-box.search .search-row button { width: 22%; } .tabs-us-block.docum .flex-block { flex-direction: row; align-items: stretch; } /* About */ /* odd slider */ div.forcefullwidth_wrapper_tp_banner, div.forcefullwidth_wrapper_tp_banner > .tp-banner-container, div.forcefullwidth_wrapper_tp_banner > .tp-fullwidth-forcer, div.forcefullwidth_wrapper_tp_banner > .tp-banner-container #main-banner.tp-banner, div.forcefullwidth_wrapper_tp_banner > .tp-banner-container #main-banner.tp-banner ul li img { min-height: 300px !important; } div.forcefullwidth_wrapper_tp_banner > .tp-banner-container #main-banner li.tp-revslider-slidesli * { font-size: 1em !important; line-height: normal !important; } div.forcefullwidth_wrapper_tp_banner > .tp-banner-container #main-banner .pd { margin: 0 5px; } div.forcefullwidth_wrapper_tp_banner > .tp-banner-container #main-banner .tp-caption.btn-box { position: relative; left: 0 !important; right: 0 !important; top: -70px !important; margin: auto !important; text-align: center; } div.forcefullwidth_wrapper_tp_banner > .tp-banner-container #main-banner .tp-caption.btn-box .btn-pdf { margin-right: 0; } /* Contacts */ .contacts-branches .column { max-width: initial; } /* 404 */ .error-block > div:first-child p.big { font-size: 56px; padding-top: 32px; } .error-block > div:first-child { width: 166px; height: 166px; } .error-block > div:last-child { margin-left: 222px; } /* Socials */ .ya-share2__container_size_m .ya-share2__item { margin-right: 12px !important; } .ya-share2__container_size_m .ya-share2__icon { width: 30px !important; height: 30px !important; } /* Bitrix info composite button */ .bx-composite-btn-fixed { position: fixed; } } @media screen and (max-width: 700px) { /* Header */ .top2 { flex-direction: column; justify-content: flex-start; height: auto; } .top2 .contact { padding-left: 0; padding-top: 20px; width: 100%; } /* center logo */ .top2 .logo { display: block; margin: 0 auto; } .top2 .logo span { display: inline-block; margin-top: 4px; padding-right: 0; padding-left: 94px; text-align: left; } .top2 .contact .phones { padding-top: 0; } .top2 .contact .right { margin-top: 0 !important; } /* Catalog */ #wrapper>section .flexmenu.f235px>*, #wrapper>section .flexmenu.gridview>* { width: calc((96vw / 2) - 31px); } /* Item */ .flex5-3-1>*:nth-child(1) { flex-grow: 2; } /* Objects */ #wrapper > section .form-box .two-coll > div { width: 100%; } /* Actions */ .akcii-list .item img { width: 200px; height: 133px; } .akcii-list .akcii-item-info { margin-left: 210px; } /* Documents */ .form-box.search .search-row button { width: 160px; margin-top: 8px; float: unset; } } @media screen and (max-width: 640px) { /* Geography */ .geography .city-point { transform: translate(-10%, 0); } /* Personal */ .lk-menu { float: unset; margin-bottom: 32px; width: 100%; } .lk-block .info-col { margin: 0; width: 100%; } /* Item */ table.std td:first-child { width: 160px; } /* Vacancy */ #wrapper>section .two-coll>div { width: 100%; } .vacancy-item { margin-bottom: 80px; } } @media screen and (max-width: 600px) { /* Mobile menu */ .topmenu div.w .menu > .menu-item .submenu > .w { flex-wrap: wrap; max-width: 420px; } .topmenu div.w .menu > .menu-item:focus .submenu, .topmenu div.w .menu > .menu-item:active .submenu, .topmenu div.w .menu > .menu-item .submenu:hover { max-height: unset; } .topmenu2 div.w .menu > .menu-item .brands-menu > div { width: 49.5%; } /* Geography */ .geography .city-point-info { width: 250px; } /* Item */ .flex5-3-1 { flex-direction: column; } a.download { margin-top: 24px; } .flexmenu.fpad h2 span { line-height: 1.75; } .activity { display: block; } /* DKR */ .arrow-step, .arrow-step-full, .step-line-arrow { display: none; } /* Objects */ .object-block .tabs-us-block .menu_block { /* max-width: 340px; */ } /* Brands */ #wrapper > section .brands-list .brand-item { width: 49%; } /* Documents */ .flex-block.f3col > .category-menu { width: 49%; } } @media screen and (max-width: 560px) { #wrapper > section.subcat1_menu .menu > .menu-item > a { padding: 12px 6px 8px; } #wrapper > section.subcat1_menu .menu > .menu-item.small1 img { display: block; margin: auto; float: none; } #wrapper > section.subcat1_menu .menu > .menu-item.small1 span { display: block; height: auto; padding-top: 15px; text-align: center; text-align-last: center; } #wrapper > section table { display: block; max-width: 100%; overflow-x: scroll; } } @media screen and (max-width: 530px) { /* Header */ .top2 .contact .top-slogan { margin-left: auto; text-align: center; } .top2 .contact .phones, .top2 .contact .right { display: flex; align-items: center; justify-content: center; flex-direction: row; } .top2 .contact .right { float: unset; padding-top: 10px; } .top2 .contact .phones { padding-top: 16px; } .top2 .contact .phones-text-companygroup { text-align: center; margin-left: 2.3em; margin-top: -1.78em; } /* Category grid */ #wrapper > section .flexmenu.col-3 > * { width: 50%; } /* Geography */ .geography .city-point i { font-size: 12px; } /* Footer */ /* footer2 */ footer .footer2 .cat>a { width: 45%; } /* Category */ #wrapper>section.category_descr { padding-top: 90px; padding-bottom: 56px; } .cat_icon_wrap { background-size: 128px 128px !important; background-position: 50% 0 !important; } .cat_icon_wrap.cat_icon h1 { text-align: center; } .cat_icon_wrap.cat_icon { padding-left: 0; padding-top: 148px; } /* Item */ .tabs_big>input[type=radio]+label { font-size: 13px; } } @media screen and (max-width: 480px) { .form-container.pop-box.w380.fancybox-close-small{ width: 35px; } /* Mobile menu */ .topmenu2 div.w .menu > .menu-item .brands-menu > div { width: 100%; } /* Header */ .topmenu2 .right { flex-direction: column; align-items: stretch; justify-content: flex-start; } .topmenu2 .right form { text-align: center; } .topmenu2 .right input.search { margin: 10px auto 0; } .topmenu2 .right input.search + button { right: 20px; } .topmenu2 .right .cart { background: none; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; margin-right: 0; width: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .topmenu2 .right .cart .qnt { margin-top: 0; } .topmenu2 .right .cart a.cart-icon { top: 25px; left: 25%; } /* Controls */ input[type=text], input[type=search], input[type=password], textarea, button.w340, input.w340[type="submit"], a.w340[role="button"], input[type="email"] { width: 256px; } /* Popup */ .pop { max-width: 300px; } .pop-box h2 { font-size: 20px; } .pop-box button.w340, input.w340[type="submit"], a.w340[role="button"] { display: block; margin-left: auto; margin-right: auto; } .pop-box.w380 { width: 85%; max-width: 380px; } .vacancy-block + .pop-box.w380#vacancy-send { max-width: 280px; } /* Slider */ /* Slide activities */ /* Slide biometry */ /* Slide alerto */ /* Slide honeywell */ /* Category grid */ #wrapper > section .btn-box a.btn-list { margin-bottom: 20px; } /* News */ #wrapper > section .flexmenu > * > div .w125pic { width: 100%; margin-right: 0; margin-bottom: 24px; } /* Geography */ .geography-wrapper { max-width: 100%; overflow: scroll; } .geography { min-width: 600px; } .geopraphy-block h2.align-center { text-align: left; } #wrapper > section:last-of-type { padding-bottom: 10px; } /* Footer */ /* footer1 */ footer .footer1 .w { padding-top: 20px; padding-bottom: 20px; } footer .footer1 .left { margin-bottom: 10px; } footer .footer1 .right span.mail { display: block; margin-left: 0; } footer .footer1 .right { line-height: 50px; } /* Footer */ /* footer2 */ footer .footer2 .brands { flex-direction: column; align-items: center; justify-content: flex-start; } footer .footer2 .brands>div { width: 100%; /* margin-bottom: 32px;*/ margin-bottom: 20px; padding-right: 0; text-align: center; } footer .footer2 .cat>a { width: 100%; } /* footer3 */ footer .footer3 { padding-bottom: 48px; } footer .footer3 .l1 { padding-right: 0; margin-bottom: 24px; } footer .footer3 .left { margin-bottom: 40px; } footer .footer2 .cat > a{ height: 40px; margin-top: 10px; } footer .footer2 .cat{ padding-top: 0px; } /* Breadcrumbs */ /* Personal */ .bx-sls .dropdown-block { width: 224px; } [data-attr="qr-info"]{ margin-bottom: 0px!important; } /* Category */ #wrapper > section.subcat1_menu nav.small1 { font-size: 14px; } #wrapper > section.category_descr { margin-top: 20px; } #wrapper > section .w.products-list .flexmenu { flex-direction: column; align-items: center; justify-content: flex-start; } #wrapper > section .products-list .flexmenu > * { width: 100%; margin-bottom: 24px; } /* Catalog */ #wrapper > section .flexmenu.f235px > *, #wrapper > section .flexmenu.gridview > * { width: 100%; } input.view_sw.list + label { display: none; } #wrapper > section .flexmenu a.img span { width: 72px !important; height: 72px !important; } #wrapper > section .items_table .view .flexmenu .img-block { margin-right: 16px; } /* Item */ .item_descr > div:nth-child(2) hr.dot { margin-bottom: 24px; } .item_descr .price tr { flex-direction: column; } .item_descr .price td { margin-bottom: 16px; } .item_descr .minigallery .thumb { width: 100%; } .item_descr > div:nth-child(2) { padding-left: 0; } .item_card_features { margin-left: 0; } .item_descr .price .count_input { margin-left: 0; } .count_input { display: block; margin-bottom: 16px; text-align: center; float: unset !important; } .buy-fast-form button:not([title]):not(.round) { width: 128px; } .tabs_big>input[type=radio]+label::before { margin-right: -8px; position: absolute; top: -22px; right: 50%; } .tabs_big>input[type=radio]+label { font-size: 11px; } .item_descr .minigallery { width: 80%; } .tabs_content .descr-block table:not(.std) tr { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .tabs_content .descr-block table:not(.std) center { width: 96vw; } .motivate-box > span:first-child::before { display: none; } .motivate-box > span:first-child { padding: 16px 2vw 16px 2vw; } .motivate-box > span.motivate-box-phone big { display: block; } /* About */ .forcefullwidth_wrapper_tp_banner { margin-top: 20px !important; } #wrapper > section.pb0.geopraphy-block { padding-bottom: 40px; } /* News */ #wrapper > section .flexmenu.news-list > * img:first-child { float: unset; display: block; margin: 0 auto; margin-bottom: 24px; } .news-list .news-item-info { margin: 0; } /* Licenses */ #wrapper > section .flexmenu > * img:first-child { float: unset; display: block; margin: 0 auto; margin-bottom: 24px; } /* Objects */ .list-item.w200pic a.pic { float: unset; width: 200px; display: block; margin: 0 auto; margin-bottom: 16px; } .list-item.w200pic .list-item-info { margin: 0; } .list-item { margin-bottom: 48px; } /* Solutions */ .activity2 .col { flex-basis: 100%; } /* Maintenance */ .solution-info .pattern-bg strong { margin-bottom: 16px; } /* DKR */ .solution-block .round-pic { float: none; width: 100%; margin-bottom: 24px; } .solution-block .solution-info { margin-left: 0; } .solution-block .solution-info .quote-text { margin-left: 0; margin-right: 0; margin-bottom: 10px; } .solution-block .quote-text q { padding: 30px 25px; } .solution-block .quote-text q::before { left: 18px; top: 5px; } .solution-block .quote-text q::after { bottom: 14px; margin-left: 0.25em; } /* 2 абзаца текста в контенте, до которых нормально не добраться >_< */ .w.b_pdn.content > .w.light-txt ~ p[style*="float"] { float: none !important; margin: -14px auto 20px; text-align: center; } .w.b_pdn.content > .w.light-txt ~ p[style*="float"] ~ br { display: none; } /* DKR */ #wrapper > section .flexmenu.f3col.steps-block { justify-content: center; } #wrapper > section .flexmenu.f3col.steps-block > div { width: 49%; } #wrapper > section .flexmenu.f3col.steps-block .step-line { display: none; } /* .city, */ /* .city-map { */ /* height: 640px; */ /* } */ /* .city-map { */ /* top: 24px; */ /* } */ .city-map h2 { /* padding-top: 0; */ /* max-width: 25%; */ font-size: 18px; } /* Services */ #wrapper > section.w.b_pdn.content table[width="100%"] td:nth-child(1), #wrapper > section.w.b_pdn.content table[width="100%"] td:nth-child(2) { display: block; width: 100%; padding-left: 0; padding-right: 0; } #wrapper > section.w.b_pdn.content table[width="100%"] tr { display: flex; flex-direction: column-reverse; } /* Actions */ .akcii-list .item { float: unset; margin-bottom: 8px; text-align: center; } .akcii-list .akcii-item-info { margin-left: 0; } /* Brands */ #wrapper > section .brands-list .brand-item { width: 100%; } #wrapper > section .brands-list .brand-item .acc-trigger { display: block; margin: 0 auto; margin-bottom: 8px; } /* Documents */ .docum .pseudo-link-block { position: relative; top: auto; right: auto; margin-top: 16px; } .docum .flex-block.f3col > * { width: 100%; } .search-result table tr td .links-box a:first-child { margin-bottom: 8px; } .download-box { float: unset; } /* 404 */ .error-block > div:first-child { float: unset; margin-left: auto; margin-right: auto; margin-bottom: 24px; } .error-block > div:last-child { margin-left: 0; } } @media screen and (max-width: 400px) { header .top2 .phones [data-attr="icon-el"]{ display: none; } header .top2 .phones [data-attr="icon-button"]{ width: 140px!important; } header .top2 .contact .phones a{ margin: 0 4px; } } /*no click in ios*/ .topmenu2 div.w .menu > .menu-item > .show-device + .submenu2{ display: block; outline: none; border: 1px solid #f2f2f3; } .topmenu div.w .menu > .menu-item > .show-device + .submenu,.topmenu div.w .menu > .menu-item > .show-device + .submenu-list { display: block; min-width: 100%; outline: none; /* border: 1px solid #f2f2f3; */ } button:not([title]):not(.round){ padding-top: 16px; } .pop-box.w380.ok{ max-height: 200px; overflow: hidden; /* width: 275px;*/ top: 20%; /* right: 10%;*/ margin-left: auto; margin-right: auto; } /* End */ /* Start:/css/dev.css?17303757345932*/ #wrapper>section .flexmenu.f235px>*, #wrapper>section #form_filter_output>*{ padding-bottom: 170px; } /*top*/ #wrapper > section .products-list .flexmenu > div .price.small{ font-size: 18px; opacity: .5; margin-bottom: 15px; margin-top: -20px; } #wrapper > section .products-list .flexmenu > div .price.small h5{ margin-bottom: 0px; font-size: 13px; } /*items*/ #wrapper>section .items_table .view .flexmenu>div .price.small { font-size: 18px; margin-bottom: 15px; margin-top: -20px; opacity: .5; } #wrapper>section .items_table .view .flexmenu>div .price.small h5{ margin-bottom: 0px; font-size: 13px; } /*seacrh*/ #wrapper > section .products-list .flexmenu > div .price.small{ font-size: 18px; margin-bottom: 15px; margin-top: -20px; opacity: .5; } #wrapper > section .products-list .flexmenu > div .price.small h5{ margin-bottom: 0px; font-size: 13px; } .action_data{ font-size: 16px; font-weight: 400; position: absolute; right: -10px; text-transform: uppercase; background-color: #ef1200; padding: 3px 6px; color: white; border-radius: 3px; letter-spacing: 1px; bottom: 10px; } #wrapper>section .flexmenu>* .action_data{ font-size: 14px; color: white; z-index: 10; /* bottom: 45%;*/ } .item_descr .minigallery > a.two{ position: relative; } @media screen and (max-width:699px){ #wrapper>section .flexmenu>* .action_data{ font-size: 10px; left: -6px; right: unset; } } #wrapper> .resizeNewVision .flexmenu>*>div{ padding: 0; } .resizeNewVision .flexmenu.catalog .cat_icon { background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .cat_icon{ width: 67px; height: 67px; } .resizeNewVision .flexmenu.catalog .cat_icon.ci6 { background: url(/css/../images/new_img/ci6.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .cat_icon.ci4 { background: url(/css/../images/new_img/ci4.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .cat_icon.ci3 { background: url(/css/../images/new_img/ci3.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .cat_icon.ci2 { background: url(/css/../images/new_img/ci2.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .cat_icon.ci1 { background: url(/css/../images/new_img/ci1.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .cat_icon.ci12 { background: url(/css/../images/new_img/ci12.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .cat_icon.ci10 { background: url(/css/../images/new_img/ci10.png) 50% no-repeat; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; background-size: 45px 45px; } .resizeNewVision .flexmenu.catalog .flex-col:hover .cat_icon.ci1, .resizeNewVision .flexmenu.catalog .flex-col:hover .cat_icon.ci2, .resizeNewVision .flexmenu.catalog .flex-col:hover .cat_icon.ci3, .resizeNewVision .flexmenu.catalog .flex-col:hover .cat_icon.ci4, .resizeNewVision .flexmenu.catalog .flex-col:hover .cat_icon.ci6, .resizeNewVision .flexmenu.catalog .flex-col:hover .cat_icon.ci10, .resizeNewVision .flexmenu.catalog .flex-col:hover .cat_icon.ci12 { background-color: #ffdf08; border: 2px solid #ffdf08; background-position: 50%; } .catalog #wrapper .new_vision_actions{ padding: 10px 0; z-index: 2; position: relative; } .blue.category_descr.blue_new_vision .cat_icon_wrap{ background-size: 90px; min-height: 90px; padding-left: 150px; } #wrapper>section.category_descr.blue_new_vision{ padding-bottom: 15px; padding-top: 65px; } #wrapper>section.category_descr.blue_new_vision h1{ font-size: 28px; } .new_vision_actions.mobile{ display: none; } @media screen and (max-width:768px){ .new_vision_actions.decktop{ display: none; } .new_vision_actions.mobile{ display: block; margin-left: auto; margin-right: auto; width: 300px; } } .new_vision_actions .item img{ object-fit: contain; max-width: 100%; } footer .brands p{ padding-top: 20px; } footer .brands img{ max-width: 150px; } #owl-special-mainpage .owl-wrapper-outer{ width: 94%; } .align-center.original-title{ text-transform: uppercase; font-size: 1.625em; } .align-center.original-title:before{ content: ""; position: absolute; width: 30px; height: 30px; background: url(/css/../images/new_icon/zel.png) 0 0 no-repeat; margin-left: -45px; background-size: contain; background-repeat: no-repeat; } .align-center.original-title:after{ content: ""; position: absolute; width: 30px; height: 30px; background: url(/css/../images/new_icon/red_pr.png) 0 0 no-repeat; margin-left: 15px; background-size: contain; background-repeat: no-repeat; } #wrapper>.max-pad-top{ padding-top: 70px; } @media screen and (max-width:530px){ .blue.category_descr.blue_new_vision .cat_icon_wrap{ padding-left: 0px; } } /* End */ /* Start:/local/templates/alpro/components/api/search.title/header/styles.css?14872861073785*/ // button { // border: 0; // outline: 0; // padding: 0; // background: transparent; // display: inline-block; // width: 40px; // height: 40px; // color: #9f9f9f; // font-size: 16px; // margin-left: -43px; // border-radius: 20px; // } // button:before{ // content: ""; // background: url(/css/../images/svg/ic-loop.svg) 10px 9px no-repeat; // width: 36px; // height: 37px; // display: inline-block; // font-family: Arial; // line-height: 37px; // vertical-align: top; // } // button:after { // display: none; // } // .api-search-input{ // background: #fff; // outline: 0; // width: 316px; // height: 16px; // border: 2px solid #e2e4e9; // font-size: 14px; // line-height: 16px; // padding: 10px; // transition: border-color .3s, background .3s; // color: #666; // border-radius: 20px; // padding: 10px 30px 10px 20px; // width: 346px; // vertical-align: middle; // display:block; // -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; // } /*.api-search-result*/ .api-search-result{position:absolute;top:100%;left:0;z-index:1000;width:100%;min-width:160px;padding-bottom:30px;} .api-search-result, .api-search-result a{ font-weight:600; font-size:16px; line-height:16px; color:#333; text-decoration:none; } .api-search-result > ul{padding:5px 0;margin:2px 0 0;list-style:none;text-align:left;border:1px solid rgba(0, 0, 0, 0.15);background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; } .api-search-result ul, .api-search-result ul a{ font-size:13px; } .api-search-result li{ border-top:1px solid rgba(0, 0, 0, 0.15); } .api-search-result ul ul{ margin:0; padding:0; list-style:none; } .api-search-result .api-category{ margin:0; padding:0 } .api-search-result .api-items a, .api-search-result .api-result-url a, .api-search-result .api-category-title, .api-search-result .api-not-found{ display:block; padding:5px 10px; background:#fff; } .api-search-result .api-category-title{ border-color:#9cb4c5; color:#305d8c; background:#d6dde7; cursor:default; } .api-search-result .api-items a:hover, .api-search-result .api-item-active a{background:#ebebeb; color:#333;}/* #e8f1ff */ .api-search-result .api-result-url a{ border-bottom:1px solid rgba(0, 0, 0, 0.15); color:#07d } .api-search-result .api-result-url a:hover{ color:#059 } .api-search-result .api-not-found{ color:red; border-top:0 none } /* 22/12/2015 */ .api-ajax-icon{ position:absolute; top:50%; margin-top:-10px; right:10px; background:url("/local/templates/alpro/components/api/search.title/header/images/load.gif") no-repeat 50% 50%; display:none; width:20px; height:20px; } .api-search-result .api-item-link{ overflow:hidden; white-space:nowrap } .api-search-result .api-item-link > *{ display:block; } .api-search-result .api-item-picture{ float:left } .api-search-result .api-item-info{ margin:3px 0 } .api-search-result .api-item-info > *{ display:block } .api-search-result .api-item-info > span + span{ margin-top:3px } .api-search-result .api-item-price{ font-weight:bold; } .api-search-result .api-item-discount{ color:#f00; text-decoration:line-through; margin-left:7px; vertical-align:bottom } /* 05/02/2016 */ .api-search-result .api-item-props{ color:#305d8c; display:block; font-size:12px; } .api-search-result .api-item-prop{ display:block } .api-search-result .api-item-prop-value{ font-weight:normal } .api-search-result .api-item-prop-name:after{ content:":"; } /* 14/04/2016 */ .api-search-result .api-item-active{ } /* End */ /* Start:/local/templates/alpro/styles.css?17555146701481*/ .promo-block.promo_5:before{ content: ""; position: absolute; top: 0; left: 50%; margin: 0 0 0 -40px; display: block; width: 82px; height: 82px; background: url(/images/muz/muztblack_ed.png) 5px 8px no-repeat; background-color: #ffdf08; border-radius: 50%; } @media screen and (max-width: 480px) { .slide-activities .promo-block { width: 100%; margin-bottom: 10px; } .slide-activities .promo-block { padding: 80px 0 0; width: 330px; position: relative; text-align: center; } .slide-activities .promo-block a{ font-size: 14px; } .slide-activities .sl_tit{ font-size: 40px; } } .pr-bl{ max-width: 1055px; } body .hide,header .hide{ display: none!important; } @media screen and (min-width: 768px){ body .less-size{ height: 340px; } .less-size .slide-activities .sl_tit{ line-height: 30px; padding-top: 20px; } .less-size .slide-activities .promo-block{ padding: 80px 0 0; } } #wrapper>section .flexmenu>*:hover { box-shadow: inset 0 0 0 4px #ffdf08 !important; } #wrapper>section .flexmenu>*>div { padding: 15px 15px 20px 15px !important; } #wrapper>section .flexmenu>* { outline: 1px solid #e2e4e9!important;; } #wrapper>section .flexmenu:not(:last-child) { margin-bottom: 20px !important; } #wrapper > section.subcat1_menu { margin-top: 20px!important; } /* End */ /* /css/fonts.css?16088210605442 */ /* /css/normalize.min.css?14872861232057 */ /* /css/owl.carousel.css?14872861231476 */ /* /css/owl.theme.css?14872861231665 */ /* /css/settings.css?153976240174037 */ /* /css/jquery.formstyler.css?148728612310618 */ /* /css/jquery.fancybox.css?148728612310252 */ /* /css/style.css?172916903883640 */ /* /css/add_style.css?1727084091181018 */ /* /css/alpro.css?14872861232882 */ /* /css/plus.css?1487286123918 */ /* /slider/slider.css?1729840518121563 */ /* /css/mobile.css?171394085355948 */ /* /css/dev.css?17303757345932 */ /* /local/templates/alpro/components/api/search.title/header/styles.css?14872861073785 */ /* /local/templates/alpro/styles.css?17555146701481 */