/* Start:/local/templates/.default/css/fonts/fonts.css?17752954876910*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:05 PM */ @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/local/templates/.default/css/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-Light.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('/local/templates/.default/css/fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-MediumItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/local/templates/.default/css/fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-Thin.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('/local/templates/.default/css/fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-ExtraLightItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/local/templates/.default/css/fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-BoldItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/.default/css/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/local/templates/.default/css/fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-ExtraLight.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('/local/templates/.default/css/fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('/local/templates/.default/css/fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-Italic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/local/templates/.default/css/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-Bold.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('/local/templates/.default/css/fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-LightItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('/local/templates/.default/css/fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-BlackItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('/local/templates/.default/css/fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/local/templates/.default/css/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-Regular.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/.default/css/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-Medium.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/local/templates/.default/css/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-ExtraBold.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/local/templates/.default/css/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-Black.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/css/fonts/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('/local/templates/.default/css/fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/css/fonts/Montserrat-ThinItalic.woff') format('woff'), url('/local/templates/.default/css/fonts/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } /* End */ /* Start:/local/templates/.default/css/magnific-popup.css?17752954877294*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 0; padding-right: 0; } } /* End */ /* Start:/local/templates/.default/css/owl.carousel.min.css?17752954873356*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/.default/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/.default/css/owl.theme.default.min.css?17752954871018*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/.default/css/style.css?177545645554108*/ /*БАЗОВЫЕ СТИЛИ*/ * { margin: 0; padding: 0; -moz-box-sizing: border-box; -opera-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; position: relative; } html, body{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; line-height: normal; } .left { float:left; } .right{ float:right; } .clear::after { content:""; display:block !important; clear:both !important; } .clear_alt { content:""; display:block !important; clear:both !important; } .hidden{ display:none; } .fixed{ position: fixed; z-index: 999; } .break{ flex-basis: 100%; height: 0; } button, input, img, a, textarea, select{ color: #888888; outline:none; text-decoration:none; } a{ display: block; } img{ vertical-align:top; max-width: 100%; } .mfp-close img{ vertical-align:middle; } button, input[type=submit]{ cursor:pointer; } ul{ list-style: none; } input::placeholder {color: #727272;} input::-webkit-input-placeholder {color:#727272;} input::-moz-placeholder {color:#727272;} input:-moz-placeholder {color:#727272;} input:-ms-input-placeholder {color:#727272;} textarea::placeholder {color: #727272;} textarea::-webkit-input-placeholder {color:#727272;} textarea::-moz-placeholder {color:#727272;} textarea:-moz-placeholder {color:#727272;} textarea:-ms-input-placeholder {color:#727272;} /*flex*/ .flex, .string{ display: flex; flex-wrap:wrap; display: -ms-flexbox; -ms-flex-wrap: wrap; } .nowrap{ flex-wrap:nowrap; } .flex-top{ align-content:flex-start; } .flex-middle{ align-content:center; } .flex-bottom{ align-self:flex-end; } .flex-center{ justify-content: center; } .flex-left{ justify-content:flex-start; } .flex-right{ justify-content:flex-end; } .flex-between{ justify-content:space-between; } /*table*/ .table{ display: table; } .table .table-row{ display:table-row; } .table .table-cell{ display:table-cell; } /*grid flex*/ .string{ margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; } .col{ padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; } .col-1{ width: 8.33%; } .col-2{ width: 16.66%; } .col-3{ width: 25%; } .col-4{ width: 33.33%; } .col-5{ width: 41.66%; } .col-6{ width: 50%; } .col-7{ width: 58.33%; } .col-8{ width: 66.66%; } .col-9{ width: 75%; } .col-10{ width: 83.33%; } .col-11{ width: 91.66%; } .col-12{ width: 100%; } /*GRID*/ .grid_box { display: grid; } .grid_50 { grid-template-columns: repeat(2, 1fr); } .grid_33 { grid-template-columns: repeat(3, 1fr); } .grid_25{ grid-template-columns: repeat(4, 1fr); } .grid_20{ grid-template-columns: repeat(5, 1fr); } .grid_16{ grid-template-columns: repeat(6, 1fr); } .grid_2 { grid-template-columns: repeat(2, max-content); } .grid_3 { grid-template-columns: repeat(3, max-content); } .grid_4{ grid-template-columns: repeat(4, max-content); } .grid_5{ grid-template-columns: repeat(5, max-content); } /*WRAPPER*/ .wrapper{ width: 100%; min-height: 100vh; height:auto; margin: 0 auto; overflow: hidden; } /*INNER BOX*/ .box{ max-width: 1374px; width: 100%; height: 100%; padding:0.1px 15px; margin:-0.1px auto; } /*BUTTON*/ .default--button{ font-size: 14px; line-height: 14px; color: rgb(255, 255, 255); padding: 16px 24px; border-radius: 2px; transition: 0.3s; background-color: #352ca6; display: inline-block; text-align: center; } .default--button:hover{ background-color: #453acb; } button.default--button{ border: none; } /*HEADER*/ .index header{ position: absolute; top: 0; left: 0; width: 100%; z-index: 10; } .h_top{ padding-top: 24px; padding-bottom: 24px; z-index: 2; display: flex; align-items: center; } .h_logo img{ height: 32px; } .h_slogan{ font-size: 12px; line-height: 16px; color: #B0B0B0; max-width: 300px; transition: 0.4s; margin: auto auto auto 32px; } .index .h_slogan{ color: #fff; } .h_phone{ font-size: 16px; font-weight: 700; line-height: 24px; color: #404040; display: flex; align-items: center; gap: 8px; transition: 0.4s; opacity: 1; } .index .h_phone{ color: #fff; } .h_phone:hover{ opacity: 0.5; } .h_phone path{ stroke: #B0B0B0; } .h_contacts{ text-align: left; padding-top: 8px; position: absolute; top: 100%; right: 0; width: 200px; transition: 0.4s; z-index: 99; opacity: 0; visibility: hidden; } .h_contacts_wrapper:hover .h_contacts{ opacity: 1; visibility: visible; } .h_contacts__inner{ padding: 16px 20px; background-color: #FFF; -webkit-box-shadow: 0px 4px 24px rgba(27, 30, 37, 0.08); -moz-box-shadow: 0px 4px 24px rgba(27, 30, 37, 0.08); box-shadow: 0px 4px 24px rgba(27, 30, 37, 0.08); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .h_contacts__phone{ font-size: 12px; font-weight: 700; line-height: 12px; color: #404040; transition: 0.4s; } .h_contacts__phone:hover{ opacity: 0.5; } .h_contacts__location{ font-size: 12px; line-height: 16px; color: #808080; margin-top: 8px; } .h_contacts__schedule{ font-size: 12px; line-height: 16px; color: #B0B0B0; margin-top: 8px; } .h_contacts__email{ font-size: 12px; line-height: 16px; color: #352ca6; transition: 0.4s; margin-top: 8px; } .h_contacts__email:hover { color: #453acb; } .h_order--call{ font-size: 12px; line-height: 18px; cursor: pointer; transition: 0.4s; border-bottom: 1px dashed; color: #352ca6; margin: auto 0 auto 16px; } .index .h_order--call{ color: #fff; } .h_order--call:hover{ opacity: 0.5; } /*HEADER FIXED*/ .header-fixed{ position: fixed; width: 100%; left: 0; top:-75px; opacity: 0; visibility: hidden; background: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); z-index: 100; transition: 0.3s; } .header-fixed.visible{ top: 0; opacity: 1; visibility: visible; } .header-fixed__body{ display: grid; /*grid-template-columns: minmax(0, 20px) minmax(0, 48px) minmax(0, 1fr);*/ grid-template-columns: minmax(0, 48px) minmax(0, 855px); grid-gap: 40px; align-items: center; min-height: 72px; } .header-fixed__megamenu{ display: none; width: 20px; height: 23px; } .header-fixed__megamenu-button{ width: 100%; height: 100%; cursor: pointer; } .header-fixed__megamenu-button span{ display: block; height: 2px; border-radius: 3px; background-color: #1d1d1d; } .header-fixed__megamenu-button span:nth-of-type(2){ width: 75%; } .header-fixed__megamenu-button span:nth-of-type(3){ width: 50%; } .header-fixed__megamenu-button span:not(:last-of-type){ margin-bottom: 6px; } .header-fixed__menu{ display: flex; flex-wrap: wrap; gap: 50px; height: 100%; } .header-fixed__menu-item{ height: 100%; flex: 1; } .header-fixed__menu-item > a { display: flex; width: max-content; align-items: center; height: 100%; padding: 0 14px; justify-content: center; font-size: 14px; color: #1d1d1d; font-weight: bold; transition: 0.3s; text-align: center; } .header-fixed__menu-item a:hover{ color: #373f89; } .header-submenu{ width: max-content; position: absolute; left: 0; top: calc(100% + 1px); background-color: #fff; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transition: 0.3s; z-index: 99; } .header-fixed__menu-item:hover .header-submenu, .top_menu-item:hover .header-submenu{ opacity: 1; visibility: visible; } .header-submenu__item:not(:last-of-type){ border-bottom: 1px solid #e8e8e8; } .header-submenu__item a{ padding: 15px 30px; color: #2f2f2f; transition: 0.3s; font-size: 14px; white-space: normal; transition: 0.3s; } .header-submenu__item a:hover{ color: #373f89; } /*TOP MENU*/ .top_menu_wrapper{ background-color: #352ca6; } .index .top_menu_wrapper{ background-color: transparent; } .top_menu{ width: 100%; display: flex; height: 50px; } .index .top_menu{ background-color: #352ca6; } .top_menu-item{ height: 100%; flex: 1; } .top_menu-item > a{ display: flex; align-items: center; width: 100%; height: 100%; justify-content: center; padding: 0 14px; font-size: 14px; color: #fff; transition: 0.3s; text-align: center; } .top_menu-item > a:hover{ background: #453acb; } /*MOBILE MENU*/ .mobile-menu{ width:100%; overflow-y: auto; background:#fff; padding-top: 50px; height: 100%; position: fixed; top: 0; } .mobile-menu .mfp-close{ right: auto; left: 0; } .mobile-menu__wrapper{ overflow:hidden; } .mobile-menu__pages{ display:flex; transition:transform .35s ease; } .mobile-menu__page{ min-width:100%; background:#fff; } .mobile-menu__list{ list-style:none; margin:0; padding:0; } .mobile-menu__list li{ display:flex; justify-content:space-between; align-items:center; padding:18px 20px; border-bottom:1px solid #eee; cursor:pointer; } .mobile-menu__list li:first-of-type{ border-top:1px solid #eee; } .mobile-menu__list li, .mobile-menu__list li a, .mobile-menu__back{ color: #1d1d1d; font-weight: 500; font-size: 16px; line-height: 1.5; } .mobile-menu__list li a{ width: 100%; } .mobile-menu__list.submenu li{ padding-left: 50px; } .mobile-menu__list li .arrow, .mobile-menu__back .arrow{ color:#000; font-size:25px; } /* кнопка назад */ .mobile-menu__back{ display:flex; align-items:center; gap: 10px; padding:18px 20px; border-bottom:1px solid #eee; cursor:pointer; } .mobile-menu__contacts{ background:#efefef; padding:22px 20px; } .mobile-menu__contact-row{ display:flex; gap:12px; margin-bottom:18px; } .mobile-menu__contact-row:last-child{ margin-bottom:0; } .mobile-menu__contact-icon{ font-size:18px; } .mobile-menu__contact-icon svg{ width:18px; height:18px; fill:#333; } .mobile-menu__contact-city{ font-weight:600; margin-bottom:4px; } .mobile-menu__contact-address{ font-size:14px; color:#555; } .mobile-menu__contact-phone{ display:block; font-size:18px; font-weight:600; text-decoration:none; color:#000; } .mobile-menu__contact-email{ font-size:14px; text-decoration:none; color:#444; } /*FOOTER*/ footer{ padding: 30px 0; background-color: #f5f5f5; } .f-grid{ display: grid; grid-template-columns: minmax(0, 875px) minmax(0, 469px); grid-gap: 60px; } .f-columns{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-gap: 20px; } .f-columns__column-menu li a{ padding: 4px 0; color: #777e89; font-size: 14px; line-height: 1.5; transition: 0.3s; } .f-columns__column-menu li a:hover { color: #352ca6; } .f-columns__column-menu li:first-of-type{ display: flex; justify-content: space-between; padding-bottom: 24px; align-items: center; } .f-columns__column-menu li:first-of-type a{ font-size: 15px; font-weight: bold; line-height: 1.3; color: #352ca6; } .f-columns__column-menu li:first-of-type span{ display: none; height: 15px; width: 30px; } .f-columns__column-menu li:first-of-type a:hover { opacity: 0.6; } .f-contacts{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-gap: 10px; } .f-contacts__item:last-of-type{ display: grid; align-items: flex-start; grid-template-rows: auto auto 1fr; justify-content:flex-end; grid-gap: 10px; } .f-contacts__item-email{ margin-bottom: 10px; } .f-contacts__item-phone, .f-contacts__item-button{ width: 100%; } .f-contacts__item-email a, .f-contacts__item-address span, .f-contacts__item-phone a { background-position: left center; padding-left: 30px; } .f-contacts__item-email a{ font-size: 14px; white-space: normal; color: #352ca6; line-height: 16px; background-image: url("/img/icons/i_email.png"); } .f-contacts__item-email a:hover{ text-decoration: underline; } .f-contacts__item-address span{ font-size: 14px; white-space: normal; background-position: left 3px center; background-image: url("/img/icons/i_baloon.png"); color: #2d2d2d; } .f-contacts__item-phone{ width: max-content; margin: 0 0 0 auto; } .f-contacts__item-phone a { background-image: url("/img/icons/i_phone.png"); color: #2d2d2d; font-size: 16px; font-weight: bold; } .f-contacts__item-button .default--button{ width: 187px; } .f_copyright{ font-size: 13px; line-height: 1.5; color: #2d2d2d; margin-top: 60px; } /*breadcrumb*/ .breadcrumbs{ display: flex; width: 100%; white-space: nowrap; overflow-x: auto; margin: 30px 0 11px; } .breadcrumbs li{ display: flex; align-items: center; } .breadcrumbs li:not(:last-of-type)::after{ content: "/"; font-size: 12px; color: #9a9a9a; margin: auto 10px; position: relative; display: inline-block; } .breadcrumbs a, .breadcrumbs span{ font-size: 12px; line-height: 1.5; color: #9a9a9a; transition: 0.3s; } .breadcrumbs a:hover{ color: #373f89; } /*CONTENT*/ .content{ padding-bottom: 50px; } .content-top h1{ margin-top: 11px; margin-bottom: 30px; font-size: 30px; line-height: 1.2; font-weight: 400; color: #2d2d2d; } .content__grid{ display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1054px); grid-gap: 30px; } .content p{ font-weight: normal; font-size: 14px; line-height: 1.42857143; color: #1b1b1b; } .content p:not(:last-child){ margin-bottom: 20px; } .content ol{ counter-reset: li; } .content li{ font-size: 14px; line-height: 1.42857143; list-style: none; padding: 0 0 0 1.42857143em; color: #1b1b1b; } .content ul>li:before { content: "\25cf" !important; font-size: 0.85714286em; padding: 0.07142858em 0; position: absolute; left: 0; top: 1px; } .content ol li:before { color: #373f89; content: counter(li) ". " !important; counter-increment: li; display: inline-block; vertical-align: top; position: absolute; top: auto; right: auto; bottom: auto; left: 0; } .content li:not(:last-of-type){ margin-bottom: 2px; } .left-menu-item{ border: 1px solid #f2f2f2; background: #fff; transition: 0.3s; } .left-menu-item:hover, .left-menu-item.selected{ background: #fbfcfd; } .left-menu-item.selected{ font-weight: 600; } .left-menu-item:not(:first-of-type){ border-top: none; } .left-menu-item a{ padding: 20px 35px 19px 30px; font-size: 14px; line-height: 20px; transition: 0.3s; color: #808080; } .scroll-table-wrapper table{ width: max-content !important; border-collapse: collapse; } .scroll-table-wrapper table td{ padding: 5px; } /*INDEX*/ .main_slider__item{ width: 100%; height: 700px; } .main_slider__desctop, .main_slider__mobile{ width: 100%; height: 100%; position: absolute; text-decoration: none; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f8f9fb; z-index: 1; } .main_slider__mobile{ display: none; height: 300px; position: relative; } .main_slider_content__wrapper{ display: flex; height: 100%; padding: 130px 68px 0 68px; align-items: center; z-index: 2; } .main_slider__content{ color: #fff; flex: 0 0 50%; max-width: 50%; } .main_slider__content--header{ font-size: 42px; line-height: 50px; font-weight: 500; } .main_slider__content--description{ font-size: 16px; line-height: 24px; margin-top: 16px; max-height: 96px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .main_slider__content--buttons{ margin-top: 32px; } .main_slider .owl-nav, .index-partners__slider .owl-nav, .index_services_list .owl-nav{ position: absolute; height: 0; top: calc(50% - 25px); left: 0; right: 0; width: 100%; display: flex; justify-content: space-between; z-index: 5; margin-top: 0; transform: translateY(-50%); } .main_slider .owl-nav button.owl-next, .main_slider .owl-nav button.owl-prev, .index-partners__slider .owl-nav button.owl-next, .index-partners__slider .owl-nav button.owl-prev, .index_services_list .owl-nav button.owl-next, .index_services_list .owl-nav button.owl-prev{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #FFF; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 4px 16px 0 rgba(27, 30, 37, 0.16); -moz-box-shadow: 0 4px 16px 0 rgba(27, 30, 37, 0.16); box-shadow: 0 4px 16px 0 rgba(27, 30, 37, 0.16); transition: 0.35s; cursor: pointer; } .main_slider .owl-nav button.owl-next{ right: 80px; } .main_slider .owl-nav button.owl-prev{ left: 80px; } .main_slider .owl-nav button.owl-next:hover, .main_slider .owl-nav button.owl-prev:hover, .index-partners__slider .owl-nav button.owl-next:hover, .index-partners__slider .owl-nav button.owl-prev:hover, .index_services_list .owl-nav button.owl-next:hover, .index_services_list .owl-nav button.owl-prev:hover{ background-color: #373f89; fill: #373f89; } .main_slider .owl-nav button.owl-next svg path, .main_slider .owl-nav button.owl-prev svg path, .index-partners__slider .owl-nav button.owl-next svg path, .index-partners__slider .owl-nav button.owl-prev svg path, .index_services_list .owl-nav button.owl-next svg path, .index_services_list .owl-nav button.owl-prev svg path{ stroke: #808080; transition: 0.35s; } .main_slider .owl-nav button.owl-next:hover svg path, .main_slider .owl-nav button.owl-prev:hover svg path, .index-partners__slider .owl-nav button.owl-next:hover svg path, .index-partners__slider .owl-nav button.owl-prev:hover svg path, .index_services_list .owl-nav button.owl-next:hover svg path, .index_services_list .owl-nav button.owl-prev:hover svg path{ stroke: #fff; } .main_slider .owl-dots{ position: absolute; width: 100%; bottom: 16px; } .main_slider .owl-dots .owl-dot span { background: #fff; margin: 8px; width: 9px; height: 9px; } .main_slider .owl-dots .owl-dot.active span, .main_slider .owl-dots .owl-dot.active:hover span{ background: #373f89; } .main_slider .owl-dots .owl-dot:hover span{ background:#fff; } /*INDEX SERVICES*/ .index_widget{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-gap: 0; border-top: 1px solid #F8F9FB; } .index_widget__item{ overflow: hidden; } .index_widget__item--img{ width: 100%; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; transition: 0.3s ; transform: scale(1.01); transform-origin: center center; } .index_widget__item:hover .index_widget__item--img{ transform: scale(1.1); } .index_widget__item--fade{ background-color: rgba(0,0,0,.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: 0.3s; z-index: 2; } .index_widget__item:hover .index_widget__item--fade{ opacity: 1; } .index_widget__item--title{ position: absolute; z-index: 3; width: 100%; left: 0; bottom: 0; font-size: 18px; font-weight: 500; line-height: 24px; color: #fff; padding: 24px; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 20%, transparent); } /*INDEX ADVANTAGES*/ .index_advantages{ padding: 60px 0; background-color: #F8F9FB; } .index_advantages__list{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .services-advantages .index_advantages__list{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .index_advantages__item{ padding: 30px; text-align: center; } .index_advantages__item--img{ display: block; height: 38px; margin-bottom: 24px; } .index_advantages__item--title{ font-size: 14px; line-height: 22px; margin-bottom: 4px; color: #404040; } .index_advantages__item--text{ font-weight: 400; font-size: 13px; line-height: 18px; color: #808080; } /*INDEX SEO*/ .index_seo_text{ padding: 60px 0; font-size: 14px; line-height: 22px; color: #404040; } .index_seo_text h2, .index_catalog h2, .index_stock h2, .index_services h2, .index-faq h2, .index-partners h2{ margin-bottom: 40px; font-size: 32px; font-weight: 500; } .index_seo_text ul{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; } .index_seo_text ul li{ font-weight: 400; font-size: 14px; line-height: 18px; color: #808080; padding-left: 20px; } .index_seo_text ul li::before{ content: "\2022"; display: block; color: #352ca6; font-size: 50px; position: absolute; left: 0; top: 0; } /*HOW WORKS*/ .index_how_works{ padding: 60px 0; } .index_how_works--title{ text-align: center; margin-bottom: 50px; font-weight: 500; font-size: 22px; } .index_how_works__list{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-gap: 30px; } .index_how_works__item{ display: flex; gap: 10px; } .index_how_works__item--number{ font-size: 32px; font-weight: 600; color: #352ca6; } .index_how_works__item--title{ font-weight: 500; font-size: 16px; line-height: 22px; margin-bottom: 5px; color: #404040; } .index_how_works__item--text{ font-weight: 400; font-size: 14px; line-height: 18px; color: #808080; } .index_how_works .default--button{ display: block; margin: 40px auto 0; max-width: 170px; width: 100%; } /*INDEX CATALOG*/ .index_catalog{ padding-top: 80px; padding-bottom: 80px; background-color: #f8f9fb; } .index_catalog__list{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } .index_catalog__list:first-of-type{ grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr); } .index_catalog__item{ min-height: 537px; height: 100%; cursor: pointer; } .index_catalog_item__inner{ height: 100%; padding: 20px 20px 0 20px; border: 1px solid #F2F2F2; background-color: #FFF; } .index_catalog__item:not(.item--big):hover{ -webkit-box-shadow: 0 0 32px rgba(27, 30, 37, 0.08); -moz-box-shadow: 0 0 32px rgba(27, 30, 36, 0.08); box-shadow: 0 0 32px rgba(27, 30, 37, 0.08); z-index: 10; } .index_catalog__item:hover .index_catalog_item__inner{ height: calc(100% + 46px); } .index_catalog__item .default--button{ position: absolute; width: 100%; bottom: 0; left: 0; display: none; } .index_catalog__item:hover .default--button{ display: block; z-index: 3; } .index_catalog__item.item--big{ height: 100%; padding: 0; } .index_catalog__item--img{ width: 100%; height: 294px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 36px 0 22px; z-index: 1; } .index_catalog__item--img img{ } .index_catalog__item.item--big .index_catalog__item--img{ width: auto; height: auto; margin: 0; } .index_catalog__item.item--big .index_catalog__item--img img{ min-width: 100%; min-height: 100%; } .index_catalog__item--fade{ background-color: rgba(255, 255, 255, .6); position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: 0.3s; z-index: 2; padding: 15px; font-size: 16px; line-height: 1.2; font-weight: 500; } .index_catalog__item.item--big .index_catalog__item--fade{ background-color: rgba(0, 0, 0, .5); padding: 25px; font-size: 20px; line-height: 32px; font-weight: 600; color: #fff; } .index_catalog__item:hover .index_catalog__item--fade{ opacity: 1; } .index_catalog__info{ position: absolute; bottom: 30px; z-index: 3; } .index_catalog__item.item--big .index_catalog__info{ bottom: 30px; left: 30px; } .index_catalog__item.item--big .index_catalog__info{ color: #fff; } .index_catalog__item:not(.item--big):hover .index_catalog__info{ bottom: 76px; } .index_catalog__info--name{ font-size: 13px; line-height: 22px; font-weight: 400; margin: 16px 0 10px 0; color: #404040; transition: 0.3s; } .index_catalog__item:hover .index_catalog__info--name{ color: #373f89; } .index_catalog__item.item--big .index_catalog__info--name{ color: #fff; } .index_catalog__info--price{ font-size: 16px; word-break: break-all; line-height: 1; font-weight: 600; } .index_catalog__item.item--big .index_catalog__info--price{ color: #fff; } /*INDEX STOCK*/ .index_stock{ padding-top: 80px; padding-bottom: 80px; } .index_stock_list{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-gap: 32px; } .index_stock_list--item{ border: 1px solid #F2F2F2; background: #FFFFFF; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } .index_stock_list--img{ overflow: hidden; height: 240px; text-align: center; display: flex; align-items: center; justify-content: center; } .index_stock_list--img img{ object-fit: cover; width: 100%; height: 100%; z-index: 1; } .index_stock_list--fade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, .5); z-index: 2; opacity: 0; visibility: hidden; transition: 0.3s; } .index_stock_list--img:hover .index_stock_list--fade{ opacity: 1; visibility: visible; } .index_stock_list--info{ padding: 24px; } .index_stock_timer{ display: flex; gap: 4px; margin-bottom: 16px; } .index_stock_timer--item{ display: flex; align-items: center; gap: 4px; padding: 4px 4px; background: #F2F2F2; text-align: center; width: 52px; height: 29px; max-width: 65px; min-width: 50px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .index_stock_discount{ display: flex; align-items: center; padding: 6px 4px; font-weight: bold; font-size: 14px; line-height: 17px; color: #404040; background-color: #FBCD56; border-color: #FBCD56; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .index_stock_timer--item .num{ display: inline-block; min-width: 24px; font-weight: bold; font-size: 14px; line-height: 16px; color: #404040; vertical-align: middle; overflow: hidden; } .index_stock_timer--item .label{ display: inline; font-weight: 500; font-size: 12px; line-height: 16px; color: #808080; } .index_stock_list--title{ font-size: 15px; line-height: 1.47; color: #404040; transition: 0.3s; } .index_stock_list--title:hover { color: #373f89; } /*INDEX SERVICES*/ .index_services{ padding-top: 80px; padding-bottom: 80px; } .index_services_list{ padding-left: 64px; padding-right: 64px; } .index_services_list--img{ overflow: hidden; height: 412px; text-align: center; display: flex; align-items: center; justify-content: center; } .index_services_list--img img{ object-fit: cover; width: 100%; height: 100%; z-index: 1; } .index_services_list--fade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, .7); z-index: 2; opacity: 0; visibility: hidden; transition: 0.3s; text-align: left; padding: 15px; font-size: 14px; line-height: 22px; font-weight: 500; color: #2A2A2A; } .index_services_list--img:hover .index_services_list--fade{ opacity: 1; visibility: visible; } .index_services_list--title{ display: block; font-size: 18px; line-height: 1.22; text-align: center; margin-top: 24px; } .index_services_list--title:hover{ display: block; font-size: 18px; line-height: 1.22; text-align: center; margin-top: 24px; transition: 0.3s; } .index_services_list--title:hover { color: #373f89; } /*INDEX FORM*/ .index_form{ background-image: url("/img/bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .index_form_wrapper{ min-height: 751px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .index_form__container{ background-color: #352ca6; padding: 80px; color: #fff; } .index_form--title{ font-size: 42px; line-height: 50px; font-weight: 500; } .index_form--description{ font-size: 16px; line-height: 24px; margin-top: 20px; } .index_form--form{ margin-top: 40px; } .index_form--input{ margin-bottom: 25px; } .index_form--input input, .index_form--input textarea{ color: #fff; font-size: 19px; line-height: 19px; padding: 15px 25px 15px 0; display: block; width: 100%; min-width: 100%; max-width: 100%; background-color: transparent; border-right: none; border-left: none; border-top: none; border-bottom: 1px solid; outline: none; transition: 0.3s; } .index_form--input input::placeholder, .index_form--input textarea::placeholder { color: gray; opacity: 1; transition: color 0.3s ease; } .index_form--input input:focus::placeholder, .index_form--input textarea:focus::placeholder { color: #fff; } .index_form--confirm{ align-items: center; display: flex; gap:8px; font-size: 14px; font-weight: 600; line-height: 1.5; cursor: pointer; } .index_form--checkbox span{ display: block; position: relative; width: 17px; height: 17px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); cursor: pointer; z-index: 2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .index_form--checkbox input[type=checkbox]{ display: none; } .index_form--checkbox span::before{ content: ''; display: none; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; background-color: #333; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .index_form--checkbox input[type=checkbox]:checked + span::before{ display: block; } .index_form--confirm a{ display: inline-block; text-decoration: underline; color: #fff; } .index_form--form button[type=submit], .index_form--form input[type=submit]{ margin-top: 50px; background-color: #FFF; border-color: #FFF; color: #333; padding: 20px 36px; font-size: 10px; line-height: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; border: 2px solid #f7f7f7; transition: 0.3s; } .index_form--form button[disabled], .index_form--form input[disabled] { opacity: 0.3; cursor: not-allowed; } .index_form--form button[type=submit]:not([disabled]):hover, .index_form--form input[type=submit]:not([disabled]):hover{ background-color: #333; border-color: #333; color: #FFF; } .index_form__container .errortext{ font-size: 14px; } .index_form__container .mf-ok-text{ font-size: 14px; color: #00D411; position: absolute; left: 80px; top: 40px; } /*ABOUT INDEX*/ .index-about{ padding: 80px 0; } .index-about__wrapper{ display: grid; grid-template-columns: minmax(0,40%) minmax(0,60%); } .index-about__img img{ border-radius: 100%; } .index-about__img, .index-about__content{ padding: 0 20px; } .index-about__subtitle{ font-size: 10px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: #B0B0B0; margin-bottom: 16px; } .index_about__title{ font-size: 32px; line-height: 40px; color: #1B1E25; } .index_about__description{ margin-top: 16px; font-size: 14px; line-height: 24px; color: #808080; } .index_about__list{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-gap: 24px; margin-top: 24px; } .index_about__list-item{ display: grid; grid-template-columns: minmax(0,40px) minmax(0,1fr); grid-gap: 12px; align-items: center; } .index_about__item-title{ font-size: 16px; line-height: 20px; color: #404040; } .index_about__item-descriptin{ font-size: 14px; line-height: 19px; color: #808080; margin-top: 8px; } .index_about-button{ margin-top: 32px; } /*INDEX FAQ*/ .index-faq{ padding: 80px 0; background-color: #f8f9fb; } .index-faq__list-item{ background-color: #ffffff; border: 1px solid #E8E8E8; border-top: none; } .index-faq__list-item:first-of-type{ border-top: 1px solid #E8E8E8; } .index-faq__item-question{ padding: 24px 60px 24px 32px; font-weight: 500; font-size: 16px; line-height: 26px; color: #404040; word-break: break-word; cursor: pointer; } .index-faq__item-question::after{ content: ""; width: 22px; height: 13px; position: absolute; right: 60px; top: 50%; transform: translateY(-50%); background-image: url("/img/icons/i_arrow_faq.png"); background-repeat: no-repeat; background-position: center; transition: 0.3s; } .index-faq__list-item.open .index-faq__item-question::after{ transform: rotate(180deg) translateY(-50%); transform-origin: center top; } .index-faq__item-answer{ display: none; padding: 0 32px 24px; font-weight: 400; font-size: 16px; line-height: 26px; color: #808080; overflow: hidden; transform: translateY(0em); transition: none; } .index-faq__item-answer li{ padding-left: 15px; } .index-faq__item-answer li::before{ content: "\2022"; display: block; font-size: 30px; color:#313131; position: absolute; left: 0; top: 0; line-height: 0.8; } .index-faq__item-answer li span{ display: block; font-weight: 500; color:#313131; } /*INDEX PARTNERS*/ .index-partners{ padding: 80px 0; } .index-partners__slider{ padding-left: 64px; padding-right: 64px; } .index-partners__slider-item{ padding: 24px 40px; border: 1px solid #F2F2F2; border-left: none; } .owl-item:first-of-type .index-partners__slider-item{ border-left: 1px solid #F2F2F2; } .index-partners__slider-item img{ width: auto; } .index-partners__slider .owl-nav button.owl-prev, .index_services_list .owl-nav button.owl-prev { left: 0; } .index-partners__slider .owl-nav button.owl-next, .index-partners__slider .owl-nav button.owl-prev, .index_services_list .owl-nav button.owl-next, .index_services_list .owl-nav button.owl-prev{ border: 1px solid #F2F2F2; } /*INDEX MAP*/ .index-map{ height: 750px; } .map-blocking{ content: ""; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .index-map__contacts-wrapper{ position: absolute; top: 60px; left: 0; right: 0; z-index: 3 } .index-map__contacts{ display: flex; background-color: #17171d; } .index-map__contacts-address, .index-map__contacts-workinghour, .index-map__contacts-director{ max-width: 250px; width: 100%; color: #fff; padding: 24px 32px; } .index-map__contacts-address{ background-color: #352ca6; } .index-map__contacts-title{ font-size: 16px; font-weight: 500; line-height: 1.25; margin-bottom: 16px; } .index-map__contacts-content, .index-map__contacts-content p, .index-map__contacts-content a{ font-size: 13px; line-height: 1.54; color: #E8E8E8 !important; } .index-map__contacts-director{ max-width: 320px; padding: 24px 0; margin: auto 0 auto auto; display: grid; grid-template-columns: minmax(0,56px) minmax(0,1fr); grid-gap: 15px; } .index-map__contacts-director .default--button { font-size: 14px; line-height: 14px; color: rgb(255, 255, 255); padding: 10px 24px; margin-top: 8px; } .index-map__contacts-director .index-map__contacts-title{ font-size: 14px; line-height: 1.43; } /*QUESTION*/ .question{ background-color: #352ca6; } .question__wrapper{ display: grid; grid-template-columns: minmax(0, 279px) minmax(0,1fr) minmax(0,154px); grid-gap: 50px; min-height: 108px; background-image: url("/img/icons/question_mark.png"); background-repeat: no-repeat; background-position: left 80px center; } .question__wrapper-title, .question__wrapper-description, .question__wrapper-buttons{ display: flex; align-items: center; } .question__wrapper-title{ height: 100%; font-size: 22px; font-weight: bold; line-height: 1.1; color: #fff; } .question__wrapper-description{ font-size: 16px; line-height: 1.5; color: #fff; white-space: normal; } .question__wrapper-buttons .default--button{ border: 1px solid #fff; padding: 11px 28px; font-size: 16px; line-height: 1.375; } .question__wrapper-buttons .default--button:hover{ background-color: #28217e; } /*POPUP FORM*/ .popup-container .errortext{ font-size: 14px; } .popup-container{ padding: 25px 60px 60px; max-width: 580px; width: 100%; margin: 0 auto; background-color: #fff; } .popup-container-title{ margin-top: 20px; margin-bottom: 27px; font-size: 28px; line-height: 36px; color: #1B1E25; word-break: break-word; } .popup-container__input{ padding: 8px 0; } .popup-container__input-title{ display: block; font-size: 13px; font-weight: normal; font-style: normal; line-height: 1.5; color: #6e6e6e; margin-bottom: 8px; } .popup-container__input-title.required::after { content: "*"; color: #ff0000; font-weight: normal; font-style: normal; } .popup-container__input input, .popup-container__input textarea{ width: 100%; display: inline-block; border: 1px solid #f2f2f2; background-color: #fbfcfd; color: #5f5f5f; text-align: left; transition: 350ms; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 12px; border-radius: 3px; font-size: 16px; line-height: 1.375; } .popup-container__input textarea{ height: 120px; } .popup-container__input input:focus, .popup-container__input textarea:focus{ border-color: #e1e1e1; } .popup-container__confirm{ align-items: center; display: flex; gap:8px; font-weight: 500; cursor: pointer; margin-top: 17px; font-size: 13px; text-decoration: none; line-height: 18px; color: #808080; } .popup-container__checkbox span{ display: block; position: relative; width: 17px; height: 17px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); cursor: pointer; z-index: 2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .popup-container__checkbox input[type=checkbox]{ display: none; } .popup-container__checkbox span::before{ content: ''; display: none; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; background-color: #333; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .popup-container__checkbox input[type=checkbox]:checked + span::before{ display: block; } .popup-container__confirm a{ display: inline-block; text-decoration: underline; color: #808080; } .popup-container__form button[type=submit], .popup-container__form input[type=submit]{ padding: 16px 32px; border-radius: 3px; font-weight: 800; font-size: 10px; line-height: 10px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; border-color: #352ca6; background-color: #352ca6; color: #fff; border: none; margin-top: 16px; transition: 0.3s; } .popup-container__form button[disabled], .popup-container__form input[disabled] { opacity: 0.3; cursor: not-allowed; } .popup-container__form button[type=submit]:not([disabled]):hover, .popup-container__form input[type=submit]:not([disabled]):hover{ background-color: #453acb; } /*CERTIFICATES*/ .certificates{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-gap: 24px; } .certificates__item{ overflow: hidden; border-radius: 20px; transition: 0.3s; } .certificates__item:hover{ webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.21); box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.21); } /*REVIEWS*/ .reviews-button{ display: flex; justify-content: flex-end; margin-bottom: 40px; } .leave-review{ font-size: 10px; font-weight: 500; line-height: 1; text-transform: uppercase; letter-spacing: 0.1em; color: #808080; padding: 8px 14px; border: 1px solid #E8E8E8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: 0.35s; } .leave-review:hover{ border-color: #373f89; color: #373f89; } .leave-review span{ padding: 0 4px; } .leave-review span svg { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .leave-review span svg path { stroke: #B0B0B0; transition: 0.35s; } .leave-review:hover span svg path { stroke: #373f89 !important; } .reviews-list{ display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 40px; width: calc(100% - 70px); margin: 0 0 0 auto; } .reviews-list__item{ padding: 45px 60px 40px 120px; border: 1px solid #e8e8e8; z-index: 1; background: #fff; } .reviews-list__item-name{ width: 140px; position: absolute; left: -70px; padding: 20px 0; background-color: #fff; text-align: center; font-size: 14px; line-height: 21px; color: #404040; } .reviews-list__item-review{ font-size: 16px; line-height: 24px; } /*CONTACTS*/ .contacts-map{ width: 100vw; height: 460px; margin-left: calc(50% - 50vw); } .contacts-info{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); padding: 12px 24px; margin-top: -63px; overflow: hidden; min-height: 126px; background: #fff; -webkit-box-shadow: 0 7px 35px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 7px 35px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 7px 35px 0 rgba(0, 0, 0, 0.2); align-items: center; } .contacts-info__item-title{ font-weight: normal; color: #bdbdbd; font-size: 14px; line-height: 18px; margin-bottom: 4px; } .contacts-info__item, .contacts-info__item a{ font-size: 16px; line-height: 20px; font-weight: 500; color: #2c2c2c; } .contacts-info__item{ display: grid; grid-template-columns: minmax(0, 36px) minmax(0,1fr); grid-gap: 24px; align-items: center; } .contacts-info__item a{ color: #333; } .contacts-info__item p{ margin-bottom: 0 !important; } .contacts-form{ margin-top: 60px; } .contacts-form-title{ font-size: 30px; line-height: 30px; color: #1c1c1c; font-weight: 400; margin-bottom: 25px; } .contacts-form__grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0,1fr); grid-gap: 14px; } .contacts-form__inputs:last-of-type .contacts-form__input{ height: 100%; display: flex; flex-direction: column; } .contacts-form__input{ padding: 8px 0; } .contacts-form__input-title{ display: block; font-size: 13px; font-weight: normal; font-style: normal; line-height: 1.5; color: #6e6e6e; margin-bottom: 8px; } .contacts-form__input-title.required::after { content: "*"; color: #ff0000; font-weight: normal; font-style: normal; } .contacts-form__input input, .contacts-form__input textarea{ width: 100%; display: inline-block; border: 1px solid #f2f2f2; background-color: #fbfcfd; color: #5f5f5f; text-align: left; transition: 350ms; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 12px; border-radius: 3px; font-size: 16px; line-height: 1.375; } .contacts-form__input textarea{ height: 100%; } .contacts-form__input input:focus{ border-color: #e1e1e1; } .contacts-form__confirm{ align-items: center; display: flex; gap:8px; font-weight: 500; cursor: pointer; font-size: 13px; text-decoration: none; line-height: 18px; color: #808080; } .contacts-form__checkbox span{ display: block; position: relative; width: 17px; height: 17px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); cursor: pointer; z-index: 2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .contacts-form__checkbox input[type=checkbox]{ display: none; } .contacts-form__checkbox span::before{ content: ''; display: none; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; background-color: #333; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .contacts-form__checkbox input[type=checkbox]:checked + span::before{ display: block; } .contacts-form__confirm a{ display: inline-block; text-decoration: underline; color: #808080; } .contacts-form__form button[type=submit], .contacts-form__form input[type=submit]{ padding: 16px 32px; border-radius: 3px; font-weight: 800; font-size: 10px; line-height: 10px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; border-color: #352ca6; background-color: #352ca6; color: #fff; border: none; transition: 0.3s; } .contacts-form__form button[disabled], .contacts-form__form input[disabled] { opacity: 0.3; cursor: not-allowed; } .contacts-form__form button[type=submit]:hover, .contacts-form__form input[type=submit]:hover{ background-color: #453acb; } .contacts-form__buttons{ display: flex; align-items: center; justify-content: space-between; margin-top: 12px; } /*SERVICES*/ .services-sections{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-gap: 20px; } .services-sections__fade, .services-list__fade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, .7); z-index: 2; opacity: 0; visibility: hidden; transition: 0.3s; text-align: left; padding: 15px; font-size: 14px; line-height: 22px; font-weight: 500; color: #2A2A2A; } .services-sections__item{ border: 1px solid #f1f1f1; background-color: #fff; } .services-sections__item-img:hover .services-sections__fade, .services-list__item-img:hover .services-list__fade{ opacity: 1; visibility: visible; } .services-sections__item-img{ height: 250px; overflow: hidden; } .services-sections__item-img img, .services-list__item-img img, .services-banner__img img{ object-fit: cover; width: 100%; height: 100%; z-index: 1; } .services-sections__item-title{ padding: 24px 24px 40px 24px; color: #000; font-size: 18px; font-weight: 500; line-height: 1.5; transition: 0.3s; } .services-sections__item-title:hover { color: #373f89; } .services-list__item{ display: grid; grid-template-columns: minmax(0,270px) minmax(0,1fr); grid-gap: 40px; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #e8e8e8; } .services-list__item:first-of-type{ padding-top: 0; padding-bottom: 40px; border-top: none; } .services-list__item-img{ height: 189px; } .services-list__content{ padding-top: 15px; } .services-list__content-name{ font-size: 16px; line-height: 1.5; color: #282e65; } .services-list__content-descriptin{ color: #616267; font-size: 14px; line-height: 1.5; margin-top: 15px; } .services-list__content-price{ margin-top: 16px; font-size: 16px; line-height: 20px; font-weight: 700; } .services-banner{ height: 415px; } .services-banner__img{ width: 100vw; height: 100%; position: absolute; left: calc(50% - 50vw); top: 0; z-index: 1; } .services-banner__flex{ display: flex; align-items: center; height: 100%; } .services-banner__info{ max-width: 740px; z-index: 2; color: #fff; } .services-banner__info h1{ font-size: 56px; line-height: 64px; font-weight: 700; } .services-banner__info-description{ font-size: 16px; line-height: 28px; margin-top: 24px; color: #DCDCDC; } .services-banner__bottom{ display: flex; gap: 40px; align-items: flex-end; margin-top: 65px; } .services-banner__bottom-price{ font-weight: 600; font-size: 24px; line-height: 24px; color: #FFFFFF; margin-bottom: 8px; } .services-advantages{ margin-left: calc(50% - 50vw); width: 100vw; padding: 60px 0; background-color: #F8F9FB; } .services-question{ margin-left: calc(50% - 50vw); width: 100vw; background-color: #352ca6; } .services-question .question__wrapper { grid-template-columns: minmax(0, 279px) minmax(0, 1fr) minmax(0, 180px); } .services-detail-content{ margin-top: 80px; margin-bottom: 80px; } .services-detail-content img{ max-width: 900px !important; width: 100%; } .services-detail-content h2{ line-height: 1.2; font-weight: 400; margin: 35px 0 25px 0; } .services-detail-content ul{ margin: 0 0 20px 0; padding: 0; } .services-detail-content ul>li{ margin: 0 0 2px 0; padding: 0 0 0 1.42857143em; list-style: none; } .services-detail-content ul>li:before{ content: "\25cf" !important; font-size: 0.85714286em; padding: 0.07142858em 0; position: absolute; left: 0; top: 1px; } .services-description-top, .services-description-bottom{ color: rgb(97, 98, 103); font-size: 14px; line-height: 1.5; } .services-description-top{ margin-bottom: 30px; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; } .services-description-bottom{ margin-top: 30px; border-top: 1px solid #e8e8e8; padding-top: 20px; } /*STOCKS*/ .stocks-list{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-gap: 32px; } .stocks-list__item-img{ height: 298px; position: relative; transition: 0.35s; overflow: hidden; border-radius: 4px; } .stocks-list__item:hover .stocks-list__item-img{ box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 24px 0px; } .stocks-list__item-img img{ object-fit: cover; width: 100%; height: 100%; z-index: 1; } .stocks-list__item-title{ font-size: 16px; font-weight: 500; line-height: 1.32; margin-top: 16px; color: rgb(64, 64, 64); } .stocks-list__item:hover .stocks-list__item-title{ color: #373f89; } .stocks-list__item-time{ background-image: url(/img/icons/i_time.png); background-repeat: no-repeat; background-position: left center; background-size: 18px; padding-left: 26px; display: flex; align-items: center; margin-top: 16px; font-size: 14px; line-height: 1.43; color: rgb(75, 75, 75); } .stock-banner{ height: 639px; } .stock-banner__img{ width: 100vw; height: 100%; position: absolute; left: calc(50% - 50vw); top: 0; z-index: 1; } .stock-banner__img img { object-fit: cover; width: 100%; height: 100%; z-index: 1; } .stock-detail-content { margin-top: 80px; margin-bottom: 80px; } .stock-detail-content ul { margin: 0 0 20px 0; padding: 0; } .stock-detail-content ul>li { margin: 0 0 2px 0; padding: 0 0 0 1.42857143em; list-style: none; } .stock-detail-content ul>li:before { content: "\25cf" !important; font-size: 0.85714286em; padding: 0.07142858em 0; position: absolute; left: 0; top: 1px; } /*404*/ .page-404{ min-height:60vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:100px 20px; } .page-404__code{ font-size:140px; font-weight:700; color:#4b3fb3; line-height:1; } .page-404__title{ font-size:36px; font-weight:600; margin-top:20px; } .page-404__text{ margin-top:15px; font-size:18px; color:#666; } .page-404__btn{ display:inline-block; margin-top:35px; padding:14px 36px; background:#4b3fb3; color:#fff; border-radius:6px; text-decoration:none; font-weight:600; transition:.3s; } .page-404__btn:hover{ background:#372c96; } /* End */ /* Start:/local/templates/.default/css/pda.css?177529548710804*/ /*СЕТКА*/ @media screen and (max-width: 1201px){ .col-1-lg{ width: 8.33%; } .col-2-lg{ width: 16.66%; } .col-3-lg{ width: 25%; } .col-4-lg{ width: 33.33%; } .col-5-lg{ width: 41.66%; } .col-6-lg{ width: 50%; } .col-7-lg{ width: 58.33%; } .col-8-lg{ width: 66.66%; } .col-9-lg{ width: 75%; } .col-10-lg{ width: 83.33%; } .col-11-lg{ width: 91.66%; } .col-12-lg{ width: 100%; } } @media screen and (max-width: 1001px){ .col-1-md{ width: 8.33%; } .col-2-md{ width: 16.66%; } .col-3-md{ width: 25%; } .col-4-md{ width: 33.33%; } .col-5-md{ width: 41.66%; } .col-6-md{ width: 50%; } .col-7-md{ width: 58.33%; } .col-8-md{ width: 66.66%; } .col-9-md{ width: 75%; } .col-10-md{ width: 83.33%; } .col-11-md{ width: 91.66%; } .col-12-md{ width: 100%; } } @media screen and (max-width: 769px){ .col-1-sm{ width: 8.33%; } .col-2-sm{ width: 16.66%; } .col-3-sm{ width: 25%; } .col-4-sm{ width: 33.33%; } .col-5-sm{ width: 41.66%; } .col-6-sm{ width: 50%; } .col-7-sm{ width: 58.33%; } .col-8-sm{ width: 66.66%; } .col-9-sm{ width: 75%; } .col-10-sm{ width: 83.33%; } .col-11-sm{ width: 91.66%; } .col-12-sm{ width: 100%; } } @media screen and (max-width: 576px){ .col-1-xs{ width: 8.33%; } .col-2-xs{ width: 16.66%; } .col-3-xs{ width: 25%; } .col-4-xs{ width: 33.33%; } .col-5-xs{ width: 41.66%; } .col-6-xs{ width: 50%; } .col-7-xs{ width: 58.33%; } .col-8-xs{ width: 66.66%; } .col-9-xs{ width: 75%; } .col-10-xs{ width: 83.33%; } .col-11-xs{ width: 91.66%; } .col-12-xs{ width: 100%; } } /*БАЗОВЫЕ СТИЛИ*/ @media screen and (min-width: 1001px){ .desc_hide{ display:none !important; } } @media screen and (max-width: 1000px){ .mobile_hide{ display:none !important; } } /*ZOOM*/ @media screen and (max-width: 1180px) and (min-width: 1001px){ } /*АДАПТАЦИЯ ПОД РАЗНЫЕ РАЗРЕШЕНИЯ*/ @media screen and (max-width: 1300px){ .stocks-list__item-img { height: auto; } .stocks-list__item-img img { object-fit: contain; } } @media screen and (max-width: 1100px){ .index_stock_list_wrapper{ overflow-x:scroll; overflow-y:hidden; padding-bottom:20px; position:relative; } .index_stock_list_wrapper::-webkit-scrollbar{ height:15px; } .index_stock_list_wrapper::-webkit-scrollbar-track{ background:#e5e5e5; border-radius:0; } .index_stock_list_wrapper::-webkit-scrollbar-thumb{ background:#8a8a8a; border-radius:6px; background-clip:padding-box; border-top:3px solid #e5e5e5; border-bottom:3px solid #e5e5e5; } .index_stock_list_wrapper::-webkit-scrollbar-thumb:hover{ background:#6f6f6f; } .index_stock_list_wrapper::-webkit-scrollbar-button{ width:22px; height:12px; background:#e5e5e5; } .index_stock_list_wrapper::-webkit-scrollbar-button:start:increment, .index_stock_list_wrapper::-webkit-scrollbar-button:end:decrement{ display:none; } .index_stock_list_wrapper::-webkit-scrollbar-button:horizontal:decrement{ background: url("data:image/svg+xml;utf8,") center no-repeat, #e5e5e5; } .index_stock_list_wrapper::-webkit-scrollbar-button:horizontal:increment{ background: url("data:image/svg+xml;utf8,") center no-repeat, #e5e5e5; } .index_stock_list { display: flex; gap: 32px; width: max-content; } .index_stock_list--item{ max-width: 335px; } .scroll-table-wrapper{ overflow-y: scroll; padding-bottom: 20px; } } @media screen and (max-width: 900px){ .header-fixed__megamenu { display: block; } .header-fixed__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-gap: 0; } .header-fixed { top: 0; opacity: 1; visibility: visible; } .header-fixed.hide { top: -75px; opacity: 0; visibility: hidden; } .header-fixed__logo a{ max-width: 48px; margin: 0 auto; } .wrapper{ padding-top: 72px; } header, .main_slider__desctop, .index-about__img, .index-map__contacts-director, .header-fixed__menu-item{ display: none; } .main_slider__item { height:auto; } .main_slider__mobile{ display: block; } .main_slider_content__wrapper { display: flex; height: 300px; padding: 15px; } .main_slider__content { color: #000; flex:auto; max-width: none; text-align: center; } .main_slider__content--header{ font-size: 26px; line-height: 30px; } .main_slider__content--description{ font-size: 14px; line-height: 18px; margin-top: 8px; max-height: 72px; } .main_slider__content--buttons { margin-top: 24px; } .index_widget { grid-template-columns: minmax(0, 1fr); border-top: none; } .index_advantages__list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .index_how_works__list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-gap: 15px; } .index_seo_text h2, .index_catalog h2, .index_stock h2, .index_services h2, .index-faq h2, .index-partners h2 { margin-bottom: 30px; font-size: 26px; line-height: 1.2; } .index_catalog__list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .index_catalog__list:first-of-type { grid-template-columns: repeat(2, 1fr); /* Две колонки для второй строки */ } .index_catalog__list:first-of-type > *:first-child { grid-column: 1 / -1; /* Занимает всю первую строку */ } .index_catalog__item{ min-height:inherit; } .index_catalog__item:not(.item--big) .index_catalog__info { position: relative; bottom: 0; z-index: 3; margin-bottom: 30px; } .index_catalog__item .default--button { position: relative; display: block; } .index_form_wrapper { grid-template-columns: minmax(0, 1fr); } .index_form--title { font-size: 24px; line-height: 1.2; } .index-about__wrapper { grid-template-columns: minmax(0, 1fr); } .index-partners__slider { padding-left: 40px; padding-right: 40px; } .index-map__contacts-wrapper { position: relative; top: 0; } .index-map__contacts-wrapper .box{ padding: 0.1px 0; } .index-map__contacts { flex-wrap: wrap; } .index-map__contacts-address, .index-map__contacts-workinghour{ max-width: none; padding: 15px 30px; } .question__wrapper { grid-template-columns: minmax(0, 1fr); grid-gap: 20px; text-align: center; padding: 40px 0; background-image: url(/img/icons/question_mark.png); background-repeat: no-repeat; background-position: center top -25px; } .question__wrapper-title, .question__wrapper-description, .question__wrapper-buttons { justify-content: center; } .question__wrapper-buttons .default--button { margin: 0 auto; } .f-grid, .f-columns, .f-contacts { grid-template-columns: minmax(0, 1fr); } .f-columns__column:not(:last-of-type) .f-columns__column-menu li:first-of-type span{ display: block; background-image: url("/img/icons/i_bottom_menu_arrow.png"); background-position: center; transition: 0.3s; } .f-grid { grid-gap: 40px; } .f-columns { max-width: 600px; margin: 0 auto; } .f-columns__column-menu li:first-of-type { padding-bottom: 15px; } .f-contacts { grid-gap: 10px; text-align: center; } .f-contacts__item-phone { margin: 0 auto; } .f_copyright{ text-align: center; margin-top: 30px; } .f-contacts__item-email a{ display: inline-block; } .f-contacts__item:first-of-type{ order: 2; } .f-contacts__item:last-of-type{ order: 1; justify-content:center; grid-gap: 15px; } .f-contacts__item-email { margin-bottom: 20px; } .f-columns__column-menu{ overflow: hidden; max-height:30px; transition: 0.7s; } .f-columns__column-menu.open{ max-height:1000px; } .f-columns__column-menu.open li:first-of-type span{ transform: scaleY(-1); } .services-sections { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .content__grid { grid-template-columns: minmax(0, 1fr); grid-gap: 0; } .left-menu{ display: none; } .services-banner { height: auto; padding: 40px 0; } .services-banner__info h1 { font-size: 24px; font-weight: 500; line-height: 34px; } .services-banner__info-description { font-size: 15px; line-height: 24px; } .services-banner__bottom-price { font-size: 18px; line-height: 24px; width: 100%; } .services-banner__bottom { flex-wrap: wrap; gap: 10px; } .services-advantages .index_advantages__list, .certificates { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .contacts-info { grid-template-columns: minmax(0, 1fr); grid-gap: 30px; padding: 26px 24px; } .contacts-form__grid { grid-template-columns: minmax(0, 1fr); } .contacts-form__input textarea { height: 204px; } .stocks-list { grid-template-columns: minmax(0, 1fr); } } @media screen and (max-width: 768px){ } @media screen and (max-width: 720px){ } @media screen and (max-width: 576px){ .breadcrumbs { padding-bottom: 10px; } .content-top h1 { font-size: 24px; } .index_catalog__list, .index_catalog__list:first-of-type, .index_advantages__list, .index_about__list, .index_how_works__list, .services-advantages .index_advantages__list, .certificates{ grid-template-columns: minmax(0, 1fr); } .index_catalog_item__inner { padding: 10px 10px 0 10px; } .index_catalog__item.item--big .index_catalog__info { left: 10px; right: 10px; } .index_catalog__item--img { height: auto; } .index_services_list { padding-left: 0; padding-right: 0; } .index_form__container { padding: 40px 15px; } .index-faq__item-question { padding: 20px 40px 20px 20px; } .index-faq__item-question::after { right: 15px; } .index_about__title { font-size: 24px; line-height: 1.2; } .popup-container { padding: 25px 20px 40px; } .index_stock { padding-top: 40px; padding-bottom: 40px; } .index_form--description { font-size: 14px; line-height: 1.2; } .services-sections { grid-template-columns: minmax(0, 1fr); } .services-list__item { display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 0; } .reviews-list { width: 100%; margin: 0; } .reviews-list__item { padding: 50px 15px 30px; } .reviews-list__item-name { left:50%; transform:translateX(-50%); top:-30px; } .reviews-list__item-review{ font-size: 14px; line-height: 21px; } .contacts-form__buttons { flex-wrap: wrap; justify-content: flex-start; gap: 16px; } } @media screen and (max-width: 460px){ } @media screen and (max-width: 368px){ } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/menu_fixed/style.min.css?17752954853715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/.default/components/bitrix/menu/menu_fixed/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/.default/components/bitrix/menu/menu_fixed/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/.default/components/bitrix/menu/menu_fixed/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/menu_top/style.min.css?17752954863715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/.default/components/bitrix/menu/menu_top/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/.default/components/bitrix/menu/menu_top/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/.default/components/bitrix/menu/menu_top/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1775295486467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/menu_bottom/style.min.css?17752954853715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/.default/components/bitrix/menu/menu_bottom/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/.default/components/bitrix/menu/menu_bottom/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/.default/components/bitrix/menu/menu_bottom/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/.default/components/custom/main.feedback/feedback/style.min.css?1775295482251*/ div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em} /* End */ /* Start:/local/templates/.default/components/custom/main.feedback/ask_question/style.min.css?1775295482251*/ div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/mobile_menu/style.min.css?17752954853715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/.default/components/bitrix/menu/mobile_menu/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/.default/components/bitrix/menu/mobile_menu/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/.default/components/bitrix/menu/mobile_menu/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* /local/templates/.default/css/fonts/fonts.css?17752954876910 */ /* /local/templates/.default/css/magnific-popup.css?17752954877294 */ /* /local/templates/.default/css/owl.carousel.min.css?17752954873356 */ /* /local/templates/.default/css/owl.theme.default.min.css?17752954871018 */ /* /local/templates/.default/css/style.css?177545645554108 */ /* /local/templates/.default/css/pda.css?177529548710804 */ /* /local/templates/.default/components/bitrix/menu/menu_fixed/style.min.css?17752954853715 */ /* /local/templates/.default/components/bitrix/menu/menu_top/style.min.css?17752954863715 */ /* /local/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1775295486467 */ /* /local/templates/.default/components/bitrix/menu/menu_bottom/style.min.css?17752954853715 */ /* /local/templates/.default/components/custom/main.feedback/feedback/style.min.css?1775295482251 */ /* /local/templates/.default/components/custom/main.feedback/ask_question/style.min.css?1775295482251 */ /* /local/templates/.default/components/bitrix/menu/mobile_menu/style.min.css?17752954853715 */