/* Start:/local/media/styles/reset-min.css?1679904905639*/ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style: none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}table{width: 100%} /* End */ /* Start:/local/assets/css/owl.carousel.min.css?16799049042936*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .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;-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;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{-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 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/assets/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/media/source/jquery.fancybox.css?16799049054895*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/local/media/source/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/local/media/source/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/local/media/source/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/local/media/source/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/local/media/source/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/local/media/source/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/media/styles/jquery.fs.selecter.css?16799049054199*/ /* * Selecter v3.2.3 - 2014-10-24 * A jQuery plugin for replacing default select elements. Part of the Formstone Library. * http://formstone.it/selecter/ * * Copyright 2014 Ben Plum; MIT Licensed */ .selecter { position: relative; display: block; margin: 10px 0; z-index: 1; outline: none; } .selecter, .selecter * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .selecter, .selecter *, .selecter *:before, .selecter *:after { -moz-box-sizing: border-box; box-sizing: border-box; } .selecter-element { width: 100%; height: 100%; position: absolute; left: 0; opacity: 0; z-index: -1; } .no-opacity .selecter-element { left: -999999px; } .selecter-selected { background-color: #0f0f11; width: 310px; height: 45px; position: relative; color: #a5a5a5; font:300 14px/45px Open Sans, Helvetica, Arial, sans-serif; padding: 0 40px 0 15px; cursor: pointer; display: block; margin: 0; overflow: hidden; text-overflow: clip; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px rgba(245,251,255,.25); -moz-box-shadow: 0 1px rgba(245,251,255,.25); box-shadow: 0 1px rgba(245,251,255,.25); outline: none; } .selecter-selected:after { content: ''; background: url("/local/media/styles/../images/select.png") no-repeat; width: 28px; height: 28px; position: absolute; top: 8px; right: 5px; } .selecter-options { width: 100%; max-height: 260px; position: absolute; top: 100%; left: 0; border-width: 0 1px 1px; background-color: #ffffff; display: none; margin: 0; overflow: auto; overflow-x: hidden; padding: 0; z-index: 50; border-radius: 0 0 3px 3px; } .selecter-options.scroller { position: absolute; } .no-opacity .selecter-options { width: auto; } .selecter-group { display: block; font-size: 11px; padding: 10px 15px; text-transform: uppercase; } .selecter-item { width: 100%; background: #0f0f11; cursor: pointer; display: block; color: #a5a5a5; font:300 14px/1.1 Open Sans, Helvetica, Arial, sans-serif; margin: 0; overflow: hidden; padding: 10px 15px 10px 30px; text-decoration: none; text-overflow: ellipsis; } .selecter-item.placeholder { display: none; } .selecter-item.selected { } .selecter-item.disabled { color: #999999; cursor: default; } .selecter-item:first-child { border-radius: 0; } .selecter-item:last-child { border-bottom: 0; border-radius: 0 0 2px 2px; } .no-touch .selecter-item:hover, .no-touch .selecter-item.selected:hover { background: #fdae18; color: #0f0f11; font:100 14px/1.1 Roboto, Helvetica, Arial, sans-serif; } .selecter.open { z-index: 3; } .selecter.open .selecter-selected { z-index: 51; } .selecter.open .selecter-selected, .selecter.focus .selecter-selected { } .selecter.cover .selecter-options { border-width: 1px; top: 0; border-radius: 3px; } .selecter.cover.open .selecter-selected { z-index: 49; } .selecter.bottom .selecter-options { top: auto; bottom: 100%; border-width: 1px 1px 0; } .selecter.bottom .selecter-item:last-child { border: none; } .selecter.bottom .cover .selecter-options { top: auto; bottom: 0; } .selecter.multiple .selecter-options { width: 100%; position: static; border-width: 1px; display: block; border-radius: 3px; box-shadow: none; } .selecter.disabled .selecter-selected { background: #ffffff; border-color: #cccccc; color: #cccccc; cursor: default; } .selecter.disabled .selecter-options { background: #ffffff; border-color: #cccccc; } .selecter.disabled .selecter-group, .selecter.disabled .selecter-item { border-color: #cccccc; color: #cccccc; cursor: default; } .selecter.disabled .selecter-item.selected, .no-touch .selecter.disabled .selecter-item.selected:hover { background: #fafafa; } .selecter.disabled .selecter-item, .no-touch .selecter.disabled .selecter-item:hover { color: #cccccc; background-color: #ffffff; } .selecter-options.scroller { overflow: hidden; } .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; } /* End */ /* Start:/local/media/styles/jquery.mCustomScrollbar.css?167990490555298*/ /* == malihu jquery custom scrollbar plugin == Version: 3.0.2 Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; top: -5px; width: 20px !important; height: 20px !important; background-color: #fff !important; -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/media/styles/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: #f15c54; width: 100%; height: 2px; margin: 5px 0; } .mCSB_dragger_bar { background-color: transparent !important; color: transparent !important; height: 0 !important; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/media/styles/jquery.bxslider.css?16799049054212*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 18px auto 60px; padding: 0; *zoom: 1; } .bx-wrapper:before { content: ''; height: 50px; position: absolute; bottom: 0; left: 5px; width: 99%; width: calc(100% - 10px); z-index: -1; box-shadow: 0 6px 15px rgba(183,210,227,.9); -moz-box-shadow: 0 6px 15px rgba(183,210,227,.9); -webkit-box-shadow: 0 6px 15px rgba(183,210,227,.9); } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 1px 1px #d7e7f1; -webkit-box-shadow: 0 0 1px 1px #d7e7f1; box-shadow: 0 0 1px 1px #d7e7f1; border: 12px solid #fff; border-bottom: 54px solid #fff; left: -11px; background: #fff; max-height: 390px; overflow: hidden; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 15px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/local/media/styles/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #FFF; border: 3px solid #34a2f2; border-radius: 50%; text-indent: -9999px; display: block; width: 6px; height: 6px; margin: 0 5px; outline: 0; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fdae18; border-color: #fdae18; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(/local/media/styles/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(/local/media/styles/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/local/media/styles/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/local/media/styles/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* End */ /* Start:/local/media/styles/base.css?17401217797619*/ .clearfix:after { visibility: hidden; display: table; content: " "; clear: both; height: 0; line-height: 0; } @font-face { font-display: swap; font-family: 'PFDinDisplayPro_Light'; src: url('/local/media/styles/../fonts/PFDinDisplayPro-Light.eot'); src: local('O'), url('/local/media/styles/../fonts/PFDinDisplayPro-Light.woff') format('woff'), url('/local/media/styles/../fonts/PFDinDisplayPro-Light.ttf') format('truetype'), url('/local/media/styles/../fonts/PFDinDisplayPro-Light.svg') format('svg'), url('/local/media/styles/../fonts/PFDinDisplayPro-Light.otf') format('otf'); font-weight: normal; font-style: normal; } body { font: 16px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif } /*1.1 Default Typography*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; font-style: normal; line-height: 1.1; color: inherit; text-rendering: optimizeLegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999999; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 40px; } @media screen and (max-width: 768px) { h1, .h1 { font-size: 30px; } } h2, .h2 { font-size: 33px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 23px; } h5, .h5 { font-size: 19px; } h6, .h6 { font-size: 16px; } p { font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #222222; font-size: 16px; line-height: 1.4; padding-top: 15px; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 85%; line-height: inherit; } img { vertical-align: middle; } .lazy { opacity: 0; transition: .3s; } .page ul, .page ol { margin-top: 10px; margin-bottom: 10px; padding: 20px 0 20px 40px; } .page ul li { list-style: outside disc; margin-bottom: 5px; } .page ul li li { list-style: outside circle; } .page ol li { list-style: outside decimal; margin-bottom: 5px; } .page ul ul, .page ol ul, .page ul ol, .page ol ol { padding: 0 0 0 30px; } pre { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } /*2. Helpfull Styles*/ /*2.1 Typography*/ .help-block { padding: 20px; display: block; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-muted { color: #999999; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #59b733; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-message { margin: 0 0 8px; padding: 5px 10px; } .bg-primary { color: #fff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #ff6e6e; } a.bg-danger:hover { background-color: rgb(198, 0, 0); } .page .no-list, .page .no-list>li { margin: 0; padding: 0; list-style: none; } .page .left-list>li { float: left; } .page .left-list-ib>li { display: inline-block; vertical-align: top; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-circle { border-radius: 50%; } .clear { font-size: 0; height: 0; display: block; clear: both; } .clearfix:after, .left-list:after { visibility: hidden; display: table; content: " "; clear: both; height: 0; line-height: 0; } .overflow { overflow: hidden; } .left { float: left; display: block; } .right { float: right; display: block; } .ib { display: inline-block; } .block { display: block; } .none { display: none; } .visible { visibility: visible; } .hidden { visibility: hidden; } .hide-text { font: NaN a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .page img[align=left] { margin: 0 20px 10px 0; } .page img[align=right] { margin: 0 0 10px 20px; } a img { border: 0; outline: none; } a.dotted { text-decoration: none; border-bottom: 1px dotted; } a.dashed { text-decoration: none; border-bottom: 1px dashed; } a.dashed:hover, a.dotted:hover { border-bottom: 0; margin-bottom: 1px; } a.notlined { text-decoration: none; } a.notlined:hover { text-decoration: underline; } .navbar-example { background-color: #ececec; width: 285px; position: fixed; top: 210px; right: -285px; padding: 19px 0 18px 0; transition: all 0.5s ease 0s; z-index: 10; } .navbar-example ul { margin: 0; padding: 0; } .wr_navbar_example:hover .navbar-example { right: 0px; } .navbar-example a { display: block; text-decoration: none; } .navbar-example span { display: block; height: 33px; color: #5f5e5e; font: 14px/33px 'Open Sans', 'Helvetica', 'Arial'; padding-left: 20px; position: relative; } .navbar-example span:hover { color: #ccc; } .navbar-example span:hover:after { opacity: 0.7; } .navbar-example li.active span { color: #ccc; } .navbar-example li.active span:after { opacity: 0.7; } .navbar-example span:after { content: ""; height: 25px; width: 25px; position: absolute; left: -40px; } .icon1:after { background: url(/local/media/styles/../images/icon1.png) no-repeat left 0px; top: 7px; } .icon2:after { background: url(/local/media/styles/../images/icon2.png) no-repeat left 0px; top: 7px; } .icon3:after { background: url(/local/media/styles/../images/icon3.png) no-repeat left 0px; top: 7px; } .icon4:after { background: url(/local/media/styles/../images/icon4.png) no-repeat left 0px; top: 7px; } .icon5:after { background: url(/local/media/styles/../images/icon5.png) no-repeat left 0px; top: 7px; } .icon6:after { background: url(/local/media/styles/../images/icon6.png) no-repeat left 0px; top: 7px; } .fancybox-skin { background: none; } /* End */ /* Start:/local/media/styles/styles.css?1740121779263179*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type=number] { -moz-appearance: textfield; } .radius-10 { border-radius: 10px; } .overflow-hidden { overflow: hidden !important; } .navbar_white { background-color: #fff; width: 55px; height: 235px; position: absolute; top: 0px; left: -55px; } .wr_top { background: url("/local/media/styles/../images/top_bg.jpg") no-repeat center top; min-height: 667px; padding-top: 86px; } .header { max-width: 970px; margin: 0 auto; height: 67px; padding: 0 15px; } @media screen and (max-width: 1023.98px) { .header { position: relative !important; height: 120px; } } @media screen and (max-width: 767.98px) { .header { height: 70px; } } .header-menu { position: absolute; top: 0; left: 0; right: 0; z-index: 30; } .but_open { width: 70px; height: 70px; display: none; position: absolute; right: 0; top: 0; z-index: 300; cursor: pointer; } .but_open b { height: 3px; width: 28px; display: block; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .but_open b:before, .but_open b:after { height: 100%; width: 100%; display: block; background: #fff; position: absolute; top: -9px; left: 0; content: ""; transition: .2s; } .but_open b:after { top: auto; bottom: -9px; transform-origin: right; transform: scaleX(0.7); } .but_open.is-open b { background: none; } .but_open.is-open b:before, .but_open.is-open b:after { top: 0; } .but_open.is-open b:before { transform: rotate(45deg) } .but_open.is-open b:after { transform-origin: center; transform: scaleX(1) rotate(-45deg) } .mob_right { padding-right: 120px; line-height: 70px; vertical-align: middle; } .mob_logo img { max-width: 100%; height: auto; } .mob_contacts, .mob_logo { display: none; } .header ul { width: 100%; text-align: justify; padding: 0 !important; margin: 0 !important; } .header ul li { display: inline-block; vertical-align: top; list-style: none; margin: 0; padding: 0; } .header ul li.last { width: 100%; height: 0; visibility: hidden; } .header ul li a, .header ul li span.ps-link { display: inline-block; vertical-align: top; color: #fff; font: 18px/1.1 'PFDinDisplayPro_Light', 'Helvetica', 'Arial'; text-decoration: none; padding: 20px 0; } .header ul li:hover>a, .header ul li a.active { border-bottom: 3px solid #42aefc; } .header ul li:hover>.submenu { display: block; } .submenu { display: none; position: absolute; z-index: 10; left: 0; right: 0; margin-top: -2px; } .submenu .extraitem { padding-top: 18px !important; } .extraitem a { color: #fdae18 !important; text-decoration: none !important; border-bottom: none !important; } .ul_submenu { max-width: 1000px; margin: 0 auto; display: table; } .header .sub_colum_left, .header .sub_colum_center, .header .sub_colum_right, .header .sub_colum_map { display: table-cell; vertical-align: top; padding-top: 25px; padding-bottom: 25px; text-align: left; } .header .sub_colum_right { padding-left: 25px; } .header .sub_colum_center { font: 18px/1.1 'PFDinDisplayPro_Light', 'Helvetica', 'Arial'; color: #fafafa; padding-right: 0px !important; } .header .sub_colum_left { width: 26%; background-color: #222; padding-right: 25px; margin: 0; } .header .sub_colum_left li, .header .sub_colum_center li { display: block; list-style: none; margin: 0; padding: 0; } .header .sub_colum_left li a, .header .sub_colum_center li a { display: block; color: #fafafa; border: none; padding: 7px 5px 7px 20px; margin: 0; font: 18px/1.1 'PFDinDisplayPro_Light', 'Helvetica', 'Arial'; text-align: left; text-decoration: none; float: none; } .header .sub_colum_left li a:hover, .header .sub_colum_left li a.active, .header .sub_colum_center li a:hover, .header .sub_colum_center li a.active { background-color: #fdae18; color: #222; border: none; } .sub_colum_center { width: 28%; background-color: #222; padding: 25px 55px 25px 25px !important; border-left: 1px solid #333; } .header .title_bl { color: #fdae18 !important; font: 700 20px/1.1 'Open Sans', 'Helvetica', 'Arial' !important; margin: 0px !important; padding: 0px !important; margin-left: 20px !important; margin-bottom: 25px !important; } .header .title_bl:hover { text-decoration: none; } .header .title_bl:after { content: ' '; display: block; width: 50px; height: 2px; background: #42AEFC; margin-top: 4px; } .header ul li:hover>.title_bl { border-bottom: none; } .sub_colum_map { width: 74%; min-height: 10px; } .sub_colum_center .h2 { color: #42aefc; font: bold 24px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; margin: 0; } .sub_colum_center h3 { color: #222; font: bold 18px/1.2 'Open Sans', 'Helvetica', 'Arial'; margin: 20px 0 0; } .p_date { color: #fdae18; font: 12px/1.1 'Open Sans', 'Helvetica', 'Arial'; margin-top: 20px; } .p_ttle { color: #222; font: 14px/1.2 'Open Sans', 'Helvetica', 'Arial'; margin-top: 15px; } .header .sub_colum_center a { display: block; color: #42aefc; font: 12px/1.1 'Open Sans', 'Helvetica', 'Arial'; margin-top: 30px; border: none; padding: 0; } .header .sub_colum_center a:hover { border: none; text-decoration: none; } .sub_colum_right { width: 46%; background-color: #222; padding: 25px 20px 0 20px; } .pool { background: url("/local/media/styles/../images/pool_bg.png") no-repeat center top; width: 410px; height: 283px; margin: 0 auto; text-align: center; } .project_bl { background: url("/local/media/styles/../images/menu-img-bg.png") no-repeat center top; width: 410px; height: 300px; margin: 0 auto; text-align: center; margin-top: -5px; } .menu-img { margin: 20px auto 0; background: url(/local/media/styles/../images/menu-img-bg.png) no-repeat; height: 291px; width: 411px; text-align: center; line-height: 272px; } .menu-img-btn { margin: 20px auto 0; background: url(/local/media/styles/../images/menu-img-bg-btn.png) no-repeat; height: 291px; width: 411px; text-align: center; line-height: 242px; position: relative; } .menu-img-btn a.button { position: absolute; top: auto !important; bottom: 0; left: 50%; margin-left: -113px; } .pool h2, .project_bl h2, .pool .h2, .project_bl .h2, .pool .z2, .project_bl .z2 { color: #fff; font: 100 17px/1.5 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 23px; padding-right: 20px; } .pool h2 span, .project_bl h2 span, .pool .h2 span, .project_bl .h2 span, .pool .z2 span, .project_bl .z2 span { display: block; font: bold 18px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; } .header a.button { font: bold 18px/53px 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 0; margin-top: 14px; } .normal-btn { padding: 0 30px !important; width: auto !important; } .pool_img { background: url("/local/media/styles/../images/pool_img.png") no-repeat; width: 291px; height: 132px; margin: 0 auto; margin-top: 10px; } .project_img { background: url("/local/media/styles/../images/project.png") no-repeat; width: 291px; height: 132px; margin: 0 auto; margin-top: 10px; margin-right: 70px; background-size: contain; background-position-x: center; } .project_img_1 { background: url("/local/media/styles/../images/maint.png") no-repeat; width: 291px; height: 132px; margin: 0 auto; margin-top: 10px; margin-right: 70px; background-size: contain; background-position-x: center; } .img_li li { display: inline-block !important; list-style: none !important; min-width: 207px !important; margin-bottom: 45px !important; text-align: center !important; } .bl-2 li { float: left !important; width: 48% !important; } .col li:before { content: counter(li) '.'; counter-increment: li; color: #fff !important; font-size: 15px !important; font-family: 'PFDinDisplayPro_Light', 'Helvetica', 'Arial', sans-serif; position: absolute; top: 0px; left: 0px; } .col { font-size: 15px; color: #fff; display: inline-block; padding-top: 14px !important; list-style-position: inside; -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; list-style-type: decimal; height: 153px; min-width: 100%; overflow: hidden; } .col:nth-child(2n+1) { clear: both; } .col li { font-size: 15px; color: #fdae18; padding-left: 16px !important; padding-bottom: 14px !important; } .star-list.star-list li::before { content: ''; top: 5px; left: 0; width: 12px; height: 12px; background-image: url('/local/media/images/star.svg'); background-repeat: no-repeat; background-position: left top; background-image: 12px; } nav .small { list-style-position: inside; -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; } nav .small li a { font-size: 14px !important; padding-bottom: 3px !important; padding-top: 0px !important; text-decoration: underline !important; } nav .small li:hover a { border: none !important; } nav .small li a:hover { background-color: inherit !important; color: #fdae18 !important; text-decoration: none !important; border: none !important; } nav .small_txt li a { font-size: 14px !important; padding-bottom: 3px !important; padding-top: 0px !important; text-decoration: underline !important; } nav .small_txt li:hover a { border: none !important; } nav .small_txt li a:hover { background-color: inherit !important; color: #fdae18 !important; text-decoration: none !important; border: none !important; } .pr_link { margin-top: 15px !important; font: 18px/1.1 'PFDinDisplayPro_Light', 'Helvetica', 'Arial' !important; color: #fff !important; text-decoration: underline !important; border: none !important; } .content_ .pr_lnk li { padding: 8px 0 0 20px !important; } .pr_link:hover { background-color: inherit !important; color: #fdae18 !important; text-decoration: none !important; border: none !important; } nav .two li:last-child { padding-top: 20px; } .him_img { background: url(/local/media/styles/../images/menu-him-bg.png) no-repeat; height: 178px; width: 336px; display: inline-block; vertical-align: middle; } .header .pool a, .header .project_bl a { font: bold 18px/53px 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 0; margin-top: 22px; margin-left: -6px; } .header .pool a:hover, .header .project_bl a:hover { border: none; } .header-arrow-icon { padding: 15px; width: 90px; height: 90px; border-radius: 50%; border: 2px solid #fff; margin: 25px auto 20px; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5) } .header-cert-icon { display: flex; float: left; justify-content: center; align-items: center; width: 90px; height: 90px; border-radius: 50%; border: 2px solid #fff; background-color: rgba(0, 0, 0, 0.5); margin-right: 15px; margin-bottom: 5px; } .header-cert-icon img { display: block; width: 50px; height: 50px; } .header-cert-icon img { display: block; width: 50px; height: 50px; } .hd_border { background: rgba(255, 255, 255, 0.2); height: 1px; } .header-menu-img-list { display: grid; grid-template-columns: repeat(2, 200px); gap: 25px; justify-content: center; justify-items: center; align-items: center; text-align: center; } .mob_menu { display: none; background: #222222; width: 100%; min-height: 100%; position: absolute; top: 100%; left: 0px; z-index: 100; padding-bottom: 50px; } @media screen and (max-width: 1023.98px) { .cont_mob_menu { height: calc(var(--vh, vh) * 100 - 115px); overflow: auto; } .cont_mob_menu>ul { height: auto; } } @media screen and (max-width: 767.98px) { .cont_mob_menu { height: calc(var(--vh, vh) * 100 - 70px); } .cont_mob_menu>ul { height: auto; } } .mob_menu__social { display: none; } @media screen and (max-width: 1023.98px) { .mob_menu__social { display: flex; align-items: center; align-self: flex-start; gap: 20px; padding: 22px 30px; color: #ffffff; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; } } .header .cont_mob_menu li { display: block; } .header .cont_mob_menu li p { display: block; background-color: #222; color: #fff; font: 16px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 22px 30px; border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 0; position: relative; } .header .cont_mob_menu li p:before { height: 12px; width: 8px; display: block; background: url(/local/media/styles/../images/angle-right.png) no-repeat center / cover; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: ""; transition: translate .2s; } .header .cont_mob_menu li p:hover, .header .cont_mob_menu li p.open { background-color: #0e5182; border-top: 1px solid #48b2ff; border-bottom: none; cursor: pointer; } .header .cont_mob_menu li p.open:before { transform: translateY(-50%) rotate(-90deg); } .sub_mob_menu { display: none; } .header .sub_mob_menu li a { display: block; color: #fff; font: 16px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; background-color: #333; border-top: 1px solid #585858; padding-left: 71px; text-align: left; } .header .sub_mob_menu li a:hover { background-color: #fdae18; border-top: 1px solid #fdae18; font-weight: bold; border-bottom: none; } .but_close { height: 70px; width: 70px; position: relative; } .top { max-width: 970px; margin: 0 auto; overflow: hidden; padding: 0 15px; } .top_colum_left { float: left; margin-top: 65px; } .logo { max-width: 380px; } .logo p { background: url("/local/media/styles/../images/log_double.png") repeat-y left 0px; color: #fff; font: 300 14px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 3px 0 5px 15px; margin-top: 25px; margin-bottom: 0; } .logo div { background: url("/local/media/styles/../images/logo.png") no-repeat; width: 200px; height: 92px; } .segment { margin-top: 70px; } .wr_p { display: inline-block; vertical-align: top; background: url("/local/media/styles/../images/segment_p.png") no-repeat right 0px; padding-right: 20px; margin-top: 5px; } .img_premium { display: inline-block; vertical-align: top; background: url("/local/media/styles/../images/premium.png") no-repeat; width: 133px; height: 21px; margin-top: 6px; } .segment p { background-color: #222; color: #fff; font: 300 30px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 2px 0px 2px 10px; margin: 0; } .segment p span { position: relative; } .premium2 { display: none; } .segment .crown { background: url("/local/media/styles/../images/crown.png") no-repeat; width: 23px; height: 19px; position: absolute; top: -19px; left: 72px; } .top_colum_right { float: right; margin: 25px 0 0 0; } .phone { text-align: right; } .phone p { display: inline-block; vertical-align: top; background: url("/local/media/styles/../images/phone.png") no-repeat left 2px; color: #fff; font: 300 18px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 0 0 0 25px; margin: 0; } .b_inner .phone p { padding: 0; background: none; font-size: 16px; } .btn_box a { font-size: 16px; text-decoration: none; color: #128ae0 !important; } .btn_box a span { display: inline-block; color: #fff !important; border-bottom: 1px dotted #fff; font-weight: normal; font-size: 16px; } .btn_box a:hover span { border: 0; margin-bottom: 1px; } .main_form { background: url("/local/media/styles/../images/form_bg.png") no-repeat center top; width: 407px; height: 468px; margin: 20px -6px 0 0; } .cont_form { width: 310px; margin: 0 auto; padding-top: 35px; } .top_form { text-align: center; } .top_form h2, .top_form .h2 { color: #fff; font: bold 24px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; margin: 0; } .top_form h2 span, .top_form .h2 span { display: block; color: #fff; font: 300 18px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; text-transform: none; margin-top: 5px; } .form_border { background: url("/local/media/styles/../images/form_border.png") no-repeat; width: 44px; height: 5px; margin: 0 auto; margin-top: 13px; } .form label { display: block !important; color: #ffe06f; font: 300 14px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; /* margin-top: 10px;*/ margin-top: 7px; margin-bottom: 11px; } .form .form-success { font-weight: 500; color: #fff; text-align: center; margin: 40px 0 0; font-size: 16px; } /*.form .ind_label { margin-top: 20px; }*/ .radio { margin-top: 13px; } .radio p { margin: 0; padding: 5px 0 0; } .custom_radio, .radio p, .radio span { display: inline-block; vertical-align: top; } .custom_radio { cursor: pointer; background: url(/local/media/styles/../images/radio.png) no-repeat; margin: 13px 10px 0 0; } .custom_checkbox input, .custom_radio input { display: none; } .radio span { color: #a5a5a5; font: 300 14px/1.1 'Open Sans', 'Helvetica', 'Arial'; margin: 15px 0px 0 5px; } .form .label_sizes { margin-top: 20px; } .radio .radio_label { display: inline-block !important; vertical-align: top; margin: 0; } .radio .img_radio { display: inline-block; vertical-align: top; margin: 0; } .img_radio1 { background: url(/local/media/styles/../images/radio_img1.png) no-repeat; width: 23px; height: 48px; } .img_radio2 { background: url(/local/media/styles/../images/radio_img2.png) no-repeat; width: 35px; height: 49px; } .sizes { width: 100%; display: table; margin-top: 10px; } .sizes input, .sizes span { display: table-cell; vertical-align: top; } .sizes input { width: 83px; height: 45px; color: #a5a5a5; font: 300 14px/45px 'Open Sans', 'Helvetica', 'Arial'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #0f0f11; -webkit-box-shadow: 0 1px rgba(245, 251, 255, .25); -moz-box-shadow: 0 1px rgba(245, 251, 255, .25); box-shadow: 0 1px rgba(245, 251, 255, .25); text-align: center; border: none; outline: none; } .sizes input::-webkit-input-placeholder { color: #a5a5a5; font: 300 14px/45px 'Open Sans', 'Helvetica', 'Arial'; } .sizes input::-moz-placeholder { color: #a5a5a5; font: 300 14px/45px 'Open Sans', 'Helvetica', 'Arial'; } .sizes span { color: #a5a5a5; font: 300 14px/45px 'Open Sans', 'Helvetica', 'Arial'; padding: 0px 9px 0 10px; } .button { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #50b6ff; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .75); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .75); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .75); background-image: -webkit-linear-gradient(top, #43affb, #0b99fd); background-image: -moz-linear-gradient(top, #43affb, #0b99fd); background-image: -o-linear-gradient(top, #43affb, #0b99fd); background-image: -ms-linear-gradient(top, #43affb, #0b99fd); background-image: linear-gradient(to bottom, #43affb, #0b99fd); text-shadow: 0 -2px 0 #128ae0; display: block; width: 221px; height: 53px; color: #fff; font: bold 18px/53px 'Roboto', 'Helvetica', 'Arial', sans-serif; text-align: center; border: none; border-bottom: 2px solid #093758; outline: none; cursor: pointer; text-transform: uppercase; transition: border ease .4s; position: relative; text-decoration: none; } .button_orange { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #FD9418; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .75); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .75); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .75); background-image: -webkit-linear-gradient(top, #fdae18, #fd8f18); background-image: -moz-linear-gradient(top, #fdae18, #fd8f18); background-image: -o-linear-gradient(top, #fdae18, #fd8f18); background-image: -ms-linear-gradient(top, #fdae18, #fd8f18); background-image: linear-gradient(to bottom, #fdae18, #fd8f18); display: block; width: 221px; height: 53px; color: #fff; font: bold 18px/53px 'Roboto', 'Helvetica', 'Arial', sans-serif; text-align: center; border: none; border-bottom: 2px solid #584309; outline: none; cursor: pointer; text-transform: uppercase; transition: border ease .4s; position: relative; } .button:hover { background: #50b6ff; } .button:active { border: 0; top: 2px; height: 51px; } .form button { margin: 0 auto; margin: 18px 0 0 44px; } .facts { max-width: 970px; margin: 0 auto; margin-top: 40px; padding: 0 15px; } .div_h2 { position: relative; text-align: center; height: 120px; } .div_h2_img { background: url("/local/media/styles/../images/h2_img.png") no-repeat; width: 106px; height: 119px; position: absolute; top: 0px; left: 50%; margin-left: -55px; } .div_h2 h2, .div_h2 .h2 { color: #222; font: bold 36px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 36px; text-transform: uppercase; margin: 0; } .cont_facts { font-size: 0; margin: 30px 0 0 !important; padding: 0 !important; text-align: center; } .facts_img1 { background: url("/local/media/styles/../images/facts_img1.png") no-repeat; width: 180px; height: 114px; margin: 0 auto; } .facts_img2 { background: url("/local/media/styles/../images/facts_img2.png") no-repeat; width: 158px; height: 114px; margin: 0 auto; } .facts_img3 { background: url("/local/media/styles/../images/facts_img3.png") no-repeat; width: 96px; height: 114px; margin: 0 auto; } .facts_img4 { background: url("/local/media/styles/../images/facts_img4.png") no-repeat; width: 95px; height: 114px; margin: 0 auto; } .cont_facts li { width: 25%; display: inline-block; vertical-align: top; line-height: none; padding: 0; margin: 0; } .wr_bl_facts { width: 205px; position: relative; margin: 0 auto; } .bl_facts { width: 205px; height: 200px; background-color: #222; margin-top: 30px; position: relative; z-index: 3; } .div_border { width: 194px; height: 194px; border: solid 4px #fdae18; position: absolute; top: 10px; left: 17px; z-index: 1; } .fact_number { background-color: #119bfe; width: 45px; height: 45px; color: #fff; font: 24px/45px 'Roboto', 'Helvetica', 'Arial', sans-serif; position: absolute; top: -15px; left: -15px; text-align: center; } .bl_facts .h2 { color: #fff; font: bold 60px/1.0 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 35px; margin: 0; } .f_img { background: url("/local/media/styles/../images/f_img.png") no-repeat; width: 44px; height: 5px; margin: 0 auto; margin-top: 15px; } .bl_facts p { color: #fff; font: 18px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 25px; margin: 0; text-transform: uppercase; } .wr_bl_facts:hover .bl_facts { background-color: #fdae18; } .wr_bl_facts:hover .div_border { border: solid 4px #119bfe; } .wr_bl_facts:hover .f_img { background: url("/local/media/styles/../images/f_img_hover.png") no-repeat; } .wr_bl_facts:hover .bl_facts h2, .wr_bl_facts:hover .bl_facts p { color: #222; } .facts_ttle { background: url("/local/media/styles/../images/gal.png") no-repeat left 0px; padding: 35px 0 0 20px; margin-top: 40px; font: 16px/1.4 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .facts_ttle p { color: #222; font: 16px/1.4 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .wr_work { background: url("/local/media/styles/../images/work_bg.jpg") no-repeat center top; min-height: 925px; margin-top: 40px; } .work { max-width: 970px; margin: 0 auto; padding: 95px 15px 0 15px; } .h2_white h2, .h2_white .h2 { color: #fff; } .wr_h2_ind { margin-top: 20px; } .wr_h2 { font-size: 0; } .h2_number, .h2_ttle, .h2_img { display: inline-block; vertical-align: top; } .h2_number { width: 99px; height: 99px; border: solid 2px #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; } .h2_number p { color: #fff; font: 100 60px/1.1 'robotothin', 'Helvetica', 'Arial', sans-serif; padding-top: 10px; margin: 0 -5px 0 0; } .h2_border { background: url("/local/media/styles/../images/h2_border.png") no-repeat; width: 44px; height: 5px; margin: 0 auto; margin-top: 2px; } .h2_border.color-orange { background-image: url(/local/media/styles/../images/f_img-orange.png); } .h2_ttle { width: 420px; height: 103px; margin: 0px 0 0 20px; } .h2_ttle:before, .h2_img:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .h2_ttle p { width: 97%; display: inline-block; vertical-align: middle; color: #fff; font: 24px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; margin: 0; padding: 0; } .h2_ttle p a { color: #000; } .h2_img { height: 103px; margin-left: 10px; } .h2_img1 { display: inline-block; vertical-align: middle; background: url("/local/media/styles/../images/h2_img1.png") no-repeat; width: 148px; height: 64px; } .h2_img2 { display: inline-block; vertical-align: middle; background: url("/local/media/styles/../images/h2_img2.png") no-repeat; width: 270px; height: 43px; } .ul_work { background-color: #fff; font-size: 0; margin: 50px 0 0 !important; text-align: center; padding: 0 !important; list-style: none !important; } .ul_work li { width: 33.33333333%; height: 175px; display: inline-block; vertical-align: top; margin: 0 !important; } .ul_work li a { display: block; height: 100%; line-height: 175px; } .ul_work .bg_ser { background-color: #e3eef5; } /*.ul_work li:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }*/ .ul_work p, .ul_work div { display: inline-block; vertical-align: middle; } .ul_work p { color: #414143; font: 14px/1.1 'Open Sans', 'Helvetica', 'Arial'; margin: 0 25px; } .work_img1 { background: url("/local/media/styles/../images/work_img1.png") no-repeat; width: 68px; height: 78px; } .work_img2 { background: url("/local/media/styles/../images/work_img2.png") no-repeat; width: 72px; height: 73px; } .work_img3 { background: url("/local/media/styles/../images/work_img3.png") no-repeat; width: 76px; height: 81px; } .work_img4 { background: url("/local/media/styles/../images/work_img4.png") no-repeat; width: 61px; height: 82px; } .work_img5 { background: url("/local/media/styles/../images/work_img5.png") no-repeat; width: 71px; height: 69px; } .work_img6 { background: url("/local/media/styles/../images/work_img6.png") no-repeat; width: 61px; height: 61px; } .building_pools { max-width: 970px; margin: 0 auto; padding: 0 15px; } .wr_h2_2 p { color: #414143; } .wr_h2_2 .h2_number { border: solid 2px #fdae18; } .wr_h2_2 .h2_number p { color: #fdae18; } .complex_pools { display: block; margin-top: 50px; margin-right: -15px; table-layout: fixed; } .complex_main_mg { position: relative; padding: 0 22px 0 0; min-width: 290px; float: left; width: 513px; } .complex_main_mg .plash_border { right: 10px; bottom: -13px; } .main_mg { min-width: 100%; height: 394px; position: relative; z-index: 2; } .main_mg img { width: 100%; height: auto; } .complex_plash { min-width: 130px; max-width: 410px; /*min-height: 91px;*/ background-color: #e9f6ff; background-image: -webkit-linear-gradient(top, #4fb3fb, #0094ff); background-image: -moz-linear-gradient(top, #4fb3fb, #0094ff); background-image: -o-linear-gradient(top, #4fb3fb, #0094ff); background-image: -ms-linear-gradient(top, #4fb3fb, #0094ff); background-image: linear-gradient(to bottom, #4fb3fb, #0094ff); position: absolute; top: -15px; left: -15px; padding: 20px 20px 24px 30px; z-index: 3; } .complex_plash p { color: #fff; font: 18px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; margin: 0; } .complex_plash .plash_img { background: url("/local/media/styles/../images/plash_img.png") no-repeat; width: 44px; height: 5px; margin: 15px 0 0 0; } .complex_plash a { display: block; color: #fff; font: 13px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; text-decoration: none; margin-top: 15px; } .complex_plash a:hover { text-decoration: underline; } .plash_border { width: 146px; height: 146px; border: solid 4px #0f9afe; position: absolute; right: -1px; bottom: -3px; z-index: 1; } .complex_mini_mg { font-size: 0; width: 464px; float: left; margin-left: -14px; } @media screen and (max-width: 999px) { .complex_mini_mg { margin-top: 14px; } } .bl_mini_mg { display: inline-block; vertical-align: top; margin: 0 0 12px 14px; position: relative; } .mini_mg1 { width: 217px; height: 191px; } .bl_hover { opacity: 0; background: rgba(13, 153, 254, 0.7); width: 194px; height: 169px; position: absolute; top: 0px; left: 0px; padding: 10px 13px 12px 10px; transition: all 0.5s ease 0s; } .cont_hover { width: 100%; height: 100%; border: 2px solid #fff; } .size { background: url("/local/media/styles/../images/size.png") no-repeat; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; } .bl_mini_mg a:hover .bl_hover { opacity: 1; } .wr_building_pools { background: url("/local/media/styles/../images/building_top.png") repeat-x, url("/local/media/styles/../images/building_bottom.png") repeat-x bottom left #f0f9ff; padding: 45px 0 67px 0; margin: 70px 0 40px 0; } .wr_building_pools .bl_mini_mg { margin: 0 12px 11px 0px; } .wr_building_pools .complex_main_mg { padding: 0 0 0 12px; } .wr_building_pools .complex_plash { left: -5px; } .wr_building_pools .plash_border { right: -12px; } .wr_advantages { background: url("/local/media/styles/../images/advantages_bg.jpg") no-repeat center top; min-height: 631px; margin-top: -95px; } .advantages { max-width: 1000px; margin: 0 auto; padding-top: 95px; } .cont_advantages { position: relative; } .adva_plash { position: absolute; cursor: pointer; } .adva_plash p { color: #fff; font: bold 14px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(60, 60, 60, 0.4); } .adva_plash1 { background: url("/local/media/styles/../images/adva_plash1.png") no-repeat; /*width: 281px;*/ width: 338px; height: 90px; top: 5px; left: 0px; } .adva_plash1:hover { background: url("/local/media/styles/../images/adva_plash_hover1.png") no-repeat; } .adva_plash1 p { /*margin: 7px 0 0 72px;*/ margin: 7px 0 0 90px; } .adva_plash2 { background: url("/local/media/styles/../images/adva_plash2.png") no-repeat; /*width: 256px;*/ width: 338px; height: 90px; top: 120px; left: 256px; } .adva_plash2:hover { background: url("/local/media/styles/../images/adva_plash_hover2.png") no-repeat; } .adva_plash2 p { /*margin: 10px 0 0 75px;*/ margin: 8px 103px 0 0; text-align: right; } .adva_plash3 { background: url("/local/media/styles/../images/adva_plash3.png") no-repeat; /*width: 309px;*/ width: 338px; height: 90px; top: 230px; left: 15px; } .adva_plash3:hover { background: url("/local/media/styles/../images/adva_plash_hover3.png") no-repeat; } .adva_plash3 p { margin: 6px 0 0 97px; /*margin: 6px 0 0 90px;*/ } .adva_plash4 { background: url("/local/media/styles/../images/adva_plash4.png") no-repeat; /*width: 337px;*/ width: 338px; height: 91px; top: 30px; right: 0px; } .adva_plash4:hover { background: url("/local/media/styles/../images/adva_plash_hover4.png") no-repeat; } .adva_plash4 p { /* margin: 13px 125px 0 0; text-align: right;*/ margin: 7px 85px 0 0; text-align: right; } .adva_plash5 { background: url("/local/media/styles/../images/adva_plash5.png") no-repeat; width: 329px; height: 91px; top: 185px; right: 130px; } .adva_plash5:hover { background: url("/local/media/styles/../images/adva_plash_hover5.png") no-repeat; } .adva_plash5 p { /* margin: 5px 111px 0 0; text-align: right;*/ margin: 7px 85px 0 0; text-align: right; } .plash_hover { display: none; width: 295px; background-color: #262626; padding: 18px 25px 25px 25px; position: absolute; z-index: 10; } .plash_hover .h2 { color: #fff; font: bold 24px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; margin: 0; } .plash_hover img { margin-top: 20px; } .plash_hover span { display: block; color: #fff; font: 14px/1.7 'Open Sans', 'Helvetica', 'Arial'; margin-top: 15px; } .plash_hover1 { bottom: 90px; left: 30px; } .plash_hover2 { bottom: 90px; left: 30px; } .plash_hover3 { bottom: 90px; left: 30px; } .plash_hover4 { bottom: 90px; right: 30px; } .plash_hover5 { bottom: 90px; right: 30px; } .wr_info { background: url("/local/media/styles/../images/info_bg.png") no-repeat center top; min-height: 438px; position: relative; z-index: 2; } .wr_info--carousel { display: none !important; } .wr_info--desktop { display: block; } .info { max-width: 970px; margin: 0 auto; padding: 85px 15px 0 15px; text-align: center; } .bl_info { width: 225px; display: inline-block; vertical-align: top; margin: 0 40px; } .info_img1 { background: url("/local/media/styles/../images/info_img1.png") no-repeat #222222 center; width: 172px; height: 172px; border-radius: 50%; margin: 0 auto; } .info_img2 { background: url("/local/media/styles/../images/info_img2.png") no-repeat #222222 center; width: 172px; height: 172px; border-radius: 50%; margin: 0 auto; } .info_img3 { background: url("/local/media/styles/../images/info_img3.png") no-repeat #222222 center; width: 172px; height: 172px; border-radius: 50%; margin: 0 auto; } .plash_img { background: url("/local/media/styles/../images/plash_img.png") no-repeat; width: 44px; height: 5px; margin: 0 auto; margin-top: 15px; } .bl_info p { color: #222; font: 18px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; margin-top: 15px; margin-bottom: 0; } .bl_info span { display: block; color: #222; font: 13px/1.2 'Open Sans', 'Helvetica', 'Arial'; margin-top: 15px; } .wr_order { background: url("/local/media/styles/../images/order_bg.jpg") no-repeat center top; min-height: 600px; margin-top: -20px; } .order { max-width: 1000px; margin: 0 auto; overflow: hidden; } .main_form2 { float: right; margin-top: 55px; } .main_form2 .cont_form { padding-top: 20px; } .main_form2 .top_form h2, .main_form2 .top_form .h2 { color: #fff; font: bold 30px/1.0 'Roboto', 'Helvetica', 'Arial', sans-serif; margin-top: 10px; } .form_border { background: url("/local/media/styles/../images/form_border.png") no-repeat; width: 44px; height: 5px; margin: 0 auto; margin-top: 25px; } .main_form2 .top_form p { color: #fff; font: 14px/1.2 'Open Sans', 'Helvetica', 'Arial'; margin-top: 10px; } .main_form2 input { display: block; width: 240px; height: 55px; margin: 0 auto; margin-top: 10px; color: #a5a5a5; font: 300 14px/55px 'Open Sans', 'Helvetica', 'Arial'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #0f0f11; -webkit-box-shadow: 0 1px rgba(245, 251, 255, .25); -moz-box-shadow: 0 1px rgba(245, 251, 255, .25); box-shadow: 0 1px rgba(245, 251, 255, .25); border: none; outline: none; padding-left: 70px; } .main_form2 input::-webkit-input-placeholder { color: #a5a5a5; font: 300 14px/55px 'Open Sans', 'Helvetica', 'Arial'; } .main_form2 input::-moz-placeholder { color: #a5a5a5; font: 300 14px/55px 'Open Sans', 'Helvetica', 'Arial'; } .main_form2 form { margin-top: 25px; } .input_name { background: url("/local/media/styles/../images/input_name.png") no-repeat 15px 0px; } .input_mail { background: url("/local/media/styles/../images/input_email.png") no-repeat 15px 0px; } .input_phone { background: url("/local/media/styles/../images/input_tel.png") no-repeat 15px 0px; } .main_form2 button { margin-top: 38px; } .wr_building_stages { background: url("/local/media/styles/../images/building_stages.png") no-repeat center top; margin-top: -50px; padding-top: 1px; overflow: hidden; } .building_stages { max-width: 935px; margin: 0 auto; padding: 135px 15px 0 15px; } .div_h2_3 { height: 165px; } .div_h2_3 h2, .div_h2_3 .h2 { padding-top: 40px; margin: 0; } .h2_img3 { background: url("/local/media/styles/../images/h2_img3.png") no-repeat; width: 106px; height: 167px; position: absolute; top: 0px; left: 50%; margin-left: -55px; } .cont_buil_stag { font-size: 0; position: relative; } .bl_buil_stag { margin: 35px 0 70px 0px; } .buil_stag_img, .buil_stag_ttle { display: inline-block; vertical-align: top; padding: 0 15px; } .buil_stag_img { width: 47%; position: relative; } .buil_stag_border { width: 425px; height: 260px; background-color: rgba(123, 170, 138, 0); border: solid 4px #bce3ff; position: absolute; left: 32px; bottom: -10px; } .bl_buil_stag2 .buil_stag_border { left: 5px; } .buil_stag_img img { width: 100%; max-width: 440px; position: relative; z-index: 2; } .buil_stag_ttle { width: 46%; margin-top: 10px; } .buil_stag_ttle h2, .buil_stag_ttle .h2 { color: #222; font: 24px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; margin: 0; } .buil_stag_ttle h2 span, .buil_stag_ttle .h2 span { color: #fdae18; } .buil_stag_ttle .h2_border { background: url("/local/media/styles/../images/h2_border.png") no-repeat; width: 44px; height: 5px; margin: 20px 0 0 0; } .buil_stag_ttle p { color: #222; font: 16px/1.2 'PFDinDisplayPro_Light', 'Helvetica', 'Arial'; margin-top: 15px; margin-bottom: 0; } .wr_navbar_example2 { position: absolute; top: 22px; margin-left: -111px; z-index: 10; } #wr_navbar_example2.fixed { position: fixed !important; top: 0px } #wr_navbar_example2.bottom-position { top: auto; bottom: 0; } .wr_navbar_example2 ul { padding: 0; margin: 0; } .navbar-example2 a { display: block; background: url("/local/media/styles/../images/dounle_a.png") no-repeat right; width: 113px; height: 47px; text-decoration: none; position: relative; } .navbar-example2 a:after { height: 13px; width: 13px; background: #fff; display: block; position: absolute; top: 20px; left: 91px; content: ""; border-radius: 50%; } .navbar-example2 a:hover:after { display: none; } .navbar-example2 li { margin-top: 5px; } .navbar-example2 li a:hover, .navbar-example2 li.active a { background: url("/local/media/styles/../images/dounle_a_hover.png") no-repeat right 1px; } .navbar-example2 span { display: block; color: #fff; font: 16px/1.1 'PFDinDisplayPro_Light', 'Helvetica', 'Arial'; padding: 14px 0px 0 35px; } .navbar-example2 li a span:hover, .navbar-example2 li.active span { color: #fff; padding: 17px 0px 0 35px; } .navbar_exampl_border { width: 4px; height: 100%; position: absolute; top: 2px; left: -15px; z-index: 5; } .navbar_exampl_border2 { background-color: #618fb0; height: 100%; } /* .two { margin-top: 30px; } .three { margin-top: 10px; } .four { margin-top: 10px; } .five { margin-top: 10px; } .six { margin-top: 13px; } .seven { margin-top: 10px; } */ .wr_geography { background: url("/local/media/styles/../images/geography_bg.png") no-repeat center top; height: 872px; } .geography { padding-top: 90px; } .cont_geography { background: url("/local/media/styles/../images/cont_geography.png") no-repeat center top; max-width: 1194px; height: 618px; margin: 0 auto; margin-top: -50px; } .cont_marker { max-width: 1000px; height: 430px; margin: 0 auto; margin-top: 85px; position: relative; } .marker { background: url("/local/media/styles/../images/marker_bg.png") no-repeat 1px 1px; width: 42px; height: 32px; position: absolute; cursor: pointer; } .marker:hover { background: url("/local/media/styles/../images/marker_hover.png") no-repeat; } .marker:hover .marker_p { display: block; } .marker_p { display: none; width: 250px; background: url("/local/media/styles/../images/marker_p_bg.png") no-repeat; height: 27px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 10px; position: absolute; top: 2px; left: 30px; } .marker p { display: inline-block; vertical-align: top; background-color: #fff; color: #222; font: 13px/27px 'Open Sans', 'Helvetica', 'Arial'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 15px 0 10px; } .marker1 { top: 120px; left: 185px; } .marker2 { top: 220px; left: 170px; } .marker3 { top: 225px; left: 113px; } .marker4 { top: 520px; left: 185px; } .marker5 { top: 550px; left: 185px; } .marker6 { top: 580px; left: 185px; } .wr_how_price { background: url("/local/media/styles/../images/how_price_bg.png") no-repeat center top; height: 784px; margin-top: -45px; } .how_price { padding-top: 80px; } .cont_how_price { max-width: 650px; margin: 0 auto; margin-top: 30px; } .main_form3 .cont_form { width: 385px; text-align: center; } .main_form3 p { color: #fff; font: 18px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; } .form_par1 { max-width: 320px; margin: 0 auto; } .main_form3 a { display: block; background: url("/local/media/styles/../images/form_a_bg.png") no-repeat; width: 224px; height: 67px; margin: 0 auto; margin-top: 20px; color: #fff; font: 18px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; text-decoration: none; text-align: left; padding: 23px 0 0 100px; } .main_form3 a:hover { background: url("/local/media/styles/../images/form_a_hover.png") no-repeat; } .form_bord2 { background: url("/local/media/styles/../images/form_bord2.png") no-repeat center top; height: 6px; margin-top: 25px; } .form_par2 { max-width: 327px; margin: 7px auto 0; } .main_form3 .form button { margin: 35px 0 0 81px; } .wr_company { background: url("/local/media/styles/../images/company_bg.jpg") no-repeat center top; height: 669px; position: relative; } .h2_img4 { background: url("/local/media/styles/../images/h2_img4.png") no-repeat; width: 107px; height: 119px; position: absolute; top: 0px; left: 50%; margin-left: -55px; } .company { max-width: 870px; margin: 0 auto; padding: 70px 15px 0 15px; } .company_ttle { background-color: #fff; width: 490px; float: right; margin-top: 20px; padding: 15px 10px 25px 20px; } .company_ttle ul { padding: 0; margin: 0; } .company_ttle ul li { list-style: none; margin: 0; padding: 0; } .company_ttle p { background: url("/local/media/styles/../images/company_ttle_p.png") no-repeat left 1px; padding: 5px 0 5px 40px; color: #222; font: 16px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; margin: 13px 0 0; } .company_par { color: #fff; font: 16px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; position: absolute; right: 15px; bottom: 65px; } .company_par span { display: block; text-align: right; font-size: 24px; } .certs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } @media screen and (max-width: 575.98px) { .certs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } } .certs-item { padding-bottom: 141.4285714285714%; display: block; position: relative; box-sizing: border-box; border: 5px ridge #000000; height: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); ; } .certs-item::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("/local/media/images/zoomloupe.svg"); background-color: rgba(13, 153, 254, 0.5); background-size: 23%; background-repeat: no-repeat; background-position: center; z-index: 3; opacity: 0; transition: 400ms ease-in-out opacity; } .certs-item::after { content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 4; border: 3px solid #ffffff; z-index: 4; opacity: 0; transition: 400ms ease-in-out opacity; } @media (hover: hover) and (pointer: fine) { .certs-item:hover::before, .certs-item:hover::after { opacity: 1; } } .cert-item__pic, .cert-item__pic>img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; } .wr_certificate { background: url("/local/media/styles/../images/certificate_bg.png") repeat-x bottom left #f2efef; padding-bottom: 85px; margin-top: -10px; } .cont_certificate { max-width: 1100px; margin: 0 auto; text-align: center; } .bl_certificate { display: inline-block; vertical-align: top; margin: 40px 15px 0 15px; position: relative; } .certificate_img { position: relative; width: 224px; height: 307px; padding: 15px 0 0 9px; } .certificate_img:after { background: url(/local/media/styles/../images/sert-border.png) no-repeat; height: 356px; width: 257px; display: block; position: absolute; top: 0; left: 0; z-index: 2; content: ""; } .certificate_hover { background: url("/local/media/styles/../images/certificate_hover.png") no-repeat; width: 224px; height: 307px; opacity: 0; position: absolute; top: 5px; left: 8px; z-index: 3; transition: all 0.5s ease 0s; } .bl_certificate:hover .certificate_hover { opacity: 1; } .bl_certificate--small { margin: 20px 5px 0 5px; } .bl_certificate--small .certificate_hover, .bl_certificate--small .certificate_img { padding: 0; width: 185px; height: 255px; } .bl_certificate--small .certificate_img::after { background-size: contain; height: 320px; width: 217px; top: 11px; left: -2px; } .contacts { margin: 50px auto 0; max-width: 1357px; } .cont_contacts { margin-top: 10px; padding-top: 1px; position: relative; overflow: hidden; } .cont_contacts:before { background: url(/local/media/styles/../images/contacts_top.png) no-repeat center top; height: 40px; width: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; z-index: 2; content: ""; } .cont_contacts:after { background: url(/local/media/styles/../images/contacts_bottom.png) no-repeat center top; height: 50px; width: 100%; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; content: ""; } .cont_contacts img { display: block; margin: 0 auto; max-width: none; } .bl_contacts { background: url("/local/media/styles/../images/bl_contacts_bg.png") no-repeat center top; width: 322px; height: 209px; padding-top: 35px; position: absolute; top: 50%; left: 50%; margin: -105px 0 0 -161px; z-index: 2; } .bl_contacts p, .menu_contacts p { color: #222; font: 16px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; margin: 20px 35px 0 35px; padding: 0 0 0 40px; } .menu_contacts p { margin: 0 0 15px 0; font: 14px/1.2 'Open Sans', 'Helvetica', 'Arial'; color: #222222; min-height: 19px; } .text-center { text-align: center !important; } .valign-middle { vertical-align: middle !important; } .contact_par1 { background: url("/local/media/styles/../images/conta_tel.png") no-repeat left 0px; } .contact_par3 { background: url("/local/media/styles/../images/conta_mail.png") no-repeat left 0px; } .contact_par2 { background: url("/local/media/styles/../images/conta_gal.png") no-repeat left 0px; } .bottom { max-width: 970px; margin: 0 auto; margin-top: 28px; font-size: 0; padding: 0 15px; } .bottom ul { width: 25%; display: inline-block; vertical-align: top; padding: 0; margin: 0; } .bottom ul li { list-style: none; padding: 0; margin: 7px 0 0; } .bottom .h2 { color: #222; font: 16px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; margin: 0 0 35px; } .bottom a { display: inline-block; color: #737373; font: 13px/1.1 'Open Sans', 'Helvetica', 'Arial'; text-decoration: none; } .bottom a:hover { text-decoration: underline; } .footer { max-width: 970px; margin: 0 auto; border-top: 1px solid #ededed; margin-top: 45px; overflow: hidden; padding: 0 15px 70px 15px; } .ft_colum_left { float: left; margin-top: 35px; } .ft_colum_left a, .ft_colum_left p { display: inline-block; vertical-align: top; } .ft_colum_left a { text-decoration: none; color: #000; } .ft_colum_left>a { background: url("/local/media/styles/../images/ft_logo.png") no-repeat; width: 200px; height: 92px; } .ft_colum_left p { max-width: 180px; background: url("/local/media/styles/../images/log_double.png") repeat-y left 0px; color: #222; font: 300 14px/1.2 'Roboto', 'Helvetica', 'Arial', sans-serif; margin: 22px 0 0 20px; padding: 3px 0 5px 15px; } .ft_colum_right { float: right; margin-top: 45px; } .ft_colum_right span, .ft_colum_right a { display: inline-block; vertical-align: top; } .ft_colum_right span { color: #222; font: 300 18px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; } .ft_colum_right a { background: url("/local/media/styles/../images/phone.png") no-repeat left 0px; color: #399de4; font: 300 14px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 1px 0 0 25px; margin-left: 15px; } .ft_colum_right a:hover { text-decoration: none; } .ft_colum_right p { color: #999; font: 300 12px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; text-align: right; margin-top: 55px; margin-bottom: 0; } #down.default { display: none; } #down.fixed { display: block; background: url("/local/media/styles/../images/down.png") no-repeat; width: 88px; height: 106px; position: fixed; right: 20px; bottom: 30px; cursor: pointer; z-index: 10 } .footer .par_mob { display: none; } .project-detail .fancybox-nav { background: rgba(0, 0, 0, .5); display: block; height: 100%; width: 95px; position: absolute; top: 0; left: -95px; transition: all ease .4s; } .fancybox-type-iframe.project-detail .fancybox-inner { overflow: visible !important; } .project-detail .fancybox-nav:hover { background: rgba(122, 122, 122, .5); } .project-detail .fancybox-nav:hover span { opacity: 1; } .project-detail .fancybox-nav span { background: url(/local/media/styles/../images/detail-project-arrows.png) no-repeat right top !important; height: 48px; width: 26px; margin-top: -24px; right: 34px; visibility: visible; opacity: .25; transition: all ease .4s; } .project-detail .fancybox-nav.fancybox-next { left: auto; right: -95px; } .project-detail .fancybox-prev span { left: 30px; background-position: left top !important } /*Old popup Styles*/ .popup-form label.error { color: #000; } .popup-form .request-form input.inputtext, .popup-form .request-form span.inputtext { height: 54px; } .popup { box-sizing: border-box; display: flex; align-items: flex-start; justify-content: center; position: fixed; top: 0; right: 0; left: 0; bottom: 0; color: #000; padding: 30px; overflow: auto; z-index: 40; } .popup-form .styled-title { margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #ffffff; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .popup-bg { position: fixed; background-color: #000; opacity: 0.7; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; } .popup-form, .popup-stage { margin: auto; box-sizing: border-box; display: flex; position: relative; flex-direction: column; align-items: stretch; justify-content: center; width: 100%; max-width: 424px; background: linear-gradient(142.18deg, #31343A 0%, #212327 101%); color: #ffffff; z-index: 999; padding: 50px 40px; } .popup-form_full, .popup-stage { max-width: 920px; } .popup-stage-title { margin-bottom: 25px; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-size: 36px; font-weight: 700; text-transform: uppercase; text-align: center; } @media screen and (max-width: 575.98px) { .popup-stage-title { font-size: 24px; } } .popup-stage-text { font-size: 16px; text-align: left; color: #ffffff; } .popup-stage-text p { color: #ffffff; } .popup-form:not(.popup-form_full) .popup-form-checkbox__text { font-size: 14px; } .popup-form_full .form-action { display: flex; flex-direction: column; align-items: center; justify-content: center; } .popup-form .form-action .popup-form-checkbox { margin-bottom: 30px; } .popup-form_full .request-form { margin-bottom: 0 !important; } .popup-form .request-form label { display: block; } .popup-form .request-form label span { display: block; margin-bottom: 10px; font-size: 12px; text-align: left; } .popup-form .request-form input { width: 100% !important; } .popup-form label.popup-form-checkbox { display: flex; align-items: center; position: relative; font-size: 16px; color: #ffffff; cursor: pointer; } .popup-form-checkbox a { color: #FDAE18; } .popup-form-checkbox a:hover { text-decoration: none; } .popup-form-checkbox { display: flex; align-items: center; } .popup-form-checkbox__label { display: block; position: relative; flex-shrink: 0; margin: 0 12px 0 0 !important; width: 24px; height: 24px; } .popup-form-checkbox__visible { display: block; position: relative; flex-shrink: 0; margin: 0 !important; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #999999; background-color: #000000; cursor: pointer; } .popup-form-checkbox__visible::after { content: ''; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background: linear-gradient(90deg, #fdae18 0, #f90 100%); border-radius: 50%; opacity: 0; } .popup-form-checkbox__text { margin: 0 !important; text-align: left; } .popup-form-checkbox__hidden { position: absolute; margin-left: -1px; width: 1px; height: 1px; clip-path: inset(2px); } .popup-form-checkbox__hidden:checked~.popup-form-checkbox__visible::after { opacity: 1; } @media screen and (max-width: 575.98px) { .popup-form, .popup-stage { top: 0; left: 0; bottom: 0; right: 0; width: 100%; min-height: 100%; margin: 0; max-width: unset; padding: 50px 15px; } .popup { padding: 0; } } .btn-yellow { background: #fda518; border-radius: 9px; border-bottom: 3px solid #59360c; font-size: 18px; font-weight: 700; line-height: 53px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(60, 60, 60, 0.6); color: #fff; outline: none; padding: 0 30px; } .close-popup { background: url('/assets/img/close-popup.svg') no-repeat center; background-size: 24px; height: 28px; width: 28px; top: 20px; right: 20px; position: absolute; z-index: 22; } .popup-form h2, .popup-form .h2, .popup-form .title { font-size: 51px; margin-top: 43px; margin-bottom: 5px; color: #000; text-align: center; line-height: 44px; text-transform: uppercase; } .popup-form h2 span, .popup-form .h2 span, .popup-form .title span { display: block; color: #1fa8e2 !important; } .popup-form p { margin-bottom: 12px; text-align: center !important; font-size: 16px; line-height: 18px; letter-spacing: -0.35px; color: #ffffff; } .popup-form .form-control { border: 1px solid #9fbfc1; } .popup-form .request-form { width: 100%; margin: 15px auto 25px; } .request-form { width: 300px; } .request-form ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .request-form ul li { margin: 0 0 10px !important; text-align: center; background: none; padding: 0 !important; list-style: none !important; } .request-form ul li input.inputtext, .form-field input.inputtext { width: 300px; height: 42px; padding: 6px 12px; color: #000; border: none; background: none; box-sizing: border-box; } .request-form ul li input.inputtext { padding: 6px 12px; } .form-field+.form-field { margin-top: 10px; } textarea.inputtext { background: none; padding: 6px 12px; border: 1px solid #9fbfc1; display: block; width: 100%; height: auto; resize: vertical; font: 400 16px/1.3 'Roboto', 'Helvetica', 'Arial', sans-serif !important; margin-top: 10px; } .request-form ul li.NAME input.inputtext, .NAME input.inputtext { background-position: 11px 5px; } .request-form ul li.MAIL input.inputtext, .MAIL input.inputtext { background-position: 11px -42px; } .request-form ul li.PHONE input.inputtext, .PHONE input.inputtext { background-position: 11px -84px; } .request-form ul li.CITY input.inputtext, .CITY input.inputtext { background-position: 11px -127px; } .file-upload { display: flex; align-items: stretch; justify-content: space-between; position: relative; cursor: pointer; } .file-upload__text { display: flex; align-items: center; margin-right: 20px; display: block; width: 100%; text-align: left; } .file-upload .file-upload__btn { box-sizing: border-box; display: flex; padding: 9px 24px; min-width: unset; min-height: unset; align-items: center; justify-content: center; color: #ffffff; } .file-upload .file-upload__btn>svg { position: relative; display: block; flex-shrink: 0; width: 32px; height: 32px; z-index: 5; } .file-upload__hidden { position: absolute; margin-left: -1px; width: 1px; height: 1px; clip-path: inset(2px); } .popup-form .request-form input.inputtext, .popup-form .request-form textarea, .popup-form .request-form span.inputtext { box-sizing: border-box; border: 1px solid #34373d; background-color: #1D2024; color: #ffffff; border-radius: 4px; padding: 6px 12px; resize: none; } .popup-form .request-form textarea { width: 100%; height: 160px; } input.formSub { display: inline-block; background: #ff4e00; border: none; border-bottom: 3px solid #E04500; color: #fff; font: 700 20px/20px 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif !important; margin: 9px 0; padding: 14px 36px; text-decoration: none; text-transform: uppercase; } input.formSub:hover { background: #0a98d9; color: #fff; border-bottom: 3px solid #056692 } a.formSub { display: inline-block; background: #ff4e00; border: none; border-bottom: 3px solid #E04500; color: #fff; font: 700 20px/20px 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif !important; margin: 9px 0; padding: 14px 36px; text-decoration: none; text-transform: uppercase; } a.formSub:hover { background: #0a98d9; color: #fff; border-bottom: 3px solid #056692 } .form-required { color: red; } .error { display: inline-block; color: #f66; } .btn_box a { text-decoration: none; color: #fff; } .close-popup { cursor: pointer; } .content_b .main_b .title_b, .styled-title { color: #222; border-left: 5px solid #a0d5fc; font: bold 36px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 7px 0 6px 20px; margin: 22px 0 43px; position: relative; } .content_b .main_b .title_b:before, .styled-title:before { background: url('/local/media/styles/../images/sprites.png') 0 -32px; content: ''; height: 22px; position: absolute; top: -22px; left: -5px; width: 80px; } .main_b a { color: #4db0f7; } .content_b .main_b .title_b:after, .styled-title:after { background: url('/local/media/styles/../images/sprites.png') 0 -54px; content: ''; height: 29px; position: absolute; bottom: -29px; left: -5px; width: 80px; } ol { counter-reset: li; margin-bottom: 20px; } ol li { color: #222; font: 16px/1.4 'Open Sans', 'Helvetica', 'Arial', sans-serif; padding: 10px 0 0 68px; position: relative; } ol li:before { content: counter(li) '.'; counter-increment: li; color: #fdae18; font-size: 24px; font-family: 'PFDinDisplayPro_Light', 'Helvetica', 'Arial', sans-serif; position: absolute; top: 7px; left: 20px; } .pool-form-popup input.inputtext { border: 1px solid #9fbfc1; display: block; float: none; width: 100%; } .SIMPLE_QUESTION_259 input.inputtext { background-position: 11px -84px; } .bottom_wrap { margin-top: 40px } .styled-list { counter-reset: li; margin-bottom: 20px !important; padding: 0 !important; } .styled-list li::before { content: ""; /*"•";*/ height: 5px; width: 5px; border-radius: 50%; background: rgb(253, 174, 24); counter-increment: li 1; color: rgb(253, 174, 24); font-size: 24px; font-family: 'PFDinDisplayPro_Light', 'Helvetica', 'Arial', sans-serif; position: absolute; top: 16px; margin-left: -20px; } .styled-list li { color: #222; font: 16px/1.4 'Open Sans', 'Helvetica', 'Arial', sans-serif; padding: 8px 0 0 68px !important; position: relative; list-style: none !important; } .bg404 { background: url(/local/media/styles/../images/404_bg.jpg) no-repeat center top; height: 190px; width: 100%; margin-bottom: -35px; } .bg404 { padding-top: 555px; } .bg404 .container { padding-left: 111px; } .bg404 h3 { margin: 0 0 27px; padding: 0; color: #fff; text-transform: uppercase; font: 24px/1 "PFDinDisplayPro_Light", Helvetica, Arial; } .but404 { font: 700 16px/40px 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif; color: #1d2339; text-decoration: none; display: inline-block; background: #fff; padding: 0 39px; border-bottom: 3px solid #e5e5e5; text-transform: uppercase; } .faq__title { margin-bottom: 70px !important; } @media screen and (max-width: 1199.98px) { .faq__title { margin-bottom: 25px !important; } } .faq-index { max-width: 1170px; padding: 0 0 120px; } .faq-item+.faq-item { margin-top: 23px; } .faq-item { box-shadow: 10px 10px 20px rgba(35, 37, 41, 0.25); } .faq-item_name { position: relative; box-sizing: border-box; display: flex; align-items: center; min-height: 64px; padding: 13px 60px 13px 30px; font-size: 24px; line-height: 1.2; font-weight: 400; color: #fff; border: 2px solid #212327; background: linear-gradient(142.18deg, #31343A 0%, #212327 101%), #111111; cursor: pointer; text-decoration: none; border-radius: 5px; transition: 400ms ease-in-out; } .faq-item_name.is-selected { background: #FDAE18; border-color: #FDAE18; border-radius: 5px 5px 0px 0px; } .faq-item_name.is-selected i { transform: scaleY(-1); } .faq-item_name i { position: absolute; right: 30px; top: calc(50% - 5px); width: 16px; height: 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABeSURBVHgBnYztDYAwCESPSe0GrsAmjaM5gSMgJDbpD8GelzTl6z0xswbAROQAEed2/84oRjoB94e5olFGMsERHcMlySs8LUtJCX9JluBMQsGJhIMTieJPHGz+turmBgeb46aaghIeAAAAAElFTkSuQmCC'); background-size: contain; background-position: center; transition: 400ms ease-in-out transform; } .faq-item_descriptions { position: relative; box-sizing: border-box; background: #fff; padding: 47px 30px; font-size: 16px; font-weight: 300; font-weight: 300; line-height: 1.2; color: #666666; border-radius: 0px 0px 5px 5px; } .faq-item-descriptions-inner { max-width: 983px; } .faq-item_descriptions a { color: #fff; } .faq-item_descriptions .buttons { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 30px; } @media screen and (max-width: 575.98px) { .faq-item_descriptions .buttons { gap: 8px; flex-direction: column; align-items: stretch; } } @media (max-width: 767.98px) { .faq-left { margin-bottom: 20px; } } .faq-left .faq-list { background: #000; } .faq-left .faq-list .faq-item { box-shadow: none; } .faq-left .faq-list .faq-item .faq-item_name { padding: 13px 10px 13px 35px; background: #000; font-size: 16px; font-weight: 400; border: none; } .faq-left .faq-list .faq-item .faq-item_name:hover { background: #474747; } .faq-left .faq-item_name i { display: none; } .faq-left .faq-item+.faq-item { margin: 0; } .faq-left .faq-item_name { color: #fff; text-decoration: none; padding: 13px 10px 13px 35px; display: block; } .faq-left .faq-item_name:before { height: 3px; width: 3px; display: block; border-radius: 100%; background: #fff; position: absolute; left: 18px; top: 50%; margin-top: -1px; content: ""; } .faq-left .faq-item_name:hover { background: #474747; } /* building_b */ .building_index { max-width: 970px; margin: 0 auto; padding: 0 15px; } .building_b { padding-top: 22px; } .building_b .inf { color: #222222; font-size: 16px; line-height: 1.4; } .building_b .adv_b { overflow: hidden; } .building_b .adv_b .title { color: #222222; font-size: 24px; } .building_b .adv_b .enum { text-align: center; } .building_b .adv_b .enum .item { display: inline-block; margin: 40px 23px 0; vertical-align: top; width: 174px; } .building_b .adv_b .enum .item .icon { background: #222222; border-radius: 50%; height: 174px; position: relative; width: 100%; } .building_b .adv_b .enum .item .icon:before { background: url('/local/media/styles/../images/advent_icon.png'); content: ''; height: 74px; margin-left: -28px; margin-top: -38px; position: absolute; top: 50%; left: 50%; width: 56px; } .building_b .adv_b .enum .item .icon.img2:before { background-position: 0 -74px; } .building_b .adv_b .enum .item .icon.img3:before { background-position: 0 -150px; height: 76px; margin-left: -33px; margin-top: -38px; width: 67px; } .building_b .adv_b .enum .item .ttl { color: #222222; font-size: 18px; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 40px 0 18px; position: relative; text-transform: uppercase; } .building_b .adv_b .enum .item .ttl:before { background: url("/local/media/styles/../images/h2_border.png") no-repeat; content: ''; height: 5px; margin-left: -22px; position: absolute; top: 17px; left: 50%; width: 44px; } .building_b .adv_b .enum .item .dsc { font-size: 13px; } .building_b .slider { /*overflow: hidden;*/ max-height: 500px; } .building_b .slider .bxslider li { opacity: 1; } .building_b .slider .bx-viewport .bxslider li { opacity: 1; } .building_b .content .ttl { border-top: 1px solid #f1f1f1; font-size: 30px; margin-top: 48px; padding: 25px 0 38px; position: relative; } .building_b .content .ttl:before { background: url('/local/media/styles/../images/sprites.png') -88px -32px; content: ''; height: 5px; position: absolute; bottom: 21px; left: 0; width: 44px; } .building_b .content .inf { color: #333333; font-size: 14px; line-height: 27px; padding-bottom: 16px; padding-left: 36px; position: relative; } .building_b .content .inf:before { background: url('/local/media/styles/../images/sprites.png') -232px 0; content: ''; height: 25px; position: absolute; top: 0; left: 0; width: 26px; } .building_b .content p { color: #222222; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-size: 16px; line-height: 1.4; } .building_b .content p.custom { padding-top: 57px; } .building_b .content p+p { padding-top: 16px; } .building_b .content table { border-right: 1px solid #d7e7f1; border-bottom: 1px solid #d7e7f1; color: #555555; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-size: 14px; position: relative; } .building_b .content table .name { background: #333333; font-weight: 700; color: #fff; text-align: center; position: relative; z-index: 2; } .building_b .content table .t_small { background: #f4f4f4; font-size: 12px; height: 61px; text-align: center; } .building_b .content table .t_small+.t_small { border-left: 1px solid #dadada; } .building_b .content table .t_title { color: #fff; font-size: 16px; font-weight: 700; height: 37px; position: relative; text-align: center; z-index: 2; } .building_b .content table .t_title span { font-size: 12px; font-weight: 400; position: absolute; bottom: -12px; left: 0; width: 100%; } .building_b .content table .t_title:before { background: rgb(253, 170, 24); /* Old browsers */ background: -moz-linear-gradient(top, rgba(253, 170, 24, 1) 0%, rgba(253, 150, 24, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(253, 170, 24, 1) 0%, rgba(253, 150, 24, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253, 170, 24, 1) 0%, rgba(253, 150, 24, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaa18', endColorstr='#fd9618', GradientType=0); /* IE6-9 */ content: ''; height: 58px; position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } .building_b .content table.calc .t_title:before { background: rgb(61, 172, 252); /* Old browsers */ background: -moz-linear-gradient(top, rgba(61, 172, 252, 1) 0%, rgba(191, 191, 191, 1) 0%, rgba(176, 176, 176, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(61, 172, 252, 1) 0%, rgba(191, 191, 191, 1) 0%, rgba(176, 176, 176, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(61, 172, 252, 1) 0%, rgba(191, 191, 191, 1) 0%, rgba(176, 176, 176, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dacfc', endColorstr='#b0b0b0', GradientType=0); /* IE6-9 */ } .building_b .content table .t_title.active:before { background: rgb(253, 170, 24); /* Old browsers */ background: -moz-linear-gradient(top, rgba(253, 170, 24, 1) 0%, rgba(253, 150, 24, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(253, 170, 24, 1) 0%, rgba(253, 150, 24, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253, 170, 24, 1) 0%, rgba(253, 150, 24, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaa18', endColorstr='#fd9618', GradientType=0); /* IE6-9 */ } .building_b .content table .t_title.blue:before { background: rgb(61, 172, 252); /* Old browsers */ background: -moz-linear-gradient(top, rgba(61, 172, 252, 1) 0%, rgba(24, 158, 254, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(61, 172, 252, 1) 0%, rgba(24, 158, 254, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(61, 172, 252, 1) 0%, rgba(24, 158, 254, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dacfc', endColorstr='#189efe', GradientType=0); /* IE6-9 */ } .building_b .content table .t_title:after { background: url('/local/media/styles/../images/sprites.png') -132px -32px; content: ''; height: 11px; position: absolute; top: 57px; left: 0; width: 97px; } .building_b .content table .t_title.blue:after { background-position: -132px -43px; } .building_b .content table.calc .t_title:after { background-position: -132px -54px; } .building_b .content table.calc .t_title.active:after { background-position: -132px -32px; } .building_b .content table .t_ttl { color: #34a2f2 !important; font-size: 15px; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; font-weight: 700; padding: 28px 0 11px 19px; line-height: 1; } .building_b .content table tr.normal td { padding: 10px 10px 10px 20px; position: relative; line-height: 1; } .building_b .content table tr.normal td.j_select.active, .building_b .content table tr.normal td.j_select.hover { background: #333333; color: #b1b1b1; position: relative; } .building_b .content table tr.total td.j_select.active, .building_b .content table tr.total td.j_select.hover { color: #fff; } .building_b .content table tr:hover td.j_select.active, .building_b .content table tr:hover td.j_select.hover { color: #fd9418; } .building_b .content table tr.normal td.j_select.active:before, .building_b .content table tr.normal td.j_select.hover:before { background: #333; content: ''; height: 130px; position: absolute; bottom: -100%; left: 0; width: 100%; z-index: -1; } .building_b .content table tr.normal td.j_select.active:after, .building_b .content table tr.normal td.j_select.hover:after { display: none; } .building_b .content table tr.normal td:before { background: #d7e7f1; content: ''; height: 104px; position: absolute; top: -73px; left: 0; width: 1px; } .building_b .content table tr.normal td:after { background: #d7e7f1; content: ''; height: 100%; position: absolute; top: 0px; left: 0; width: 1px; } .building_b .content table tr.normal:nth-child(even) td:first-child { background: #f4f4f4; } .building_b .content table tr.total td { color: #222222; font-weight: 700; } .building_b .content table tr.normal:hover td { color: #fd9418; cursor: pointer; } .building_b .content table tr.note td { background: #fdae18; color: #222; padding: 10px 0 10px 0; position: relative; text-align: center; z-index: 5; } .building_b .content table.calc .normal td { padding-left: 8px; padding-right: 8px; } .building_b .content table.calc .normal td span { display: block; padding-right: 29px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .building_b .content table.calc .normal td span { opacity: .7; z-index: -1; } .building_b .content table.calc .normal td.c_active span { opacity: 1; z-index: 1; } .building_b .content table.calc .normal td span:after { background: url('/local/media/styles/../images/sprites.png'); content: ''; height: 17px; position: absolute; top: -1px; right: 0; width: 17px; } .building_b_inner .content table.calc .normal td span:after { display: none !important; } .building_b .content table.calc .normal td span:hover:after { background-position: -34px 0; content: ''; height: 25px; top: -4px; right: -4px; width: 25px; } .building_b .content table.calc .normal td span.active:after { background-position: -17px 0; height: 17px; top: 0; right: 0; width: 17px; } .building_b .total_b { background: #f4f4f4; text-align: center; } .building_b .total_b .left { float: left; padding-top: 76px; width: 60%; } .building_b .total_b .left .row+.row { padding-top: 35px; } .building_b .total_b .left .dsc { color: #555555; display: inline-block; text-align: left; font-size: 14px; width: 140px; } .building_b .total_b .left .price { color: #333333; display: inline-block; font-size: 24px; text-align: left; width: 170px; } .building_b .total_b .right { background: #333333; color: #fff; float: right; padding: 26px 0; width: 40%; } .building_b .total_b .right .text { font-size: 14px; padding-bottom: 16px; } .building_b .total_b .right .price { font-size: 30px; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; font-weight: 700; padding-bottom: 22px; } .building_b .total_b .right .btn { border: 0; cursor: pointer; background: #fda518; border-radius: 9px; border-bottom: 3px solid #59360c; display: inline-block; font-size: 18px; font-weight: 700; line-height: 53px; padding: 0 59px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(60, 60, 60, 0.6); } .building_b .total_b .right .email { color: #34a2f2; font-size: 14px; display: inline-block; margin-top: 22px; position: relative; text-align: left; width: 145px; } .building_b .relative_more { position: relative; } .building_b .relative_more a { display: inline-block; position: absolute; left: 110%; top: 10px; border-bottom: 1px dashed #4db0f7; color: #4db0f7; font-size: 12px; text-decoration: none; } .building_b .relative_more a:hover { color: #fd9718; border-color: #fd9718; } .building_b .total_b .right .email input { color: #34a2f2; font-size: 16px; text-transform: none; font-weight: normal; text-decoration: none; outline: none; cursor: pointer; } .tariff-form-links div+div { margin: 0; } .building_b .total_b .right .email:before { background: url('/local/media/styles/../images/sprites.png') -232px -32px; content: ''; height: 12px; position: absolute; top: 0; left: -30px; width: 18px; } .building_b .total_b .right .print { color: #34a2f2; cursor: pointer; font-size: 14px; display: inline-block; margin-top: 17px; text-align: left; position: relative; width: 145px; } .building_b .total_b .right .print input { color: #34a2f2; font-size: 16px; text-transform: none; font-weight: normal; text-decoration: none; outline: none; cursor: pointer; } .building_b .total_b .right .print:before { background: url('/local/media/styles/../images/sprites.png') -250px -32px; content: ''; cursor: pointer; height: 18px; position: absolute; top: 0; left: -30px; width: 16px; } /*index_projects*/ #index_projects-type2 .item { overflow: hidden; border-top: 1px solid #e5e5e5; padding: 24px 0 10px; font-family: 'Roboto Condensed', 'Helvetica', 'Arial'; } #index_projects-type2 .item:first-child { border-top: 0; padding-top: 0; } #index_projects-type2 .item p { display: block; width: 300px; font-size: 20px; margin-top: 22px; text-transform: uppercase; } #index_projects-type2 .item:first-child p { margin-top: 0; } #index_projects-type2 .item ul { display: block; overflow: hidden; list-style: none; margin: 0; padding: 0; } #index_projects-type2 .item ul li { display: block; float: left; margin: 0; padding: 0; text-align: center; list-style: none; background: transparent; vertical-align: bottom; } #index_projects-type2 .item ul a { display: inline-block; font-size: 14px; color: #000; text-decoration: none; vertical-align: bottom; } #index_projects-type2 .item ul span { display: block; padding: 14px 0; } #index_projects-type2 .item ul img { display: inline-block; } div.h2.text-cl-white { color: #fff; } .main-page--form { margin-top: 25px; } .main-page--form .sizes, .content_b .sizes.fields-4 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .main-page--form .sizes { margin-bottom: 36px; } .content_b .sizes.fields-4 input { width: 114px; } .content_b .sizes.fields-4 span { padding: 0 4px; width: 14px; text-align: center; } .content_b .sizes.fields-4 input, .content_b .sizes.fields-4 span { margin-bottom: 15px; } .main-page--form .sizes input { width: 48%; margin-bottom: 4%; } .side_banner { margin: 0 0 30px; } .yellow_banner { margin: 0 0 30px; } .side_banner img, .yellow_banner img { max-width: 100%; height: auto; } .tarif-static { border: 0 !important; } .tarif-static td { border-left: 1px solid #d7e7f1; border-right: 1px solid #d7e7f1; padding: 11px 11px 15px; cursor: pointer; box-sizing: border-box; } .tarif-static td b { font-size: 24px; color: #fe4419; } .tarif-static td.td-count { border-right: 0; font-size: 20px; font-weight: bold; line-height: 1; text-align: center; color: #389bf9; } .tarif-static td.td-count+td { border-left: 0; } .tarif-static td b span { font-size: 18px; font-weight: normal; } .tarif-attention { font-size: 12px; text-align: left; margin: 0 0 20px; } .tarif-attention .color-blue { color: #389bf9; } .tarif-attention .color-orange { color: #fe4419; } .visible-mobile { display: none; } .building_b .content .tarif-static .t_ttl { padding: 20px 15px; color: #000 !important; } .tarif-static tr:hover td { color: #fd9418 !important } .tarif-static tfoot td { border-left: 0; border: 0; border-top: 1px solid #d7e7f1; } .building_b .content table tr:hover .t_ttl { color: #fd9418 !important } .price_pic { padding: 2px 10px 2px 2px; } .section-title { font-size: 24px; font-weight: bold; color: #20A1FD; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin: 40px 0; } .section-title a { color: #20A1FD; text-decoration: none; } .section-title+p { padding: 0; } .chemistry-section { border: 5px solid #DAF1FF; padding: 50px 30px; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin-bottom: 40px; } .chemistry-section table { padding: 0; border: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .chemistry-title { font-size: 24px; color: #222222; font-weight: bold; text-align: center; padding-bottom: 50px; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .chemistry-plus, .chemistry-minus { font-size: 24px; line-height: 40px; border-radius: 50%; display: block; margin: 0 auto; height: 40px; width: 40px; text-align: center; font-weight: bold; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin-bottom: 40px; } .chemistry-plus { background-color: #20A1FD } .chemistry-minus { background-color: #DAF1FF; line-height: 36px; } .chemistry-section table td { padding: 0 15px !important; vertical-align: top; } ul.styled-list-blue, ul.styled-list-blue li { list-style: none; } ul.styled-list-blue li { position: relative; padding: 0 0 0 15px !important; margin: 0 0 20px; font-size: 16px; color: #555; } ul.styled-list-blue li:before { display: block; position: absolute; top: 7px; left: 0; height: 6px; width: 6px; background: #20A1FD; border-radius: 50%; content: ""; } .chemistry-table table { margin: 0 0 40px; } .chemistry-table th { font-weight: 900; color: #222; font-size: 24px; text-align: center; padding: 30px; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .chemistry-table td { font-family: "Open Sans", Helvetica, Arial, sans-serif; padding: 0 2px; font-size: 16px; vertical-align: top; } .chemistry-table td div { background: #DAF1FF; border-radius: 3px; color: #555; font-size: 16px; text-align: center; padding: 10px; margin-bottom: 30px; } .chemistry-table td p { padding: 0 10%; } ._df_custom { cursor: pointer; } .gallery-grid { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; box-sizing: border-box; } .gallery-grid a { flex: 0 0 25%; padding: 0 10px 10px; display: block; box-sizing: border-box; } @media (max-width: 767.98px) { .gallery-grid img { max-height: 214px !important; } } @media (max-width: 1200px) { .navbar_exampl_border, .wr_navbar_example2 { display: none; } } @media (max-width: 1050px) { .wr_navbar_example { display: none; } .cont_facts li { width: 24%; } .header_b .logo { height: 38px !important; max-width: 208px !important; } .header_b .dsc { max-width: 417px; font-size: 14px !important; } } @media (max-width: 1000px) { .cont_facts li { width: 50%; margin-top: 30px; } .wr_h2 { text-align: center; } .h2_ttle { width: 260px; text-align: left; } .h2_ttle p { font-size: 17px; } .plash_border { right: 4px; } .wr_building_pools .complex_plash { left: -15px; } .wr_building_pools .bl_mini_mg { margin: 0 0 12px; } .wr_building_pools .plash_border { right: 3px; } .adva_plash5 { top: 230px; } .wr_info { background-size: cover; padding-bottom: 50px; } .bl_info { margin: 20px 15px 15px; } .wr_order { background: none; margin-top: 50px; } .main_form2 { float: none; margin: 0 auto; } .buil_stag_border { display: none; } .wr_geography { display: none; } .wr_how_price { margin-top: 0; } .bottom, .down { display: none; } .plash_border { border: none; } #down.fixed { display: none; } } @media (max-width: 950px) { .header ul li a { font-size: 16px; } .buil_stag_img { width: 46%; } .buil_stag_ttle { width: 45%; } .header_b .logo { height: 38px !important; max-width: 208px !important; } .header_b .dsc { max-width: 340px; font-size: 13px !important; } } @media (max-width: 890px) { .page { overflow: hidden; } .hd_border { border: none; } .header { border: 0; } .header nav { display: none; } .mobile-header--phone { display: block; position: absolute; height: 100%; width: 70px; right: 60px; top: 0; z-index: 400; background: url(/local/media/styles/../images/phone.svg) no-repeat center / 33%; } .but_open { display: block; cursor: pointer; } .mob_right { float: left; display: block; position: relative; z-index: 300; } .mob_contacts { float: right; display: block; } .mob_contacts a { font-size: 14px; line-height: 1; padding-left: 25px; display: block; position: relative; color: #fff !important; } .mob_contacts a:before { height: 15px; width: 15px; display: block; position: absolute; left: 0; top: -1px; background: url(/local/media/styles/../images/address.png) no-repeat center / cover; content: ""; } .header_b .btn_box .phone { float: left; } .header_b .btn_box .phone p { display: block; font-size: 14px; line-height: 1; background: none; position: relative; } .header_b .btn_box .phone p:before { height: 15px; width: 15px; display: block; position: absolute; left: 0; top: 0; background: url(/local/media/styles/../images/phone.png) no-repeat center / cover; content: ""; } .mob_logo { display: inline-block; } .wr_top { background-size: cover; } .top_colum_left, .top_colum_right { display: block; float: none; } .top_colum_left { margin-top: 70px; } .logo { display: none; } .segment { text-align: center; margin-top: 0; } .segment p { font-size: 48px; text-transform: uppercase; } .premium2 { display: block; margin: 0 auto; margin-top: 15px; margin-bottom: 25px; } .segment p span { display: none; } .wr_p { background: none; } .segment p { background: none; } .phone { display: block; } .main_form { margin: 0 auto; } .project-detail .fancybox-nav { width: 34px; left: -34px; } .project-detail .fancybox-nav.fancybox-next { left: auto; right: -34px; } .project-detail .fancybox-prev span { left: 2px; } .project-detail .fancybox-nav span { right: 2px; } .faq-left .h5, .container { padding: 0 10px; } #index_projects .h2 { font-size: 23px; line-height: 1; } .bl_buil_stag { margin: 0 0 30px; } img { max-width: 100%; height: auto; } .bottom_wrap { display: none; } } @media (max-width: 800px) { .ul_work li { width: 50%; } .ul_work .bg_ser { background-color: #fff; } .ul_work .bg_ser_mob { background-color: #e3eef5; } .wr_work { background-size: cover; padding-bottom: 170px; } .wr_advantages { background-size: cover; min-height: 800px; display: none; } .adva_plash2 { top: 205px; left: 0px; } .adva_plash3 { top: 390px; left: 0px; } .adva_plash4 { top: 100px; } .adva_plash5 { top: 296px; right: 0px; } .wr_info { background: none; padding: 0; margin: 0; min-height: auto; } .wr_info .info { background: #ffaf00; padding: 20px 0; } .wr_info--desktop { display: none; } .wr_info--carousel { display: block !important; } .wr_info--carousel .owl-item { width: 60vw !important; margin: 0; } .wr_info--carousel .owl-item:last-child { display: none; } .buil_stag_img, .buil_stag_ttle { width: 100%; padding: 0; margin-top: 20px; } .buil_stag_ttle { width: 100%; } .buil_stag_img img { max-width: 100%; } .footer { border: none; margin-top: 0; padding: 0 10px 20px; } .ft_colum_left, .ft_colum_right { width: 100%; float: none; display: block; } .ft_colum_left a { display: block; max-width: 300px; } .ft_colum_left img { display: block; margin: 0 auto; } /*.footer .par_mob { display: block; margin-top: 25px; font-size: 14px; }*/ /*.footer .par_mob2 { display: none; }*/ .ft_colum_left p { margin-left: 0; max-width: none; } .ft_colum_left p a { color: #000; display: inline-block; } .ft_colum_right { margin-top: 15px; } .ft_colum_right a { display: none; } .ft_colum_right span { display: block; /*font-size: 36px;*/ } .ft_colum_right p { border-top: 1px solid #ededed; font-size: 14px; text-align: left; padding-top: 15px; margin-top: 10px; } .complex_pools { display: block; margin-right: 0; } .complex_main_mg, .complex_mini_mg { display: block; float: none; } .main_mg { height: auto; } .main_mg img { height: auto; width: 100%; display: block; } .complex_main_mg { max-width: 100%; width: 100%; margin: 0 auto; padding: 0; margin-top: 15px; } .complex_mini_mg { width: auto; margin: 0 auto; margin-top: 14px; margin-left: -14px; } .bl_mini_mg { width: 50%; margin: 0 0 12px; padding-left: 14px; box-sizing: border-box; } .bl_mini_mg a { display: block; position: relative; } .bl_hover { height: 100%; width: 100%; box-sizing: border-box; } .mini_mg1 { width: auto; height: auto; } .mini_mg1 img { width: 100%; height: auto; } #index_projects, .faq-index { width: 100%; } #index_projects .item { padding-bottom: 0; } #index_projects .item:nth-child(odd) p, #index_projects .item:nth-child(odd) ul, #index_projects .item p, #index_projects .item ul { width: 100% !important; float: none; text-align: center; } #index_projects .item p { margin: 0 0 20px !important; padding: 0; } #index_projects .item:nth-child(odd) p { margin: 0 0 20px; padding: 0; } #index_projects .item ul { width: auto; } #index_projects .item ul li { width: 50% !important; margin-bottom: 20px; } #index_projects .item ul span { padding: 5px 0 0; } #index_projects .item ul img { max-width: 100%; height: auto; } .contacts { margin: 0; } .contacts .div_h2 { display: none; } .cont_contacts { margin: 0; } } @media (max-width: 600px) { .cont_facts li { width: 100%; } .div_h2 h2, .div_h2 .h2 { font: bold 20px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 47px; } .ul_work li { width: 100%; } .ul_work .bg_ser { background-color: #fff; } .ul_work .bg_ser_mob { background-color: #fff; } .ul_work li:nth-child(even) { background-color: #e3eef5; } .div_h2_3 h2, .div_h2_3 .h2 { padding-top: 60px; } .company_ttle { width: 94%; float: none; margin-top: 20px; } .company_par { font-size: 13px; } .company_par span { font-size: 20px; } .company_par { bottom: 70px; } .building_index { display: none; } .building_index.visible-table { display: block; } .building_b .content .tarif-static thead, .mobile-hide { display: none !important; } .building_b .content .tarif-static tr { border: 5px solid #389bf9; } .building_b .content .tarif-static td { display: block; width: 50%; float: left; border: 0; } .building_b .content .tarif-static td.t_ttl { width: 100%; padding-bottom: 0; } .visible-mobile { display: block; } .thead td { background: #f4f4f4; font-size: 12px; line-height: 1.2; border: 5px solid #f4f4f4 !important; padding: 20px 10px; } .thead { border: 0 !important; } .top_colum_left { margin-top: 0; } .segment { max-width: 275px; text-align: left; margin: 0 auto; } .premium2 { display: none; } .segment p { font-size: 18px; text-transform: none; text-align: left; padding: 0; } .top_colum_right .phone { text-align: center; margin-bottom: 20px; } .items-list__item { float: none !important; width: auto !important; padding: 10px 0 15px !important; border: 0 !important; border-bottom: 1px solid #ebebeb !important; } #catalog_item_detail .go_back { display: block !important; float: none !important; clear: both; } #catalog_item_detail a.prev { float: left; } #catalog_item_detail a.prev, #catalog_item_detail a.next { width: auto !important; } .bg404 { padding-top: 55px; background-size: cover; } .bg404 h3 { font-size: 14px; } #listNews-new .item .img:after { display: none; opacity: 0; } #listNews-new .item .img img { width: 100%; } .gallery-grid a { flex: 0 0 50%; } } @media (max-width: 575.98px) { .h2_img { margin-top: -20px; } .complex_plash { max-width: 100%; top: 0px; left: 0px; right: 0; } .complex_mini_mg { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-left: 0; margin-right: 0; } .bl_mini_mg { width: auto; display: block; margin: 0 !important; padding: 0; } .wr_building_pools .complex_plash { left: 0px; } .wr_building_pools .bl_mini_mg { margin: 0 auto; margin-top: 10px; } } @media (max-width: 450px) { .div_h2 h2, .div_h2 .h2 { font: bold 26px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 43px; } .h2_ttle { display: block; text-align: center; margin: 0 auto; } .h2_img { margin-top: 0; } .wr_h2_2 { margin-top: 20px; } .top { padding: 0; } .main_form { background: url("/local/media/styles/../images/form_bg2.png") no-repeat center top; width: 315px; height: 468px; } .cont_form { width: 270px; padding-top: 20px; } .selecter-selected { width: 270px !important; } .top_form h2, .top_form .h2 { font-size: 20px; } .radio p span { font-size: 11px; } .sizes input { width: 73px; } .form button { margin: 46px 0 0 50px; font-size: 12px; } .button { width: 169px; } .content_b .main_form.form-flat .button { width: auto; margin: auto; } .main_form2 input { width: 195px; } .main_form2 button { margin-top: 33px; } .div_h2_3 h2, .div_h2_3 .h2 { font: bold 18px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 62px; } .main_form3 .cont_form { width: 280px; } .main_form3 p { font-size: 16px; } .main_form3 a { width: 245px; background-size: cover; padding: 0; font-size: 14px; text-align: right; } .main_form3 a span { display: block; padding: 15px 13px 0 0; text-align: right; } .main_form3 a:hover { width: 245px; background-size: cover; } .main_form3 img { width: 100%; } .main_form3 .form button { margin: 101px 0 0 55px; } .company_ttle { width: 92%; } .company_ttle p { background: none; font-size: 14px; padding: 0; } .company_par { font-size: 11px; bottom: 70px; } .bl_contacts { width: 320px; } .facts .div_h2 h2, .facts .div_h2 .h2 { font: bold 20px/1.1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding-top: 47px; } } @media print { .wr_top.other, .breadcrumb_b, .content_b .side_b, .page-action, .pluso, .bottom_wrap, .ft_colum_left>a { display: none !important; } .content_b .main_b { width: 100%; padding-bottom: 40px; } .content_b .main_b .title_b, .styled-title { border: 0 !important; padding: 0 !important; margin: 0 0 30px; } h1 { margin: 0; } .footer { padding: 40px 0; } } .black-arrows .owl-nav div { position: absolute; top: 50%; border: 5px solid #000; height: 20px; width: 20px; border-right: 0; border-bottom: 0; display: block; overflow: hidden; text-indent: -9999px; transition: .2s; margin-top: -10px; } .black-arrows .owl-nav .owl-prev { left: -40px; transform: rotate(-45deg); } .black-arrows .owl-nav .owl-next { right: -40px; transform: rotate(135deg); } .black-arrows .owl-nav .owl-prev:hover { transform: rotate(-45deg) scale(1.2); } .black-arrows .owl-nav .owl-next:hover { transform: rotate(135deg) scale(1.2); } @media (max-width:1124px) { .black-arrows .owl-nav .owl-prev { left: 20px; } .black-arrows .owl-nav .owl-next { right: 20px; } } @media (max-width:575.98px) { .black-arrows .owl-nav div { top: 120px; } } .pop-phone { background: #fff; border-radius: 0; padding: 20px 0; } .pop-phone .z3 p { font-size: 28px; padding: 0; } .pop-phone .call-phone--link { margin: 30px 0 10px; text-align: center; } .pop-phone .button { padding: 0 15px; margin: auto; } .news-slider--container { max-width: 970px; margin: 30px auto 0; padding: 0 15px; } .news-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 20px; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; } .news-item--image { width: 50%; flex: 0 0 50%; background: no-repeat center / cover; min-height: 234px; } .news-item--content { padding: 0 20px 77px 20px; position: relative; } .news-item--detail { display: block; position: absolute; bottom: 0; left: 20px; background: #fdae18; color: #fff; font: 400 14px/1 'Roboto', 'Helvetica', 'Arial', sans-serif; padding: 15px 25px; text-decoration: none; } .news-item--name { font-size: 20px; margin-bottom: 20px; display: block; color: #000; text-decoration: none; } .news-item--date { color: #aaaaaa; font-size: 12px; } .owl-stage-outer { overflow: hidden; } .more-btn { margin: 20px 0 0; text-align: center; } .more-btn a { text-decoration: none; margin: auto; padding-top: 4px; } .news-slider--container .owl-nav div { position: absolute; top: 50%; border: 5px solid #000; height: 20px; width: 20px; border-right: 0; border-bottom: 0; display: block; overflow: hidden; text-indent: -9999px; transition: .2s; margin-top: -10px; } .news-slider--container .owl-nav .owl-prev { left: -40px; transform: rotate(-45deg); } .news-slider--container .owl-nav .owl-next { right: -40px; transform: rotate(135deg); } .news-slider--container .owl-nav .owl-prev:hover { transform: rotate(-45deg) scale(1.2); } .news-slider--container .owl-nav .owl-next:hover { transform: rotate(135deg) scale(1.2); } @media (max-width:1124px) { .news-slider--container .owl-nav .owl-prev { left: 20px; } .news-slider--container .owl-nav .owl-next { right: 20px; } } @media (max-width:575.98px) { .news-slider--container .owl-nav div { top: 120px; } .news-item { flex-direction: column; } .news-item--image { width: 100%; flex: 0 0 100%; } .news-item--content { padding-top: 15px; } } /* End */ /* /local/templates/.default/components/bitrix/news.list/slider.news/style.css?15644803792300 */ #listNews .item .title { height: 80px !important; } #listNews .item .info { font-size: 12px; } #catalog_section_list .item { float: left; width: 220px; padding: 0px 5px 20px; } .menu li>ul { font-size: 13px; line-height: 1.3em; padding: 0; margin: 0; max-height: 0; overflow: hidden; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .menu span.cnt { display: none; } .menu .active .menu { display: block; max-height: 1000px; } .menu .active .menu li { background: #2b8ed5 } .menu li .menu a { background: #2b8ed5 !important; border-bottom: 1px solid #47a4e7; } .menu li .menu a { font-size: 13px; padding: 8px 0 8px 55px !important; } .content_b .side_b .menu li .menu a:before { background: #47a4e7; top: 14px; left: 37px } .content_b .side_b .menu li { border-left: 0px !important; } #catalog_items_list .item a { color: #34a2f2 !important } #catalog_items_list .item a:hover { text-decoration: none; } .display-no { display: none } .c_fix:after { content: '.'; clear: both; display: block; height: 0; width: 100%; visibility: hidden; } .wr_top.other { min-height: auto; /*158px*/ position: relative; padding-top: 0; background: #111; z-index: 10; } /* b_inner */ .b_inner { max-width: 1170px; margin: 0 auto; padding: 0 15px; font-size: 16px; line-height: 1.4; color: #222; } /* header_b */ .header_b { font-family: 'robotolight', 'Helvetica', 'Arial', sans-serif; /*min-height: 107px;*/ overflow: hidden; min-height: auto; padding-bottom: 15px; } .header_b .logo { /*background: url('/local/media/images/logo.png');*/ background: url('/local/templates/main/assets/local/media/images/logo-inline.svg') no-repeat center / cover; display: block; height: 42px; margin-top: 22px; float: left; max-width: 228px; width: 100%; } .header_b .dsc { /*border-left: 1px solid #45affc;*/ color: #fff; font-size: 14px; float: left; line-height: 1.4; /*margin-left: 19px; margin-top: 18px;*/ /*padding: 8px 0 8px 20px;*/ width: 500px; margin: 26px 0 0 40px; } .header_b .dsc ul, .header_b .dsc ul li { color: #fff; margin: 0; font-size: 14px; } .header_b .dsc ul li+li { margin-top: 5px; } .header_b .btn_box { float: right; padding-top: 29px; text-align: right; width: 190px; } .header_b .btn_box .recall { background: #37aafc; border-radius: 8px; font: bold 18px/1.0 'robotoregular', 'Helvetica', 'Arial'; color: #fff; cursor: pointer; display: inline-block; line-height: 52px; padding: 0 27px; text-transform: uppercase; } .header_b .btn_box .make-request { display: inline-block; border: 1px solid #20A1FD; font-weight: 600; padding: 3px 15px; text-transform: lowercase; margin-top: 5px; transition: .3s; } .header_b .btn_box .make-request:hover { background: #20A1FD; color: #fff !important; } .header_b .btn_box .make-request span { border: 0 !important; margin: 0 0 1px; } .header_b .btn_box .make-request:hover span { color: #fff !important; } /* breadcrumb_b */ .breadcrumb_b { font-family: 'robotoregular', 'Helvetica', 'Arial'; min-height: 44px; line-height: 1; padding: 11px 0; position: relative; z-index: 9; box-shadow: 0 0 14px #C2E5F9; -moz-box-shadow: 0 0 14px #C2E5F9; -webkit-box-shadow: 0 0 14px #C2E5F9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .breadcrumb_b li { color: #666; font-size: 12px; display: inline-block; } .breadcrumb_b li+li { padding-left: 29px; position: relative; } .breadcrumb_b li+li:before { border-color: transparent; border-style: solid; border-width: 5px; border-left-color: #cfcfcf; background: none; content: ''; position: absolute; top: 4px; left: 12px; } .breadcrumb_b li a { color: #0572b7; text-decoration: none; } .breadcrumb_b li a:hover { text-decoration: underline; } .detail_text p .js-orderForm.btnOrder { position: relative; float: left; height: 47px; display: block; padding: 0 10px; margin: 0; line-height: 40px; border-left: 0; border-right: 0; cursor: pointer; } .btn-order-description { position: relative; width: 70%; float: right; text-align: left; } .btn-order-description:before { content: ''; position: relative; } .content-btn-order { position: relative; width: 100%; overflow: hidden; } .content-btn-order p { width: 17%; min-width: 50px; float: left; padding-top: 0; } .content-btn-order .btn-order-description-line { width: 13%; height: 100%; float: left; display: block; position: relative; min-height: 50px; text-align: center; } .content-btn-order .btn-order-description-line span { display: inline-block; width: 1px; background: #707070; height: 100%; position: absolute; } .detail-list-hashtags { margin: 20px 0 0 0; } .detail-list-hashtags span { font-weight: bold; } .detail-list-hashtags a { color: #ff8500; padding: 0 10px 0 0; } .items-list-column { position: relative; width: 100%; float: left; overflow: hidden; box-sizing: border-box; padding: 0 10px 0 15px; border-left: 1px solid #ebebeb; } .items-list .owl-item:first-child .items-list-column { border: none; padding: 0 10px 0 5px; } .items-list-column .items-list__item { width: 100%; padding: 0 0 15px 0; border: none; } .items-list-column .items-list__item-name { height: 120px; } .owl-carousel { position: relative; width: 100%; } .owl-carousel .owl-nav { position: absolute; top: 40%; width: 100%; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; cursor: pointer; width: 21px; height: 54px; background: url(/local/templates/main/assets/assets/img/arrow-orange.png) 0 0 no-repeat; } .owl-carousel .owl-nav .owl-prev { left: -22px; background-position: 0px 0px; } .owl-carousel .owl-nav .owl-next { right: -22px; background-position: -21px 0px; } .popular-section-wrap { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; overflow: hidden; } .content-popular-sections .popsect-item { width: 33%; margin: 20px 0 0 0; } .content-popular-sections span { font-size: 22px; font-weight: bold; } .content-popular-sections .popsect-item .popsect-l-img { display: inline-block; } .content-popular-sections .popsect-item img { display: block; width: 90%; max-width: 190px; } .content-popular-sections a.popsect-name { display: block; position: relative; text-decoration: none; color: #000; font-weight: bold; font-size: 16px; padding: 0 0 0 15px; /*border-left: 3px solid #fca631;*/ margin: 15px 0 0 0; } .content-popular-sections .popsect-name:before { content: ''; position: absolute; width: 3px; height: 100%; float: left; background: #fca631; margin: 0 0 0 -15px; } /* contacts */ @media (max-width: 1010px) { .owl-carousel .owl-nav .owl-prev { left: -15px; } .owl-carousel .owl-nav .owl-next { right: -15px; } } @media (min-width: 890px) { .contacts.page { background: url('/local/media/images/contacts.png'); padding-top: 33px; position: relative; top: 5px; margin: 0; max-width: 100%; } .contacts.page h2 { color: #FDFDFD; } .contacts.page:before { background: url('/local/media/images/footer_before.png') center center no-repeat; content: ''; height: 32px; position: absolute; top: -31px; left: 0; width: 100%; } .cont_contacts:before { background: url('/local/media/images/map_before.png') center center no-repeat; content: ''; height: 40px; width: 100%; } .cont_contacts:after { background: url('/local/media/images/map_after.png') center center no-repeat; content: ''; height: 54px; bottom: -2px; width: 100%; } .cont_contacts { margin: 0 auto; max-width: 1354px; } } /* bottom_wrap */ .ft_colum_left a { color: #fff; } @media (min-width: 890px) { .bottom_wrap { background: url('/local/media/images/contacts.png'); position: relative; top: 3px; } .bottom_wrap .bottom { margin-top: 0px; padding: 35px 15px 0; } .bottom h2 { color: #42aefc; } .ft_colum_right p, .ft_colum_right span, .ft_colum_left p, .bottom a { color: #fff; } .ft_colum_left p { max-width: 360px; } .ft_colum_left>a { background: url("/local/media/images/logo.png") no-repeat; background-size: 138px 66px; width: 200px; height: 92px; } } .bottom_wrap .bottom .h2 { color: #fff !important; } /*wr_company*/ .wr_company { background: url("/local/media/images/company_bg.jpg") no-repeat center bottom; height: 601px; margin-top: -2px; } .wr_company:before { background: url('/local/media/images/wr_company_before.png') no-repeat center center; content: ''; height: 68px; position: absolute; top: -68px; left: 0; width: 100%; } /* footer */ @media (min-width: 890px) { footer { background: url('/local/media/images/contacts.png'); } .footer { border-top: 1px solid #ededed; margin-top: 0; padding-top: 45px; overflow: hidden; padding: 45px 15px 70px 15px; } } /* content */ .content_b { padding-top: 26px; overflow: hidden; width: 100%; padding-bottom: 35px; } .content_b .b_inner.c_fix { margin-top: -26px; } .content_b .side_b { float: left; padding-top: 26px; width: 274px; } .content_b .side_b .ttl { font-size: 24px; font-weight: 700; padding: 30px 0 23px; text-transform: uppercase; } .content_b .side_b .price { background: url('/local/media/images/contacts.png'); color: #fff; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; margin-top: 21px; padding: 39px 27px 23px; text-align: center; } .content_b .side_b .price .title { font-size: 17px; font-weight: 700; line-height: 1.2; padding-bottom: 55px; position: relative; } .content_b .side_b .price .dsc { font-weight: 300; font-size: 18px; } .content_b .side_b .price .btn_box { padding-top: 40px; } .content_b .side_b .price .btn { background: #fda518; border-radius: 9px; border-bottom: 3px solid #59360c; font-size: 18px; font-weight: 700; line-height: 53px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(60, 60, 60, 0.6); } .content_b .side_b .price .title:before { background: url("/local/media/images/h2_border.png") no-repeat; content: ''; height: 5px; margin-left: -22px; position: absolute; bottom: 37px; left: 50%; width: 44px; } .content_b .side_b .menu li { background: #34a2f2; border-left: 3px solid #1c86d2; line-height: 1.2; font-size: 18px; font-family: 'PFDinDisplayPro_Light', 'Helvetica', 'Arial', sans-serif; } .content_b .side_b .menu li a { color: #fff; display: block; padding: 12px 0 12px 37px; position: relative; text-decoration: none; } .content_b .side_b .menu li a:before { background: #fff; border-radius: 50%; content: ''; height: 4px; position: absolute; top: 21px; left: 19px; width: 4px; } .content_b .side_b .menu li:hover a { background: #4db0f7; } .content_b .side_b .menu li.active { border-color: #fd8418 !important; } .content_b .side_b .menu li.active a { background: #fdae18; } .content_b .side_b .menu li.active li.active a { background: #fdae18 !important; } .second-menu {} .content_b .side_b .menu li.second-menu>a:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdFOTM1OEMyNzM4MTFFNjhENUVFMjkwOEU0QUIzQjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdFOTM1OEQyNzM4MTFFNjhENUVFMjkwOEU0QUIzQjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4N0U5MzU4QTI3MzgxMUU2OEQ1RUUyOTA4RTRBQjNCNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4N0U5MzU4QjI3MzgxMUU2OEQ1RUUyOTA4RTRBQjNCNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmWWeTMAAAA+SURBVHjaYvj////S/9jBUgYgIQDEj9AkQHxBkCQIOwLxX6jEXyifASYJwj1QyV6YGLIkOxAvgdJgMYAAAwA+0HoEyXatDAAAAABJRU5ErkJggg==) no-repeat; height: 5px; width: 7px; transform: rotate(-90deg) } .content_b .side_b .menu li.second-menu.active>a:before { transform: rotate(0); } @media (min-width: 890px) { .side_b .main_form .form button { margin-top: 20px; } .content_b .main_form { background: url("/local/media/images/main_form.jpg") top center no-repeat; height: 517px; float: left; position: relative; margin-bottom: 20px; width: 274px; } .content_b .form button { margin: 27px 0 0 9px; } .content_b .selecter-selected { background-color: #0f0f11; width: 100%; } .content_b .sizes input { display: inline-block; width: 70px; } .content_b .sizes { width: 100%; display: block; margin-top: 10px; } .content_b .sizes span { padding: 0; display: inline-block; } .content_b .cont_form { width: 242px; margin: 0 auto; padding-top: 38px; position: relative; z-index: 5; } } .content_b .main_form.form-flat { background: #f6f6f6; border: 1px solid #e2e9ef; width: auto; height: auto; box-shadow: inset 0 0 0 4px #fff; max-width: 407px; } .content_b .main_form.form-flat .form label { color: #000; } .content_b .main_form.form-flat .top_form .h2 { color: #000; } .content_b .main_form.form-flat .sizes.fields-4 { margin-bottom: 0; } .content_b .main_form.form-flat .form button { margin-top: 10px; } .form-flat--img { margin: 20px 0 0; } .form-flat--img img { max-width: 100%; height: auto; } .content_b .main_b { float: right; padding-top: 26px; padding-bottom: 80px; position: relative; width: 695px; width: calc(100% - 300px); } .content_b .main_b.job:before { /* background: #f2f2f2; border-left: 1px solid #e4e3e3; border-right: 1px solid #e4e3e3; content: ''; height: 100%; position: absolute; top: 0; z-index:-1; left: -13px; width: 695px;*/ } .content_b .main_b .title_b, .styled-title { color: #222; border-left: 5px solid #a0d5fc; font: bold 36px/1.1 'Roboto', 'Helvetica', 'Arial'; padding: 7px 0 6px 20px; margin: 22px 0 43px; position: relative; } .content_b .main_b .title_b:before, .styled-title:before { background: url('/local/media/images/sprites.png') 0 -32px; content: ''; height: 22px; position: absolute; top: -22px; left: -5px; width: 80px; } .content_b .main_b .title_b:after, .styled-title:after { background: url('/local/media/images/sprites.png') 0 -54px; content: ''; height: 29px; position: absolute; bottom: -29px; left: -5px; width: 80px; } .content_b .job_b { background: #fff; margin-top: 14px; position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .content_b .job-list { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .content_b .job_b .item { border: 1px solid #EEEEEE; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 10px; } .content_b .job_b .item a { text-decoration: none; } .content_b .job_b:before { content: ''; height: 50px; position: absolute; bottom: 0; left: 5px; width: 99%; width: calc(100% - 10px); z-index: -1; box-shadow: 0 6px 15px rgba(183, 210, 227, .9); -moz-box-shadow: 0 6px 15px rgba(183, 210, 227, .9); -webkit-box-shadow: 0 6px 15px rgba(183, 210, 227, .9); display: none; } .content_b .job_b .item-info { color: #999999; font-size: 13px; line-height: 30px; position: absolute; top: -43px; right: 0; text-align: right; } .content_b .job_b .item-info span { display: inline-block; color: #222222; font-size: 12px; border: 1px solid #fdb01d; border-radius: 50%; height: 30px; margin-right: 3px; text-align: center; width: 30px; } /* .content_b .job_b .image { padding: 13px 13px 0 13px; } */ .content_b .job_b .image img { display: block; width: 100%; border-radius: 5px; } .content_b .job_b .name { color: #222222; padding: 30px 13px 20px; font-size: 20px; line-height: 32px; font-weight: 600; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .content_b .job_b .address { padding-top: 7px; color: #666666; float: right; font-size: 14px; height: 63px; line-height: 63px; padding-right: 25px; text-align: right; width: 200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; } .content_b .job_b .address span { display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .content_b .job_b .address span:before { background: url('/local/media/images/sprites.png') -193px 0; content: ''; height: 18px; position: absolute; top: -3px; left: -25px; width: 16px; } .content_b .job_b .item-size { border-top: 1px solid #d7e7f1; color: #fd9318; font-size: 14px; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; padding: 27px 29px 22px; } .content_b .job_b .item-size span { color: #189efe; } .content_b .job_b .dsc { font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #333333; font-size: 14px; line-height: 1.2; padding: 0px 29px 30px; } .content_b .job_b .btn_box { background: #fff; padding: 32px 0; text-align: center; } .content_b .job_b .btn_box .btn { border: 3px solid #42aefc; border-radius: 9px; display: inline-block; color: #333333; cursor: pointer; font-size: 18px; font-weight: 700; line-height: 49px; padding: 0 24px; } .content_b .job_b+.title_b { margin-top: 61px; } /* calculation_b */ .calculation .popup-form-checkbox { padding-top: 30px; } .calculation .popup-form-checkbox__text { color: #ffffff; } .calculation_b { background: linear-gradient(142.18deg, #31343A 0%, #212327 101%); border-radius: 5px; min-height: 425px; font-family: 'robotolight', 'Helvetica', 'Arial', sans-serif; position: relative; margin: 0 -15px 150px; } .calculation-section__inner { display: flex; flex-direction: column; align-items: center; } @media (max-width: 767px) { .calculation-section__inner { align-items: flex-start; } } .calculation-inner { max-width: 520px; width: 100%; margin: 0 auto; } .calculation__title { font-weight: 700; font-size: 40px; line-height: 1.3; margin-bottom: 10px; text-transform: uppercase; color: white; } .calculation__subtitle { font-size: 18px; line-height: 1.6; color: white; } .calculation-headline { margin-bottom: 40px; text-align: center; } .calculation_b .form { padding: 50px 20px; position: relative; z-index: 2; } .calculation_b .form .left { width: 100%; float: none; max-width: 300px; margin-right: 30px; } .calculation_b .form .left .ttl { color: #fff; padding-bottom: 15px; } .calculation_b .form .right { width: calc(100% - 360px); padding-left: 24px; border-left: 1px solid rgba(255, 255, 255, .1); ; } .calculation_b .form .right .item { padding-bottom: 8px; } .calculation_b .form .form-section { width: 100%; display: flex; align-items: flex-start; } .calculation_b .form .form-section.c_fix::after { display: none; } .calculation_b .form .form-section .ttl { color: white; font-size: 15px; line-height: 18px; margin-bottom: 16px; } /* .calculation_b:before { background: url('/local/media/images/form_before.jpg'); content: ''; height: 426px; position: absolute; top: 0; left: 0; width: 100%; } .calculation_b:after { background: url('/local/media/images/form_after.jpg'); content: ''; height: 48px; position: absolute; bottom: -4px; left: 0; width: 100%; } */ .calculation_b .title { padding-top: 9px; padding-bottom: 30px; margin: 0 auto; overflow: hidden; max-width: 930px; text-align: center; } .calculation_b .title span { color: #fff; font: bold 16px/1.0 'robotoregular', 'Helvetica', 'Arial'; display: inline-block; position: relative; text-transform: uppercase; } .calculation_b .title span:after { background: rgba(255, 255, 255, .1); content: ''; height: 1px; position: absolute; left: 105%; top: 8px; width: 999px; } .calculation_b .title span:before { background: rgba(255, 255, 255, .1); content: ''; height: 1px; position: absolute; right: 105%; top: 8px; width: 999px; } .calculation_b input[type="checkbox"] { display: none; } .calculation_b input[type="checkbox"]+label { font-size: 18px; line-height: 28px; color: #fff; cursor: pointer; padding-left: 44px; position: relative; max-width: 250px; } .calculation_b input[type="checkbox"]+label:before { background: linear-gradient(142.18deg, #1D2024 0%, #1D2024 101%); box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.25); border-radius: 4px; content: ''; height: 24px; width: 24px; position: absolute; top: 0; left: 0; } .calculation_b input[type="checkbox"]+label:after { box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.25); border-radius: 4px; background: radial-gradient(38.1% 38.1% at 21.43% 19.05%, #FFC860 0%, #FDAE18 100%); content: ''; height: 16px; width: 16px; position: absolute; top: 4px; left: 4px; opacity: 0; } /* .calculation_b input[type="checkbox"]+label:hover:before { background-position: -34px 0; content: ''; height: 25px; top: -4px; left: -4px; width: 25px; } */ .calculation_b input[type="checkbox"]:checked+label:after, .calculation_b input[type="checkbox"]+label.checked:after { opacity: 1; } .calculation_b input[type="radio"] { display: none; } .calculation_b input[type="radio"]+label { display: block; position: relative; padding: 2px 10px; flex-basis: 0%; flex-grow: 1; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; text-align: center; font-weight: 400; color: #666; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 320ms ease-in-out; margin: 0; } .calculation_b input[type="radio"]+label::before { opacity: 0; } .calculation_b input[type="radio"]:checked+label { color: white; } .calculation_b input[type="radio"]:checked+label span { z-index: 2; position: relative; } .calculation_b input[type="radio"]:checked+label:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #282b32; border-radius: 2px; /* transform: translateX(calc(-100% - 4px)); */ transition: transform 320ms ease-in-out; opacity: 1; z-index: 0; } .calculation_b .form .item .ttl { font-size: 15px; color: #fff; width: 155px; } .calculation_b .form .item .ttl i { background: #666; font-style: normal; display: inline-block; height: 17px; margin-left: 3px; position: relative; top: 3px; width: 17px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 17px; mask-size: 17px; -webkit-mask-image: url(/local/templates/main/assets/images/questo.svg); mask-image: url(/local/templates/main/assets/images/questo.svg); cursor: pointer; } .calculation_b .form .item .ttl i:hover { background-color: #FDAE18; } .calculation_b .form .item .ttl i span { background: #fff; border-radius: 3px; color: #222222; display: none; font-size: 13px; padding: 18px 20px; position: absolute; top: -3px; left: 38px; width: 220px; z-index: 3; } .calculation_b .form .item .ttl i span:before { background: url('/local/media/images/sprites.png') -112px 0; content: ''; height: 13px; position: absolute; top: 12px; left: -13px; width: 13px; } .calculation_b .form .item .ttl i:hover span { display: block; } .calculation_b .form .row { margin-bottom: 15px; display: flex; justify-content: flex-end; } .calculation_b .form .row.c_fix::after { display: none; } .calculation_b .form .row { position: relative; } .calculation_b .form .checkbox-row { display: flex; justify-content: center; flex-direction: column; gap: 10px; } @media(max-width: 890px) { .calculation_b .form .row { flex-direction: column; } .calculation_b .form .left { max-width: 100%; width: 100%; margin-right: 0; } .calculation_b .form .right { padding-left: 0; border-left: none; } } @media(max-width: 767px) { .calculation_b .form .checkbox-row { gap: 24px; flex-direction: column; align-items: flex-start; } } .calculation_b .form .sizes input[type=text] { margin-bottom: 12px; text-align: left; } /* .calculation_b .form .sizes { display: grid; grid-template-columns: 140px 140px; gap: 20px 56px; } */ /* .calculation_b .form .sizes input[type=text] { background-color: transparent; padding: 0; border: none; border-radius: 0px; border-bottom: 1px solid rgba(#666666, .25); text-align: left; color: white; } .calculation_b .form .sizes input[type=text]:focus { border-bottom: 1px solid #FFF; } */ .calculation_b .form .btn_box { padding-top: 40px; text-align: center; } .calculation_b .form .btn_box .next { background: linear-gradient(90deg, #FDAE18 0%, #FF9900 100%); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1); border-radius: 4px; cursor: pointer; display: inline-block; color: #fff; font: bold 18px/1.1 'robotoregular', 'Helvetica', 'Arial'; line-height: 52px; padding: 18px; font-size: 16px; line-height: 25px; text-align: center; max-width: 336px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .calculation_b .form .btn_box .next.go:after { display: none; } .calculation_b .radio { display: inline-flex; align-items: center; flex-wrap: wrap; box-sizing: border-box; padding: 4px; background: linear-gradient(142.18deg, #1d2024 0, #1d2024 101%); border-radius: 4px; border: 1px solid #31343a; } .calculation_b .radio label { display: block; position: relative; padding: 5px 10px; flex-basis: 0%; flex-grow: 1; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1; text-align: center; font-weight: 400; color: #666; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 320ms ease-in-out; } .calculation_b .step0.hidden, .calculation_b .step1.hidden { height: 0; padding: 0; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .calculation_b .step2.hidden { height: 0; padding: 0; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .calculation_b .step2 .left { float: left; padding-left: 80px; width: 360px; } .calculation_b .step2 .right { float: right; width: 360px; padding-right: 80px; } .calculation_b input[type=text], .calculation_b input[type=tel], .calculation_b input[type=email] { background: #0f0f11; border: none; border-bottom: 1px solid rgba(255, 255, 255, .3); border-radius: 3px; color: #a5a5a5; height: 50px; outline: none; padding: 0 18px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .calculation_b textarea { background: #0f0f11; border: none; border-bottom: 1px solid rgba(255, 255, 255, .3); border-radius: 3px; color: #a5a5a5; font-family: 'robotolight', 'Helvetica', 'Arial', sans-serif; height: 250px; outline: none; padding: 18px; resize: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .calculation_b .wrong textarea, .calculation_b .wrong input[type=text] { background: #ffc000; border: none; } .calculation_b .wrong:before { background: rgba(255, 48, 0, .5); border-radius: 5px; content: ''; height: 100%; padding: 3px; position: absolute; top: -3px; left: -3px; width: 100%; z-index: -1; } .calculation_b .wrong input::-webkit-input-placeholder { color: #0f0f11; } .calculation_b .wrong input:-moz-placeholder { color: #0f0f11; } .calculation_b .input { position: relative; } .calculation_b .input label { color: white; font-size: 12px; margin-bottom: 10px; } .calculation_b .input+.input { margin-top: 20px; } .calculation_b .file { color: #fff; } .calculation_b .file span { color: #fff; line-height: 12px; font-size: 12px; margin-bottom: 10px; display: block; } .calculation_b .file-main { display: flex; align-items: center; } .calculation_b .file .filename { background: #0f0f11; border: none; border-bottom: 1px solid rgba(255, 255, 255, .3); border-radius: 4px; color: #676666; width: 100%; display: inline-block; overflow: hidden; height: 50px; padding: 0 12px; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-right: 20px; display: flex; align-items: center; } .calculation_b .file .btn { background: linear-gradient(90deg, #FDAE18 0%, #FF9900 100%); border-radius: 3px; display: block; position: relative; vertical-align: middle; width: 80px; height: 50px; } .calculation_b .file .btn input[type=file] { opacity: 0; } .calculation_b .file .btn:before { background: url('/local/media/images/sprites.png') -167px 0; content: ''; height: 26px; margin-top: -13px; margin-left: -13px; position: absolute; top: 50%; left: 50%; width: 26px; } .calculation_b .selecter-selected { width: 100%; } .calculation_b .step0 { padding-bottom: 51px; padding-top: 15px; } .calculation_b .step0 .radio { margin-top: 18px; } .calculation_b .step0 label { color: #666666; padding-bottom: 5px; font-size: 16px; } .calculation_b .step0 label span { color: #fff; } .calculation_b input[type="radio"]+label span { margin: 0; font-size: 16px; line-height: 24px; white-space: nowrap; } .calculation_b input[type="radio"]:checked+label span { color: white; margin: 0; } /* line_b */ .line_b { background: #242424; border-radius: 50px; font-family: 'robotolight', 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #555555; height: 17px; position: relative; margin: 73px 0 41px; } .line_b.line1:before, .line_b:before { background: #28a4fd; content: ''; height: 9px; position: absolute; left: 6px; top: 4px; width: calc(50% - 10px); z-index: 4; -webkit-transition: ease-in 1000ms; -moz-transition: ease-in 1000ms; -ms-transition: ease-in 1000ms; -o-transition: ease-in 1000ms; transition: ease-in 1000ms; } .line_b.line0:before { width: 0px; } .line_b.line2:before { width: calc(100% - 20px); } .line_b.active:before { width: calc(100% - 15px); -webkit-transition: ease-in 1000ms; -moz-transition: ease-in 1000ms; -ms-transition: ease-in 1000ms; -o-transition: ease-in 1000ms; transition: ease-in 1000ms; } .line_b .step { background: #242424; border-radius: 50px; cursor: pointer; height: 52px; position: absolute; top: -18px; left: 0; width: 52px; } .line_b .step span { position: relative; display: inline-block; top: -21px; text-align: center; width: 52px; } .line_b .step.two { left: 50%; margin-left: -26px; } .line_b .step.three { left: auto; right: 0; } .line_b .step.one:before, .line_b .step.active:before { background: #28a4fd; border-radius: 50px; content: ''; height: 44px; position: absolute; top: 4px; left: 4px; width: 44px; } .line_b .step.three:before { opacity: 0; -webkit-transition: ease-in 1000ms; -moz-transition: ease-in 1000ms; -ms-transition: ease-in 1000ms; -o-transition: ease-in 1000ms; transition: ease-in 1000ms; } .line_b .step.active.three:before { opacity: 1; -webkit-transition: ease-in 1000ms; -moz-transition: ease-in 1000ms; -ms-transition: ease-in 1000ms; -o-transition: ease-in 1000ms; transition: ease-in 1000ms; } .line_b .step.active.three:after, .line_b .step.two.active:after { background: #fff; border-radius: 50px; content: ''; height: 17px; position: absolute; top: 18px; left: 18px; width: 17px; z-index: 5; } .line_b .step.two.full:after, .line_b .step.one:after { background: url('/local/media/images/sprites.png') -145px 0; content: ''; height: 17px; position: absolute; top: 18px; left: 15px; width: 22px; z-index: 5; } /* content_ */ .content_ p a { color: #4db0f7; } .content_ p { font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #222222; font-size: 16px; line-height: 1.4; } .content_ p+p { padding-top: 15px; } .content_ p.italic { font-style: italic; color: #119bfe; text-align: right; padding-top: 25px; } .content_ h3 { color: #222222; font-size: 18px; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; font-weight: 700; padding-top: 47px; padding-bottom: 58px; position: relative; text-transform: uppercase; } .content_ h3:before { background: url("/local/media/images/h2_border.png") no-repeat; content: ''; height: 5px; position: absolute; bottom: 34px; left: 0; width: 44px; } .content_ img { max-width: 100%; max-height: 100%; height: auto; width: auto; } .content_ ol { counter-reset: li; margin-bottom: 20px; } .content_ ol li { color: #222; font: 16px/1.4 'Open Sans', 'Helvetica', 'Arial', sans-serif; padding: 10px 0 0 68px; position: relative; } .content_ ol li:before { content: counter(li) '.'; counter-increment: li; color: #fdae18; font-size: 24px; font-family: 'PFDinDisplayPro_Light', 'Helvetica', 'Arial', sans-serif; position: absolute; top: 7px; left: 20px; } .hero__socials { margin-top: auto; display: flex; align-items: center; align-self: flex-start; gap: 20px; color: #ffffff; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; padding: 15px; background: linear-gradient(142.18deg, #31343a 0, #212327 101%); border: 1px solid; border-image-source: none; border-image-source: linear-gradient(142.03deg, #4b4d55 0, rgba(70, 72, 78, 0) 100.69%); border-radius: 5px; font-weight: 400; } .hero__socials span { display: none; } @media (max-width: 767.98px) { .content_ ol li { padding-left: 30px; } .content_ ol li:before { left: 0; } } .content_ ul { counter-reset: li; margin-bottom: 20px; } .content_ ul li { color: #222; font: 16px/1.4 'Open Sans', 'Helvetica', 'Arial', sans-serif; padding: 8px 0 0 68px; position: relative; } @media (max-width: 767.98px) { .content_ ul li { padding-left: 30px; } } .content_ ul li li, .content_ ol li li { padding: 8px 0 0 38px; } .content_ table.styled td>p:first-child { padding-top: 0; } .content_ table.styled td, .content_ table.styled th { border: 1px solid #ccc; padding: 10px; vertical-align: middle; } .content_ ul li>p { padding-top: 0; } .content_ ul li:before { content: '\2022'; counter-increment: li; color: #fdae18; font-size: 24px; font-family: 'PFDinDisplayPro_Light', 'Helvetica', 'Arial', sans-serif; position: absolute; top: 0px; margin-left: -20px; } @media (max-width: 890px) { .header_b { display: block; min-height: 0; } .wr_top { min-height: 0 !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #222; } .header_b .logo, .header_b .dsc, .header_b .make-request { display: none; } .header_b .btn_box { float: none; width: 100%; text-align: center; padding: 13px 0px !important; } .header_b .btn_box .phone { text-align: left; } .breadcrumb_b { display: none; } .breadcrumb_b li { display: none; } .breadcrumb_b li { color: #222222; font-size: 30px; font-weight: 700; padding: 0; text-align: center; } .breadcrumb_b li:before { display: none; } .breadcrumb_b li:first-child { display: block; float: left; width: 1%; } .breadcrumb_b li:first-child a { font-size: 0; float: right; position: relative; width: 99%; } .breadcrumb_b li:first-child a:before { background: url('/local/media/images/sprites.png') -209px 0; content: ''; height: 32px; position: absolute; top: -2px; left: 15px; width: 17px; z-index: 3; } .breadcrumb_b li:last-child { display: block; float: right; width: 99%; } .calculation_b { margin-left: -15px; } .calculation_b .form .left { float: none; position: relative; padding-bottom: 20px; width: 100%; } .calculation_b .form .item { position: relative; } /* .calculation_b .form .item:before, */ /*.calculation_b .form .right:after,*/ /* .calculation_b .form .left:after { background: #171717; border-bottom: 1px solid #383838; content: ''; height: 1px; position: absolute; left: 0; bottom: 0px; width: 100%; } */ .calculation_b .form .right { float: none; position: relative; padding-bottom: 20px; width: 100%; } .calculation_b .form .row:before { display: none; } .calculation_b .form .item .ttl { float: none; padding-bottom: 20px; font-size: 19px; position: relative; width: 100%; } .calculation_b .radio { float: none; } .calculation_b .title span { font-size: 28px; } .calculation_b .title span:before, .calculation_b .title span:after { display: none; } .calculation_b .step2 .left { padding-left: 0; } .calculation_b .file .filename { text-align: left; } .content_b .main_b, .content_b .side_b { float: none; width: 100%; } .side_banner { display: none; } .content_b .main_b:before { display: none; } .content_b .side_b .menu { display: none; } .content_b .b_inner.c_fix { margin-top: 0; } .content_b .main_b.full-width { padding-top: 30px; } .content_b .b_inner { /*padding-left: 0; padding-right: 0;*/ margin: 0; } .content_b .main_b { padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .content_b .side_b .price .title { font-size: 22px; } .content_b .side_b .price { position: relative; } .content_b .side_b .price:before { background: url('/local/media/images/footer_before.png') center center no-repeat; content: ''; height: 32px; position: absolute; top: -31px; left: 0; width: 100%; } .content_b { /*padding-top: 0;*/ padding-bottom: 35px; } .content_b .side_b .price:after { background: url('/local/media/images/footer_before.png') center center no-repeat; content: ''; height: 32px; position: absolute; bottom: -31px; left: 0; transform: scale(1, -1); width: 100%; } .content_b .side_b .price .btn { display: inline-block; padding: 0 23px; } .content_b .side_b .block, .content_b .side_b .ttl { display: none; } .content_b .main_b .title_b, .styled-title { padding: 0; border: 0; margin: 30px 0 20px; } .content_b .main_b .title_b:before, .styled-title:before, .content_b .main_b .title_b:after, .styled-title:after { display: none; } .content_b .job_b:before { display: none; } .content_b .job_b .item { padding-bottom: 20px; } .content_b .job_b .name { font-size: 18px; line-height: 28px; } .content_b .job_b .address { float: none; width: auto; padding: 10px 0 0 50px; height: auto; line-height: 1; text-align: left; } } .detail_text table a:link { color: #666; font-weight: bold; text-decoration: none; } .detail_text table a:visited { color: #999999; font-weight: bold; text-decoration: none; } .detail_text table a:active, table a:hover { color: #bd5a35; text-decoration: underline; } .detail_text table { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; background: #eaebec; margin: 0 auto; border: #ccc 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } .detail_text table th { padding: 21px 25px 22px 25px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } .detail_text table th:first-child { text-align: left; padding-left: 15px; } table tr:first-child th:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } .detail_text table tr:first-child th:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .detail_text table tr { text-align: center; padding-left: 20px; } table tr td:first-child { padding-left: 5px; border-left: 0; } .detail_text table tr td { padding: 18px; border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } .detail_text table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } .detail_text table tr:last-child td { border-bottom: 0; } .detail_text table tr:last-child td:first-child { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .detail_text table tr:last-child td:last-child { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .detail_text table tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } .styled-table {} .styled-table td { padding: 10px 20px; } .wr_top.hammam_top { min-height: 56px; } .top_box_hammam.stroitelstvo_hammam { background: url(/local/media/images/bg_hammam_stroitelstvo.jpg) top center no-repeat; } .top_box_hammam.proektirovanie_hammam { background: url(/local/media/images/bg_hammam_proektirovanie.jpg) top center no-repeat; } .top_box_hammam.betonnye-basseiny { background: url(/local/media/images/bg_betonnye-basseiny.jpg) top center no-repeat; } .top_box_hammam { /* background: url(/local/media/images/contacts.png); */ /* color:#fff; */ /* padding: 0 0 10px 0; */ } .top_box_hammam .b_inner { /* color:#fff; */ } .top_box_hammam .col_left { float: left; margin-top: 65px; width: 59%; } .top_box_hammam .col_left .logo { min-height: 235px; float: left; width: 48%; text-align: center; } .top_box_hammam .col_left .logo div { height: 70px; width: 153px; background-size: cover; margin: 20px auto 30px; } .top_box_hammam .col_left .logo span { color: #fff; font-size: 18px; margin: 20px 0 0; display: block; text-align: left; } .top_box_hammam .col_left .header-text { float: left; width: 50%; border-left: 2px solid #45affc; padding-left: 20px; box-sizing: border-box; } .top_box_hammam .col_right { float: right; margin-top: 25px; width: 41%; } .top_box_hammam .title { font-size: 18px; color: #fff; } .top_box_hammam ul.features {} .top_box_hammam ul.features li { /* color: #fff; */ } .content_.hammam_page h3 { padding-top: 10px; padding-bottom: 10px; } .content_.hammam_page h3:before { bottom: 0; } .form_consult { background: url(/local/media/images/bg-form-consult.png) 0 0 no-repeat; background-size: contain; width: 408px; height: 470px; box-sizing: border-box; padding: 40px; position: relative; color: #fff; } .top_box_hammam .form_consult { margin-top: 20px; margin-right: -8px; } .form_consult--title {} .form_consult--title .photo { width: 116px; height: 120px; background: url(/local/media/images/bg-photo-consult.png) 0 0 no-repeat; float: left; } .form_consult--title .photo span { display: block; overflow: hidden; width: 90px; height: 90px; border-radius: 45px; margin: 7px 0 0 14px; } .form_consult--title .photo img { max-width: 100%; } .form_consult--title .text { background: url(/local/media/images/bg-text-consult.png) 0 0 no-repeat; width: 194px; height: 102px; font-size: 18px; font-family: 'Roboto', 'Helvetica', 'Arial'; font-weight: bold; float: right; box-sizing: border-box; padding: 12px 10px 0 25px; } .form_consult--name { font-size: 14px; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; text-align: center; margin: 0 0 20px; } .form_consult--name strong { font-weight: normal; color: #fdae18; } .form_consult_input { position: relative; margin: 0 0 10px 0; } .form_consult_input input { height: 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #0f0f11; -webkit-box-shadow: 0 1px rgba(245, 251, 255, .25); -moz-box-shadow: 0 1px rgba(245, 251, 255, .25); box-shadow: 0 1px rgba(245, 251, 255, .25); display: block; box-sizing: border-box; width: 100%; outline: 0; border: 0; padding: 0 0 0 75px; color: #fff; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-size: 14px; } .form_consult_input input::-webkit-input-placeholder, .form_consult_input input::-moz-placeholder, .form_consult_input input:-moz-placeholder, .form_consult_input input:-ms-input-placeholder { color: #a5a5a5; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-size: 14px; } .form_consult_input:before { display: block; position: absolute; top: 5px; left: 0; border-right: 1px solid #1e1e20; width: 60px; height: 45px; content: ''; z-index: +1; } .form_consult_input--NAME:before, .form_consult_input--name:before, .form_consult_input--SIMPLE_QUESTION_192:before { background: url(/local/media/images/icon-form-name.png) center no-repeat; } .form_consult_input--PHONE:before, .form_consult_input--phone:before, .form_consult_input--SIMPLE_QUESTION_507:before { background: url(/local/media/images/icon-form-phone.png) center no-repeat; } .form_consult--comment { text-align: center; font-size: 14px; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; margin: 20px 0 0 0; } .form_consult--button { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; } .form_consult--button button { display: inline-block; margin: 0; width: 210px; } .article_after .col_left { float: left; } .article_after .col_right { float: right; } .article_after a.next-article { display: block; width: 232px; border: 3px solid #44affc; box-sizing: border-box; padding: 30px 23px; margin: 5px 0 0 0; text-decoration: none; } .article_after a.next-article span.title { display: block; border-bottom: 2px solid #44affc; color: #44affc; font-size: 14px; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-weight: bold; margin: 0 0 19px 0; text-transform: uppercase; line-height: 26px; position: relative; } .article_after a.next-article span.title:after { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 8px solid #44affc; content: ''; position: absolute; top: 50%; right: 0; margin: -5px 0 0 0; } .article_after a.next-article img { display: block; width: 100%; margin: 0 0 10px 0; } .article_after a.next-article span.name { display: block; font-size: 18px; line-height: normal; color: #000; } @media (max-width: 890px) { .top_box_hammam .col_right, .top_box_hammam .col_left .header-text, .top_box_hammam .col_left { float: none; margin: 0; width: auto; } .top_box_hammam .col_right .phone { text-align: center; margin-bottom: 10px; } .top_box_hammam .title, .top_box_hammam .phone p { color: #000; } .top_box_hammam { background: none !important; } .top_box_hammam .form_consult { margin: 0; } .form_consult { background-size: 100% 100%; width: auto; height: auto; padding: 20px; padding-bottom: 85px; } .form_consult--title .text { width: auto; font-size: 16px; float: none; margin-left: 115px; background-size: 100% 100%; } .form_consult--name { clear: left; } #catalog_section_list .item { width: 100%; } } @media (max-width: 630px) { .content-btn-order p { width: 24%; } .btn-order-description { width: 60%; } } @media (max-width: 550px) { .content-popular-sections .popsect-item { width: 50%; text-align: center; } } @media (max-width: 450px) { .content-btn-order p { width: 100%; } .content-btn-order .btn-order-description-line { width: 0%; display: none; } .btn-order-description { width: 100%; margin: 30px 0 0 0; } .detail_text p a.js-orderForm.btnOrder { width: 90px; float: none; } .content-popular-sections .popsect-item { width: 100%; } } .content_b .side_b .menu li { margin-bottom: 30px; } .content_b .side_b .menu li li { margin: 0; } .content_b .side_b .menu li a { color: #333; padding: 0 0 0 18px; font-size: 22px; font-weight: bold; font-family: 'Roboto', 'Helvetica', 'Arial'; border-left: 2px solid #328fd2; line-height: normal; } .content_b .side_b .menu li { background: transparent; list-style: none; } .content_b .side_b .menu li a:before { display: none; } .menu .active .menu li { background: transparent; } .content_b .side_b .menu li .menu li a { background: transparent !important; color: #328fd2; border: 0; font-size: 14px; padding: 5px 0 5px 20px !important; font-weight: normal; text-decoration: underline; } .content_b .side_b .menu .menu .menu { display: none !important; } .content_b .side_b .menu li .menu li a:hover { color: #fbad32; } .content_b .side_b .menu li.active a { background: transparent; border-left-color: #fbad32; } .content_b .side_b .menu li.active li.active a { background: transparent !important; color: #fbad32; } .menu li>ul { margin: 20px 0 0 0; display: none; } .content_b .side_b .menu li:hover a { background: transparent; border-color: #fbad32; } .container-1170px { margin: 0 auto; padding-right: 3px; padding-left: 3px; max-width: 1170px; } .section__title { margin: 0; padding: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 30px; line-height: 1.1; font-weight: 500; color: #000; text-transform: uppercase; } .embossed-button { display: block; position: relative; margin: 0; padding: 0; width: auto; overflow: visible; text-decoration: none; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1; color: #fff; background-color: #1d2024; background: linear-gradient(142.18deg, #1d2024 0, #1d2024 101%); border: 1px solid #31343a; border-radius: 4px; text-transform: uppercase; cursor: pointer; z-index: 0; } .embossed-button::-moz-focus-inner { border: 0; padding: 0; } .embossed-button::before { position: absolute; top: 3px; right: 2px; bottom: 3px; left: 2px; content: ""; background-color: #282b32; border-radius: 2px; z-index: 1; } .embossed-button::after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, #fdae18 0, #f90 100%); box-shadow: 5px 10px 15px rgba(0, 0, 0, .05); border-radius: 4px; opacity: 0; transition: opacity .3s linear, filter .3s linear; z-index: 1; } .embossed-button div { display: block; position: relative; padding: 10px 15px; z-index: 2; } .embossed-button:active:active::after { opacity: 1; filter: brightness(.8); } .embossed-button_route { position: relative; } .embossed-button_route div { padding: 9px 9px 9px 32px; } .embossed-button_route div::before { position: absolute; content: ""; top: calc(50% - 9px); left: 7px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/main/assets/images/footer__pin.svg); } .embossed-button_route::after { opacity: 1; } .embossed-button_route span { display: none; } .orange-button, .tranparent-button { display: block; position: relative; margin: 0; padding: 19px 25px; width: auto; overflow: visible; text-decoration: none; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; font-family: Roboto, Helvetica, Arial, sans-serif; color: #fff; font-weight: 400; font-size: 14px; line-height: 1; text-align: center; text-transform: uppercase; border-radius: 4px; cursor: pointer; transition: border-color 320ms ease-in-out; } .orange-button>span, .orange-button>div, .tranparent-button>span, .tranparent-button>div { position: relative; } .orange-button::-moz-focus-inner, .tranparent-button::-moz-focus-inner { border: 0; padding: 0; } .orange-button { background: 0 0; border: 1px solid #f90; } .-flat { border-radius: 0; } .-block { width: 100%; } .orange-button::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: 1; background: linear-gradient(90deg, #fdae18 0, #f90 100%); border: 1px solid #f90; box-shadow: 5px 10px 15px rgba(0, 0, 0, .05); transition: opacity .3s linear, filter .3s linear; border-radius: 4px; } .orange-button:active:active::before { opacity: .6; } .orange-button div, .orange-button span { position: relative; } .tranparent-button { background: 0 0; border: 1px solid #555; } .tranparent-button::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: 0; background: linear-gradient(90deg, #fdae18 0, #f90 100%); border: 1px solid #f90; box-shadow: 5px 10px 15px rgba(0, 0, 0, .05); transition: opacity .3s linear; border-radius: 4px; } .tranparent-button:active:active::before { opacity: .8; } .tranparent-button div { position: relative; } .request-form ul li.PHONE input.inputtext, .PHONE input.inputtext { background-position: 11px -79px; } .breadcrumb_b { padding: 26px 0 25px; box-shadow: none; font-size: 14px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } .breadcrumb_b .b_inner { max-width: 1170px; } .breadcrumb_b li { font-size: inherit; font-family: inherit; } .breadcrumb_b li a { color: inherit; transition: color .3s linear; } .breadcrumb_b li+li { padding-left: 33px; } .breadcrumb_b li+li::before { content: ''; border: none; top: 50%; right: unset; bottom: unset; left: 5px; width: 19px; height: 1px; background-color: #666; } .main-navigation { position: static; max-width: 1170px; padding: 0 15px; } .main-navigation ul li a { position: relative; z-index: 100; transition: border 160ms ease-in-out; border-bottom: 1px solid transparent; } .main-navigation ul li a, .main-navigation ul li span.ps-link { padding: 23px 0; } .main-navigation+.hd_border { display: none; } .main-navigation .submenu { position: absolute; top: 0; margin-top: 0; padding-top: 66px; padding-bottom: 64px; width: 100%; -webkit-animation: .3s ease-in-out animate-fade-in; animation: .3s ease-in-out animate-fade-in; background-image: linear-gradient(142.18deg, #31343a 0, #212327 101%); } .main-navigation .submenu ul li a:not(.button_orange):not(.title_bl) { opacity: .6; transition: opacity .3s linear; } .main-navigation .ul_submenu { max-width: 1170px; margin: 0 auto !important; transform: translateX(-20px); } .main-navigation .sub_colum_center, .main-navigation .sub_colum_left, .main-navigation .sub_colum_right { padding-bottom: 0; background: 0 0; border: none; } .main-navigation .sub_colum_left { padding-left: 0 !important; } .main-navigation ul li span.ps-link { margin-left: 0; } .main-navigation .header__desktop-nav, .main-navigation .header__tel { display: none; } .main-navigation .mob_menu { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); } .main-navigation .mob_right { display: flex; overflow: hidden; justify-content: space-between; align-items: center; padding-right: 0; } .main-navigation .mob_logo { display: flex; align-items: center; padding: 0px 0; height: 115px; } .hero__text { display: flex; flex-direction: column; justify-content: center; max-width: 694px; height: 100%; align-self: flex-start; } .hero__btns { display: grid; grid-template-columns: min-content; gap: 10px; } .hero-btn { display: flex; align-items: center; justify-content: flex-start; background: linear-gradient(142.18deg, #31343A 0%, #212327 101%); border-radius: 5px; color: #ffffff; padding: 16px; font-size: 14px; font-weight: 400; text-decoration: none; min-width: 200px; cursor: pointer; } .hero-btn>svg { display: block; flex-shrink: 0; width: 24px; height: 24px; margin-right: 10px; } @media (max-width: 1024px) { .hero__pools-premium { font-size: 18px; } .main-navigation .mob_logo img { height: 41px; } } @media (max-width: 767.98px) { .main-navigation .mob_logo { height: 70px; padding-right: 25px; } } .main-navigation .mob_tel { flex-shrink: 0; display: block; float: right; margin-right: 71px; width: 41px; height: 41px; background-repeat: no-repeat; background-position: center; background-size: 24px; background-image: url(/local/templates/main/assets/images/phone-orange.svg); } @media (max-width: 767.98px) { .main-navigation .mob_tel { margin-right: 50px; } .content_b .job-list, .content_b .job_b { grid-template-columns: 1fr; } } @media (max-width: 374.98px) { .main-navigation .mob_tel { margin-right: 40px; } } .main-navigation .but_open { display: block; top: 27px; } @media (max-width: 767.98px) { .main-navigation .but_open { top: 0; } } .main-navigation .but_open b { width: 31px; } .main-navigation .title_bl::after { display: none; } .main-navigation ul li>.title_bl { border: none; } .main-navigation .small_txt li a { text-decoration: none !important; } .main-navigation .col li::before { opacity: .6; } .hat-inner-page.hat-inner-page { box-sizing: border-box; min-height: 120px !important; } @media (max-width: 767.98px) { .hat-inner-page.hat-inner-page { min-height: 70px !important; } } .hat-inner-page__top { display: none; } .hat-inner-page__top.b_inner { max-width: 1170px; } .hat-inner-page__top .logo { display: block; flex-shrink: 0; margin: unset; height: auto !important; width: 269px; } .hat-inner-page__top .logo img { display: block; width: 100%; height: auto; } .hat-inner-page__top-btns { display: flex; width: auto; align-items: center; } .hat-inner-page__top-phone { white-space: nowrap; margin-right: 12px; font-size: 18px; font-weight: 500; font-family: 'PFDinDisplayPro_Light', 'Helvetica', 'Arial'; color: #ffffff; text-decoration: none; } @media (hover: hover) and (pointer: fine) { .hat-inner-page__top-phone:hover { text-decoration: underline; } } .hat-inner-page__top-socials { margin-right: 12px; } .hat-inner-page__top-request { margin: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; text-transform: uppercase; color: #FDAE18; border: 1px solid #666666; padding: 10px 25px; transition-property: background-color, border-color, color; text-decoration: none; border-radius: 4px; transition-duration: 400ms; transition-timing-function: ease-in-out; } @media (hover: hover) and (pointer: fine) { .hat-inner-page__top-request:hover { color: #ffffff; background-color: #FDAE18; border-color: #FDAE18; } } .hat-inner-page .header__desktop-nav>ul>li>a { opacity: .6; transition: opacity .3s linear; } .hat-inner-page .submenu { padding-top: 122px; } .hero { box-sizing: border-box; overflow: hidden; position: relative; padding-top: 180px; padding-bottom: 50px; background: url(/local/templates/main/assets/images/hero__background.jpg) -200px 0/cover no-repeat; height: 100vh; min-height: 740px; max-height: 900px; width: 100%; } @media screen and (max-width: 575.98px) { .hero { min-height: 480px; } } .hero::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(180deg, #111 0, rgba(17, 17, 17, 0) 100%); } .hero__container-1170px { display: flex; flex-direction: column; align-items: center; position: relative; height: 100%; } .hero__logo { display: none; width: 232px; height: 134px; cursor: pointer; background: url(/local/templates/main/assets/images/amaster-logo.svg) center/cover no-repeat; } .hero__title { display: block; padding: 0; margin-bottom: 30px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.2; font-weight: 700; color: #fff; text-transform: uppercase; } .hero__subtitle { display: none; padding: 0; max-width: 400px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.6; font-weight: 400; color: #fff; } .hero__pools-premium { display: block; margin-bottom: 30px; padding: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.52; font-weight: 700; color: #fff; text-transform: uppercase; } .hero__pools-premium p { padding: 0; color: inherit; font-size: inherit; } .hero__premium-em { display: inline-block; color: #FDAE18; } .hero__gtb-arrow { /*display: none;*/ position: absolute; bottom: 30px; right: 20px; width: 56px; height: 56px; background-repeat: no-repeat; background-size: 91px; background-position: 45% 46%; background-image: url(/local/templates/main/assets/images/gtb-arrow.svg); cursor: pointer; opacity: 0; -webkit-animation: 2s linear 2s forwards animate-show-down; animation: 2s linear 2s forwards animate-show-down; } .hero__gtb-arrow::after { display: none; position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: 91px; background-position: 57% 46%; background-image: url(/local/templates/main/assets/images/gtb-arrow_hover.svg); opacity: 0; transition: opacity 320ms ease-in-out; } .facts-list { display: flex; flex-wrap: nowrap; overflow: visible; padding: 0; margin: 0; list-style: none; } .facts-list .owl-stage-outer { overflow: visible; } .facts-list .owl-stage { display: flex; } .facts-list .owl-item { cursor: -webkit-grab; cursor: grab; } .facts-list_ol .facts-list__item { box-sizing: border-box; display: flex; align-items: center; position: relative; list-style: none; width: 338px; padding: 63px 43px 20px 29px; min-height: 200px; height: 100%; color: #fff; background-color: #212327; background-image: linear-gradient(142.18deg, #31343a 0, #212327 101%); border-radius: 5px; } .facts-list_ol .facts-list__item::before { box-sizing: border-box; position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-color: #119bfe; opacity: 0; transition: opacity 320ms ease-in-out; border-radius: 5px; box-shadow: 0 15px 30px rgba(0, 0, 0, .05); } .facts-list_ol .facts-list__item .facts-list__counter { position: absolute; top: 28px; left: 28px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 160%; text-decoration: none; color: #fdae18; } @supports ((-webkit-background-clip:text) or (background-clip:text)) { .facts-list_ol .facts-list__item .facts-list__counter { color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(0deg, #fdae18 0, #ffcd6d 100%); } } .facts-list_ol .facts-list__item p { position: relative; padding: 0; color: inherit; text-decoration: none; } .facts-list_ol .facts-list__item p:not(:last-child) { margin-bottom: 15px; } .facts-list_ol-outside-icon-top .facts-list__item { box-sizing: border-box; display: block; width: 153px; background-color: transparent; background-repeat: no-repeat; background-size: auto 66px; background-position: 16px 0; padding: 92px 13px 13px 10px; } .facts-list_ol-outside-icon-top .facts-list__item:before { display: none; content: ""; } .facts-list_ol-outside-icon-top .facts-list__item_swimming-pool { background-image: url(/local/templates/main/assets/images/swimming-pool.svg); } .facts-list_ol-outside-icon-top .facts-list__item_bulldozer { background-image: url(/local/templates/main/assets/images/bulldozer.svg); } .facts-list_ol-outside-icon-top .facts-list__item_warranty { background-image: url(/local/templates/main/assets/images/warranty.svg); } .facts-list_ol-outside-icon-top .facts-list__item_worker { background-image: url(/local/templates/main/assets/images/worker.svg); } .facts-list_ol-outside-icon-top .facts-list__content { display: block; position: relative; box-sizing: border-box; min-height: 130px; width: 130px; font-family: Roboto, Helvetica, Arial, sans-serif; background-color: #212327; background-image: linear-gradient(142.18deg, #31343a 0, #212327 101%); color: #fff; border-radius: 5px; cursor: -webkit-grab; cursor: grab; box-shadow: 10px 10px 20px rgba(35, 37, 41, .15); padding: 22px 23px 15px; } .facts-list_ol-outside-icon-top .facts-list__content .facts-list__counter { position: absolute; top: -11px; left: -11px; content: counter(carousel-ol-counter); height: 29px; width: 29px; background-color: #119bfe; border-radius: 4px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 29px; text-align: center; z-index: 2; } .facts-list_ol-outside-icon-top .facts-list__content::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; box-sizing: border-box; border: 8px solid rgba(238, 238, 238, .5); border-radius: 5px; transform: translate(13px, 13px); transition: border-color 320ms ease-in-out; z-index: -1; } .facts-list_ol-outside-icon-top .facts-list__content::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #f90; background-image: linear-gradient(90deg, #fdae18 0, #f90 100%); z-index: 0; opacity: 0; border-radius: 5px; box-shadow: 10px 10px 20px rgba(255, 154, 1, .2); transition: opacity 320ms ease-in-out; } .facts-list_ol-outside-icon-top .facts-list__content p { color: inherit; text-decoration: none; padding: 0; margin: 0; } .facts-list_ol-outside-icon-top .facts-list__content-bignum { display: block; position: relative; padding-bottom: 27px; margin-bottom: 6px; font-size: 36px; font-weight: 700; line-height: 1; z-index: 2; } .facts-list_ol-outside-icon-top .facts-list__content-bignum::after { position: absolute; bottom: 8px; left: 0; content: ""; height: 5px; width: 36px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url(/local/templates/main/assets/images/wave.svg); mask-image: url(/local/templates/main/assets/images/wave.svg); background-color: #119bfe; transition: background-color 320ms ease-in-out; } .facts-list_ol-outside-icon-top .facts-list__content-numdesc { display: block; position: relative; font-size: 12px; font-weight: 700; line-height: 1; text-transform: lowercase; z-index: 2; } .facts { overflow: hidden; max-width: 100%; margin: 0; padding: 51px 0 44px; } .facts__about { padding-bottom: 46px; border-bottom: 1px solid #eee; } .facts__about-title { max-width: 600px; margin-bottom: 40px; } .facts__indisputable-facts { padding-top: 34px; } .facts__indisputable-facts-title { margin-bottom: 46px; } .facts__columns { margin-bottom: 35px; } .facts__facts-list { margin-bottom: 25px; } .facts__quote { position: relative; margin-top: 0; padding: 100px 41px 48px 40px; background: 0 0; border: 1px solid #eee; box-sizing: border-box; border-radius: 5px; } .facts__quote::before { position: absolute; content: ""; top: 49px; left: 48px; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/local/templates/main/assets/images/quote.svg); } .facts__quote p:first-child { padding-top: 0; } .facts__ending-after-ol { padding-top: 20px; max-width: 870px; } .facts__ending-after-ol p:not(:first-child) { padding-top: 24px; } .news-on-main { overflow: hidden; padding-bottom: 34px; } .news-on-main a { color: inherit; text-decoration: none; } .news-on-main__header { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-bottom: 24px; } .news-on-main__title { margin: 0; flex-basis: 50%; } .news-on-main__more { display: block; position: relative; padding: 12px 30px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1; text-align: center; color: #666; background-color: transparent; border: 1px solid #eee; border-radius: 4px; transition: color 320ms ease-in-out, background-color 320ms ease-in-out, border-color 320ms ease-in-out; } .news-on-main__more::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: radial-gradient(111.57% 382.64% at 103.49% 75.21%, #0034ed 0, rgba(17, 155, 254, 0) 100%), linear-gradient(94.62deg, #119bfe .37%, #0085ff 100%); border-radius: 5px; opacity: 0; transition: opacity 320ms ease-in-out; } .news-on-main__more div { position: relative; } .news-on-main__list { display: flex; flex-direction: column; } .news-on-main__link { position: relative; display: flex; overflow: hidden; } .news-on-main__link::after { position: absolute; top: 15px; right: 16px; content: ''; width: 31px; height: 31px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/main/assets/images/share.svg); z-index: 3; } .news-on-main__link:not(:last-child) { margin-bottom: 18px; } .news-on-main__article { box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; padding: 65px 65px 22px 29px; width: 100%; height: 100%; min-height: 183px; border-radius: 5px; border: 1px solid #eee; } .news-on-main__article::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-image: linear-gradient(0deg, #1f313f 0, rgba(24, 61, 87, 0) 100%); background-color: rgba(0, 0, 0, 0); z-index: 1; transition: background-color 320ms ease-in-out; } .news-on-main__article::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: #119bfe; box-shadow: 0 15px 30px rgba(0, 0, 0, .05); opacity: 0; z-index: 2; transition: opacity 320ms ease-in-out; } .news-on-main__pic { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; bottom: 0; left: 0; margin: 0; padding: 0; -o-object-fit: cover; object-fit: cover; z-index: 0; } .news-on-main__date { display: block; position: relative; margin: 0 0 7px; padding: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 1; color: #fff; z-index: 3; } .news-on-main__article-title { display: block; position: relative; padding: 0; margin: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.6; letter-spacing: .5px; color: #fff; z-index: 3; } .news-on-news { display: block; overflow: hidden; padding-bottom: 34px; padding-top: 23px; width: 100%; } .news-on-news a { color: inherit; text-decoration: none; } .news-on-news__title { margin: 0 0 20px; } .news-on-news__list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-right: -23px; } .news-on-news__link { position: relative; display: flex; overflow: hidden; flex-basis: 100%; max-width: 370px; width: 100%; flex-grow: 1; margin-bottom: 30px; margin-right: 23px; min-height: 480px; text-decoration: none; } .news-on-news__link::after { position: absolute; top: 15px; right: 16px; content: ""; width: 31px; height: 31px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/main/assets/images/share.svg); z-index: 3; } .news-on-news__article { box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; padding: 65px 65px 22px 29px; width: 100%; height: 100%; min-height: 183px; border-radius: 5px; border: 1px solid #eee; } .news-on-news__article::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-image: linear-gradient(0deg, #1f313f 0, rgba(24, 61, 87, 0) 100%); background-color: rgba(0, 0, 0, 0); z-index: 1; transition: background-color 320ms ease-in-out; } .news-on-news__article::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #119bfe; box-shadow: 0 15px 30px rgba(0, 0, 0, .05); opacity: 0; z-index: 2; transition: opacity 320ms ease-in-out; } .news-on-news__pic { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; bottom: 0; left: 0; margin: 0; padding: 0; -o-object-fit: cover; object-fit: cover; z-index: 0; } .news-on-news__date { display: block; position: relative; margin: 0 0 7px; padding: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 1; color: #fff; z-index: 3; } .news-on-news__article-title { display: block; position: relative; padding: 0; margin: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.6; letter-spacing: .5px; color: #fff; z-index: 3; } .prices-on-main__title { max-width: 688px; margin-bottom: 25px; } .prices-on-main__warning { display: flex; align-items: center; padding: 20px 23px 20px 19px; background-color: rgba(238, 238, 238, .25); border-radius: 0 0 5px 5px; } .prices-on-main__warning p { padding-top: 0; font-size: inherit; } .prices-on-main__attention { display: block; margin-right: 20px; padding-right: 10px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; font-weight: 700; color: #111; } .prices-on-main__attention-info { display: block; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 10px; line-height: 18px; color: #111; max-width: 410px; } .price-table { box-sizing: border-box; } .price-table td, .price-table th { box-sizing: border-box; padding-top: 10px; padding-bottom: 11px; vertical-align: center; } .price-table td:first-child, .price-table th:first-child { padding-left: 19px; padding-right: 27px; width: 46%; } .price-table td:nth-child(even), .price-table th:nth-child(even) { width: 29%; padding-right: 27px; } .price-table td:last-child, .price-table th:last-child { padding-right: 9px; width: 25%; } .price-table thead th { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 9px; line-height: 15px; color: #fff; text-transform: uppercase; background-color: #212327; background-image: linear-gradient(180deg, #31343a 0, #212327 101%); } .price-table thead th:first-child { border-radius: 5px 0 0; } .price-table thead th:last-child { border-radius: 0 5px 0 0; } .price-table tbody td, .price-table tbody th { border: 1px solid #dfeef8; } .price-table tbody td:first-child, .price-table tbody th:first-child { border-right: none; } .price-table tbody td:last-child, .price-table tbody th:last-child { border-left: none; } .price-table tbody td:nth-child(2), .price-table tbody th:nth-child(2) { border-left: none; border-right: none; } .price-table tbody th { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; color: #666; } .price-table tfoot { position: relative; } .price-table tfoot::after { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; border-radius: 0 0 5px 5px; border: 1px solid #dfeef8; border-top: none; } .price-table tfoot th { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; font-weight: 700; color: #111; text-transform: uppercase; } .price-table tfoot .price-table__currency { display: none; } .price-table__price { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19px; color: #111; font-weight: 400; letter-spacing: -1px; } .price-table__currency { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 10px; line-height: 16px; color: #666; } .price-table__total { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 21px; color: #119bfe; letter-spacing: -1px; } .wr_info { background-image: url(/local/templates/main/assets/images/info_bg.svg); } #down.fixed { display: block; width: 56px; height: 56px; background-image: url(/local/templates/main/assets/images/gtt-arrow.svg); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-animation: 2s linear animate-show-up; animation: 2s linear animate-show-up; transition: filter .3s linear; } #down.fixed:hover { filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .25)); } #down.fixed:active:active { filter: drop-shadow(0 5px 25px rgba(0, 0, 0, .25)); } .pool-calc { display: block; flex-shrink: 0; box-sizing: border-box; padding: 27px 30px 21px; margin: 0 auto; height: auto; width: 313px; min-height: 380px; background: linear-gradient(142.18deg, #31343a 0, #212327 101%); border: 1px solid; border-image-source: linear-gradient(142.03deg, #4b4d55 0, rgba(70, 72, 78, 0) 100.69%); border-radius: 5px; } .pool-calc__title { display: inline-block; box-sizing: border-box; padding-left: 27px; margin-bottom: 33px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1; color: #fff; text-transform: uppercase; background-image: url(/local/templates/main/assets/images/main_form__calculator.svg); background-size: 18px; background-repeat: no-repeat; background-position: left; } .pool-calc__fieldset { display: block; border: none; margin: 0; padding: 0; } .pool-calc__fieldset_pool-type { margin-bottom: 20px; } .pool-calc__fieldset_pool-size { margin-bottom: 25px; } .pool-calc__pool-type-heading { display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 17px; } .pool-calc__legend { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; color: #fff; } .pool-calc__legend_size { margin-bottom: 17px; } .pool-calc__tip { display: block; text-decoration: none; color: inherit; cursor: pointer; width: 18px; height: 18px; background-color: #666; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 14px; mask-size: 14px; -webkit-mask-image: url(/local/templates/main/assets/images/questo.svg); mask-image: url(/local/templates/main/assets/images/questo.svg); transition: background-color 320ms ease-in-out; } .pool-calc__popup { display: none; align-items: center; justify-content: space-between; position: absolute; bottom: 34px; right: -30px; padding: 15px 20px; min-height: 101px; max-width: 353px; background: #111; border-radius: 4px; -webkit-animation: 320ms ease-in-out animate-fade-in; animation: 320ms ease-in-out animate-fade-in; } .pool-calc__popup_active { display: flex; } .pool-calc__popup-overflow, .pool-calc__popup-skimmer { display: flex; align-items: center; padding-left: 38px; height: 53px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1; color: #fff; background-repeat: no-repeat; background-position: left; background-size: contain; } .pool-calc__popup-overflow { background-image: url(/local/templates/main/assets/images/pool-overflow.svg); margin-right: 20px; } .pool-calc__popup-skimmer { background-image: url(/local/templates/main/assets/images/pool-skimmer.svg); } .pool-calc__radio { display: block; position: absolute; overflow: hidden; margin-left: -1px; width: 1px; height: 1px; opacity: 0; } .pool-calc__radio:checked+.pool-calc__radio-label { color: #fff; } .pool-calc__radio:checked+.pool-calc__radio-label::before { transform: translateX(0); } .pool-calc__radio:focus+.pool-calc__radio-label { color: #fdab15; } .pool-calc__pool-type-toggle { display: flex; align-items: center; box-sizing: border-box; padding: 4px; background: linear-gradient(142.18deg, #1d2024 0, #1d2024 101%); border-radius: 4px; border: 1px solid #31343a; } .pool-calc__radio-label { display: block; position: relative; padding: 5px 10px; flex-basis: 0%; flex-grow: 1; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1; text-align: center; font-weight: 400; color: #666; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 320ms ease-in-out; } .pool-calc__radio-label:not(:last-child) { margin-right: 4px; } .pool-calc__radio-label:last-child::before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #282b32; border-radius: 2px; transform: translateX(calc(-100% - 4px)); transition: transform 320ms ease-in-out; } .pool-calc__radio-span { position: relative; z-index: 2; } .pool-calc__pool-size-inner { display: flex; flex-wrap: wrap; } .pool-calc__input-label { display: block; flex-basis: calc(50% - 21px); } .pool-calc__input-label:nth-child(odd) { margin-right: 42px; } .pool-calc__input-label:first-child { margin-bottom: 20px; } .pool-calc__input-name, .pool-calc__min-max { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1; } .pool-calc__input-name { color: #666; } .pool-calc__min-max { color: #fff; } .pool-calc__size-input { display: block; box-sizing: border-box; height: 29px; width: 100%; background: 0 0; border: none; outline: 0; opacity: 1; border-bottom: 1px solid #666; font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #fff; font-size: 14px; line-height: 29px; transition: border-color 320ms ease-in-out; } .pool-calc__size-input:focus:focus { border-bottom: 1px solid #fff; } .pool-calc__button { border: none; margin: 0; padding: 18px 28px; overflow: visible; background-color: transparent; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; width: 100%; font-family: Roboto, Helvetica, Arial, sans-serif; color: #fff; font-size: 14px; line-height: 1; font-weight: 400; box-shadow: 5px 10px 15px rgba(0, 0, 0, .1); text-transform: uppercase; } .pool-calc__button::-moz-focus-inner { border: 0; padding: 0; } .pool-calc__button::before { border-radius: 4px; } .hero__pool-calc { display: none; } .footer { display: block; overflow: hidden; margin: 0; padding: 0; max-width: 100%; border: none; background-image: linear-gradient(142.18deg, #31343a 0, #212327 101%); background-color: #111; } .footer-contacts { display: block; box-sizing: border-box; padding-top: 8px; padding-bottom: 27px; border-bottom: 1px solid rgba(102, 102, 102, .1); } .footer-contacts * { box-sizing: inherit; } .footer-contacts__container-1170px { box-sizing: content-box; } .footer-contacts__office { position: relative; margin-bottom: 23px; } .footer-contacts__office::after, .footer-contacts__office::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .footer-contacts__office::before { background: #fff; opacity: .05; filter: blur(30px); border-radius: 15px; transform: translateY(-16px); } .footer-contacts__office::after { background: #000; opacity: .5; filter: blur(30px); border-radius: 15px; transform: translateY(19px) translateX(20px); } .footer-contacts__office-inner { position: relative; padding: 15px 12px 24px 14px; background-image: linear-gradient(142.18deg, #31343a 0, #212327 101%); border-radius: 5px; border: 1px solid #3b3e44; z-index: 1; } .footer-contacts__heading { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 20px; } .footer-contacts__title { display: block; position: relative; padding: 0 0 0 37px; margin: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; color: #fff; text-transform: uppercase; } .footer-contacts__title::before { position: absolute; content: ""; top: -3px; left: 6px; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/main/assets/images/route.svg); } .footer-contacts__map { display: block; overflow: hidden; width: 100%; height: 378px; border-radius: 5px; } .footer-contacts__map [class*=copyrights-pane] { display: none; } .footer-contacts__map [class*=ground-pane] { filter: grayscale(1); } .footer-contacts__info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .footer-contacts__contact_address, .footer-contacts__contact_tel { margin-bottom: 22px; } .footer-contacts__contact_tel { display: flex; flex-wrap: wrap; } .footer-contacts__contact_tel .footer-contacts__small-title { flex-basis: 100%; } .footer-contacts__contact_tel .footer-contacts__tel { margin-right: auto; } .footer-contacts__contact_email, .footer-contacts__contact_working-time { flex-basis: 50%; } .footer-contacts__small-title { display: block; padding: 0; margin: 0 0 13px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 12px; line-height: 1.6; color: #666; } .footer-contacts__info-text { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; font-weight: 400; color: #fff; } .footer-contacts__info-text_email { text-decoration: none; transition: opacity .3s linear; } .footer-contacts__tel { font-family: Roboto, Helvetica, Arial, sans-serif; text-decoration: none; font-weight: 600; font-size: 18px; line-height: 29px; color: #fff; transition: opacity .3s linear; } .footer-contacts__call-me-back { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; color: #fff; text-decoration: underline; -webkit-text-decoration-style: dashed; text-decoration-style: dashed; text-underline-offset: 6px; transition: opacity .3s linear; } .footer-requires { padding-top: 25px; padding-bottom: 14px; box-sizing: border-box; border-bottom: 1px solid rgba(102, 102, 102, .1); } .footer-requires * { box-sizing: inherit; } .footer-requires__container-1170px { box-sizing: content-box; display: flex; flex-direction: column; } .footer-requires__block { box-sizing: border-box; } .footer-requires__block_order { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; } .footer-requires__logo { display: block; margin-right: 27px; margin-bottom: 27px; width: 100px; height: 83px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/local/templates/main/assets/images/amaster-logo_sm.svg); } .footer-requires__buttons { margin-bottom: 27px; } .footer-requires__button-calculator { margin-bottom: 8px; } .footer-requires__do p { margin: 0; padding: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; font-weight: 400; color: #666; } .footer-requires__title { display: block; padding: 0; margin: 0 0 15px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.6; color: #fdae18; } .footer-requires__nav_before-socials { margin-bottom: 25px; } .footer-requires__list.footer-requires__list { margin: 0; padding: 0; list-style: none; } @media (max-width: 767.98px) { .footer-requires__list { display: none; } .footer-requires__list.footer-requires__list { padding-bottom: 20px; } } .footer-requires__item.footer-requires__item { list-style: none; } .footer-requires__link { text-decoration: none; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.9; font-weight: 400; color: #666; transition: color 320ms ease-in-out; } .submenu-socials-wrap { padding-top: 20px; padding-left: 20px; } .requires-socials { display: flex; gap: 8px; } .requires-social-link { display: block; width: 30px !important; height: 30px !important; padding: 0 !important; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; background-color: #fdae18; opacity: 0.9 !important; transition: opacity 320ms ease-in-out; } .requires-social-link:active:active { background-color: #fff; } .requires-social-link_youtube { -webkit-mask-image: url(/local/templates/main/assets/images/youtube.svg); mask-image: url(/local/templates/main/assets/images/youtube.svg); } .requires-social-link_facebook { -webkit-mask-image: url(/local/templates/main/assets/images/facebook.svg); mask-image: url(/local/templates/main/assets/images/facebook.svg); } .requires-social-link_rutube { -webkit-mask-image: url(/local/templates/main/assets/images/rutube.svg); mask-image: url(/local/templates/main/assets/images/rutube.svg); } .requires-social-link_pinterest { -webkit-mask-image: url(/local/templates/main/assets/images/pinterest.svg); mask-image: url(/local/templates/main/assets/images/pinterest.svg); } .requires-social-link_telegram { -webkit-mask-image: url(/local/templates/main/assets/images/telegram.svg); mask-image: url(/local/templates/main/assets/images/telegram.svg); } .requires-social-link_instagram { -webkit-mask-image: url(/local/templates/main/assets/images/instagram.svg); mask-image: url(/local/templates/main/assets/images/instagram.svg); } .requires-social-link_zen { -webkit-mask-image: url(/local/templates/main/assets/images/zen.svg); mask-image: url(/local/templates/main/assets/images/zen.svg); } .footer-copyrights { display: block; box-sizing: border-box; padding-top: 15px; padding-bottom: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 13px; font-weight: 400; color: #666; } .footer-copyrights__container-1170px { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; box-sizing: content-box; } .footer-copyrights__copyright { font: inherit; color: inherit; margin-bottom: 8px; margin-right: 10px; } .footer-copyrights__confidential { text-decoration: none; font: inherit; color: inherit; transition: color 320ms ease-in-out; } .footer-copyrights__confidential:active:active { color: #fff; } @-webkit-keyframes animate-show-up { 0% { opacity: 0; } 33% { opacity: 0; transform: translateY(5px); } 66% { opacity: 1; transform: translateY(-60px); } 100% { transform: translateY(0); } } @keyframes animate-show-up { 0% { opacity: 0; } 33% { opacity: 0; transform: translateY(5px); } 66% { opacity: 1; transform: translateY(-60px); } 100% { transform: translateY(0); } } @-webkit-keyframes animate-show-down { 0% { opacity: 0; } 33% { opacity: 0; transform: translateY(-56px); } 66% { opacity: 1; transform: translateY(50px); } 100% { transform: translateY(0); opacity: 1; } } @keyframes animate-show-down { 0% { opacity: 0; } 33% { opacity: 0; transform: translateY(-56px); } 66% { opacity: 1; transform: translateY(50px); } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes animate-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animate-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 375px) { .container-1170px { padding-right: 15px; padding-left: 15px; } .hero__title { font-size: 24px; } } @media (min-width: 424px) { .breadcrumb_b .b_inner, .container-1170px { padding-right: 53px; padding-left: 53px; } .main-navigation .mob_right { width: 100%; } .main-navigation .but_open { right: 0; } } @media (min-width: 640px) { .prices-on-main__warning { justify-content: space-between; } } @media (min-width: 768px) { .main-navigation .but_open { top: 23px; } .news-on-main__list { flex-direction: row; flex-wrap: wrap; } .news-on-main__link { flex-basis: calc(50% - 9px); flex-shrink: 1; margin-bottom: 0; } .news-on-main__link:nth-child(1) { margin-bottom: 18px; margin-right: 18px; } .news-on-main__link:nth-child(2) { margin-bottom: 18px; } .news-on-main__link:nth-child(3) { margin-right: 18px; margin-bottom: 0; } .news-on-news__list { justify-content: space-evenly; } .news-on-news__link { flex-basis: 45%; } .footer-contacts__contact_address { flex-basis: calc(50% - 20px); padding-right: 20px; } .footer-contacts__contact_tel { flex-basis: 50%; } .footer-requires__container-1170px { flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; } .footer-requires__block { flex-basis: calc(50% - 20px); } .footer-requires__block_info, .footer-requires__block_products { margin-bottom: 0; } .footer-requires__block_info { margin-bottom: 30px; } .footer-copyrights__copyright { margin-bottom: 0; } } @media (min-width: 768px) { .footer-requires__block { padding-right: 30px; } } @media (min-width: 768px) and (max-width: 1024.98px) { .hero { padding-top: 120px; } .footer-requires__block { flex-basis: calc(50%); } } @media (min-width: 800px) { .facts-list_ol-outside-icon-top .facts-list__item { flex-grow: 0; width: 270px; background-position: 25px 10px; background-size: auto 100px; padding: 163px 23px 22px 20px; } .facts-list_ol-outside-icon-top .facts-list__content { width: 227px; min-height: 227px; padding: 45px 41px 30px; } .facts-list_ol-outside-icon-top .facts-list__content .facts-list__counter { top: -20px; left: -20px; height: 50px; width: 50px; font-size: 24px; font-weight: 400; line-height: 50px; } .facts-list_ol-outside-icon-top .facts-list__content::before { border: 8px solid rgba(238, 238, 238, .5); transform: translate(23px, 22px); } .facts-list_ol-outside-icon-top .facts-list__content-bignum { padding-bottom: 33px; margin-bottom: 11px; font-size: 72px; } .facts-list_ol-outside-icon-top .facts-list__content-bignum::after { height: 9px; width: 64px; } .facts-list_ol-outside-icon-top .facts-list__content-numdesc { font-size: 18px; } } @media (min-width: 1024px) { .hero { padding-bottom: 43px; } .hero__text { height: auto; margin-right: 43px; } .hero__pool-calc { display: block; margin-top: 78px; } .hero__btns { display: none; } .main-navigation .header__desktop-nav { width: 100%; } .hero__logo { display: block; margin-bottom: 50px; } .main-navigation .header__tel { display: block; position: relative; float: right; padding: 24px 0; font-family: PFDinDisplayPro_Light, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1; text-decoration: none; color: #fff; z-index: 100; } .hat-inner-page .main-navigation .header__tel { display: none; } .header ul li a, .header ul li span.ps-link { font-size: 16px; } .main-navigation { display: flex; } .main-navigation .header__desktop-nav { display: block; padding-right: 10px; } .main-navigation .but_open, .main-navigation .mob_right { display: none; } .hat-inner-page__top { display: flex; position: relative; padding: 23px 15px 0px; width: auto; justify-content: space-between; align-items: center; z-index: 100; } .hero__container-1170px { flex-direction: row; justify-content: space-between; align-items: flex-start; } .hero__subtitle { display: block; margin-bottom: 35px; } .hero__socials { font-size: 12px; margin-top: 0; font-weight: 700; } .hero__socials span { display: block; } .news-on-news__list { justify-content: space-between; } .news-on-news__link { flex-basis: 30%; } } @media (min-width: 1024px) { .footer-requires__block { flex-basis: 25%; } .pool-calc__input-label { flex-basis: calc(50% - 28px); } .pool-calc__input-label:nth-child(odd) { margin-right: 56px; } .pool-calc__input-label:first-child { margin-bottom: 25px; } .pool-calc__input-name, .pool-calc__min-max { font-size: 14px; } .section__title { font-size: 40px; } .embossed-button div { padding: 17px 30px; } .embossed-button_route div { padding: 17px 30px 17px 54px; } .embossed-button_route div::before { left: 30px; } .embossed-button_route span { display: inline; } .orange-button, .tranparent-button { padding: 18px 35px; font-size: 16px; } .hero { padding-top: 100px; padding-bottom: 50px; background-position: center bottom; } .hero__title { margin-bottom: 20px; font-size: 45px; } .hero__premium-em { width: 185px; } .hero__gtb-arrow, .hero__gtb-arrow::after { display: block; } .facts-list_ol .facts-list__item { padding: 88px 60px 73px 40px; width: 470px; min-height: 295px; } .facts-list_ol .facts-list__item .facts-list__counter { top: 40px; left: 40px; } .facts { padding-top: 100px; padding-bottom: 80px; } .facts__about { padding-bottom: 59px; } .facts__about-title { margin-bottom: 50px; } .facts__indisputable-facts { padding-top: 57px; } .facts__indisputable-facts-title { margin-bottom: 60px; } .facts__columns { margin-bottom: 46px; -moz-columns: 2; columns: 2; -moz-column-gap: 64px; column-gap: 64px; } .facts__columns p { -moz-column-break-inside: avoid; break-inside: avoid; } .facts__facts-list { margin-bottom: 38px; } .facts__quote { padding: 81px 125px 90px 252px; } .facts__quote::before { top: 81px; left: 118px; width: 64px; height: 64px; } .facts__quote p { font-size: 18px; } .facts__ending-after-ol, .facts__ending-after-ol p:not(:first-child) { padding-top: 30px; } .news-on-main { padding-bottom: 80px; } .news-on-main__header { margin-bottom: 70px; } .news-on-main__list { flex-direction: column; height: 490px; } .news-on-main__link { flex-basis: 50%; width: 370px; } .news-on-main__link::after { top: 9px; right: 20px; } .news-on-main__link:nth-child(-n+2)::after { top: 20px; } .news-on-main__link:nth-child(-n+2) { margin-bottom: 0; margin-right: 30px; flex-basis: 100%; } .news-on-main__link:nth-child(3), .news-on-main__link:nth-child(4) { flex-basis: calc(50% - 15px); } .news-on-main__link:nth-child(3) { margin-bottom: 30px; } .news-on-main__date { font-size: 16px; margin-bottom: 14px; } .news-on-main__article-title { font-size: 20px; font-weight: 400; letter-spacing: 0; } .news-on-news { padding-top: 0; padding-bottom: 80px; } .news-on-news__title { margin-bottom: 40px; } .news-on-news__date { font-size: 16px; margin-bottom: 14px; } .news-on-news__article-title { font-size: 20px; font-weight: 400; letter-spacing: 0; } .prices-on-main__title { margin-bottom: 55px; } .prices-on-main__warning { padding: 20px 81px 20px 75px; } .prices-on-main__attention { font-size: 24px; } .prices-on-main__attention-info { font-size: 15px; line-height: 26px; } .price-table td:first-child, .price-table th:first-child { padding-left: 72px; } .price-table td:last-child, .price-table th:last-child { padding-right: 81px; } .price-table td, .price-table th { padding-top: 21px; padding-bottom: 18px; } .price-table thead th { font-size: 15px; line-height: 24px; } .price-table thead th:nth-child(n+2) { text-align: right; } .price-table tbody td, .price-table tbody th { font-size: 16px; line-height: 24px; } .price-table tbody td { text-align: right; } .price-table tfoot th { font-size: 15px; line-height: 25px; } .price-table tfoot td { text-align: right; } .price-table tfoot .price-table__currency { display: inline; } .price-table__price { font-size: 24px; line-height: 38px; } .price-table__currency { font-size: 13px; line-height: 21px; } .price-table__total { font-size: 24px; line-height: 39px; } .pool-calc { flex-shrink: 0; padding: 37px 41px 34px; width: 424px; min-height: 514px; } .pool-calc__title { padding-left: 35px; margin-bottom: 45px; font-size: 20px; line-height: 1; } .pool-calc__fieldset_pool-type { margin-bottom: 27px; } .pool-calc__fieldset_pool-size { margin-bottom: 34px; } .pool-calc__pool-type-heading { margin-bottom: 22px; } .pool-calc__legend { font-size: 18px; } .pool-calc__legend_size { margin-bottom: 22px; } .pool-calc__tip { width: 24px; height: 24px; -webkit-mask-size: 20px; mask-size: 20px; } .pool-calc__popup { right: 0; padding: 35px 38px 23px 41px; width: 100%; } .pool-calc__pool-type-toggle { padding: 5px; } .pool-calc__radio-label:last-child::before { transform: translateX(-100%); } .pool-calc__radio-label { padding: 7px 13px; font-size: 16px; } .pool-calc__size-input { height: 41px; font-size: 18px; line-height: 41px; } .pool-calc__button { padding: 23px 28px; font-size: 16px; } .footer-contacts { padding-top: 69px; padding-bottom: 50px; } .footer-contacts__office { margin-bottom: 60px; } .footer-contacts__office-inner { padding: 19px 17px 16px; } .footer-contacts__title { padding-left: 55px; font-size: 20px; line-height: 32px; } .footer-contacts__title::before { top: 2px; left: 16px; } .footer-contacts__map { height: 314px; } .footer-contacts__info { flex-wrap: nowrap; align-items: flex-start; } .footer-contacts__contact_address, .footer-contacts__contact_tel { margin-bottom: 0; } .footer-contacts__contact_address { flex-basis: 370px; margin-right: auto; } .footer-contacts__contact_tel { flex-direction: column; flex-basis: 25%; } .footer-contacts__contact_email, .footer-contacts__contact_working-time { flex-basis: 18%; } .footer-contacts__small-title { margin-bottom: 20px; font-size: 14px; } .footer-contacts__info-text { font-size: 20px; } .footer-contacts__tel { font-size: 22px; line-height: 36px; } .footer-requires { padding-top: 42px; padding-bottom: 27px; } .footer-requires__block_order { margin-bottom: 0; flex-basis: 270px; justify-content: center; } .footer-requires__logo { width: 161px; height: 93px; margin-bottom: 30px; background-image: url(/local/templates/main/assets/images/amaster-logo.svg); } .footer-requires__buttons { margin-bottom: 30px; width: 100%; } .footer-requires__title { margin: 0 0 40px; font-size: 20px; } .footer-requires__nav_before-socials { margin-bottom: 45px; } .footer-copyrights { padding: 30px 0; font-size: 16px; } } @media (hover: hover) and (pointer: fine) { .main-navigation .header__tel:hover { text-decoration: underline; } } @media (min-width: 1230px) { .main-navigation .header__desktop-nav>ul>li:not(:last-child) { margin-right: 10px; } .main-navigation .header__tel { font-size: 18px; } .header ul li a, .header ul li span.ps-link { font-size: 18px; } } /*@media (hover: hover) { .embossed-button:hover:after { opacity: 1; } .orange-button:hover::before { opacity: .8; } .tranparent-button:hover::before { opacity: .6; } .breadcrumb_b li a:hover { text-decoration: none; color: #119bfe; } .main-navigation ul li:active>a, .main-navigation ul li:hover>a { border-bottom: 1px solid #fdae18; } .main-navigation .submenu ul li a:not(.button_orange):not(.title_bl):hover { color: #fff; background: 0 0; opacity: 1; } .main-navigation .small_txt li a:hover { color: #fff !important; } .hat-inner-page__top .phone a:hover { opacity: .6; } .facts-list_ol .facts-list__item:hover:before, .hat-inner-page .header__desktop-nav>ul>li>a:hover, .hero__gtb-arrow:hover::after { opacity: 1; } .facts-list_ol-outside-icon-top .facts-list__item { background-color: transparent; } .facts-list_ol-outside-icon-top .facts-list__content:hover { box-shadow: none; } .facts-list_ol-outside-icon-top .facts-list__content:hover::after { opacity: 1; } .facts-list_ol-outside-icon-top .facts-list__content:hover::before { border: 8px solid #119bfe; } .facts-list_ol-outside-icon-top .facts-list__content:hover .facts-list__content-bignum::after { background-color: #fff; } .news-on-main__more:hover { color: #fff; } .news-on-main__link:hover .news-on-main__article::after, .news-on-main__more:hover::before, .news-on-news__link:hover .news-on-news__article::after { opacity: 1; } .pool-calc__tip:hover { background-color: #fdab15; } .pool-calc__tip:hover+.pool-calc__popup { display: flex; } .pool-calc__tip:focus-visible+.pool-calc__popup { display: flex; } .pool-calc__radio-label:hover { color: #fff; } .pool-calc__size-input:hover { border-bottom: 1px solid #fff; } .footer-contacts__call-me-back:hover, .footer-contacts__info-text_email:hover, .footer-contacts__tel:hover { opacity: .6; } .footer-requires__link:hover { color: #fff; } .requires-social-link:hover { background-color: #fff; } .footer-copyrights__confidential:hover { color: #fff; } .section__title { font-size: 40px; } .embossed-button div { padding: 17px 30px; } .embossed-button_route div { padding: 17px 30px 17px 54px; } .embossed-button_route div::before { left: 30px; } .embossed-button_route span { display: inline; } .orange-button, .tranparent-button { padding: 18px 35px; font-size: 16px; } .hero__gtb-arrow, .hero__gtb-arrow::after { display: block; } .facts-list_ol .facts-list__item { padding: 88px 60px 73px 40px; width: 470px; min-height: 295px; } .facts-list_ol .facts-list__item .facts-list__counter { top: 40px; left: 40px; } .facts { padding-top: 100px; padding-bottom: 80px; } .facts__about { padding-bottom: 59px; } .facts__about-title { margin-bottom: 50px; } .facts__indisputable-facts { padding-top: 57px; } .facts__indisputable-facts-title { margin-bottom: 60px; } .facts__columns { margin-bottom: 46px; -moz-columns: 2; columns: 2; -moz-column-gap: 64px; column-gap: 64px; } .facts__columns p { -moz-column-break-inside: avoid; break-inside: avoid; } .facts__facts-list { margin-bottom: 38px; } .facts__quote { padding: 81px 125px 90px 252px; } .facts__quote::before { top: 81px; left: 118px; width: 64px; height: 64px; } .facts__quote p { font-size: 18px; } .facts__ending-after-ol, .facts__ending-after-ol p:not(:first-child) { padding-top: 30px; } .news-on-main { padding-bottom: 80px; } .news-on-main__header { margin-bottom: 70px; } .news-on-main__list { flex-direction: column; height: 490px; } .news-on-main__link { flex-basis: 50%; width: 370px; } .news-on-main__link::after { top: 9px; right: 20px; } .news-on-main__link:nth-child(-n+2)::after { top: 20px; } .news-on-main__link:nth-child(-n+2) { margin-bottom: 0; margin-right: 30px; flex-basis: 100%; } .news-on-main__link:nth-child(3), .news-on-main__link:nth-child(4) { flex-basis: calc(50% - 15px); } .news-on-main__link:nth-child(3) { margin-bottom: 30px; } .news-on-main__date { font-size: 16px; margin-bottom: 14px; } .news-on-main__article-title { font-size: 20px; font-weight: 400; letter-spacing: 0; } .news-on-news { padding-top: 0; padding-bottom: 80px; } .news-on-news__title { margin-bottom: 40px; } .news-on-news__date { font-size: 16px; margin-bottom: 14px; } .news-on-news__article-title { font-size: 20px; font-weight: 400; letter-spacing: 0; } .prices-on-main__title { margin-bottom: 55px; } .prices-on-main__warning { padding: 20px 81px 20px 75px; } .prices-on-main__attention { font-size: 24px; } .prices-on-main__attention-info { font-size: 15px; line-height: 26px; } .price-table td:first-child, .price-table th:first-child { padding-left: 72px; } .price-table td:last-child, .price-table th:last-child { padding-right: 81px; } .price-table td, .price-table th { padding-top: 21px; padding-bottom: 18px; } .price-table thead th { font-size: 15px; line-height: 24px; } .price-table thead th:nth-child(n+2) { text-align: right; } .price-table tbody td, .price-table tbody th { font-size: 16px; line-height: 24px; } .price-table tbody td { text-align: right; } .price-table tfoot th { font-size: 15px; line-height: 25px; } .price-table tfoot td { text-align: right; } .price-table tfoot .price-table__currency { display: inline; } .price-table__price { font-size: 24px; line-height: 38px; } .price-table__currency { font-size: 13px; line-height: 21px; } .price-table__total { font-size: 24px; line-height: 39px; } .pool-calc { flex-shrink: 0; padding: 37px 41px 34px; width: 424px; min-height: 514px; } .pool-calc__title { padding-left: 35px; margin-bottom: 45px; font-size: 20px; line-height: 1; } .pool-calc__fieldset_pool-type { margin-bottom: 27px; } .pool-calc__fieldset_pool-size { margin-bottom: 34px; } .pool-calc__pool-type-heading { margin-bottom: 22px; } .pool-calc__legend { font-size: 18px; } .pool-calc__legend_size { margin-bottom: 22px; } .pool-calc__tip { width: 24px; height: 24px; -webkit-mask-size: 20px; mask-size: 20px; } .pool-calc__popup { right: 0; padding: 35px 38px 23px 41px; width: 100%; } .pool-calc__pool-type-toggle { padding: 5px; } .pool-calc__radio-label:last-child::before { transform: translateX(-100%); } .pool-calc__radio-label { padding: 7px 13px; font-size: 16px; } .pool-calc__size-input { height: 41px; font-size: 18px; line-height: 41px; } .pool-calc__button { padding: 23px 28px; font-size: 16px; } .footer-contacts { padding-top: 69px; padding-bottom: 50px; } .footer-contacts__office { margin-bottom: 60px; } .footer-contacts__office-inner { padding: 19px 17px 16px; } .footer-contacts__title { padding-left: 55px; font-size: 20px; line-height: 32px; } .footer-contacts__title::before { top: 2px; left: 16px; } .footer-contacts__map { height: 314px; } .footer-contacts__info { flex-wrap: nowrap; align-items: flex-start; } .footer-contacts__contact_address, .footer-contacts__contact_tel { margin-bottom: 0; } .footer-contacts__contact_address { flex-basis: 370px; margin-right: auto; } .footer-contacts__contact_tel { flex-direction: column; flex-basis: 25%; } .footer-contacts__contact_email, .footer-contacts__contact_working-time { flex-basis: 18%; } .footer-contacts__small-title { margin-bottom: 20px; font-size: 14px; } .footer-contacts__info-text { font-size: 20px; } .footer-contacts__tel { font-size: 22px; line-height: 36px; } .footer-requires { padding-top: 42px; padding-bottom: 27px; } .footer-requires__block_order { margin-bottom: 0; flex-basis: 270px; justify-content: center; } /*.footer-requires__block_info { flex-basis: 240px; } .footer-requires__block_products { flex-basis: 300px; } .footer-requires__block_pool-types { flex-basis: 182px; }*/ .footer-requires__logo { width: 161px; height: 93px; margin-bottom: 30px; background-image: url(/local/templates/main/assets/images/amaster-logo.svg); } .footer-requires__buttons { margin-bottom: 30px; width: 100%; } .footer-requires__title { margin: 0 0 40px; font-size: 20px; } .footer-requires__nav_before-socials { margin-bottom: 45px; } .footer-copyrights { padding: 30px 0; font-size: 16px; } } */ @media (hover: hover) and (pointer: fine) { .main-navigation .header__tel:hover { text-decoration: underline; } } @media (min-width: 1230px) { .main-navigation .header__desktop-nav>ul>li:not(:last-child) { margin-right: 10px; } .main-navigation .header__tel { font-size: 18px; } .header ul li a, .header ul li span.ps-link { font-size: 18px; } } @media (hover: hover) { .embossed-button:hover:after { opacity: 1; } .orange-button:hover::before { opacity: .8; } .tranparent-button:hover::before { opacity: .6; } .breadcrumb_b li a:hover { text-decoration: none; color: #119bfe; } .main-navigation ul li:active>a, .main-navigation ul li:hover>a { border-bottom: 1px solid #fdae18; } .main-navigation .submenu ul li a:not(.button_orange):not(.title_bl):hover { color: #fff; background: 0 0; opacity: 1; } .main-navigation .small_txt li a:hover { color: #fff !important; } .hat-inner-page__top .phone a:hover { opacity: .6; } .facts-list_ol .facts-list__item:hover:before, .hat-inner-page .header__desktop-nav>ul>li>a:hover, .hero__gtb-arrow:hover::after { opacity: 1; } .facts-list_ol-outside-icon-top .facts-list__item { background-color: transparent; } .facts-list_ol-outside-icon-top .facts-list__content:hover { box-shadow: none; } .facts-list_ol-outside-icon-top .facts-list__content:hover::after { opacity: 1; } .facts-list_ol-outside-icon-top .facts-list__content:hover::before { border: 8px solid #119bfe; } .facts-list_ol-outside-icon-top .facts-list__content:hover .facts-list__content-bignum::after { background-color: #fff; } .news-on-main__more:hover { color: #fff; } .news-on-main__link:hover .news-on-main__article::after, .news-on-main__more:hover::before, .news-on-news__link:hover .news-on-news__article::after { opacity: 1; } .pool-calc__tip:hover { background-color: #fdab15; } .pool-calc__tip:hover+.pool-calc__popup { display: flex; } .pool-calc__tip:focus-visible+.pool-calc__popup { display: flex; } .pool-calc__radio-label:hover { color: #fff; } .pool-calc__size-input:hover { border-bottom: 1px solid #fff; } .footer-contacts__call-me-back:hover, .footer-contacts__info-text_email:hover, .footer-contacts__tel:hover { opacity: .6; } .requires-social-link:hover { background-color: #fdae18 !important; opacity: 0.7 !important; } .footer-copyrights__confidential:hover { color: #fff; } } .header-mobile-socials-line { padding: 15px; display: flex; justify-content: space-between; align-items: center; background-color: #eaeaea; gap: 15px; } @media screen and (min-width: 1024px) { .header-mobile-socials-line { display: none; } } .header-mobile-sicials-line-title { font-size: 14px; color: #999; } .header-mobile-socials-line .requires-social-link { background-color: #000 !important; opacity: 0.5 !important; } .header-mobile-socials-line .requires-social-link:hover { background-color: #000 !important; opacity: 1 !important; } .content_b .main_b { padding-right: 30px; width: calc(100% - 330px); } @media (max-width: 890px) { .content_b .main_b { width: 100%; padding-right: 15px; } .content_b .job-list, .content_b .job_b { gap: 20px; } } .main_b a.orange-button { color: #fff; display: inline-flex; border: none; } @media (max-width: 890px) { .contacts-item { padding: 0 0 10px !important; } } @media (max-width: 767.98px) { .project-page-list, .photo-list { display: flex; flex-wrap: wrap; width: 100%; } .project-page-list a, .photo-list a { box-sizing: border-box; width: 50%; display: block; padding: 0 2px; } .complex_mini_mg .bl_mini_mg { margin: 0 auto 30px; } } .rules-checkbox { font-size: 13px; line-height: 1; text-align: left !important; display: flex; align-items: center; } .rules-checkbox input { margin-right: 10px; } .form-action { margin-top: 30px; } .rules-checkbox a { color: #111; } .rules-checkbox a:hover { text-decoration: none; } .news-info { display: flex; align-items: center; justify-content: space-between; line-height: 1; } .news-info .page-action { width: 100%; display: flex; justify-content: space-between; } .news-info .page-action { position: static; } .news-info .page-action .article-count { font-size: 14px; background-image: url(/local/media/images/views.svg); background-size: 18px; } .news-info .page-action .article-print { font-size: 14px; background-image: url(/local/media/images/print.svg); background-size: 16px; } .article-print { display: inline-block; vertical-align: middle; padding-left: 25px; background: url(/local/media/images/icon-print.png) no-repeat left center; background-image: url("/local/media/images/icon-print.png"); background-size: auto; font-size: 12px; text-decoration: none; color: #999 !important; font-weight: normal; height: 15px; margin-left: 10px; } .share { display: flex; align-items: center; } .share-title { font-size: 20px; margin-right: 8px; } .share-news.pluso>div { display: flex; align-items: center; } .share-news.pluso .pluso-counter b { background: #fff; box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.09); height: 28px; min-width: 24px; display: inline-flex; align-items: center; justify-content: center; top: 0; } .share-news.pluso a.pluso-more { height: 40px; width: 40px; background: #FDAE18 url(/local/media/images/share.svg) no-repeat center / 18px 16px !important; border-radius: 50%; } .share-news.pluso .pluso-counter b:after { border-color: transparent #fff; top: 15px; border-width: 6px 8px 6px 0; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.08)); } .share-news .ya-share2__list.ya-share2__list_direction_horizontal { margin: 0 0 0 10px; } .share-news .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item { margin-top: 0; } .ya-share2__popup-content .ya-share2__popup-tile .ya-share2__item:before, .ya-share2__popup .ya-share2__list .ya-share2__item:before, .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item:before { content: none; } .bg404 { background-size: cover; } .order-calculation { max-width: 970px; margin: 0 auto; } @media (max-width: 890px) { .calculation_b { margin-bottom: 20px; } .content_b .b_inner .form { padding: 22px 20px 18px; } .calculation_b .step0 { padding-bottom: 0; } .calculation_b .step0 .radio { float: none; margin: 0; } /* .calculation_b .form .btn_box { margin-top: -70px; } */ .calculation_b .form .btn_box .next { top: 45px; } .line_b { margin-left: 10px; margin-right: 10px; } } @media (max-width: 767.98px) { .pl-sm-1 { padding-left: 10px; } } .index-projects { padding: 80px 0; position: relative; } .index-projects img { display: block; } .index-projects .section__title { margin-bottom: 25px; } .index-projects-items { box-sizing: border-box; } .index-projects-items .index-projects-item:not(:last-child) { margin-bottom: 50px; } @media screen and (max-width: 1199.98px) { .index-projects-items .index-projects-item:not(:last-child) { margin-bottom: 25px; } } @media screen and (max-width: 575.98px) { .index-projects-items .index-projects-item:not(:last-child) { margin-bottom: 12px; } } .index-projects-item { display: flex; align-items: center; justify-content: space-between; padding: 50px 75px; border-radius: 5px; border: 1px solid #EEEEEE; } @media screen and (max-width: 1199.98px) { .index-projects-item { padding: 25px 0; display: block; border-radius: 0; border: none; border-bottom: 1px solid #EEEEEE; } .index-projects-item:nth-child(1) { padding-top: 0; } .index-projects-item:last-child { border-bottom: none; } } .index-projects-item-txt { display: block; max-width: 380px; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-right: 30px; } @media screen and (max-width: 1199.98px) { .index-projects-item-txt { max-width: 100% !important; font-size: 18px; font-weight: 500; margin-right: 0; margin-bottom: 25px; } } .index-projects-brands { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 620px; } @media screen and (max-width: 767.98px) { .index-projects-brands { grid-template-columns: repeat(2, 1fr); width: 100%; } } .index-projects-brand { display: block; margin: 0 !important; padding: 0; text-align: center; list-style: none !important; background: transparent; } .index-projects-brand a { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #666666; font-weight: 700; font-size: 20px; } @media screen and (max-width: 1199.98px) { .index-projects-brand a { font-size: 14px; margin-bottom: 12px; font-weight: 500; } } @media screen and (max-width: 575.98px) { .index-projects-brand a { font-size: 12px; } } .index-projects-brand img { margin-bottom: 30px; display: block; width: 110px; height: auto; } @media screen and (max-width: 575.98px) { .index-projects-brand img { margin-bottom: 12px; width: 90px; } } .index-projects-item_olimpic .index-projects-pools { display: none; } @media screen and (max-width: 1199.98px) { .index-projects-item_olimpic .index-projects-pools { display: grid; } } .index-projects-item_olimpic>a { display: block; width: 100%; max-width: 421px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1199.98px) { .index-projects-item_olimpic>a { margin-left: 0; margin-bottom: 25px; max-width: 200px; } } @media screen and (max-width: 991.98px) { .index-projects-item_olimpic>a { max-width: 140px; } } .index-projects-item_olimpic>a>img { width: 100%; height: auto; } .index-projects-item_olimpic .index-projects-item-txt { max-width: 360px; } .index-projects-item_sport .index-projects-item-links { display: flex; } .index-projects-item_sport .index-projects-item-links a { display: block; text-decoration: none; color: inherit; max-width: 289px; } .index-projects-item_sport .index-projects-item-links img { width: 100%; height: auto; } .index-projects-item_sport .index-projects-item-imgs img:not(:last-child) { margin-right: 50px; } .index-projects-item_sport .index-projects-item-txt { max-width: 290px; } .index-projects-pools { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, 200px); gap: 50px; width: 700px; } @media screen and (max-width: 1199.98px) { .index-projects-pools { gap: 25px; grid-template-columns: repeat(4, 200px); width: auto; } } @media screen and (max-width: 991.98px) { .index-projects-pools { grid-template-columns: repeat(4, 140px); } } @media screen and (max-width: 767.98px) { .index-projects-pools { grid-template-columns: repeat(3, 140px); } } @media screen and (max-width: 575.98px) { .index-projects-pools { grid-template-columns: repeat(2, 140px); justify-content: space-between; } .index-projects-pools .index-projects-pool:nth-child(3) { display: none; } } .index-projects-pool { display: block; margin: 0 !important; padding: 0; text-align: center; list-style: none !important; background: transparent; /*width: 200px; height: 200px;*/ } @media screen and (max-width: 1199.98px) { .index-projects-pool { height: auto; } } @media screen and (max-width: 991.98px) { .index-projects-pool { width: 140px; } } @media screen and (max-width: 1199.98px) { .index-projects-pool:nth-child(n + 4) { display: block; } } .index-projects-pool a { display: block; text-decoration: none; color: inherit; } .index-projects-pool img { display: block; width: 200px; height: 200px; object-fit: cover; border-radius: 15px; } @media screen and (max-width: 1199.98px) { .index-projects-pool img { margin-bottom: 12px; } } @media screen and (max-width: 991.98px) { .index-projects-pool img { width: 140px; height: 140px; } } .index-projects-pool span { display: none; font-size: 12px; } @media screen and (max-width: 1199.98px) { .index-projects-pool span { display: block; } } .index-projects-item_private .index-projects-item-txt { max-width: 260px; } .index-stages { padding-bottom: 40px; overflow: hidden; } @media screen and (max-width: 1199.98px) { .index-stages { padding-bottom: 25px; } } .index-stages__title { margin-bottom: 70px !important; } @media screen and (max-width: 1199.98px) { .index-stages__title { margin-bottom: 25px !important; } } .index-stage { padding: 0 30px 30px 0; display: block; color: inherit; text-decoration: none; width: 370px; min-height: 430px; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; user-select: none; } @media screen and (max-width: 1199.98px) { .index-stage { padding: 0 13px 13px 0; width: 260px; min-height: 318px; } } .index-stage__inner { display: flex; align-items: stretch; position: relative; width: 340px; min-height: 400px; height: 100%; border-radius: 5px; } @media screen and (max-width: 1199.98px) { .index-stage__inner { width: 247px; min-height: 310px; } } .index-stage__inner::before { content: ''; position: absolute; top: 30px; right: -30px; bottom: -30px; left: 30px; border: 8px solid #EEEEEE; border-radius: 5px; transition: 400ms ease-in-out border-color; } @media screen and (max-width: 1199.98px) { .index-stage__inner::before { top: 13px; right: -13px; bottom: -13px; left: 13px; } } .index-stage__content { padding: 30px; display: flex; position: relative; overflow: hidden; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; height: auto; background-color: #666666; border-radius: 5px; color: #ffffff; /*font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;*/ } @media screen and (max-width: 1199.98px) { .index-stage__content { padding: 20px 15px 30px; } } .index-stage__pic { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .index-stage__pic img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.4); pointer-events: none; } .index-stage__title { display: flex; align-items: flex-start; position: relative; margin-bottom: auto; font-weight: 700; font-size: 24px; line-height: 31px; } .index-stage__title span { margin-right: 12px; } @media screen and (max-width: 1199.98px) { .index-stage__title { font-size: 18px; line-height: 23px; } } .index-stage__title span { margin-right: 7px; display: inline-block; font-size: 48px; line-height: 48px; } @media screen and (max-width: 1199.98px) { .index-stage__title span { font-size: 22px; line-height: 22px; } } .index-stage__desc { position: relative; margin-bottom: 40px; font-size: 12px; transition: 400ms ease-in-out opacity; } @media screen and (max-width: 1199.98px) { .index-stage__desc { font-size: 10px; } } .index-stage__more { position: relative; font-size: 12px; text-transform: uppercase; font-weight: 700; transition: 400ms ease-in-out opacity; } @media screen and (max-width: 1199.98px) { .index-stage__more { font-size: 10px; } } @media (hover: hover) and (pointer: fine) { .index-stage__desc, .index-stage__more { opacity: 0; } .index-stage:hover .index-stage__desc { opacity: 1; } .index-stage:hover .index-stage__more { opacity: 1; } .index-stage:hover .index-stage__inner::before { border: 8px solid #FDAE18; } } .index-stages-carousel { display: flex; max-height: 460px; } .index-stages-carousel .owl-stage-outer { overflow: visible; } .index-stages-carousel .owl-stage { display: flex; } .content_b .side_b { float: right; } .content_b .main_b { float: left; } .content_b .main_b .title_b:before, .styled-title:before { display: none; } .content_b .main_b .title_b:after, .styled-title:after { display: none; } .content_b .main_b .title_b, .styled-title { border-left: 0px; padding: 0px 0 0px 0px; margin: 0px 0 50px; } .content_b .main_b .title_b h1, .styled-title h1 { margin-top: 0px; text-transform: uppercase; font-weight: 600; /* font-size: 52px; */ font-size: 47px; } .page-title { margin-bottom: 25px; } .page-title h1 { font-size: 47px; line-height: 52px; font-weight: 700; text-transform: uppercase; } @media(max-width: 890px) { .page-title { padding: 0 15px; } .page-title h1 { font-size: 24px; line-height: 23px; } } @media (max-width: 767.98px) { .content_b .main_b .title_b h1 { font-size: 24px; margin-bottom: 0; } .content_b .main_b .title_b { margin-bottom: 40px; } .content_.hammam_page p:first-child { padding: 0; } .page-title { margin-bottom: 15px; } } .photo { max-width: 640px; width: 100%; } .photo__item img { display: block; width: 100%; height: auto; border-radius: 10px; } .project { display: flex; align-items: flex-start; justify-content: space-between; } .project-main { max-width: 640px; width: 100%; margin-right: 32px; } .project-asside { max-width: 314px; width: 100%; } .project__title { margin-bottom: 30px; } .project__title h1 { font-size: 24px; line-height: 38px; font-weight: 700; } .project__region { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .project__region span { font-size: 16px; line-height: 1; color: #666666; display: block; display: flex; align-items: center; gap: 20px; } .project__region span::before { display: block; content: url(/local/templates/main/assets/images/location.svg); width: 34px; height: 34px; } .project__text p { font-size: 16px; line-height: 24px; padding: 0; } .project__text p+p { margin-top: 14px; } .project__btn { background: linear-gradient(142.18deg, #31343A 0%, #212327 101%); border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 16px; gap: 20px; text-decoration: none; margin-top: 20px; outline: none; border: none; } .project__btn svg { display: block; width: 24px; height: 24px; fill: #FDAE18; } .project__btn:hover { background: #FDAE18; } .project__btn:hover svg { fill: #FFF; stroke: #FFF; } .project__btn span { color: #FFF; font-size: 18px; line-height: 1.5; } @media (max-width: 890px) { .project { padding: 0 15px; flex-direction: column-reverse; } .project-asside { max-width: 100%; } .project-main { max-width: 100%; margin-right: 0; margin-top: 32px; } .project__btn { max-width: 320px; margin-top: 0; } .project__region { justify-content: flex-start; } .project__order { margin-top: 20px; display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } } @media (max-width: 560px) { .project__btn { max-width: 100%; width: 100%; } } .s-find-out-terms { padding: 50px 0; } .find-out-terms { padding: 27px 36px; border-radius: 10px; border: 5px solid #F3F7FA; background: #ffffff; } .find-out-terms__heading { margin-bottom: 10px; color: #111; font-size: 24px; font-weight: 700; } @media screen and (max-width: 1199.98px) { .find-out-terms__heading { font-size: 18px; } } .find-out-terms__text { margin-bottom: 20px; color: #666; font-size: 16px; line-height: 1.6; } @media screen and (max-width: 1199.98px) { .find-out-terms__text { font-size: 14px; } } .find-out-terms-manager { margin-right: 30px; display: flex; align-items: center; } @media screen and (max-width: 1199.98px) { .find-out-terms-manager { margin-right: 0; margin-bottom: 20px; } } .find-out-terms-manager__pic { flex-shrink: 0; display: block; width: 106px; height: 106px; margin-right: 20px; } .find-out-terms-manager__pic>img { display: block; width: 100%; height: 100%; margin: 0; } .find-out-terms-manager__exp-name { margin-bottom: 5px; font-size: 16px; font-weight: 600; } .find-out-terms-manager__exp-position { margin-bottom: 5px; font-size: 12px; color: #666666; } .find-out-terms__contacts-wrap { display: flex; justify-content: space-between; } @media screen and (max-width: 1199.98px) { .find-out-terms__contacts-wrap { flex-direction: column; } } .find-out-terms__contacts-call { margin-bottom: 10px; font-size: 16px; line-height: 1.6; } .find-out-terms__contacts-call a { color: #119BFE; text-decoration: none; } @media (hover: hover) and (pointer: fine) { .find-out-terms__contacts-call a:hover { text-decoration: underline; } } .blur-slider { position: relative; width: 100%; height: 0; padding-bottom: 63.58974358974359%; } .blur-slider.dragging { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .blur-slider-pic { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; } .blur-slider-pic>img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .blur-slider-overlay { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; /*background: rgba(22, 21, 21, 0.4); backdrop-filter: blur(12.5px);*/ background-repeat: no-repeat; background-size: cover; background-position: left; user-select: none; } .blur-slider-btn::-moz-focus-inner { border: 0; padding: 0; } button.blur-slider-btn { border: none; margin: 0; padding: 0; overflow: visible; background-color: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; position: absolute; top: 0; right: -1px; bottom: 0; width: 2px; background-color: #ffffff; cursor: w-resize; } .blur-slider-icon { position: absolute; width: 92px; height: 30px; color: #ffffff; top: 50%; right: 0; translate: 50% -50%; user-select: none; } .art-slider .owl-dots { margin-top: 30px; display: flex; justify-content: center; align-items: center; gap: 6px; } .art-slider .owl-dots .owl-dot { width: 8px; height: 8px; border-radius: 50%; background: #111111; opacity: 0.2; transition: background-color 300ms ease-in-out; } @media screen and (max-width: 890.98px) { .art-slider { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .art-slider .owl-stage-outer { overflow: visible; } } .art-slider .owl-dots .owl-dot.active { opacity: 1; } @media screen and (max-width: 890.98px) { .art-slider .owl-dots { display: none; } } .art-slider__nav { padding-right: 17px; display: flex; gap: 8px; } .art-slider__nav .owl-next, .art-slider__nav .owl-prev { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: #ffffff; color: #111111; border-radius: 50%; filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.1)); cursor: pointer; font-size: 20px; font-weight: 700; transition: filter 300ms ease-in-out, opacity 300ms ease-in-out; user-select: none; } @media (hover: hover) and (pointer: fine) { .art-slider__nav .owl-next:hover, .art-slider__nav .owl-prev:hover { filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2)); } } .art-slider__nav .owl-next:active, .art-slider__nav .owl-prev:active { filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05)); } .art-slider__nav .owl-next.disabled, .art-slider__nav .owl-prev.disabled { opacity: 0.2; cursor: auto; } @media screen and (max-width: 890.98px) { .art-slider__nav { display: none; } } .art-slide { display: flex; flex-direction: column; width: 207px; align-items: stretch; gap: 16px; font-size: 20px; font-weight: 400; color: #111; box-sizing: border-box; } @media screen and (max-width: 575.98px) { .art-slide { width: 67vw; } } .art-slider__headline { display: flex; margin-bottom: 30px; justify-content: space-between; align-items: baseline; gap: 16px; } .art-slider__heading { margin: 0; } .art-slide__pic, .art-slide__pic img { display: block; aspect-ratio: 1/1; object-fit: cover; object-position: center; border-radius: 10px; box-sizing: border-box; pointer-events: none; } .SmartCaptcha-Shield { display: none !important; } .side-bar-banner { display: flex; align-items: center; justify-content: center; text-decoration: none !important; max-width: 407px; margin-left: auto; margin-right: auto; } .side-bar-banner img { width: 100%; height: auto; } .promo-alarm { position: fixed; z-index: -1; bottom: 0; left: 0; pointer-events: none; width: 100%; width: 100%; padding: 0 30px; opacity: 0; transition: opacity 0.3s ease-in-out; box-sizing: border-box; } @media screen and (min-width: 1024px) { .promo-alarm.is-visible { opacity: 1; z-index: 9; } } .promo-alarm__content { width: 250px; margin-left: auto; background: linear-gradient(142.18deg, #31343A 0%, #212327 101%); color: #ffffff; font-size: 12px; line-height: 1.2; position: relative; } @media screen and (min-width: 1024px) { .promo-alarm.is-visible .promo-alarm__content { pointer-events: auto; } } .promo-alarm__about { position: relative; padding: 10px 44px 10px 10px; } .promo-alarm__close { background: url(/assets/img/close-popup.svg) no-repeat center; background-size: 14px; height: 14px; width: 14px; top: 10px; right: 10px; position: absolute; z-index: 5; cursor: pointer; } .promo-alarm__link { color: currentColor; display: inline-flex; align-items: center; justify-content: flex-start; gap: 5px; text-decoration: none; } .promo-alarm__link span { text-decoration: underline; } .promo-alarm__picture { display: flex; align-items: center; justify-content: center; text-decoration: none; } .promo-alarm__picture img { width: 100%; } /* End */ /* /local/media/styles/reset-min.css?1679904905639 */ /* /local/assets/css/owl.carousel.min.css?16799049042936 */ /* /local/media/source/jquery.fancybox.css?16799049054895 */ /* /local/media/styles/jquery.fs.selecter.css?16799049054199 */ /* /local/media/styles/jquery.mCustomScrollbar.css?167990490555298 */ /* /local/media/styles/jquery.bxslider.css?16799049054212 */ /* /local/media/styles/base.css?17401217797619 */ /* /local/media/styles/styles.css?1740121779263179 */