/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(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%} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{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}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.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}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.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;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;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;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}.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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.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{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{height:4px;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}.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,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.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}.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.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,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} @font-face { font-family: "ProximaNova"; src: url("../fonts/ProximaNovaT-Thin/ProximaNovaT-Thin.eot"); src: url("../fonts/ProximaNovaT-Thin/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaT-Thin/ProximaNovaT-Thin.woff") format("woff"), url("../fonts/ProximaNovaT-Thin/ProximaNovaT-Thin.ttf") format("truetype"); font-style: normal; font-weight: 100; } @font-face { font-family: "ProximaNova"; src: url("../fonts/ProximaNova-Light/ProximaNova-Light.eot"); src: url("../fonts/ProximaNova-Light/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light/ProximaNova-Light.ttf") format("truetype"); font-style: normal; font-weight: 300; } @font-face { font-family: "ProximaNova"; src: url("../fonts/ProximaNova-Regular/ProximaNova-Regular.eot"); src: url("../fonts/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: "ProximaNova"; src: url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot"); src: url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf") format("truetype"); font-style: normal; font-weight: 600; } @font-face { font-family: "ProximaNova"; src: url("../fonts/ProximaNova-Bold/ProximaNova-Bold.eot"); src: url("../fonts/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold/ProximaNova-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; } @font-face { font-family: "ProximaNova"; src: url("../fonts/ProximaNova-Extrabld/ProximaNova-Extrabld.eot"); src: url("../fonts/ProximaNova-Extrabld/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Extrabld/ProximaNova-Extrabld.woff") format("woff"), url("../fonts/ProximaNova-Extrabld/ProximaNova-Extrabld.ttf") format("truetype"); font-style: normal; font-weight: 800; } @font-face { font-family: "ProximaNova"; src: url("../fonts/ProximaNova-Black/ProximaNova-Black.eot"); src: url("../fonts/ProximaNova-Black/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Black/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova-Black/ProximaNova-Black.ttf") format("truetype"); font-style: normal; font-weight: 900; } body { position: relative; margin: 0; font-family: 'ProximaNova', sans-serif; font-weight: 400; font-size: 16px; color: #392d2b; } body.overlay { overflow: hidden; } a, a:hover { color: inherit; text-decoration: none; } img:not(.not-adaptive) { max-width: 100%; /*height: auto;*/ } input { transition: 0.3s; } input:focus, textarea:focus { outline: none; border-color: #04b67d !important; } button:focus { outline: none; } .hidden { display: none; } .button { display: block; width: 165px; height: 40px; background: #04b67d; border-radius: 5px; text-align: center; line-height: 40px; font-weight: 600; text-transform: uppercase; color: #fff !important; text-decoration: none !important; font-size: 14px; transition: 0.3s; } .button:hover { color: #fff; background: #038e61; } .button-ghost { display: block; width: 248px; height: 40px; border: 1px solid #04b67d; border-radius: 5px; font-size: 14px; text-transform: uppercase; text-align: center; line-height: 38px; color: #04b67d; transition: 0.3s; } .button-ghost:hover { color: #fff; background: #04b67d; } .inner-page { padding-top: 45px; } .inner-page h1 { font-size: 30px; font-weight: 700; line-height: 1.2; margin-bottom: 32px; } /*Для плейсхолдера*/ *::-webkit-input-placeholder { color: #fff; } *:-moz-placeholder { color: #fff; } *::-moz-placeholder { color: #fff; } *:-ms-input-placeholder { color: #fff; } /*конец стилей для плейсхолдера*/ header .top-line-1-wrap { background: #392d2b; padding: 7px 0; } header .top-line-1 { display: flex; align-items: center; color: #fff; } header .social { display: flex; margin-right: 65px; } header .social .social-link { display: block; width: 26px; height: 26px; border-radius: 3px; text-align: center; margin-right: 9px; transition: 0.3s; } header .social .social-link:last-child { margin-right: 0; } header .social .social-link:hover { box-shadow: 0 0 16px 0 rgba(4, 182, 125, 0.43); } header .social .social-link img { width: 60%; height: 60%; } header .social .social-link.instagram { background: linear-gradient( -135deg, rgb(122,28,200) 0%, rgb(233,31,128) 48%, rgb(251,210,9) 100%); } header .social .social-link.youtube { background: #ec1714; } header .social .social-link.facebook { background: #384e95; } header .social .social-link.twitter { background: #00a4da; } header .email { font-weight: 100; font-size: 14px; text-decoration: underline; position: relative; top: -1px; margin-right: 65px; color: #dcdada; transition: 0.3s; } header .email:before { content: url(../img/icons/envelope.svg); display: inline-block; width: 18px; margin-right: 8px; position: relative; top: 4px; } header .email:hover { color: #04b67d; } header .phones { display: flex; position: relative; top: -1px; } header .phones .phone-item { font-size: 14px; font-weight: 400; } header .phones .phone-item:before { content: url(../img/icons/telephone.svg); display: inline-block; width: 18px; margin-right: 8px; position: relative; top: 5px; } header .phones .phone-item:first-child { margin-right: 65px; } header #form-search { margin-left: auto; position: relative; } header #form-search input { background: transparent; border: 1px solid #fff; border-radius: 3px; width: 262px; height: 26px; font-size: 12px; font-weight: 100; padding: 0 10px; color: #fff; } header #form-search button { background: transparent; border: none; cursor: pointer; position: absolute; top: 0; right: 0; height: 100%; padding: 0 8px; } header #form-search button img { display: block; width: 12px; } header .top-line-2-wrap { background: #fff; box-shadow: 0px 9px 16px 0px rgba(113, 113, 113, 0.25); } header .top-line-2 { display: flex; padding: 12px 0; justify-content: space-between; } header .top-line-2 .logo { margin-right: 20px; } .top-menu > ul { padding: 0; display: flex; justify-content: flex-end; align-items: center; height: 100%; } .top-menu > ul > li { position: relative; list-style-type: none; margin-left: 31px; } .top-menu > ul > li:first-child { margin-left: 0; } .top-menu > ul > li > a, .top-menu > ul > li > span { display: block; white-space: nowrap; cursor: pointer; } .top-menu > ul > li a:hover, .top-menu > ul > li span:hover { color: #04b67d; } .top-menu > ul > li > a.has-submenu:before, .top-menu > ul > li > span.has-submenu:before { content: ''; position: absolute; right: -12px; top: 10px; border: 3px solid transparent; border-top: 4px solid #392d2b; } .top-menu > ul > li > a:hover.has-submenu:before, .top-menu > ul > li > span:hover.has-submenu:before { border-top-color: #04b67d; } .top-menu .submenu { display: flex; flex-direction: column; justify-content: space-between; position: absolute; font-size: 14px; top: 40px; left: 50%; transform: translate(-50%, 0); z-index: 2; margin: 0; padding: 20px 0; border-radius: 5px; background: #fff; box-shadow: 0px 0px 16px 0px rgba(57, 45, 43, 0.27); visibility: hidden; opacity: 0; } .top-menu .submenu:before { content: ''; position: absolute; left: calc(50% - 10px); top: -20px; border: 10px solid transparent; border-bottom: 10px solid #fff; } .top-menu .submenu:after { content: ''; position: absolute; left: 0; top: -20px; width: 100%; height: 20px; } .top-menu .submenu .submenu { left: 100%; top: -1px; } .top-menu .submenu li { position: relative; list-style-type: none; } .top-menu .submenu a, .top-menu .submenu span { display: block; padding: 5px 31px; white-space: nowrap; cursor: pointer; } .top-menu .submenu a:hover, .top-menu .submenu span:hover { background: #04b67d; color: #fff; } .top-menu li:hover > .submenu { visibility: visible; opacity: 1; } /*hidden-menu*/ .hidden-menu { background: #392d2b; width: 100%; position: fixed; top: 0; right: -100%; z-index: 999; transition: right 0.5s ease-in-out; height: 100vh; overflow: auto; } .hidden-menu.show { right: 0; position: absolute; } .hidden-menu .head { background: #271f1e; text-align: center; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 0; padding: 7px 0; } .hidden-menu .button-close { position: absolute; top: 0; right: 0; display: block; width: 41px; height: 41px; text-align: center; line-height: 38px; z-index: 1000; } .hidden-menu .button-close img { width: 10px; } .hidden-menu ul { margin: 0; padding: 0; font-size: 0; } .hidden-menu ul li { position: relative; list-style-type: none; display: block; font-size: 16px; font-weight: 300; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.05); transition: 0.3s; } .hidden-menu ul li a, .hidden-menu ul li span { display: block; padding: 9px 16px; } .hidden-menu ul li .button-down { cursor: pointer; position: absolute; top: 0; right: 0; background: #04b67d; display: block; width: 40px; height: 42px; text-align: center; line-height: 48px; } .hidden-menu ul li .button-down:before { content: ''; position: absolute; top: 19px; right: 17px; border: 3px solid transparent; border-top: 4px solid #fff; } .hidden-menu ul li .button-down.active:before { transform: rotate(-180deg); top: 16px; } .hidden-menu ul li .item { display: block; padding: 15px 10px; margin: 0; } .hidden-menu ul li ul { border-top: 1px solid rgba(255,255,255,0.1); display: none; margin-bottom: -1px; padding-left: 15px; } /*end hidden-menu*/ header .mobile-button-phone { display: none; position: relative; background: #04b67d; width: 46px; height: 26px; border-radius: 3px; cursor: pointer; padding-left: 8px; margin-left: auto; margin-right: 45px; transition: 0.3s; } header .mobile-button-phone:hover { background: #038e61; } header .mobile-button-phone img { width: 16px; } header .mobile-button-phone:before { content: ''; position: absolute; right: 8px; top: 11px; border: 3px solid transparent; border-top: 4px solid #fff; } header .mobile-phones { display: none; background: #04b67d; color: #fff; font-size: 14px; position: absolute; top: 46px; left: 0; width: 100%; padding: 10px 15px; z-index: 1; } header .mobile-phones a:before { content: url(../img/icons/telephone-black.svg); display: inline-block; width: 18px; margin-right: 8px; position: relative; top: 5px; } header .mobile-phones a:first-child { margin-right: 42px; } header .mobile-form-search-wrap { display: none; padding: 11px 15px; } header #mobile-form-search { display: inline-block; position: relative; width: 100%; } header #mobile-form-search input { background: transparent; border: 1px solid #392d2b; border-radius: 3px; width: 262px; height: 26px; font-size: 12px; font-weight: 100; padding: 0 10px; } header #mobile-form-search button { background: transparent; border: none; cursor: pointer; position: absolute; top: 0; right: 0; height: 100%; padding: 0 8px; } header #mobile-form-search button:before { content: url(../img/icons/search-black.svg); display: block; width: 12px; position: relative; top: 2px; } header #mobile-form-search input::-webkit-input-placeholder { color: #392d2b; opacity: 1; } header #mobile-form-search input:-moz-placeholder { color: #392d2b; opacity: 1; } header #mobile-form-search input::-moz-placeholder { color: #392d2b; opacity: 1; } header #mobile-form-search input:-ms-input-placeholder { color: #392d2b; opacity: 1; } header .button-search { display: none; width: 18px; cursor: pointer; } header .toggle-menu { display: none; width: 24px; cursor: pointer; margin-left: 38px; } .page-home .main { height: 100vh; max-height: 629px; background: url(../img/page-home/main-bg.jpg)no-repeat top center; background-size: cover; position: relative; } .page-home .main h1 { font-weight: 900; font-size: 81.74px; line-height: 44px; color: #fff; margin: 0; padding-top: 95px; margin-bottom: 25px; } .page-home .main h1 span { font-size: 31.33px; padding-left: 2px; } .page-home .main .descript { font-size: 21px; font-weight: 100; color: #fff; line-height: 1.2; letter-spacing: 0.01em; margin-bottom: 40px; } .page-home .main .mobile-buttons { display: none; } .page-home .main .mobile-buttons .button:first-child { margin-right: 10px; } .page-home .main .mobile-buttons .button { width: 140px; height: 50px; line-height: 50px; text-transform: none; font-size: 16px; } .form-search-wrap { max-width: 874px; } .form-search-wrap .tabs { display: flex; } .form-search-wrap .tab { color: #fff; font-weight: 600; cursor: pointer; width: 110px; height: 50px; text-align: center; line-height: 50px; position: relative; } .form-search-wrap .tab.active { background: #04b67d; } .form-search-wrap .tab:first-child { margin-right: 30px; padding-left: 15px; } .form-search-wrap .tab:last-child { padding-right: 15px; } .form-search-wrap .tab.active:first-child:before { content: ''; position: absolute; top: 0; right: -30px; border-bottom: 50px solid #04b67d; border-right: 30px solid transparent; } .form-search-wrap .tab.active:last-child:before { content: ''; position: absolute; top: 0; left: -30px; border-bottom: 50px solid #04b67d; border-left: 30px solid transparent; } .form-search { background: #fff; font-size: 14px; font-weight: 300; padding: 30px 30px 10px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; } .form-search .search-select { margin-bottom: 20px; max-width: 100%; } .search-select { position: relative; } .search-select .result { width: 248px; height: 40px; border: 1px solid rgba(57,45,43,0.3); border-radius: 4px; cursor: pointer; font-size: 14px; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; margin: 0; white-space: nowrap; overflow: hidden; } .form-search .search-select .result span { width: calc(100% - 12px); text-overflow: ellipsis; overflow: hidden; } .search-select.disabled .result { opacity: 0.5; cursor: not-allowed; } .search-select .result:after { content: ''; position: relative; top: 2px; border: 3px solid transparent; border-top: 5px solid #4c4c4c; } .search-select .dropdown { display: none; width: 100%; position: absolute; top: 40px; left: 0; background: #fff; border-radius: 5px; box-shadow: 0px 0px 16px 0px rgba(57, 45, 43, 0.27); padding: 20px; z-index: 999; } .search-select .dropdown.open { display: block; } .search-select .dropdown .search-block { position: relative; margin-bottom: 19px; } .search-select .dropdown .search-block input { width: 100%; border: none; border-bottom: 1px solid rgba(57,45,43,0.3); font-size: 13px; font-weight: 300; padding-right: 20px; } .search-select .dropdown .search-block input::-webkit-input-placeholder { opacity: 0.6; color: #392d2b; } .search-select .dropdown .search-block input:-moz-placeholder { opacity: 0.6; color: #392d2b; } .search-select .dropdown .search-block input::-moz-placeholder { opacity: 0.6; color: #392d2b; } .search-select .dropdown .search-block input:-ms-input-placeholder { opacity: 0.6; color: #392d2b; } .search-select .dropdown .search-block:before { opacity: 0.4; content: url(../img/icons/search-black.svg); width: 12px; display: block; position: absolute; top: 0; right: 0; } .search-select .dropdown .list { max-height: 186px; overflow: auto; font-size: 13px; } .search-select .dropdown .list label { display: flex; text-align: left; align-items: center; cursor: pointer; margin-bottom: 5px; } .search-select .dropdown .list label:last-child { margin-bottom: 0; } .search-select .dropdown .list label:hover { color: #04b67d; } .search-select .dropdown .list label.main-item { color: #04b67d; text-transform: uppercase; font-weight: 400; } .search-select .dropdown .list input { display: none; } .search-select .dropdown .list input + .box { position: relative; top: -1px; display: block; width: 11px; height: 11px; border: 1px solid rgba(57,45,43,0.3); border-radius: 3px; margin-right: 6px; } .search-select .dropdown .list input:checked + .box:before { content: url(../img/icons/check.svg); width: 11px; position: absolute; left: 0; bottom: -6px; } .form-search .area-wrap.width, .form-search .price-wrap.width { width: 248px; } /*Кастомный скролл*/ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #04b67d; width: 8px; border-radius: 4px; } .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(4,182,125,0.2); width: 8px; border-radius: 4px; } .form-search .area-wrap { display: flex; align-items: center; height: 40px; } .form-search .area-wrap .name { margin-right: 2px; } .form-search .area-wrap input { /*width: 44px;*/ width: 57px; height: 40px; border: 1px solid rgba(57,45,43,0.3); margin: 0 5px; border-radius: 5px; padding: 0 5px; text-align: center; font-weight: 300; } .form-search .area-wrap .unit { opacity: 0.4; } .form-search .price-wrap { display: flex; align-items: center; height: 40px; } .form-search .price-wrap input { width: 76px; height: 40px; border: 1px solid rgba(57,45,43,0.3); margin: 0 5px; border-radius: 5px; padding: 0 5px; text-align: center; font-weight: 300; } .form-search .price-wrap .unit { opacity: 0.4; } .form-search .new-building-wrap { height: 40px; display: flex; align-items: center; } .form-search .new-building-wrap label { display: flex; align-items: center; cursor: pointer; line-height: 1.2; margin: 0; } .form-search .new-building-wrap input { display: none; } .form-search .new-building-wrap input + .box { position: relative; display: block; width: 14px; height: 14px; border: 1px solid rgba(57,45,43,0.3); border-radius: 3px; margin-right: 7px; } .form-search .new-building-wrap input:checked + .box:before { content: url(../img/icons/check.svg); width: 14px; position: absolute; left: 0; bottom: -4px; } .form-search .query-wrap { display: none; } .form-search .button { border: none; width: 248px; cursor: pointer; margin-bottom: 20px; } .page-home .mobile-advantages { display: none; } .page-home .advantages { text-align: center; padding: 87px 0 65px 0; } .page-home .advantages .item { margin-bottom: 30px; padding: 0 43px; } .page-home .advantages .item .head { font-weight: 700; text-transform: uppercase; margin: 0; margin-bottom: 8px; } .page-home .advantages .item .count { font-size: 43px; font-weight: 900; text-transform: uppercase; margin: 0; margin-bottom: 8px; background: linear-gradient(rgba(60,180,90,1), rgba(60,180,90,0)); -webkit-background-clip: text; color: transparent; } .page-home .advantages .item .descript { font-size: 15px; line-height: 1.2; margin: 0; } .page-home .catalog { padding-bottom: 35px; } .page-home .catalog .item { margin-bottom: 63px; } .page-home .catalog .img-wrap { border-radius: 8px; overflow: hidden; margin-bottom: 17px; } .page-home .catalog .img-wrap img { border-radius: 8px; } .page-home .catalog .head { font-size: 18px; text-transform: uppercase; line-height: 1.2; } .page-home .catalog .count-all { font-size: 14px; margin-bottom: 21px; } .page-home .catalog .subcategories { font-size: 14px; } .page-home .catalog .subcategories .subcat-item { padding: 2px 0; } .page-home .catalog .subcategories .name { font-weight: 700; padding-right: 21px; transition: 0.3s; } .page-home .catalog .subcategories .name:hover { color: #04b67d; } .page-home .catalog .subcategories .count { font-weight: 300; margin: 0; } .page-home .journal { background: url(../img/page-home/journal-bg.jpg)no-repeat top center; background-size: cover; padding: 90px 0 70px 0; overflow-x: hidden; } .page-home h2.head { font-size: 30px; font-weight: 800; color: #392d2b; margin: 0; } .page-home .journal h2.head { margin-bottom: 24px; color: #000; } .page-home .journal .articles { padding-right: 41px; } .page-home .journal .article { margin-bottom: 30px; } .page-home .journal .article .article-head { font-size: 18px; font-weight: 600; color: #000; margin-bottom: 12px; } .page-home .journal .article .article-text { font-size: 14px; color: #000; line-height: 1.3; font-weight: 300; } .page-home .journal .article .link-more { font-size: 14px; color: #04b67d; float: right; transition: 0.3s; } .page-home .journal .article .link-more:hover { color: #038e61; } .page-home .journal .articles-all { margin-bottom: 30px; } .page-home .journal .journal-img { margin-top: 25px; } .page-home .advice { padding: 100px 0 50px 0; } .page-home .advice .advice-img { border-radius: 7px; } .page-home .advice .head { margin-top: 16px; } .page-home .advice .head:first-child { margin-bottom: 12px; } .page-home .advice .row-2 { margin-top: 30px; } .page-home .advice .links { padding: 0; margin: 0; margin-bottom: 20px; } .page-home .advice .links li { list-style-type: none; margin: 3px 0; } .page-home .advice .links li a { color: #392d2b; font-size: 18px; transition: 0.3s; } .page-home .advice .links li a:before { content: url(../img/icons/advice.svg); width: 14px; display: inline-block; position: relative; top: 1px; margin-right: 10px; } .page-home .advice .links li a:hover { color: #04b67d; } .page-home .ads { padding: 50px 0 70px 0; } .page-home .ads .head { text-align: center; margin-bottom: 30px; } .ads .ad { margin-bottom: 50px; } .ads .ad .img-wrap { position: relative; } .ads .ad .img-link img { border-radius: 5px; } .ads .ad .img-wrap .video-icon { position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; background: #04b67d; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .ads .ad .img-wrap .video-icon svg { width: 28px; stroke: #fff; } .ads .ad .name { font-weight: 600; display: inline-block; line-height: 1.2; margin-top: 10px; } .ads .ad .line-info { display: flex; justify-content: space-between; align-items: center; margin-top: -2px; } .ads .ad .line-info .price { font-size: 20px; font-weight: 600; color: #3cb45a; margin: 0; } .ads .ad .line-info .price span { color: #392d2b; } .ads .ad .line-info .wrap { display: flex; } .ads .ad .line-info .date { font-size: 13px; opacity: 0.5; margin: 0; } .ads .ad .line-info .views { font-size: 13px; margin: 0; margin-left: 21px; } .ads .ad .line-info .views:before { content: url(../img/icons/eye.svg); width: 16px; display: inline-block; margin-right: 6px; opacity: 0.8; } .ads .ad .specifications { margin-top: 4px; margin-bottom: 15px; } .ads .ad .specifications .item { font-size: 14px; line-height: 1.3; color: #5b5251; margin: 0; margin-bottom: 5px; } .ads .ad .specifications .item span { font-weight: 700; } .ads .ads-all { margin-right: auto; margin-left: auto; margin-bottom: 30px; } .ads.list .row > div { flex: 0 0 100%; max-width: 100%; } .ads.list .ad { display: flex; position: relative; } .ads.list .ad .name { margin-top: 0; font-size: 18px; } .ads.list .ad .img-wrap { width: 100%; max-width: 262px; margin-right: 30px; } .ads.list .ad .text-wrap { flex-grow: 1; } .ads.list .ad .line-info .views { margin-left: 40px; } .ads.list .ad .specifications .item { max-width: 270px; margin-bottom: 3px; } .ads.list .ad .specifications { margin-bottom: 0; } .ads.list .ad .button { position: absolute; right: 0; bottom: 2px; } .ads:not(.list) .ad div.name { height: 58px; overflow: hidden; } .ads:not(.list) .ad .specifications .item:last-child { height: 36px; overflow: hidden; } .ads-advertising .ad { background: #fff; border-radius: 5px; box-shadow: 4.5px 7.794px 16px 0px rgba(113, 113, 113, 0.1); border: 1px solid #ebeae9; padding: 30px; margin-bottom: 30px; } .ads-advertising .ad:last-child { margin-bottom: 0; } .ads-advertising .ad .image-wrap { border-radius: 5px; overflow: hidden; margin-bottom: 10px; } .ads-advertising .ad .text { margin: 0; font-size: 14px; line-height: 1.2; font-weight: 300; margin-bottom: 8px; } .ads-advertising .ad .phone-item { margin: 0; } .ads-advertising .ad .ad-phone { font-size: 14px; font-weight: 600; } .ads-advertising .ad .ad-phone:before { content: url(../img/icons/phone.svg); display: inline-block; width: 14px; margin-right: 7px; position: relative; top: 3px; } .ads-advertising .ad .ad-phone span { color: #8c8c8c; } .page-home .video-reviews { display: none; padding-bottom: 30px; } .page-home .video-reviews .head { text-align: center; margin-bottom: 20px; font-size: 24px; } .page-home .video-reviews .video-review a { position: relative; display: block; border-radius: 5px; overflow: hidden; } .page-home .video-reviews .video-review a:before { content: url(../img/icons/play.svg); display: block; width: 60px; height: 60px; border-radius: 50%; padding: 21px 22px 17px 24px; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; } .page-home .video-reviews .video-review a:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(57,45,43,0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .page-home .video-reviews .video-review .name { font-size: 18px; font-weight: 600; margin-top: 7px; margin-bottom: -2px; } .page-home .video-reviews .video-review .descript { font-size: 14px; line-height: 1.2; font-weight: 300; color: #5b5251; margin: 0; } .page-home .video-reviews .owl-carousel .owl-nav .owl-prev { position: absolute; top: 0; left: -25px; bottom: 0; right: 0; margin-top: auto; margin-bottom: auto; } .page-home .video-reviews .owl-carousel .owl-nav .owl-next { position: absolute; top: -14px; right: -25px; bottom: 0; margin-top: auto; margin-bottom: auto; } .page-home .video-reviews .owl-carousel .owl-nav .owl-prev:before { content: url(../img/icons/arrow.svg); width: 13px; display: block; } .page-home .video-reviews .owl-carousel .owl-nav .owl-next:before { content: url(../img/icons/arrow.svg); width: 13px; display: block; transform: rotate(180deg); } .page-home .callback { height: 473px; background: url(../img/page-home/callback-bg.jpg)no-repeat top center; background-size: cover; position: relative; } .page-home .callback .head { margin-top: 96px; max-width: 565px; font-size: 38px; font-weight: 800; line-height: 1.2; letter-spacing: 0.025em; margin-bottom: 30px; } .page-home .callback .head span { color: #04b67d; } .page-home .callback #form-callback { max-width: 565px; display: flex; flex-wrap: wrap; align-items: center; } .page-home .callback #form-callback input { width: 248px; height: 40px; display: block; border-radius: 5px; border: 1px solid #b0adad; background: transparent; font-size: 14px; font-weight: 300; padding: 0 10px; margin-bottom: 20px; } .page-home .callback #form-callback .name { margin-right: 29px; } .page-home .callback #form-callback input::-webkit-input-placeholder { color: #392d2b; } .page-home .callback #form-callback input:-moz-placeholder { color: #392d2b; } .page-home .callback #form-callback input::-moz-placeholder { color: #392d2b; } .page-home .callback #form-callback input:-ms-input-placeholder { color: #392d2b; } .page-home .callback #form-callback .button { width: 248px; height: 50px; border: none; cursor: pointer; margin-right: 29px; } .page-home .callback #form-callback .descript { margin: 0; font-size: 13px; font-weight: 300; } .page-home .callback #form-callback .descript a { color: #04b67d; font-weight: 600; text-decoration: underline; line-height: 1.2; } .text-block { padding: 15px 0 80px 0; line-height: 24px; letter-spacing: 0.025em; } .text-block .seo-text { height: 172px; overflow: hidden; } .text-block.active .seo-text { height: 100%; } .page-home .text-block { padding-top: 97px; } .text-block .head { margin-bottom: 20px; font-size: 30px; font-weight: 800; color: #392d2b; } .text-block .link-more { font-size: 14px; font-weight: 300; color: #04b67d; float: right; text-decoration: underline; } .links-block { margin-bottom: 80px; } .links-block .links-category { margin-bottom: 10px; } .links-block .head { text-transform: uppercase; margin-bottom: 7px; } .links-block .links-wrap { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -10px; } .links-block a { width: calc(50% - 20px); border-radius: 5px; border: 1px solid #04b67d; padding: 3px 14px; margin: 0 10px 18px 10px; transition: 0.3s; } .links-block a:hover { color: #fff; background: #04b67d; } .page-home .links-block a { width: calc(33.333% - 20px); } footer { padding: 40px 0; background: #392d2b; color: #fff; } footer .text { font-size: 14px; font-weight: 100; line-height: 1.2; color: #c5c5c5; } footer .text.copyright { color: #b3b3b3; margin-bottom: 0; } footer .links { padding: 0; margin: 0; margin-bottom: 30px; } footer .links li { list-style-type: none; margin-bottom: 7px; } footer .link { font-size: 15px; font-weight: 300; text-decoration: underline; opacity: 0.9; transition: 0.3s; } footer .link:hover { color: #04b67d; } footer .contacts { padding: 0; margin: 0; } footer .contacts li { list-style-type: none; font-size: 14px; margin-bottom: 10px; } footer .address { font-weight: 100; color: #c5c5c5; transition: 0.3s; } footer .address:before { content: url(../img/icons/map.svg); display: inline-block; width: 13px; margin-left: 3px; margin-right: 10px; position: relative; top: 4px; } footer .address:hover { color: #04b67d; } footer .email { font-weight: 100; text-decoration: underline; color: #c5c5c5; transition: 0.3s; } footer .email:before { content: url(../img/icons/envelope.svg); display: inline-block; width: 18px; margin-right: 8px; position: relative; top: 4px; } footer .email:hover { color: #04b67d; } footer .phone-item { font-weight: 400; } footer .phone-item:before { content: url(../img/icons/telephone.svg); display: inline-block; width: 18px; margin-right: 8px; position: relative; top: 5px; } footer .phone-item:first-child { margin-right: 65px; } footer .social { display: flex; margin-top: 20px; } footer .social .social-link { display: block; width: 26px; height: 26px; border-radius: 3px; text-align: center; margin-right: 9px; transition: 0.3s; } footer .social .social-link:last-child { margin-right: 0; } footer .social .social-link:hover { box-shadow: 0px 0px 16px 0px rgba(4, 182, 125, 0.43); } footer .social .social-link img { width: 60%; height: 60%; } footer .social .social-link.instagram { background: linear-gradient( -135deg, rgb(122,28,200) 0%, rgb(233,31,128) 48%, rgb(251,210,9) 100%); } footer .social .social-link.youtube { background: #ec1714; } footer .social .social-link.facebook { background: #384e95; } footer .social .social-link.vk { background: #496c9e; } footer .social .social-link.ok { background: #ff9500; } footer .social .social-link.twitter { background: #00a4da; } footer nav ul { padding: 0; margin: 0; } footer nav ul li { list-style-type: none; margin: 3px 0; } footer nav ul li:last-child { margin-bottom: 0; } footer nav ul li a { font-size: 15px; font-weight: 300; color: #eaeaea; transition: 0.3s; } footer nav ul li a:hover { color: #04b67d; } footer nav ul li.name { text-transform: uppercase; font-size: 12px; color: #fff; opacity: 0.5; margin-top: 6px; margin-bottom: 4px; } .breadcrumbs { font-size: 14px; font-weight: 300; margin-bottom: 32px; } .breadcrumbs .separator { opacity: 0.5; margin: 0 6px; } .breadcrumbs .current { color: #04b67d; } .page-about .about-item { margin-bottom: 60px; } .page-about .about-item:nth-child(odd) .img-wrap { order: 1; } .page-about .about-item img { border-radius: 5px; } .page-about .about-item .head { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .page-about .about-item .text { line-height: 1.2; font-weight: 300; margin: 0; } .page-about .about-item .link-more { font-size: 14px; font-weight: 300; color: #04b67d; float: right; margin-top: 5px; } .page-about .text-block .head { font-size: 30px; font-weight: 800; line-height: 1.2; } .page-about .text-block .text { line-height: 24px; margin-bottom: 95px; } .page-about .text-block .link-more { font-size: 14px; font-weight: 300; color: #04b67d; text-decoration: underline; float: right; } .page-about .links-block { margin-bottom: 50px; } .page-services h1 { margin-bottom: 7px; } .page-services .descript { line-height: 22px; margin-bottom: 33px; } .page-services .service { margin-bottom: 70px; } .page-services .service .image { border-radius: 5px; } .page-services .service .head { text-transform: uppercase; font-weight: 700; margin-top: 15px; } .page-services .service nav ul { margin: 0; padding: 0; } .page-services .service nav ul li { list-style-type: none; font-size: 14px; line-height: 1.2; font-weight: 300; margin-bottom: 14px; } .page-services .service nav ul li:last-child { margin-bottom: 0; } .page-services .service nav ul li a:hover { color: #04b67d; } .page-article .article-slider-wrap { margin-bottom: 40px; } .article-slider-wrap .head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .article-slider-wrap .head .name { text-transform: uppercase; font-weight: 600; margin: 0; } .article-slider-wrap .head .line { width: calc(100% - 220px); height: 1px; background: #04b67d; } .article-slider-wrap .nav-buttons { display: flex; } .article-slider-wrap button { width: 25px; height: 25px; background: #fff; border: 1px solid #04b67d; cursor: pointer; } .article-slider-wrap button:hover { background: #04b67d; } .article-slider-wrap button:hover .icon { fill: #fff; } .article-slider-wrap button .icon { width: 4px; position: relative; top: -2px; } .article-slider-wrap .nav-prev { margin-right: 9px; } .article-slider-wrap .nav-next .icon { transform: rotate(180deg); } .page-tips .button-tips-category { font-size: 11px; margin-bottom: 30px; width: 148px; height: 25px; line-height: 25px; display: none; } .article-anonce { margin-bottom: 40px; } .article-anonce .image { border-radius: 5px; } .article-anonce .info { font-size: 12px; font-weight: 100; display: flex; justify-content: space-between; margin-top: 6px; margin-bottom: 7px; } .article-anonce .info p { margin: 0; } .article-anonce .head { font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 1.2; margin-bottom: 8px; } .article-anonce .text { line-height: 1.2; margin: 0; } .article-anonce .link-more { font-size: 14px; font-weight: 300; color: #04b67d; float: right; } .pagination { display: flex; margin-top: 20px; margin-bottom: 90px; } .pagination .prev { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pagination .next { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pagination .next .icon { transform: rotate(180deg); } .pagination .prev .icon, .pagination .next .icon { width: 7px; height: 12px; fill: #535353; } .pagination .item { display: block; width: 40px; height: 40px; border: 1px solid #04b67d; text-align: center; line-height: 40px; margin: 0 -1px 0 0; } .pagination .item.active { color: #fff; background: #04b67d; } .pagination .item:not(.disabled):not(.active):hover { background: #e9f1f5; } .page-contacts .main-office { margin-bottom: 80px; } .owl-carousel.contacts-slider .owl-prev, .owl-carousel.contacts-slider .owl-next { position: absolute; top: 0; background: rgba(57,45,43,0.1) !important; height: 100%; width: 50px; transition: 0.3s; } .owl-carousel.contacts-slider .owl-prev { left: 0; } .owl-carousel.contacts-slider .owl-next { right: 0; } .owl-carousel.contacts-slider .owl-prev:before, .owl-carousel.contacts-slider .owl-next:before { content: url(../img/icons/arrow-white.svg); width: 12px; display: block; margin: 0 auto; } .owl-carousel.contacts-slider .owl-next:before { transform: rotate(180deg); } .page-contacts .main-office .head { font-size: 18px; font-weight: 700; text-transform: uppercase; color: #392d2b; line-height: 1.2; } .page-contacts .main-office .contact-item { display: flex; align-items: center; margin-bottom: 20px; line-height: 1.2; } .page-contacts .main-office .contact-item p { margin: 0; } .page-contacts .main-office .contact-item .icon { display: block; width: 67px; height: 67px; border-radius: 50%; border: 1px solid rgba(4,182,125,0.4); text-align: center; line-height: 64px; margin-right: 15px; } .page-contacts .main-office .contact-item .icon img { height: 21px; } .page-contacts .main-office .contact-item .email { text-decoration: underline; } .page-contacts .main-office .contact-item .show-on-map { font-size: 14px; color: #00b77b; } .page-contacts .main-office .contact-item .phones { font-weight: 600; } .page-contacts .offices { margin-bottom: 40px; } .page-contacts .offices .office { font-size: 14px; margin-bottom: 58px; } .page-contacts .offices .office p { margin: 0; line-height: 1.2; } .page-contacts .offices .office .head { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .page-contacts .offices .office .phone { font-weight: 600; margin: 0; line-height: 1.2; } .page-contacts .offices .office .contact-item { position: relative; padding-left: 22px; margin-bottom: 8px; } .page-contacts .offices .office .contact-item:before { display: block; position: absolute; top: 0; left: 0; width: 14px; } .page-contacts .offices .office .phone:before { content: url(../img/icons/phone.svg); top: 1px; } .page-contacts .offices .office .address:before { content: url(../img/icons/map.svg); width: 10px; left: 2px; } .page-contacts .offices .office .email:before { content: url(../img/icons/email.svg); top: 4px; } .page-contacts .offices .office .clock:before { content: url(../img/icons/clock.svg); } .page-contacts .offices .office .email a { text-decoration: underline; } .page-contacts .offices .office .show-on-map { font-size: 13px; color: #00b77b; } .page-contacts .map { height: 417px; background: url(../img/page-contacts/map.jpg)no-repeat top center; background-size: cover; position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 80px; } .page-consultations h1 { margin-bottom: 20px; } .page-consultations .table { width: 100%; text-align: center; border-radius: 5px; border-bottom-right-radius: 0; border: 1px solid #04b67d; margin-bottom: 80px; } .page-consultations .table .thead span { display: inline-block; padding: 10px 0; } .page-consultations .table .thead { display: flex; } .page-consultations .table a { display: flex; padding-left: 30px; } .page-consultations .table a span { padding: 4px 0; } .page-consultations .table .tbody a:hover { color: #04b67d; } .page-consultations .table .thead { color: #fff; background: #04b67d; text-transform: uppercase; font-size: 14px; font-weight: 600; } .page-consultations .table .thead span:first-child, .page-consultations .table a span:first-child { width: 74%; } .page-consultations .table .thead span:last-child, .page-consultations .table a span:last-child { width: 26%; } .page-consultations .table .tbody a span:first-child { border-right: 1px solid #04b67d; text-align: left; } .page-consultations .table .tbody a:first-child span { padding-top: 22px; } .page-consultations .table .tbody a:last-child span { padding-bottom: 20px; } .page-consultations-category .questions { margin-bottom: 50px; } .page-consultations-category .question { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(57,45,43,0.2); padding: 21px 0; } .page-consultations-category .question .text { font-size: 18px; line-height: 1.2; font-weight: 600; margin: 0; padding-right: 15px; } .page-consultations-category .question .date { font-size: 12px; font-weight: 300; margin: 0; margin-left: auto; margin-top: 3px; } .page-consultations-category .question .link { font-size: 14px; font-weight: 300; color: #04b67d; margin-left: 20px; white-space: nowrap; } .page-consultations-article .card { border: 1px solid #04b67d; border-radius: 5px; padding: 24px 30px; } .page-consultations-article .card .info { display: flex; justify-content: space-between; } .page-consultations-article .card .name { font-weight: 600; } .page-consultations-article .card .name span { font-weight: 400; } .page-consultations-article .card .date { font-size: 14px; opacity: 0.5; } .page-consultations-article .card .text { font-style: italic; line-height: 1.2; } .page-consultations-article .card .text p { margin: 0; } .page-consultations-article .question .text p:first-child:before { content: 'Питання: '; font-style: normal; font-weight: 600; } .page-consultations-article .answer .text p:first-child:before { content: 'Відповідь: '; font-style: normal; font-weight: 600; } .page-consultations-article .question { margin-bottom: 30px; } .page-consultations-article .answer { margin-bottom: 30px; } .page-consultations-article .share-buttons { margin-top: 90px; margin-bottom: 90px; } .page-article h1 { margin-bottom: 6px; } .page-article .article-info { display: flex; justify-content: space-between; font-size: 14px; font-weight: 300; } .page-article .article-info .category { opacity: 0.7; } .page-article .article-img { border-radius: 5px; margin-bottom: 25px; } .page-article .switch-content-language { text-align: right; } .page-article .content-wrap-ru { display: none; } .page-article .switch-content-language span { color: #04b67d; font-size: 14px; text-decoration: underline; cursor: pointer; } .page-article .article-text { margin-bottom: 70px; } .page-article .buttons-wrap { display: flex; margin-bottom: 70px; } .page-article .rating { flex-wrap: wrap; } .page-article .rating .head { width: 100%; margin-bottom: 10px; } .page-article .share-buttons { margin-right: 85px; } .share-buttons .head { font-weight: 600; color: #5b5251; margin-bottom: 8px; } .share-buttons .social { display: flex; } .share-buttons .social .social-link { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 3px; text-align: center; margin-right: 11px; cursor: pointer; transition: 0.3s; } .share-buttons .social .social-link:last-child { margin-right: 0; } .share-buttons .social .social-link:hover { box-shadow: 0px 0px 16px 0px rgba(4, 182, 125, 0.43); } .share-buttons .social .social-link img { width: 60%; height: 60%; } .share-buttons .social .social-link.facebook { background: #384e95; } .share-buttons .social .social-link.twitter { background: #00a4da; } .share-buttons .social .social-link.viber { background: #6f3fab; } .share-buttons .social .social-link.telegram { background: #71b2e3; } .page-sale .no-results { padding: 15px; background: rgba(4,182,125,0.1); } .page-sale .settings { margin-bottom: 35px; } .page-sale .settings .sort { display: flex; align-items: center; } .page-sale .settings .sort .search-select .result { width: auto; height: auto; border: none; } .page-sale .settings .sort .search-select .result:after { display: none; } .page-sale .settings .sort .search-select .dropdown { top: 24px; padding: 8px; } .page-sale .settings .sort .name { margin-right: 0; } .page-sale .settings .name { margin: 0; font-size: 14px; font-weight: 600; margin-right: 10px; } .page-sale .settings .sortdir { display: flex; position: relative; top: 1px; cursor: pointer; } .page-sale .settings .sortdir img { height: 11px; margin-right: 2px; opacity: 0.2; } .page-sale .settings .sortdir img.active { opacity: 1; } .page-sale .settings .sortdir img:nth-child(2) { margin-right: 0; transform: rotate(180deg); } .page-sale .settings .view-wrap { display: flex; justify-content: center; } .page-sale .settings .view { width: 76px; height: 25px; border: 1px solid #04b67d; border-radius: 5px; display: flex; } .page-sale .settings .view .item { width: 50%; text-align: center; cursor: pointer; display: flex; justify-content: center; align-items: center; } .page-sale .settings .view .item.active { background: #04b67d; } .page-sale .settings .view .item svg { height: 13px; fill: #04b67d; } .page-sale .settings .view .item.active svg { fill: #fff; } .page-sale .settings .count { display: flex; align-items: center; justify-content: flex-end; } .page-sale .settings .count .search-select .result { width: 41px; height: 24px; padding: 0 6px; } .page-sale .settings .count .search-select .result:after { top: 1px; } .page-sale .settings .count .search-select .dropdown { top: 24px; padding: 8px; } .page-sale h1 { margin-bottom: 17px; } .page-sale .buttons-wrap { display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px; margin-bottom: 90px; } .page-sale .buttons-wrap .pagination { margin: 0; margin-right: 60px; } .button-mobile-filter { display: none; width: 120px; height: 25px; line-height: 25px; font-size: 11px; margin-left: auto; margin-right: auto; } .form-search-small .form-search { border: 1px solid #04b67d; margin-bottom: 29px; padding: 19px 11px 9px 11px; font-size: 13px; justify-content: flex-start; } .form-search-small .form-search .search-select { margin-bottom: 9px; margin-left: 4.5px; margin-right: 4.5px; } .form-search-small .search-select .result { font-size: 13px; } .form-search-small .search-select .result { width: 195px; height: 24px; } .form-search-small .form-search .area-wrap { width: 195px; margin-left: 4.5px; margin-right: 4.5px; } .form-search-small .form-search .area-wrap input { width: 50px; height: 24px; } .form-search-small .form-search .price-wrap { width: 195px; margin-left: 4.5px; margin-right: 4.5px; } .form-search-small .form-search .price-wrap input { width: 59px; height: 24px; } .form-search-small .form-search .new-building-wrap { width: 195px; margin-left: 4.5px; margin-right: 4.5px; } .form-search-small .form-search .new-building-wrap label { margin-left: auto; margin-right: auto; } .form-search-small .form-search .new-building-wrap label br { display: none; } .form-search-small .form-search .area-wrap, .form-search-small .form-search .price-wrap, .form-search-small .form-search .new-building-wrap { height: 24px; } .form-search-small .form-search .button { width: 195px; height: 24px; line-height: 24px; font-size: 11px; margin-bottom: 9px; margin-left: 4.5px; margin-right: 4.5px; } .form-search-small .search-select .dropdown { top: 24px; padding: 20px 15px; } .form-search-small .search-select .result { white-space: nowrap; } .form-search-small .form-search .query-wrap { position: relative; display: block; margin-left: 4.5px; margin-right: 4.5px; } .form-search-small .form-search .query-wrap input { width: 195px; height: 24px; border: 1px solid rgba(57,45,43,0.3); border-radius: 4px; padding: 0 23px 0 10px; font-weight: 300; } .form-search-small .form-search .query-wrap input::-webkit-input-placeholder { color: #392d2b; } .form-search-small .form-search .query-wrap input:-moz-placeholder { color: #392d2b; } .form-search-small .form-search .query-wrap input::-moz-placeholder { color: #392d2b; } .form-search-small .form-search .query-wrap input:-ms-input-placeholder { color: #392d2b; } .form-search-small .form-search .query-wrap:before { content: url(../img/icons/search-black.svg); width: 12px; display: block; position: absolute; top: 5px; right: 6px; } .form-search-small-popup .form-search .query-wrap { display: block; position: relative; } .form-search-small-popup .form-search .query-wrap input { width: 100%; height: 40px; border: 1px solid rgba(57,45,43,0.3); border-radius: 4px; padding: 0 40px 0 10px; font-weight: 300; margin-bottom: 20px; } .form-search-small-popup .form-search .query-wrap input::-webkit-input-placeholder { color: #392d2b; } .form-search-small-popup .form-search .query-wrap input:-moz-placeholder { color: #392d2b; } .form-search-small-popup .form-search .query-wrap input::-moz-placeholder { color: #392d2b; } .form-search-small-popup .form-search .query-wrap input:-ms-input-placeholder { color: #392d2b; } .form-search-small-popup .form-search .query-wrap:before { content: url(../img/icons/search-black.svg); width: 12px; display: block; position: absolute; top: 11px; right: 13px; } .page-object h1 { margin-bottom: 8px; } .page-object .top-line-info { display: flex; justify-content: space-between; margin-bottom: 35px; } .page-object .top-line-info .address { font-weight: 300; margin: 0; } .page-object .top-line-info .address span { font-weight: 600; } .page-object .top-line-info .address a { font-size: 14px; color: #04b67d; margin-left: 10px; } .page-object .top-line-info .wrap { display: flex; justify-content: flex-end; } .page-object .top-line-info .views { margin: 0; font-size: 14px; white-space: nowrap; } .page-object .top-line-info .views:before { content: url(../img/icons/eye.svg); width: 16px; display: inline-block; margin-right: 6px; opacity: 0.8; } .page-object .top-line-info .date { font-size: 14px; color: #b2b2b2; margin: 0; margin-left: 30px; } .page-object .owl-carousel.contacts-slider { border-radius: 10px; overflow: hidden; margin-bottom: 30px; } .page-object .row-main { display: flex; } .page-object .row-main .col1 { width: 457px; margin-right: 30px; } .page-object .row-main .col2 { width: 360px; } .page-object .buttons-wrap { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .page-object .buttons-wrap .widget-button { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } .page-object .share-buttons { margin-bottom: 30px; } .page-object .contact-details { max-width: 321px; padding: 25px 30px; border-radius: 5px; box-shadow: 0px 0px 16px 0px rgba(57, 45, 43, 0.27); margin-bottom: 40px; margin-top: 10px; } .page-object .contact-details .head-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; } .page-object .contact-details .head-wrap .head { margin: 0; font-weight: 600; margin-bottom: 4px; } .page-object .contact-details .head-wrap .views { margin: 0; font-size: 13px; } .page-object .contact-details .head-wrap .views:before { content: url(../img/icons/eye.svg); width: 16px; display: inline-block; margin-right: 6px; position: relative; top: 1px; opacity: 0.8; } .page-object .contact-details .name { font-weight: 300; margin-bottom: 5px; } .page-object .contact-details .phones-wrap { display: flex; justify-content: space-between; align-items: flex-end; } .page-object .contact-details .phones .phone { position: relative; padding-left: 23px; font-size: 18px; font-weight: 600; margin-bottom: 5px; } .page-object .contact-details .phones .phone:last-child { margin-bottom: 0; } .page-object .contact-details .phones .phone:before { content: url(../img/icons/phone.svg); display: block; position: absolute; top: 1px; left: 0; width: 14px; } .page-object .contact-details .button-phone-show { font-size: 14px; font-weight: 300; color: #04b67d; text-decoration: underline; position: relative; top: -2px; } .page-object .object-number { font-size: 14px; font-weight: 300; opacity: 0.6; margin-bottom: 15px; } .page-object .object-number span { font-weight: 600; } .page-object .price-wrap { display: flex; align-items: center; margin-bottom: 3px; } .page-object .price-wrap .price { font-size: 24px; font-weight: 700; color: #3cb45a; margin: 0; margin-right: 15px; line-height: 1; } .page-object .price-wrap .price .cur { color: #392d2b; } .page-object .price-m-wrap .price { font-size: 13px; color: #5b5251; } .page-object .price-m-wrap .price .sum { font-size: 13px; } .page-object .price-m-wrap .price .cur, .page-object .price-m-wrap .price .for { font-size: 11px; } .page-object .price-wrap .currency { display: flex; width: 76px; height: 25px; border-radius: 5px; border: 1px solid #04b67d; } .page-object .price-wrap .currency span { font-size: 12px; font-weight: 600; color: #04b67d; cursor: pointer; width: 50%; height: 100%; text-align: center; line-height: 24px; } .page-object .price-wrap .currency span.active { background: #04b67d; color: #fff; } .page-object .specifications .item { line-height: 1.3; color: #5b5251; margin: 0; margin-bottom: 9px; } .page-object .specifications .item span { font-weight: 700; } .page-object .description { margin-top: 20px; color: #5b5251; } .page-object .description .head { font-weight: 600; margin: 0; } .page-object .description .text { font-size: 14px; letter-spacing: 0.025em; line-height: 21px; font-weight: 300; border-top: 1px solid #04b67d; border-bottom: 1px solid #04b67d; padding-top: 9px; margin-bottom: 25px; } .page-object .description .text p { margin-bottom: 9px; } .page-object .tabs-video { margin-bottom: 40px; } .page-object .tabs-video .tabs { display: flex; flex-wrap: wrap; position: relative; z-index: 1; } .page-object .tabs-video .tabs .tab { padding: 13px 30px; background: #f8f8f8; border: 1px solid #eaeaea; } .page-object .tabs-video .tabs .tab.active { color: #fff; background: #04b67d; cursor: default; border-color: #04b67d; } .page-object .tabs-video .tab-content { border: 1px solid #eaeaea; padding: 30px; position: relative; top: -1px; } .page-object .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .page-object .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } .page-object .map { height: 417px; margin-bottom: 120px; background: url(../img/page-contacts/map.jpg)no-repeat top center; background-size: cover; position: relative; display: flex; justify-content: center; align-items: center; } .page-object .object-slider-wrap { margin-bottom: 40px; } .page-object .object-slider-wrap .head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .page-object .object-slider-wrap .head .name { text-transform: uppercase; font-weight: 600; margin: 0; } .page-object .object-slider-wrap .head .line { width: calc(100% - 308px); height: 1px; background: #04b67d; } .page-object .object-slider-wrap .nav-buttons { display: flex; } .page-object .object-slider-wrap button { width: 25px; height: 25px; background: #fff; border: 1px solid #04b67d; cursor: pointer; } .page-object .object-slider-wrap button:hover { background: #04b67d; } .page-object .object-slider-wrap button:hover .icon { fill: #fff; } .page-object .object-slider-wrap button .icon { width: 4px; position: relative; top: -2px; } .page-object .object-slider-wrap .nav-prev { margin-right: 9px; } .page-object .object-slider-wrap .nav-next .icon { transform: rotate(180deg); } .page-object .mob-content { display: none; } .page-service .subtitle { text-transform: uppercase; font-size: 18px; font-weight: 600; margin-bottom: 20px; } .page-service .subtitle.big { font-size: 30px; line-height: 1.2; text-transform: none; } .page-service .subtitle.center { text-align: center; } .page-service .grid-items-4 { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; } .page-service .grid-items-4 .item { margin-left: 12px; margin-right: 12px; width: calc(25% - 24px); text-align: center; margin-bottom: 25px; } .page-service .grid-items-4 .item img { border-radius: 5px; } .page-service .grid-items-4 .item p { margin: 9px 0; font-size: 14px; font-weight: 300; line-height: 1.2; } .page-service .grid-items-2 { display: flex; flex-wrap: wrap; margin-left: -17.5px; margin-right: -17.5px; } .page-service .grid-items-2 .item { margin-left: 17.5px; margin-right: 17.5px; width: calc(50% - 35px); margin-bottom: 25px; } .page-service .grid-items-2 .item img { border-radius: 5px; } .page-service .grid-items-2 .item p { margin: 12px 0; font-weight: 300; line-height: 1.2; } .page-service .grid-items-3 { display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; } .page-service .grid-items-3 .item { text-align: center; margin-left: 16px; margin-right: 16px; width: calc(33.33% - 32px); margin-bottom: 25px; } .page-service .grid-items-3 .item img { border-radius: 5px; } .page-service .grid-items-3 .item p { margin: 12px 0; font-size: 14px; font-weight: 300; line-height: 1.2; } .page-service .advantages { margin-bottom: 80px; } .page-service .advantages .item { display: flex; align-items: center; margin-bottom: 18px; } .page-service .advantages .item .image-wrap { width: 40px; margin-right: 21px; } .page-service .advantages .item img { width: 40px; max-width: none; } .page-service .advantages .item p { margin: 0; } .page-service .advantages .item p a { color: #00b77b; text-decoration: underline; } .page-service .owl-carousel.service-1-1 { max-width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 60px; } .page-service .owl-carousel.service-1-1 .item { display: flex; } .page-service .owl-carousel.service-1-1 .item .image-wrap { margin-right: 30px; } .page-service .owl-carousel.service-1-1 .item img { border-radius: 5px; width: 390px; max-width: none; height: auto; } .page-service .owl-carousel.service-1-1 .item .text-wrap { display: flex; flex-direction: column; } .page-service .owl-carousel.service-1-1 .item .head { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-top: 8px; margin-bottom: 8px; } .page-service .owl-carousel.service-1-1 .item .text { font-size: 17px; margin: 0; line-height: 1.2; } .page-service .owl-carousel.service-1-1 .item .num { font-size: 36px; color: #cdf0e5; margin-top: auto; margin-bottom: 0; line-height: 1; } .page-service .owl-carousel.service-1-1 .item .num span { font-size: 60px; font-weight: 700; } .page-service .owl-carousel.service-1-1 .owl-nav .owl-prev { position: absolute; top: 0; left: -45px; bottom: 0; right: 0; margin-top: auto; margin-bottom: auto; } .page-service .owl-carousel.service-1-1 .owl-nav .owl-next { position: absolute; top: -14px; right: -45px; bottom: 0; margin-top: auto; margin-bottom: auto; } .page-service .owl-carousel.service-1-1 .owl-nav .owl-prev:before { content: url(../img/icons/arrow.svg); width: 15px; display: block; } .page-service .owl-carousel.service-1-1 .owl-nav .owl-next:before { content: url(../img/icons/arrow.svg); width: 15px; display: block; transform: rotate(180deg); } .page-service .single-img { border-radius: 5px; } .page-service .service-callback { max-width: 653px; border-radius: 5px; padding: 56px 72px; margin: 70px auto; text-align: center; box-shadow: 0px 0px 16px 0px rgba(57, 45, 43, 0.27); } .page-service .service-callback .head { font-size: 24px; font-weight: 800; margin: 0; } .page-service .service-callback .head a { color: #04b67d; } .page-service .service-callback .input-wrap { display: flex; justify-content: center; } .page-service .service-callback .input-wrap input { width: 243px; height: 40px; border-radius: 5px; border: 1px solid #c3c0bf; font-size: 14px; padding: 0 10px; margin-bottom: 10px; } .page-service .service-callback .input-wrap input:first-child { margin-right: 22px; } .page-service .service-callback input::-webkit-input-placeholder { color: #392d2b; } .page-service .service-callback input:-moz-placeholder { color: #392d2b; } .page-service .service-callback input::-moz-placeholder { color: #392d2b; } .page-service .service-callback input:-ms-input-placeholder { color: #392d2b; } .page-service .service-callback .privacy-policy { font-size: 12px; text-align: left; font-weight: 300; margin-bottom: 23px; } .page-service .service-callback .privacy-policy a { font-weight: 600; color: #04b67d; text-decoration: underline; } .page-service .service-callback .button { width: 300px; height: 50px; border: none; margin-left: auto; margin-right: auto; cursor: pointer; } .page-service .text-green-center { text-align: center; font-size: 30px; font-weight: 600; color: #04b67d; margin-top: 20px; } .page-service .grid-items-icons-3 .item { margin-bottom: 20px; } .page-service .grid-items-icons-3 .item img { height: 67px; margin-bottom: 25px; } .page-service .grid-items-icons-3 .item .head { font-size: 18px; font-weight: 600; margin: 0; margin-bottom: 5px; } .page-service .grid-items-icons-3 .item .text { font-size: 14px; line-height: 22px; font-weight: 300; } .page-service .subtitle-desctipt { font-size: 17px; } .page-service .independent-assessment .item { display: flex; align-items: center; margin-bottom: 20px; } .page-service .independent-assessment .item .image-wrap { width: 33px; margin-right: 14px; } .page-service .independent-assessment .item img { width: 33px; max-width: none; } .page-service .independent-assessment .item .head { font-size: 17px; font-weight: 600; } .page-service .independent-assessment .item p { font-size: 14px; font-weight: 300; margin: 0; } .page-service .assessment-types .item { display: flex; margin-bottom: 100px; } .page-service .assessment-types .item .image-wrap { margin-right: 30px; width: 360px; } .page-service .assessment-types .item .image-wrap img { border-radius: 5px; width: 360px; max-width: none; } .page-service .assessment-types .item .docs-head { display: flex; align-items: center; margin-bottom: 15px; } .page-service .assessment-types .item .docs-head .image-wrap2 { width: 30px; margin-right: 14px; } .page-service .assessment-types .item .docs-head .image-wrap2 img { width: 30px; max-width: none; } .page-service .assessment-types .item .docs-head p { margin: 0; } .page-service .assessment-types .item.reverse .image-wrap { margin-right: 0; margin-left: auto; order: 1; } .page-service .check-help { display: flex; } .page-service .check-help .img { border-radius: 5px; } .page-service .check-help h2 { margin-top: 10px; } .page-service .check-help .col1 { width: 361px; margin-right: 30px; } .page-service .check-help .item { display: flex; align-items: center; margin-bottom: 22px; } .page-service .check-help .item .img-wrap { width: 66px; height: 66px; background: #04b67d; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 17px; } .page-service .check-help .item img { height: 29px; } .page-service .check-help .item p { margin: 0; } .page-service .service-order { border-radius: 5px; margin: 70px auto; text-align: center; box-shadow: 0px 0px 16px 0px rgba(57, 45, 43, 0.27); } .page-service .service-order .top-wrap { padding: 50px 36px 60px 36px; } .page-service .service-order .bottom-wrap { padding: 30px 50px 30px 41px; background: #382d2b; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: flex; justify-content: space-between; color: #fff; } .page-service .service-order .head { font-size: 24px; font-weight: 800; margin: 0; margin-bottom: 37px; } .page-service .service-order .input-wrap { display: flex; justify-content: space-between; } .page-service .service-order .input-wrap input { width: 243px; height: 40px; border-radius: 5px; border: 1px solid #c3c0bf; font-size: 14px; padding: 0 10px; margin-bottom: 10px; } .page-service .service-order input::-webkit-input-placeholder { color: #392d2b; } .page-service .service-order input:-moz-placeholder { color: #392d2b; } .page-service .service-order input::-moz-placeholder { color: #392d2b; } .page-service .service-order input:-ms-input-placeholder { color: #392d2b; } .page-service .service-order .privacy-policy { font-size: 12px; text-align: left; font-weight: 300; margin-bottom: 23px; } .page-service .service-order .privacy-policy a { font-weight: 600; color: #04b67d; text-decoration: underline; } .page-service .service-order .button { width: 300px; height: 50px; border: none; margin-left: auto; margin-right: auto; cursor: pointer; } .page-service .service-order .bottom-wrap .item { display: flex; align-items: center; } .page-service .service-order .bottom-wrap .item img { height: 50px; margin-right: 20px; } .page-service .service-order .bottom-wrap .item .head { font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 0; margin-bottom: 2px; text-align: left; } .page-service .service-order .bottom-wrap .item .text { font-size: 14px; font-weight: 300; line-height: 1.2; margin: 0; text-align: left; white-space: nowrap; } .page-service .what-problems { display: flex; } .page-service .what-problems h2 { margin-top: 15px; margin-bottom: 25px; } .page-service .what-problems .img-wrap { width: 361px; margin-right: 30px; } .page-service .what-problems .img-wrap img { border-radius: 5px; } .page-service .what-problems .text-wrap { width: 457px; } .page-service .what-problems .item { display: flex; margin-bottom: 18px; } .page-service .what-problems .item .image-wrap { width: 30px; margin-right: 15px; } .page-service .what-problems .item img { width: 30px; max-width: none; } .page-service .what-problems .item p { margin: 0; line-height: 22px; } .page-service .noproblems { height: 476px; background: url(../img/page-services/service-3-1-10.jpg)no-repeat top center; background-size: cover; border-radius: 5px; padding: 60px; } .page-service .noproblems .text-wrap { max-width: 294px; } .page-service .noproblems .percent { text-align: center; font-size: 72px; font-weight: 800; color: #04b67d; line-height: 1; } .page-service .noproblems .text { color: #fff; background: #382d2b; border-radius: 5px; font-size: 23px; font-weight: 600; line-height: 34px; padding: 32px 40px; opacity: 0.9; margin-top: -30px; } .page-service .warranty { display: flex; flex-wrap: wrap; } .page-service .warranty .item { width: 100%; max-width: 330px; margin-bottom: 30px; } .page-service .warranty .item:nth-child(odd){ margin-right: 157px; } .page-service .warranty .item img { width: 30px; margin-right: 10px; } .page-service .warranty .item .img-wrap { display: flex; margin-bottom: 15px; } .page-service .warranty .item .img-wrap p { margin: 0; font-size: 24px; font-weight: 700; color: #04b67d; text-transform: uppercase; line-height: 1; margin-top: 10px; } .page-service .warranty .item .head { font-size: 18px; font-weight: 600; margin: 0; margin-bottom: 3px; } .page-service .warranty .item .text { font-size: 14px; font-weight: 300; line-height: 1.2; } .page-service .scheme-work .item { text-align: center; margin-bottom: 25px; } .page-service .scheme-work .item p { font-weight: 300; line-height: 22px; } .page-service .scheme-work .item img { width: 70px; margin-bottom: 15px; } .page-service .statistics { background: #04b67d; color: #fff; padding: 35px 35px 10px 35px; border-radius: 5px; } .page-service .statistics .subtitle { margin-bottom: 28px; } .page-service .statistics .items { display: flex; justify-content: space-between; } .page-service .statistics .item { text-align: center; margin-bottom: 20px; } .page-service .statistics .item .count { font-size: 42px; font-weight: 600; text-transform: uppercase; line-height: 0.4; margin: 0; } .page-service .statistics .item .count span { font-size: 14px; font-weight: 100; line-height: 22px; text-transform: none; } .page-service .statistics .item .line { display: block; height: 1px; width: 100px; background: #fff; opacity: 0.4; margin: 10px auto 14px auto; } .page-service .statistics .item .text { font-size: 14px; font-weight: 300; line-height: 1.2; } .page-service .mt-20 { margin-top: 20px; } .page-service .mt-50 { margin-top: 50px; } .page-service .mt-70 { margin-top: 70px; } .page-service .mt-100 { margin-top: 100px; } .page-service .mb-0 { margin-bottom: 0; } .page-service .mb-25 { margin-bottom: 25px; } .page-service .mb-50 { margin-bottom: 50px; } .page-service .mb-70 { margin-bottom: 70px; } .page-service .mb-80 { margin-bottom: 80px; } .page-service .mb-100 { margin-bottom: 100px; } .page-service .link { color: #04b67d; } .page-reviews { } .page-video-reviews-slider { max-width: 790px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .page-video-reviews-slider .video-review a { position: relative; display: block; border-radius: 5px; overflow: hidden; } .page-video-reviews-slider .video-review a:before { content: url(../img/icons/play.svg); display: block; width: 40px; height: 40px; border-radius: 50%; padding: 10px 13px 8px 17px; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; } .page-video-reviews-slider .video-review a:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(57,45,43,0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .page-video-reviews-slider .video-review .name { margin: 0; margin-top: 5px; } .page-video-reviews-slider .video-review .descript { font-size: 13px; line-height: 1.2; font-weight: 300; margin-top: 2px; margin-bottom: 0; } .page-video-reviews-slider .owl-nav .owl-prev { position: absolute; top: 54px; left: -29px; } .page-video-reviews-slider .owl-nav .owl-prev:before { content: url(../img/icons/arrow.svg); width: 11px; display: block; } .page-video-reviews-slider .owl-nav .owl-next { position: absolute; top: 49px; right: -29px; } .page-video-reviews-slider .owl-nav .owl-next:before { content: url(../img/icons/arrow.svg); width: 11px; display: block; transform: rotate(180deg); } .page-reviews .see-all-wrap, .page-reviews-affiliate .see-all-wrap { text-align: right; } .page-reviews .see-all, .page-reviews-affiliate .see-all { font-size: 16px; color: #04b67d; } .page-consultations h1 { margin-bottom: 20px; } .page-reviews .table { width: 100%; text-align: center; border-radius: 5px; border-bottom-right-radius: 0; border: 1px solid #04b67d; margin-top: 50px; margin-bottom: 80px; } .page-reviews .table .thead span { display: inline-block; padding: 10px 0; } .page-reviews .table .thead { display: flex; } .page-reviews .table a { display: flex; } .page-reviews .table a span { padding: 4px 0; } .page-reviews .table .tbody a:hover { color: #04b67d; } .page-reviews .table .thead { color: #fff; background: #04b67d; text-transform: uppercase; font-size: 14px; font-weight: 600; } .page-reviews .table .thead span:nth-child(1), .page-reviews .table a span:nth-child(1) { width: 51%; } .page-reviews .table .thead span:nth-child(2), .page-reviews .table a span:nth-child(2) { width: 12%; } .page-reviews .table .thead span:nth-child(3), .page-reviews .table a span:nth-child(3) { width: 37%; } .page-reviews .table .tbody a span:nth-child(1) { border-right: 1px solid #04b67d; text-align: left; padding-left: 30px; } .page-reviews .table .tbody a span:nth-child(2) { border-right: 1px solid #04b67d; } .page-reviews .table .tbody a:first-child span { padding-top: 22px; } .page-reviews .table .tbody a:last-child span { padding-bottom: 20px; } .page-reviews .table .tbody a > span > span { padding: 0 !important; border-right: none !important; font-size: 14px; color: #b2b2b2; font-weight: 300; } .page-reviews .table .tbody a:hover > span > span { color: #04b67d; } .button-add-review-mob, .button-add-question-mob { font-size: 11px; margin-bottom: 20px; width: 148px; height: 25px; line-height: 25px; display: none; } .button-add-question-mob { width: 175px; } .page-reviews-video .video-review, .page-videoconsultations .videoconsultation { margin-bottom: 33px; } .page-reviews-video .video-reviews .video-review a, .page-videoconsultations .videoconsultations .videoconsultation a { position: relative; display: block; border-radius: 5px; overflow: hidden; } .page-reviews-video .video-reviews .video-review a:hover:before, .page-videoconsultations .videoconsultations .videoconsultation a:hover:before { background: #04b67d; } .page-reviews-video .video-reviews .video-review a:before, .page-videoconsultations .videoconsultations .videoconsultation a:before { content: url(../img/icons/play.svg); display: block; width: 52px; height: 52px; border-radius: 50%; padding: 16px 17px 16px 20px; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; transition: 0.3s; } .page-reviews-video .video-reviews .video-review a:after, .page-videoconsultations .videoconsultations .videoconsultation a:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(57,45,43,0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .page-videoconsultations .videoconsultations .videoconsultation .descript { font-size: 16px; line-height: 1.2; font-weight: 300; margin-top: 7px; margin-bottom: 0; } .page-reviews-video .video-reviews .video-review .name { font-size: 18px; font-weight: 600; margin-top: 7px; margin-bottom: -2px; } .page-reviews-video .video-reviews .video-review .descript { font-size: 14px; line-height: 1.2; font-weight: 300; color: #5b5251; margin: 0; } .page-reviews-affiliate .reviews-affiliate { margin-top: 20px; } .page-reviews-affiliate .review { border: 1px solid #04b67d; border-radius: 5px; padding: 25px 30px; margin-bottom: 30px; } .page-reviews-affiliate .review .info-wrap { display: flex; justify-content: space-between; } .page-reviews-affiliate .review .info-wrap .name { font-weight: 600; } .page-reviews-affiliate .review .info-wrap .date { color: #b2b2b2; font-size: 14px; font-weight: 300; } .page-reviews-affiliate .review .text { margin: 0; font-style: italic; line-height: 1.2; font-weight: 300; } .page-reviews-affiliate .review-video { background: #04b67d; border-radius: 5px; color: #fff; margin-top: 10px; display: block; width: 180px; height: 30px; text-align: center; line-height: 30px; font-size: 15px; margin-left: auto; } .page-history .main-img { border-radius: 5px; margin-bottom: 35px; } .page-history .head-2 { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-top: 70px; margin-bottom: 20px; } .page-history .certificates { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -15px; margin-right: -15px; } .page-history .certificates .item { max-width: 292px; margin-bottom: 70px; padding: 0 15px; } .page-history .certificates .image-wrap { margin-bottom: 16px; display: flex; align-items: center; justify-content: center; } .page-history .certificates .image-wrap.long { height: 255px; } .page-history .certificates .item img { border: 1px solid rgba(57,45,43,0.15); } .page-history .certificates .item .name { font-size: 14px; line-height: 1.2; font-weight: 300; margin: 0; } .page-vacancy .subtitle { font-size: 18px; font-weight: 600; line-height: 22px; text-transform: uppercase; } .page-vacancy .subtitle.center { text-align: center; } .page-vacancy .grid-items-4 { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; margin-top: 20px; } .page-vacancy .grid-items-4 .item { margin-left: 12px; margin-right: 12px; width: calc(25% - 24px); text-align: center; margin-bottom: 25px; } .page-vacancy .grid-items-4 .item img { border-radius: 5px; } .page-vacancy .grid-items-4 .item p { margin: 9px 0; font-size: 14px; font-weight: 300; line-height: 1.2; } .page-vacancy .advantages { margin-top: 20px; margin-bottom: 90px; } .page-vacancy .advantages .item { display: flex; margin-bottom: 22px; } .page-vacancy .advantages .item .image-wrap { margin-right: 20px; width: 100%; max-width: 40px; } .page-vacancy .advantages .item .head { margin: 0; font-size: 18px; font-weight: 600; line-height: 22px; } .page-vacancy .advantages .item .text { margin: 0; font-size: 14px; line-height: 22px; font-weight: 300; } .page-vacancy .owl-carousel.vacancy { max-width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 60px; margin-top: 23px; } .page-vacancy .owl-carousel.vacancy img { border-radius: 5px; } .page-vacancy .owl-carousel.vacancy .name { margin: 0; font-size: 18px; line-height: 22px; margin-top: 10px; padding: 0 10px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-prev { position: absolute; top: 111px; left: -45px; right: 0; margin-top: auto; margin-bottom: auto; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-next { position: absolute; top: 103px; right: -45px; margin-top: auto; margin-bottom: auto; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-prev:before { content: url(../img/icons/arrow.svg); width: 15px; display: block; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-next:before { content: url(../img/icons/arrow.svg); width: 15px; display: block; transform: rotate(180deg); } .page-vacancy .working-conditions { display: flex; justify-content: space-between; margin-top: 80px; margin-bottom: 90px; } .page-vacancy .working-conditions img { border-radius: 5px; } .page-vacancy .working-conditions .subtitle { margin-bottom: 18px; } .page-vacancy .working-conditions .col1 { width: 100%; max-width: 457px; } .page-vacancy .working-conditions .col2 { width: 100%; max-width: 360px; } .page-vacancy .working-conditions .text { line-height: 22px; } .page-vacancy .best-employer { max-width: 705px; margin-left: auto; margin-right: auto; margin-top: 35px; margin-bottom: 90px; } .page-vacancy .best-employer .item { text-align: center; } .page-vacancy .best-employer .descript { line-height: 22px; max-width: 195px; margin-left: auto; margin-right: auto; margin-top: 15px; } .page-vacancy .best-employer img { max-width: 100%; height: auto; width: auto; margin-left: auto; margin-right: auto; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-prev { position: absolute; top: 134px; left: -70px; right: 0; margin-top: auto; margin-bottom: auto; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-next { position: absolute; top: 127px; right: -70px; margin-top: auto; margin-bottom: auto; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-prev:before { content: url(../img/icons/arrow.svg); width: 15px; display: block; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-next:before { content: url(../img/icons/arrow.svg); width: 15px; display: block; transform: rotate(180deg); } .page-vacancy .corporate-events { display: flex; flex-wrap: wrap; margin-top: 25px; margin-bottom: 35px; } .page-vacancy .corporate-events-text { margin-bottom: 90px; } .page-vacancy .phone-block { border-radius: 5px; background: #fff; box-shadow: 0px 0px 16px 0px rgba(57, 45, 43, 0.27); padding: 23px 30px; display: flex; margin-top: 30px; } .page-vacancy .phone-block .head { margin: 0; font-weight: 600; margin-right: 40px; } .page-vacancy .phone-block .phone { margin-right: 40px; font-size: 18px; font-weight: 600; } .page-vacancy .phone-block .phone:before { content: url(../img/icons/telephone.svg); display: inline-block; width: 18px; margin-right: 8px; position: relative; top: 3px; } .page-vacancy .phone-block .email { font-weight: 300; text-decoration: underline; } .page-vacancy .phone-block .email:before { content: url(../img/icons/envelope.svg); display: inline-block; width: 18px; margin-right: 8px; position: relative; top: 3px; } .page-vacancy .resume-block { border-radius: 5px; background: #fff; box-shadow: 0px 0px 16px 0px rgba(57, 45, 43, 0.27); padding: 30px 30px; margin-top: 40px; margin-bottom: 80px; } .page-vacancy .resume-block .head { margin: 0; font-weight: 600; line-height: 1.2; } .page-vacancy .resume-form { display: flex; justify-content: space-between; margin-top: 22px; } .page-vacancy .resume-form input, .page-vacancy .resume-form label { width: 250px; height: 40px; border-radius: 5px; border: 1px solid #c3c0bf; padding: 0 10px; font-size: 14px; } .page-vacancy .resume-form .button { width: 250px; height: 40px; border: none; cursor: pointer; } .page-vacancy .resume-form .phone::-webkit-input-placeholder { color: #392d2b; } .page-vacancy .resume-form .phone:-moz-placeholder { color: #392d2b; } .page-vacancy .resume-form .phone::-moz-placeholder { color: #392d2b; } .page-vacancy .resume-form .phone:-ms-input-placeholder { color: #392d2b; } .page-vacancy .resume-form input[name='resume'] { display: none; } .page-vacancy .resume-form label { display: flex; align-items: center; cursor: pointer; } .page-vacancy .resume-form label img { width: 13px; margin-right: 5px; } .page-awards .main-img { border-radius: 5px; margin-bottom: 35px; } .page-awards .img-2 { margin-top: 40px; margin-bottom: 60px; } .page-awards .awards-items .item { display: flex; align-items: center; margin-bottom: 60px; } .page-awards .awards-items .item .image-wrap { width: 100%; max-width: 360px; margin-right: 30px; } .page-awards .awards-items .item .text { width: 100%; line-height: 22px; } .page-awards .awards-items .item:nth-child(odd) .image-wrap { order: 1; margin-right: 0; margin-left: 30px; } .page-awards .awards-years .year { margin-bottom: 96px; } .page-awards .awards-years .year .head { font-size: 18px; font-weight: 600; line-height: 22px; text-transform: uppercase; text-align: center; margin-top: 0; margin-bottom: 35px; } .page-awards .awards-years .year .award { display: flex; align-items: center; margin-bottom: 60px; } .page-awards .awards-years .year .award .image-wrap { width: 100%; max-width: 457px; margin-right: 30px; } .page-awards .awards-years .year .award .text { line-height: 22px; width: 100%; max-width: 360px; } .page-404 { height: 879px; background: #755d58 url(../img/404-bg.jpg)no-repeat top center; background-size: cover; color: #fff; } .page-404 .head { font-size: 43px; font-weight: 700; margin-top: 50px; margin-bottom: 35px; } .page-404 .descript { font-size: 21px; font-weight: 100; line-height: 30px; margin-bottom: 60px; } .page-404 .button { width: 385px; height: 50px; line-height: 50px; margin-bottom: 30px; font-size: 16px; font-weight: 500; box-shadow: 0px 9px 16px 0px rgba(57, 45, 43, 0.35); } /* widgets */ .widget { background: #fff; box-shadow: 4.5px 7.794px 16px 0px rgba(113, 113, 113, 0.1); border-radius: 5px; padding: 25px 30px; border: 1px solid #ebeae9; margin-bottom: 40px; position: relative; } .widget .head { font-weight: 600; text-transform: uppercase; margin-bottom: 12px; line-height: 1.2; } .widget .link-more { display: inline-block; font-size: 14px; text-decoration: underline; color: #04b67d; font-weight: 300; margin-top: 12px; } .widget img { border-radius: 3px; } .widget .video-preview { position: relative; display: block; border-radius: 5px; overflow: hidden; } .widget .video-preview:before { content: url(../img/icons/play.svg); display: block; width: 40px; height: 40px; border-radius: 50%; padding: 9.5px 13px 8px 17px; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; } .widget .video-preview:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(57,45,43,0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .widget .menu { margin: 0; padding: 0; } .widget .menu li { list-style-type: none; font-weight: 300; margin-bottom: 10px; line-height: 1.2; } .widget .menu li:last-child { margin-bottom: 0; } .widget .menu li a:hover { color: #04b67d; } .widget .button { letter-spacing: 0.025em; font-weight: 400; padding: 8.5px 5px; margin-bottom: 0; } .widget .link-more + .button { margin-top: 10px; } .widget .img-center { display: block; margin-left: auto; margin-right: auto; } .widget .phone-wrap { position: relative; padding-left: 22px; font-size: 14px; margin-top: 17px; margin-bottom: 5px; } .widget .phone-wrap:before { content: url(../img/icons/phone.svg); display: block; position: absolute; top: 4px; left: 0; width: 14px; } .widget .img-down { position: absolute; bottom: 0; right: 10px; } .mb40 { margin-bottom: 40px; } .widget .office .hide { padding-left: 9px; } .widget .office .office-head { font-weight: 600; margin-bottom: 10px; font-size: 16px; cursor: pointer; } .widget .office .office-head:hover { color: #00b77b; } .widget .office .office-head:last-child { margin-bottom: 0; } .widget .office .contact-item { position: relative; padding-left: 22px; margin-bottom: 8px; font-size: 13px; } .widget .office .phone { font-weight: 400; margin: 0; line-height: 1.2; font-size: 14px; margin-bottom: 8px; } .widget .office .contact-item:before { display: block; position: absolute; top: 0; left: 0; width: 13px; } .widget .office .phone:before { content: url(../img/icons/phone.svg); top: 1px; } .widget .office .address:before { content: url(../img/icons/map.svg); width: 10px; left: 2px; } .widget .office p { margin: 0; line-height: 1.2; } .widget .office .show-on-map { font-size: 12px; color: #00b77b; text-decoration: underline; } .widget .office .email:before { content: url(../img/icons/email.svg); top: 4px; } .widget .office .email a { text-decoration: underline; } .widget .office .clock:before { content: url(../img/icons/clock.svg); } .widget-button { width: 100%; height: auto; max-width: 263px; font-size: 13px; margin-bottom: 20px; line-height: 1.2; padding: 12.5px 5px; } /* end widgets */ .article-text a, .page-policies .page-text a { text-decoration: underline; color: #00b77b; } .page-policies .page-text { margin-bottom: 50px; } /*Popup*/ .popup { background-color: #fff; margin: auto; position: relative; border-radius: 5px; text-align: center; padding: 30px; } #form-search-sale-popup, #form-search-rent-popup { max-width: 480px; padding-top: 20px; padding-bottom: 0; } #form-search-sale-popup .head, #form-search-rent-popup .head { font-size: 20px; margin: 0; margin-bottom: -10px; } #form-search-sale-popup .form-search, #form-search-rent-popup .form-search { flex-direction: column; } #form-search-sale-popup .search-select .result, #form-search-rent-popup .search-select .result { width: 100%; } #form-search-sale-popup .form-search .area-wrap, #form-search-rent-popup .form-search .area-wrap, #form-search-sale-popup .form-search .price-wrap, #form-search-rent-popup .form-search .price-wrap { margin-bottom: 20px; } #form-search-sale-popup .form-search .new-building-wrap, #form-search-rent-popup .form-search .new-building-wrap { margin-bottom: 20px; } #form-search-sale-popup .form-search .new-building-wrap br, #form-search-rent-popup .form-search .new-building-wrap br { display: none; } .popup .popup-head { font-size: 24px; font-weight: 700; line-height: 1.2; margin-top: 0; margin-bottom: 26px; } .popup input { width: 100%; height: 40px; border-radius: 5px; border: 1px solid #c3c0bf; margin-bottom: 19px; padding: 0 10px; font-size: 14px; } .popup textarea { width: 100%; height: 132px; border-radius: 5px; border: 1px solid #c3c0bf; margin-bottom: 19px; padding: 10px 10px; font-size: 14px; } .popup .search-select .result { width: 100%; margin-bottom: 19px; } .popup input::-webkit-input-placeholder, .popup textarea::-webkit-input-placeholder { color: #392d2b; } .popup input:-moz-placeholder, .popup textarea:-moz-placeholder { color: #392d2b; } .popup input::-moz-placeholder, .popup textarea::-moz-placeholder { color: #392d2b; } .popup input:-ms-input-placeholder, .popup textarea:-ms-input-placeholder { color: #392d2b; } .popup .button { width: 100%; height: 50px; font-size: 16px; border: none; cursor: pointer; } .popup .policy { text-align: left; font-size: 12px; line-height: 1.2; font-weight: 300; margin: 0; margin-top: 8px; } .popup .policy a { text-decoration: underline; color: #04b67d; } .popup.success { background: #04b67d; } .form-popup.success .success { display: block; } .form-popup.success > *:not(.success):not(.mfp-close) { display: none !important; } .popup .success { display: none; color: #fff; } .mfp-close-btn-in .popup.success .mfp-close { color: #fff; } .popup .success-head { font-size: 30px; font-weight: 600; line-height: 1.2; } .popup .success-text { font-size: 18px; line-height: 1.2; margin: 0; } .popup.success { max-width: 320px; color: #fff; } #popup-add-review { max-width: 360px; } #popup-expert-question { max-width: 360px; } #popup-question { max-width: 360px; } #popup-request-call { max-width: 360px; } #popup-order { max-width: 360px; } #popup-write-letter { max-width: 360px; } #popup-application { max-width: 360px; } #popup-application-property { max-width: 360px; } #popup-complain { max-width: 360px; } #popup-application-property .descript { font-size: 14px; line-height: 1.2; margin-bottom: 30px; } #popup-complain .label-email { text-align: left; font-size: 12px; opacity: 0.7; margin: 0; display: block; } #popup-complain .radio-head { font-size: 14px; font-weight: 600; text-align: left; line-height: 1.2; margin: 0; margin-bottom: 15px; } #popup-complain .radio { display: block; font-size: 14px; line-height: 1.2; cursor: pointer; } #popup-complain .radio input { display: none; } #popup-complain .radio .text { text-align: left; margin: 0; position: relative; padding-left: 17px; } #popup-complain .radio .text:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #04b67d; margin-right: 7px; position: absolute; top: 2px; left: 0; } #popup-complain .radio .text:after { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; margin-right: 7px; position: absolute; top: 4px; left: 2px; background: #04b67d; opacity: 0; } #popup-complain .radio input:checked + .text:after { opacity: 1; } #popup-complain .radio-wrap { margin-bottom: 15px; } #popup-viewing-request { position: relative; max-width: 585px; } #popup-viewing-request .inputs-wrap { max-width: 300px; } #popup-viewing-request .image { position: absolute; bottom: 0; right: 30px; } #popup-your-price { position: relative; max-width: 585px; } #popup-your-price .inputs-wrap { max-width: 300px; } #popup-your-price .image { position: absolute; bottom: 0; right: 30px; } #popup-your-price .group { text-align: left; margin-bottom: 10px; } #popup-your-price .group .head { font-weight: 600; margin: 0; } #popup-your-price .group .text { font-size: 14px; line-height: 1.2; font-weight: 300; margin: 0; } #popup-your-price .group .price { font-size: 22px; font-weight: 600; color: #3cb45a; } #popup-your-price .group .price span { color: #392d2b; } #popup-order-rating { position: relative; padding: 0; max-width: 568px; } #popup-order-rating .inputs-wrap { max-width: 300px; } #popup-order-rating .top-block, #popup-order-rating .bottom-block { padding: 30px; } #popup-order-rating .image { position: absolute; top: 80px; right: 35px; } #popup-order-rating .bottom-block { background: #392d2b; border-top: 1px solid #04b67d; color: #fff; text-align: left; } #popup-order-rating .bottom-block .head { font-size: 18px; font-weight: 600; margin: 0; margin-bottom: 12px; } #popup-order-rating .bottom-block .item { display: flex; align-items: center; margin-bottom: 10px; } #popup-order-rating .bottom-block .item:last-child { margin-bottom: 0; } #popup-order-rating .bottom-block .item .img-wrap { width: 100%; max-width: 25px; margin-right: 10px; } #popup-order-rating .bottom-block .item p { font-size: 14px; font-weight: 300; margin: 0; } #popup-order-check { margin-top: 30px; margin-bottom: 30px; position: relative; padding: 0; max-width: 637px; } #popup-order-check .popup-head { padding: 30px 30px 0 30px; } #popup-order-check .top-line { padding: 30px 220px 30px 30px; background: #cdf0e5; text-align: left; } #popup-order-check .top-line .descript { font-size: 15px; opacity: 0.4; margin: 0; margin-bottom: 10px; } #popup-order-check .top-line .descript span { font-weight: 600; } #popup-order-check .top-line .text { font-size: 14px; line-height: 1.2; font-weight: 300; } #popup-order-check .top-line .price { font-size: 14px; line-height: 1.2; margin: 0; font-weight: 300; } #popup-order-check .top-line .price span { font-weight: 600; color: #04b67d; } #popup-order-check .top-line .price img { width: 25px; margin-right: 10px; } #popup-order-check .inputs-wrap { max-width: 300px; } #popup-order-check .top-block, #popup-order-check .bottom-block { padding: 30px; } #popup-order-check .image { position: absolute; top: 117px; right: 30px; } #popup-order-check .bottom-block { background: #392d2b; border-top: 1px solid #04b67d; color: #fff; text-align: left; } #popup-order-check .bottom-block .head { font-size: 18px; font-weight: 600; margin: 0; margin-bottom: 12px; } #popup-order-check .bottom-block .item { display: flex; align-items: center; margin-bottom: 10px; } #popup-order-check .bottom-block .item:last-child { margin-bottom: 0; } #popup-order-check .bottom-block .item .img-wrap { width: 100%; max-width: 25px; margin-right: 10px; } #popup-order-check .bottom-block .item p { font-size: 14px; font-weight: 300; margin: 0; } .category-popup { max-width: 480px; padding: 0 0 10px 0 !important; text-align: left; } .category-popup .head { text-align: center; background: #04b67d; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 700; padding: 8px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 10px; } .mfp-close-btn-in .category-popup .mfp-close { color: #fff; } .category-popup .menu { padding: 0; margin: 0; } .category-popup .menu li { list-style-type: none; font-size: 15px; } .category-popup .menu li a { display: block; padding: 6px 15px; } .category-popup .link-more { color: #04b67d; font-size: 14px; display: block; padding: 6px 15px; } .mfp-bg { opacity: 0.7; } /*Конец Popup*/ /*Анимация для попап окон*/ .my-mfp-zoom-in .popup { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .popup { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .popup { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*Конец анимация для попап окон*/ /*Анимация для галереи*/ .gallery-mfp-zoom-in { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .gallery-mfp-zoom-in.mfp-ready { opacity: 1; transform: scale(1); } .gallery-mfp-zoom-in.mfp-removing { transform: scale(0.8); opacity: 0; } .gallery-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.3s ease-out; } .gallery-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .gallery-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; transition: opacity 0s ease-out; } /*Конец анимация для галереи*/ .zhk { padding-bottom: 80px; } .form-zhk { padding: 27px 31px 30px 29px; background: #FFFFFF; border: 1px solid #EBEAE9; box-shadow: 9px 9px 16px rgba(113, 113, 113, 0.1); border-radius: 4px; } .form-zhk__title { font-weight: bold; font-size: 16px; line-height: 19px; text-transform: uppercase; } .form-zhk__input { margin: 22px 0px 0px 0px; display: flex; flex-direction: column; } .form-zhk__input p { margin: 0px 0px 3px 0px; font-weight: bold; font-size: 16px; line-height: 19px; } .zhk .form-zhk .search-select .result { width: 100%; background: #F2F3F5; } .form-zhk__input select { height: 40px; } .zhk .form-zhk .search-select .result span { width: calc(100% - 12px); text-overflow: ellipsis; overflow: hidden; } .form-zhk__input > input { height: 40px; background: #F2F3F5; border: 1px solid #B7B4B5; border-radius: 5px; font-size: 14px; line-height: 17px; } .form-zhk__block { display: flex; margin: 0px -5px; } .form-zhk__block input { width: 95px; padding: 0px 10px; font-weight: normal; font-size: 14px; line-height: 17px; } .form-zhk__block .form-zhk__input { flex: 0 1 50%; padding: 0px 5px; } .form-zhk__button { margin: 30px 0px 0px 0px; width: 100%; height: 50px; border: none; border-radius: 5px; cursor: pointer; } .contacts-zhk { display: flex; flex-direction: column; } .card-contacts { margin: 98px 0px 0px 0px; padding: 79px 30px 30px 30px; text-align: center; background: #FFFFFF; border: 1px solid #EBEAE9; box-shadow: 9px 9px 16px rgba(113, 113, 113, 0.1); border-radius: 4px; position: relative; } .card-contacts__photo { position: absolute; width: 130px; height: 130px; top: 0; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; border: 3px solid #04B57D; overflow: hidden; } .card-contacts__name { margin: 0; display: block; font-weight: bold; font-size: 18px; line-height: 22px; } .card-contacts__descr { display: block; margin: 3px 0px 0px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid rgba(4, 182, 125, 0.15); font-weight: 300; font-size: 13px; line-height: 16px; } .card-contacts__links { padding: 5px 0px 0px 0px; text-align: left; display: flex; flex-direction: column; } .card-contacts__phone { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 26px; font-weight: 600; font-size: 16px; line-height: 19px; position: relative; } .card-contacts__phone:before { content: ""; background: url('../img/icons/telephone.svg') 0 0 no-repeat; position: absolute; width: 18px; height: 18px; top: 0; left: 0; } .card-contacts__email { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 26px; font-size: 14px; line-height: 17px; text-decoration-line: underline; color: #04B67D; position: relative; } .card-contacts__email:before { content: ""; background: url('../img/icons/email.svg') 0 0 no-repeat; position: absolute; width: 18px; height: 18px; top: 0; left: 0; } .card-contacts__viber { margin: 15px 0 0 0; padding: 0 0 0 26px; font-weight: 600; font-size: 16px; line-height: 19px; position: relative; } .card-contacts__viber:before { content: ""; background: url('../img/icons/viber-link.svg') 0 0 no-repeat; position: absolute; width: 18px; height: 18px; top: 0; left: 0; } .card-contacts__telegram { margin: 15px 0 0 0; padding: 0 0 0 26px; font-size: 16px; line-height: 19px; position: relative; } .card-contacts__telegram:before { content: ""; background: url('../img/icons/telegram-blue.svg') 0 0 no-repeat; position: absolute; width: 18px; height: 18px; top: 0; left: 0; } .contacts-zhk__button { display: block; margin: 30px 0 0 0; width: 100%; } .zhk .body-zhk__title { margin: 0 0 20px 0; font-size: 30px; line-height: 37px; } .body-zhk__count { display: flex; justify-content: flex-end; align-items: center; } .body-zhk__count p { margin: 0; font-weight: bold; font-size: 14px; line-height: 17px; } .body-zhk__count .search-select .result { padding: 0 7px; margin: 0 0 0 10px; width: 41px; height: 24px; background: #F2F3F5; border: 1px solid #B7B4B5; border-radius: 5px; } .body-zhk__count .search-select .result span { margin: 0 4px 0 0; } .body-zhk__count .search-select .dropdown { width: 41px; top: 25px; padding: 7px; left:auto; right: 0; } .body-zhk__count .search-select .dropdown .list label { justify-content: center; } .body-zhk__cards { display: flex; flex-wrap: wrap; margin: 5px -15px -5px -15px; } .card-zhk { flex: 0 1 33.333%; padding: 15px; } .card-zhk__wrapper { border: 1px solid rgba(57, 45, 43, 0.15); border-radius: 5px; } .card-zhk__image { width: 100%; cursor: pointer; } .card-zhk__image img { border-radius: 5px; } .card-zhk__body { padding: 16px 20px 20px 20px; } .card-zhk__title { font-weight: bold; font-size: 16px; line-height: 19px; color: #04B67D; cursor: pointer; } .card-zhk__text { display: block; margin: 8px 0 0 0; font-size: 14px; line-height: 17px; } .card-zhk__button { margin: 15px 0 0 0; } .body-zhk-item { display: flex; margin: 10px 0 0 0; } .body-zhk-item__main { flex: 0 0 457px; margin: 0 30px 0 0; } .slider-zhk__wrapper { width: 457px; border-radius: 10px; overflow: hidden; } .body-zhk-item__text { margin: 30px 0 0 0; padding: 20px 25px; font-weight: 300; font-size: 18px; line-height: 28px; border: 1px solid #04B67D; border-radius: 10px; } .info-zhk-item { flex: 0 1 360px; } .info-zhk-item__title { margin: 0 0 5px 0; font-weight: bold; font-size: 18px; line-height: 22px; color: #04B67D; } .info-zhk-item__line { display: flex; padding: 10px 0 5px 0; font-size: 16px; line-height: 19px; border-bottom: 1px dashed rgba(57, 45, 43, 0.2); } .info-zhk-item__line:last-child { border-bottom: 0; } .info-zhk-item__line p { flex: 0 1 50%; margin: 0 30px 0 0; } .info-zhk-item__line strong { flex: 0 1 50%; } .body-zhk-tabs { margin: 60px 0px 0px 0px; } .zhk-tabs { display: inline-flex; align-items: flex-end; height: 45px; padding: 0px 15px; background: #04B67D; border-radius: 5px 5px 0px 0px; border-bottom: none; color: #fff; font-weight: 600; font-size: 15px; line-height: 18px; cursor: pointer; position: relative; z-index: 1; top: 1px; } .zhk-tab { margin: 0; height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: center; } .zhk-tab.active { background: #F2F3F5; color: #392D2B; border: 1px solid #B7B4B5; border-bottom: none; border-radius: 5px 5px 0px 0px; } .tab-content { border: 1px solid #B7B4B5; border-radius: 0px 5px 5px 5px; } .zhk-table { padding: 20px 0px 0px 0px; } .zhk-table__wrapper { min-width: 690px; } .zhk-table__head { width: 100%; height: 40px; font-weight: bold; font-size: 12px; line-height: 15px; display: flex; align-items: flex-end; justify-content: space-between; text-transform: uppercase; } .zhk-table p { height: 100%; display: flex; align-items: center; justify-content: flex-start; text-align: center; padding: 10px; border-bottom: 1px solid rgba(183, 180, 181, 0.5); border-right: 1px solid rgba(183, 180, 181, 0.5); } .zhk-table p:last-child { border-right: none; } .zhk-table p.hidden { display: none; } .body-zhk-table__label p { margin: 0; } .zhk-table__head P { padding: 4px; } .zhk-table .small { width: 7.5%; margin: 0; } .zhk-table .middle { width: 13.5%; margin: 0; } .zhk-table .large { width: 21%; margin: 0; } .zhk-table .last { width: 14%; margin: 0; } .zhk-table .table-body__title { padding: 18px 10px; margin: 0 auto; font-weight: bold; font-size: 20px; line-height: 24px; display: flex; justify-content: center; align-items: center; color: #04B67D; } .body-zhk-table__label { display: none; } .body-zhk-table__line { display: flex; background: rgba(183, 180, 181, 0.1); } .body-zhk-table__line p { min-height: 55px; font-size: 14px; line-height: 17px; border-top: 1px solid rgba(183, 180, 181, 0.5); } .body-zhk-table__info { display: flex; width: 100%; } .zhk-table__button { width: 102px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 15px; } .zhk-plan { padding: 30px; } .zhk-plan__wrapper { display: flex; flex-wrap: wrap; margin: -16px; } .zhk-plan__item { flex: 0 1 33.333%; padding: 16px; } .zhk-plan__item-wrapper { border: 1px solid rgba(57, 45, 43, 0.15); border-radius: 5px; } .zhk-plan__title { margin: 0; display: block; padding: 15px 11px; font-weight: bold; font-size: 16px; line-height: 19px; text-align: center; } .zhk-text__wrapper { padding: 25px 30px; } .zhk-text__wrapper p { margin: 0px 0px 25px 0px; line-height: 24px; letter-spacing: 0.02em; } .zhk-text__wrapper h5 { margin: 5px 0px 0px 0px; font-weight: 800; font-size: 18px; line-height: 24px; letter-spacing: 0.02em; } .zhk-text__wrapper ul { padding: 0; margin: 0; } .zhk-text__wrapper li { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 12px; font-size: 15px; line-height: 18px; list-style-type: none; position: relative; } .zhk-text__wrapper li:before { content: ""; position: absolute; background: #04B67D; width: 4px; height: 4px; border-radius: 50%; top: 10px; left: 0; } .zhk-item .map { margin: 30px; height: 350px; background: url(../img/zhk/map.jpg)no-repeat top center; background-size: cover; position: relative; display: flex; justify-content: center; align-items: center; } .image__wrapper { margin: 0px auto; } .zhk .actions { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width : 1200px) { header #form-search input { width: 202px; } header .social { margin-right: 40px; } header .email { margin-right: 32px; } header .phones .phone-item:first-child { margin-right: 32px; } .top-menu { font-size: 14px; font-weight: 300; } header .top-line-2 .logo { width: 140px; } .top-menu > ul > li { margin-left: 26px; } .page-home .main { max-height: 544px; } .page-home .main h1 { font-size: 63px; line-height: 32px; padding-top: 70px; margin-bottom: 20px; } .page-home .main h1 span { font-size: 24px; } .page-home .main .descript { font-size: 17px; } .page-home .advantages .item .descript br { display: none; } .page-home .advantages .item { padding: 0 5px; } .page-home .journal .articles { padding-right: 0; } .ads .ad .name { font-size: 15px; margin-bottom: 5px; } .ads .ad .line-info .price { font-size: 18px; } .ads .ad .line-info .date { font-size: 12px; } .ads .ad .line-info .views { font-size: 12px; } .ads .ad .line-info .views::before { width: 13px; } .ads .ad .specifications .item { font-size: 13px; } .inner-page .ads .ad .button { width: 135px; height: 35px; line-height: 35px; } .inner-page .ads .ad .line-info { flex-wrap: wrap; margin-top: 2px; margin-bottom: 8px; } .inner-page .ads .ad .line-info .wrap { width: 100%; justify-content: space-around; } .inner-page .ads .ad .line-info .price { order: 1; width: 100%; } .inner-page .ads .ad .line-info .views { margin-left: auto; font-size: 13px; } .inner-page .ads .ad .line-info .views::before { width: 16px; margin-right: 4px; } .inner-page .ads .ad .line-info .date { font-size: 13px; } .page-sale .settings { margin-bottom: 22px; } footer .text { margin-bottom: 10px; } footer .text br { display: none; } footer .links { margin-bottom: 15px; } footer .link { font-size: 14px; } .page-404 { height: 595px; background-position: -50px 0; } .page-404 .head { font-size: 41px; margin-bottom: 20px; margin-top: 5px; } .page-404 .descript { font-size: 19px; margin-bottom: 30px; } .page-consultations .table .thead span:first-child, .page-consultations .table a span:first-child { width: 68%; } .page-consultations .table .thead span:last-child, .page-consultations .table a span:last-child { width: 32%; } .page-consultations .table { margin-bottom: 50px; } .page-consultations-category .question .text { font-size: 16px; } .page-consultations-category .question .link { font-size: 13px; } .page-consultations-category .question { padding: 17px 0; } .page-consultations-category .questions { margin-bottom: 40px; } .pagination { margin-bottom: 70px; } .pagination a { width: 35px; height: 35px; line-height: 35px; } .pagination a.prev .icon, .pagination a.next .icon { width: 6px; height: 11px; } .inner-page { padding-top: 35px; } .breadcrumbs { margin-bottom: 30px; } .inner-page h1 { margin-bottom: 20px; } .article-anonce .info { margin-top: 0; margin-bottom: 3px; } .article-anonce .head { font-size: 16px; font-weight: 600; margin-bottom: 3px; } .article-anonce .text { font-size: 14px; font-weight: 300; } .article-anonce { margin-bottom: 30px; } .page-about .about-item .head { font-size: 16px; margin-bottom: 2px; } .page-about .about-item .text { font-size: 14px; } .page-contacts .main-office .contact-item .icon { width: 50px; height: 50px; line-height: 45px; margin-right: 8px; } .page-contacts .main-office .contact-item .icon img { height: 15px; } .page-contacts .main-office .contact-item p { font-size: 15px; font-weight: 300; } .page-contacts .main-office .contact-item .email { font-size: 15px; font-weight: 300; } .page-contacts .main-office .contact-item .phones { font-weight: 400; font-size: 15px; } .page-contacts .main-office .contact-item .show-on-map { font-weight: 300; } .page-contacts .main-office { margin-bottom: 60px; } .form-search-small .form-search { margin-bottom: 20px; } .ads.list .ad .img-wrap { margin-right: 22px; } .inner-page .ads.list .ad .line-info .price { order: 0; width: auto; } .inner-page .ads.list .ad .line-info .wrap { width: auto; } .inner-page .ads.list .ad .line-info .views { margin-left: 30px; } .ads.list .ad .name { font-size: 16px; } .page-object .top-line-info { flex-direction: column; } .page-object .top-line-info .wrap { justify-content: space-between; margin-top: 8px; } .page-object .row-main .col1 { width: 370px; } .page-object h1 { margin-bottom: 5px; } .widget-button { font-size: 12px; } .page-object .row-main { margin-bottom: 40px; } .page-service .owl-carousel.service-1-1 .item img { max-width: 330px; } .page-service .owl-carousel.service-1-1 { max-width: 600px; } .page-service .check-help .item .img-wrap { width: 54px; height: 54px; } .page-service .check-help .col1 { margin-right: 20px; } .page-service .service-order .input-wrap input { width: 195px; } .page-service .service-order .bottom-wrap { padding: 30px 20px 30px 20px; } .page-service .what-problems h2 { margin-top: 0; } .page-service .warranty .item:nth-child(2n+1) { margin-right: 30px; } .page-video-reviews-slider { max-width: 630px; } .page-video-reviews-slider .owl-nav .owl-prev { top: 40px; } .page-video-reviews-slider .owl-nav .owl-next { top: 34px; } .page-reviews .see-all, .page-reviews-affiliate .see-all { font-size: 15px; } .page-reviews .table .thead span:nth-child(1), .page-reviews .table a span:nth-child(1) { width: 55%; } .page-reviews .table .thead span:nth-child(3), .page-reviews .table a span:nth-child(3) { width: 33%; } .page-reviews .table .tbody a > span > span { display: block; text-align: center !important; width: 100%; } .page-reviews-video .video-reviews .video-review .descript, .page-videoconsultations .videoconsultations .videoconsultation .descript { font-size: 15px; } .page-vacancy .owl-carousel.vacancy { max-width: 620px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-prev { left: -34px; top: 87px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-next { right: -34px; top: 82px; } .page-vacancy .working-conditions .col1 { margin-right: 20px; } .page-vacancy .best-employer { max-width: 620px; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-prev { left: -34px; top: 111px; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-next { right: -34px; top: 105px; } .page-vacancy .corporate-events img { max-width: 230px; } .page-vacancy .resume-form input, .page-vacancy .resume-form label { width: 200px; } .page-vacancy .resume-form .button { width: 200px; } .page-home .links-block a { width: calc(50% - 20px); } .page-about .about-item:nth-child(odd) .img-wrap { order: 0; } .widget .head { position: relative; font-size: 14px; z-index: 2; } .widget .head br { display: none; } .widget .phone-wrap { font-size: 13px; } .widget .img-down { right: 5px; } .widget .link-more { position: relative; z-index: 2; } .zhk__aside { width: 210px; } .form-zhk { padding: 17px 20px 20px 20px; } .form-zhk__title { font-size: 15px; line-height: 18px; } .form-zhk__input { margin: 15px 0px 0px 0px; } .form-zhk__input p { font-size: 15px; line-height: 18px; } .form-zhk__block input { width: 80px; } .form-zhk__button { margin: 20px 0px 0px 0px; } .card-contacts__photo { width: 120px; height: 120px; } .card-contacts { margin: 88px 0px 0px 0px; padding: 79px 20px 20px 20px; } .card-contacts__phone { font-size: 15px; line-height: 18px; } .card-contacts__email { word-wrap: break-word; } .card-contacts__viber { font-size: 15px; line-height: 18px; } .card-contacts__telegram { font-size: 15px; line-height: 18px; } .card-zhk__button { display: flex; justify-content: center; align-items: center; width: 145px; height: 35px; font-size: 14px; line-height: 17px; } .body-zhk-item__main { flex: 0 0 370px; } .slider-zhk__wrapper { width: 370px; } .zhk-table .table-body__title { font-size: 18px; line-height: 22px; } .zhk-table__head { font-size: 11px; line-height: 13px; } .body-zhk-table__line p.last { display: flex; align-items: center; justify-content: center; } .zhk-table__button { padding: 0px 6px; font-size: 11px; line-height: 13px; } .zhk-plan__title { font-size: 14px; line-height: 17px; } .card-zhk__body { padding: 10px; } } @media only screen and (max-width : 992px) { .hidden-md { display: none; } .inner-page h1 { font-size: 24px; } header .top-line-2 { padding: 5px 0; align-items: center; } header .top-line-2-wrap nav { display: none; } header .mobile-button-phone, header .mobile-form-search-wrap, header .toggle-menu { display: block; } header .top-line-1-wrap { display: none; } header .mobile-phones { top: 59px; width: calc(100% - 30px); left: 15px; } .form-search-wrap { display: none; } .page-home .main { max-height: 367px; } .page-home .main h1 { font-size: 55px; margin-bottom: 15px; } .page-home .main h1 span { font-size: 21px; } .page-home .main .descript { font-size: 16px; margin-bottom: 25px; } .page-home > .advantages { display: none; } .page-home .mobile-advantages { display: block; } .page-home .mobile-advantages .advantages { padding: 25px 0 45px 0; } .page-home .main .mobile-buttons { display: flex; } .page-home .catalog { padding-top: 80px; padding-bottom: 0; } .page-home .journal { display: none; } .page-home .catalog .item { margin-bottom: 20px; } .page-home .advice { padding: 70px 0 50px 0; } .page-home .advice .head { font-size: 24px; line-height: 1.2; } .page-home .advice .links li a { font-size: 16px; } .page-home .advice .order-2 .head { margin-top: 0; } .page-home .advice .order-2 .links li { margin: 0; } .page-home .ads { display: none; } footer .contacts li:first-child { white-space: nowrap; } footer .text.copyright { white-space: nowrap; } footer .text { margin-bottom: 15px; } footer .links { margin-bottom: 30px; } .page-home .advantages .item .head { line-height: 1.2; padding: 0 5px; margin-bottom: 0; } .page-home .advantages .item .count { margin-bottom: 0; } .page-home .video-reviews { display: block; } .page-home .video-reviews .video-reviews-slider { max-width: 640px; margin: 0 auto; } .page-home .callback { height: 460px; background-position: 64%; } .page-home .callback .head { font-size: 30px; margin-top: 55px; max-width: 450px; margin-bottom: 20px; } .page-home .callback #form-callback { align-items: start; flex-direction: column; } .page-home .callback #form-callback .button { margin-right: 0; margin-bottom: 7px; } .page-home .text-block .head, .inner-page .text-block .head { font-size: 24px; } .page-home .text-block, .inner-page .text-block { font-size: 14px; padding: 88px 0 48px 0; } .links-block { margin-bottom: 50px; } .page-404 { height: 430px; background-position: 0 0; } .page-404 .head { font-size: 27px; margin-top: 5px; margin-bottom: 10px; } .page-404 .descript { font-size: 14px; line-height: 18px; margin-bottom: 15px; } .page-404 .button { width: 278px; height: 35px; line-height: 35px; font-size: 12px; margin-bottom: 20px; } .inner-page { padding-top: 25px; } .breadcrumbs { margin-bottom: 20px; } .page-tips .button-tips-category { display: block; } .page-article .article-text { font-size: 14px; margin-bottom: 40px; } .page-article .buttons-wrap { margin-bottom: 50px; } .page-article .article-slider-wrap { margin-bottom: 0; } .page-object .object-slider-wrap { margin-bottom: 10px; } .page-service .subtitle.big { font-size: 24px; } .page-service .owl-carousel.service-1-1 { margin-bottom: 0; } .page-service .owl-carousel.service-1-1 .item .text { font-size: 15px; } .page-service { font-size: 15px; } .page-video-reviews-slider .owl-nav .owl-prev { top: 57px; } .page-video-reviews-slider .owl-nav .owl-next { top: 51px; } .page-reviews-affiliate .review .info-wrap .name { font-size: 15px; margin-bottom: 5px; } .page-reviews-affiliate .review .info-wrap .date { font-size: 13px; margin-bottom: 5px; } .page-reviews-affiliate .review .text { font-size: 15px; } .button-add-review-mob, .button-add-question-mob { display: block; } .page-object .tabs-video .tabs .tab { font-size: 15px; padding: 8px 20px; } .form-zhk__wrapper { display: flex; flex-wrap: wrap; margin: 0px -15px -7.5px -15px; } .form-zhk__input { flex: 0 1 33.333%; padding: 7.5px 15px; margin: 0; } .form-zhk__input.zhk-select { max-width: 226px; } .form-zhk__block { flex: 0 1 33.333%; padding: 15px; } .form-zhk__block input { width: 93px; } .form-zhk__button { width: 196px; height: 40px; margin: 35px 0px 0px 15px; } .zhk__body { margin: 30px 0px 0px 0px; } .contacts-zhk { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .card-contacts { margin: 48px 0px 0px 0px; width: 210px; } .contacts-zhk__button { margin: 30px auto 0px auto; width: 210px; } .zhk .body-zhk__title { font-size: 24px; line-height: 29px; } .body-zhk-tabs { margin: 60px 0px 70px 0px; } } @media only screen and (max-width : 768px) { header .mobile-button-phone { margin-right: 30px; } header .toggle-menu { margin-left: 30px; } header #mobile-form-search input { width: 185px; } .page-home .catalog .head { font-size: 15px; font-weight: 700; margin-bottom: 10px; } .page-home .catalog .count-all { font-weight: 300; } .page-home .catalog .subcategories .name { font-weight: 600; } .page-home .advice .head { font-size: 18px; font-weight: 700; } .page-home .advice .links li { margin: 0; font-weight: 300; } .page-home .advice .links li a { font-size: 14px; } .page-home .advice .head:first-child { margin-bottom: 5px; } .page-home .advantages .item .head { font-size: 14px; font-weight: 600; } .page-home .advantages .item .count { font-size: 36px; } .page-home .advantages .item .descript { font-size: 14px; font-weight: 300; } .page-home .video-reviews .video-reviews-slider { max-width: 456px; } .page-home .video-reviews .video-review .name { font-size: 16px; margin-top: 15px; margin-bottom: 0px; } .page-reviews-video .video-reviews .video-review .name { font-size: 16px; } .page-home .video-reviews .video-review .descript { font-size: 13px; } .page-reviews-video .video-reviews .video-review .descript { font-size: 13px; } .page-home .video-reviews { padding-bottom: 97px; } .page-home .video-reviews .video-review a::before { width: 42px; height: 42px; padding: 11px 16px 16px 16px; } .page-home .callback { background-position: 54%; } footer .contacts li:first-child, footer .text.copyright { white-space: normal; } footer .links { margin-bottom: 12px; } .page-404 { height: 395px; background-position: -50px 0; padding-top: 20px; } .page-404 .head { font-size: 23px; margin-top: 5px; margin-bottom: 20px; } .page-404 .descript { max-width: 216px; margin-bottom: 20px; } .page-404 .descript br { display: none; } .page-404 .button { width: 241px; height: 30px; line-height: 30px; font-size: 11px; } .page-consultations .table .thead { font-size: 12px; } .page-consultations .table a { font-size: 15px; } .page-consultations .table .thead { align-items: center; } .page-consultations .table .thead span:first-child, .page-consultations .table a span:first-child { width: 70%; } .page-consultations .table .thead span:last-child, .page-consultations .table a span:last-child { width: 29%; } .pagination a { width: 30px; height: 30px; line-height: 28px; font-size: 14px; font-weight: 300; } .pagination a.prev .icon, .pagination a.next .icon { width: 5px; height: 10px; } .pagination { margin-bottom: 40px; } .article-anonce .info { font-size: 11px; } .article-anonce .head { font-size: 13px; } .article-anonce .text { font-size: 13px; } .article-anonce .link-more { font-size: 13px; } .page-about .about-item .head { margin-top: 10px; } .page-services .service { margin-bottom: 40px; } .page-services .descript { font-size: 14px; } .page-contacts .main-office .head { margin-top: 20px; font-size: 16px; font-weight: 600; } .page-contacts .main-office .contact-item-wrap { display: flex; } .page-contacts .main-office .contact-item-wrap .contact-item-col { width: 50%; } .page-contacts .main-office { margin-bottom: 40px; } .page-contacts .main-office .contact-item p { font-size: 16px; } .page-contacts .main-office .contact-item .email { font-size: 16px; } .page-contacts .main-office .contact-item .phones { font-size: 16px; } .page-contacts .offices .office .head { font-size: 16px; font-weight: 600; } .page-contacts .offices .office .contact-item { font-size: 13px; font-weight: 400; } .page-contacts .offices .office .contact-item.phone { font-size: 14px; } .page-contacts .offices .office .contact-item::before { width: 12px; } .page-contacts .offices .office .address::before { width: 10px; } .page-contacts .offices .office { margin-bottom: 40px; } .form-search-small { display: none; } .page-sale .no-results { font-size: 13px; } .page-sale .settings .name { display: none; } .page-sale .settings .sort .search-select .result { padding-left: 0; padding-right: 15px; } .page-sale .settings .view-wrap { display: none; } .button-mobile-filter { display: block; } .inner-page .ads .ad .button { width: 145px; } .inner-page .ads .ad .line-info .price { order: 0; width: auto; } .inner-page .ads .ad .line-info .wrap { width: auto; } .inner-page .ads .ad .line-info .views { margin-left: 15px; } .page-object .top-line-info .address { font-size: 14px; } .page-object .row-main .col1 { width: calc(50% - 15px); } .page-object .top-line-info .views, .page-object .top-line-info .date { font-size: 13px; } .page-object .top-line-info { margin-bottom: 20px; } .page-object .object-number { font-size: 13px; } .page-object .price-wrap .price { font-size: 21px; } .page-object .specifications .item { font-size: 14px; } .page-object .description .head { font-size: 15px; } .share-buttons .head { font-size: 15px; } .page-object .description .text { margin-bottom: 18px; } .page-object .buttons-wrap { flex-direction: column; margin-left: 0; margin-right: 0; } .page-object .buttons-wrap .widget-button { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 10px; } .page-object .owl-carousel.contacts-slider { margin-bottom: 20px; } .page-object .contact-details { padding: 16px 15px; } .page-object .contact-details .phones .phone { font-size: 16px; } .page-object .contact-details .button-phone-show { font-size: 13px; } .page-object .map { height: 250px; margin-bottom: 70px; } .page-object .object-slider-wrap .head .name { font-size: 14px; } .page-service { font-size: 14px; } .page-service .subtitle { font-size: 16px; } .page-service .owl-carousel.service-1-1 .item { flex-direction: column; align-items: center; } .page-service .owl-carousel.service-1-1 .item .image-wrap { margin-right: 0; } .page-service .owl-carousel.service-1-1 .item .head { text-align: center; margin-top: 15px; } .page-service .owl-carousel.service-1-1 .item .text { text-align: center; } .page-service .owl-carousel.service-1-1 .item .num { text-align: center; } .page-service .owl-carousel.service-1-1 .owl-nav .owl-prev { left: 0; } .page-service .owl-carousel.service-1-1 .owl-nav .owl-next { right: 0; } .page-service .service-callback { padding: 40px 40px; margin-top: 40px; } .page-service .text-green-center { font-size: 27px; } .page-service .mt-100 { margin-top: 70px; } .page-service .mt-70 { margin-top: 40px; } .page-service .grid-items-3 .item { width: calc(50% - 32px); } .page-service .check-help { flex-direction: column; } .page-service .check-help .col1 { order: 1; margin-top: 20px; } .page-service .service-order .input-wrap { flex-direction: column; } .page-service .service-order .input-wrap input { width: 100%; margin-bottom: 15px; } .page-service .service-order .top-wrap { padding: 30px 36px 45px 36px; } .page-service .service-order .bottom-wrap { flex-direction: column; } .page-service .service-order .bottom-wrap .item { margin-bottom: 20px; padding: 0 125px; } .page-service .what-problems { flex-direction: column; } .page-service .what-problems .img-wrap { margin-right: 0; margin-bottom: 20px; } .page-service .noproblems .text-wrap { max-width: 262px; } .page-service .noproblems .text { font-size: 20px; font-weight: 400; line-height: 32px; } .page-service .statistics .item .count { font-size: 34px; } .page-service .statistics .items { flex-wrap: wrap; } .page-service .statistics .item { width: 50%; margin-bottom: 40px; } .page-service .assessment-types .item { flex-direction: column; margin-bottom: 40px; } .page-service .assessment-types .item .image-wrap { width: 100%; margin-bottom: 20px; } .page-service .assessment-types .item .image-wrap img { width: auto; max-width: 100%; } .page-service .assessment-types .item.reverse .image-wrap { order: 0; } .page-video-reviews-slider { max-width: 450px; } .page-video-reviews-slider .owl-nav .owl-prev { top: 64px; } .page-video-reviews-slider .owl-nav .owl-next { top: 58px; } .page-reviews .see-all, .page-reviews-affiliate .see-all { font-size: 14px; } .page-reviews .table { font-size: 14px; } .page-reviews .table .tbody a:first-child span { padding-top: 15px; } .page-reviews .table .tbody a span:nth-child(1) { padding-left: 15px; } .page-reviews-video .video-reviews .video-review .descript, .page-videoconsultations .videoconsultations .videoconsultation .descript { font-size: 14px; } .page-sale .buttons-wrap { flex-direction: column; } .page-sale .buttons-wrap .pagination { margin-right: 0; margin-bottom: 40px; } .page-history .certificates .item { max-width: 270px; } .page-history p { font-size: 14px; } .page-awards p { font-size: 14px; } .page-awards .img-2 { margin-top: 24px; margin-bottom: 40px; } .page-awards .awards-items .item { margin-bottom: 30px; } .page-awards .awards-years .year .award { margin-bottom: 30px; } .page-awards .awards-years .year { margin-bottom: 45px; } .page-vacancy { font-size: 14px; } .page-vacancy .grid-items-4 .item { width: calc(50% - 24px); } .page-vacancy .advantages { margin-bottom: 60px; } .page-vacancy .owl-carousel.vacancy { max-width: 442px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-prev { top: 56px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-next { top: 50px; } .page-vacancy .owl-carousel.vacancy .name { font-size: 16px; line-height: 18px; padding: 0; } .page-vacancy .working-conditions { margin-top: 60px; flex-direction: column; } .page-vacancy .working-conditions .col1 { margin-right: 0; } .page-vacancy .best-employer { margin-bottom: 60px; } .page-vacancy .corporate-events img { max-width: 255px; } .page-vacancy .phone-block { flex-direction: column; align-items: center; } .page-vacancy .phone-block .head { margin-right: 0; margin-bottom: 10px; } .page-vacancy .phone-block .phone { margin-right: 0; margin-bottom: 10px; } .page-vacancy .resume-block { margin-bottom: 40px; } .page-vacancy .resume-block .head { text-align: center; } .page-vacancy .resume-form { flex-direction: column; } .page-vacancy .resume-form input, .page-vacancy .resume-form label { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .page-vacancy .resume-form .button { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; } #popup-order-check .image { display: none; } #popup-order-check { max-width: 470px; } #popup-order-check .top-line { padding: 30px; } #popup-order-check .inputs-wrap { max-width: 100%; } #popup-your-price .image { display: none; } #popup-your-price { max-width: 360px; } #popup-viewing-request .image { display: none; } #popup-viewing-request { max-width: 360px; } #popup-order-rating .image { display: none; } #popup-order-rating { max-width: 360px; } .page-home .links-block a { width: 100%; } .page-reviews-affiliate .review-video { font-size: 14px; width: 170px; } .page-object .tabs-video .tabs .tab { font-size: 14px; padding: 10px 20px; } .zhk { padding-bottom: 0px 0px 120px 0px; } .form-zhk { padding: 12px 15px 15px 15px; } .form-zhk__wrapper { margin: 0px -7.5px -7.5px -7.5px; } .form-zhk__input { flex: 0 0 163px; padding: 7.5px; } .form-zhk__input.zhk-select { max-width: 163px; } .form-zhk__block { padding: 7.5px; } .form-zhk__block input { width: 90px; } .form-zhk__block { margin: 0px -2.5px; } .form-zhk__block .form-zhk__input { padding: 0px 2.5px; } .form-zhk__button { width: 80px; margin: 27px 0px 0px 0px; } .card-zhk { flex: 0 1 50%; } .contacts-zhk { position: relative; justify-content: center; margin: 0px 0px 30px 0px; } .card-contacts:first-child { margin: 88px 30px 0px 0px; } .card-contacts { width: 240px; margin: 88px 0px 0px 0px; } .contacts-zhk__button { margin: 0; position: absolute; width: 210px; height: 40px; bottom: -70px; left: 50%; transform: translate(-50%,0); } .zhk__body { margin: 20px 0px 0px 0px; } .body-zhk-item { flex-direction: column; } .body-zhk-item__main { flex: 0 1 100%; margin: 0; } .slider-zhk__wrapper { width: 100%; } .body-zhk-item__main img { width: 100%; } .info-zhk-item { margin: 20px 0px 0px 0px; } .body-zhk-item__text { margin: 25px 0px 0px 0px; } .zhk-table { overflow-x: auto; } .zhk-plan__item { flex: 0 1 50%; } .body-zhk-tabs { margin: 60px 0px 30px 0px; } } @media only screen and (max-width : 576px) { .inner-page h1 { font-size: 21px; } header .button-search { display: block; } header .toggle-menu { margin-left: 20px; } header .mobile-button-phone { margin-right: 20px; } header .top-line-2 .logo { width: 126px; } header .top-line-2 { padding: 3px 0; } header .mobile-phones { top: 46px; width: 100%; left: 0; } .page-home .main h1 { font-size: 45px; line-height: 23px; } .page-home .main h1 span { font-size: 17px; } .page-home .main .descript br { display: none; } .page-home .catalog { padding-top: 40px; } .page-home .catalog .count-all { margin-bottom: 10px; } .page-home .catalog .head { margin-bottom: 5px; } .page-home .catalog .item { margin-bottom: 35px; } .page-home .advice { padding: 35px 0 35px 0; } .page-home .advice .head { font-size: 21px; } .page-home .advice .links li a { font-size: 16px; } .page-home .advice .links li a::before { margin-right: 6px; } .page-home .advice .head:first-child { margin-bottom: 10px; } .page-home .advice .row-2 { margin-top: 17px; } .page-home .advice .order-2 .head { margin-top: 16px; } .page-home .advantages .item .head { font-size: 16px; } .page-home .advantages .item .count { font-size: 42px; line-height: 1.2; } .page-home .advantages .item .descript { font-size: 15px; } .page-home .advantages .item { margin-bottom: 45px; } .page-home .mobile-advantages .advantages { padding: 25px 0 0 0; } .page-home .video-reviews .video-reviews-slider { max-width: calc(100% - 46px); } .page-home .video-reviews { padding-bottom: 60px; } .page-home .callback .head { font-size: 20px; text-align: center; letter-spacing: 0; margin-top: 35px; } .page-home .callback #form-callback { align-items: center; } .page-home .callback #form-callback .name { margin-right: 0; } .page-home .callback #form-callback .descript { text-align: center; margin-bottom: 40px; } .page-home .callback { height: auto; background-position: top left; background-size: auto 130%; } .page-home .text-block, .inner-page .text-block { padding: 55px 0 36px 0; } .page-home .text-block .head, .inner-page .text-block .head { font-size: 21px; font-weight: 700; } .page-home .text-block, .inner-page .text-block { font-size: 13px; line-height: 1.2; font-weight: 300; } .links-block .links-wrap { font-size: 11px; font-weight: 300; } .links-block a { padding: 2px 5px; margin: 0 5px 6px 5px; } footer { padding: 17px 0; } footer .social { margin-bottom: 35px; } header .mobile-form-search-wrap { display: none; text-align: center; position: absolute; top: 46px; left: 0; background: #392d2b; width: 100%; z-index: 1; } header #mobile-form-search input { width: 100%; border-color: #fff; color: #fff; } header #mobile-form-search input::-webkit-input-placeholder { color: #fff; opacity: 1; } header #mobile-form-search input:-moz-placeholder { color: #fff; opacity: 1; } header #mobile-form-search input::-moz-placeholder { color: #fff; opacity: 1; } header #mobile-form-search input:-ms-input-placeholder { color: #fff; opacity: 1; } header #mobile-form-search button:before { content: url(../img/icons/search.svg); } .page-404 { height: 395px; background-position: 77% 116px; background-size: 680px; padding-top: 10px; text-align: center; } .page-404 .head { margin-bottom: 10px; } .page-404 .descript { margin-bottom: 15px; max-width: 100%; margin-bottom: 173px; } .page-404 .button { width: 271px; height: 35px; line-height: 35px; font-size: 12px; margin-left: auto; margin-right: auto; } .page-consultations .table .thead { font-size: 11px; } .page-consultations .table .thead span { padding: 4px 0; } .page-consultations .table a { font-size: 14px; font-weight: 300; padding-left: 10px; } .page-consultations .table .tbody a:first-child span { padding-top: 10px; } .page-consultations .table .tbody a:last-child span { padding-bottom: 10px; } .page-consultations-category .question { flex-wrap: wrap; } .page-consultations-category .question .text { width: 100%; } .page-consultations-category .question .date { margin-left: 0; } .inner-page { padding-top: 14px; } .breadcrumbs { font-size: 13px; margin-bottom: 10px; } .breadcrumbs .separator { margin: 0 3px; } .page-consultations-category .question .text { font-size: 15px; } .page-consultations-category .question { padding: 10px 0; } .pagination { justify-content: center; margin-bottom: 30px; } .inner-page h1 { margin-bottom: 10px; } .page-tips .button-tips-category { margin-bottom: 20px; } .article-anonce .info { margin-top: 8px; } .article-anonce .head { font-size: 14px; } .page-services .service .head { margin-top: 10px; margin-bottom: 5px; } .page-services .service { margin-bottom: 30px; } .page-services .service nav ul li { margin-bottom: 10px; } .page-contacts .main-office .contact-item-wrap { flex-direction: column; } .page-contacts .main-office .contact-item-wrap .contact-item-col { width: 100%; } .page-contacts .main-office .head { font-size: 15px; margin-top: 15px; } .page-contacts .main-office .contact-item .email { font-size: 15px; } .page-contacts .main-office .contact-item p { font-size: 15px; } .page-contacts .main-office .contact-item .phones { font-size: 15px; } .page-contacts .main-office .contact-item { margin-bottom: 14px; } .button-mobile-filter { width: 84px; } .inner-page h1 { margin-bottom: 15px; } .page-sale .settings { margin-bottom: 20px; } .inner-page .ads .ad { margin-left: auto; margin-right: auto; } .inner-page .ads .ad .img-link { max-width: 100%; } .page-object .row-main { flex-direction: column; } .page-object .row-main .col1 { width: 100%; } .page-object .row-main .col2 { width: 100%; } .page-object .buttons-wrap .widget-button { max-width: 100%; } .page-object .map { height: 218px; margin-bottom: 55px; } .page-object .object-slider-wrap .head .name { font-size: 13px; } .page-object .object-slider-wrap .head .line { width: calc(100% - 264px); } .page-object .col1 .buttons-wrap, .page-object .col1 .contact-details { display: none; } .page-object .mob-content { display: block; margin-top: 30px; } .page-service .grid-items-4 .item { width: calc(50% - 24px); } .page-service { font-size: 13px; } .page-service .subtitle { font-size: 15px; } .page-service .subtitle.big { font-size: 21px; } .page-service .owl-carousel.service-1-1 .item .head { font-size: 16px; } .page-service .owl-carousel.service-1-1 .item .text { font-size: 13px; } .page-service .grid-items-4 .item p { font-size: 13px; } .page-service .advantages { margin-bottom: 40px; } .page-service .owl-carousel.service-1-1 .item { max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; } .page-service .owl-carousel.service-1-1 .item img { max-width: 100%; } .page-service .mb-70 { margin-bottom: 40px; } .page-service .mt-50 { margin-top: 30px; } .page-service .service-callback { margin-bottom: 40px; } .page-service .service-callback .input-wrap { flex-direction: column; } .page-service .service-callback { padding: 20px 20px 25px 20px; } .page-service .service-callback .input-wrap input:first-child { margin-right: 0; } .page-service .service-callback .input-wrap input { width: 100%; } .page-service .service-callback .head { font-size: 17px; } .page-service .service-callback .privacy-policy { font-size: 11px; } .page-service .service-callback .button { width: 100%; } .page-service .text-green-center { font-size: 17px; } .page-service .grid-items-2 { margin-left: -10px; margin-right: -10px; } .page-service .grid-items-2 .item { margin-left: 10px; margin-right: 10px; width: calc(50% - 20px); } .page-service .grid-items-3 { margin-left: -10px; margin-right: -10px; } .page-service .grid-items-3 .item { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } .page-service .grid-items-icons-3 .item { text-align: center; } .page-service .service-order .button { width: 100%; } .page-service .service-order .top-wrap { padding: 28px 20px 30px 20px; } .page-service .service-order .bottom-wrap .item { padding: 0; } .page-service .what-problems .img-wrap { width: auto; } .page-service .what-problems .text-wrap { width: auto; } .page-service .noproblems { padding: 20px; height: 347px; } .page-service .noproblems .text { padding: 23px 28px; font-size: 16px; line-height: 28px; } .page-service .check-help .col1 { width: 100%; } .page-service .service-order .bottom-wrap .item .head { font-size: 16px; } .page-service .service-order .bottom-wrap .item .text { font-size: 13px; } .page-service .warranty .item .head { font-size: 16px; } .page-service .warranty .item .text { font-size: 13px; } .page-service .warranty .item:nth-child(2n+1) { margin-right: 0; margin-bottom: 20px; } .page-service .text-green-center br { display: none; } .page-video-reviews-slider { width: calc(100% - 30px); } .page-video-reviews-slider .owl-nav .owl-prev { top: 27%; left: -15px; } .page-video-reviews-slider .owl-nav .owl-next { top: 25%; right: -15px; } .page-video-reviews-slider .owl-nav .owl-prev::before { width: 9px; } .page-video-reviews-slider .owl-nav .owl-next::before { width: 9px; } .page-reviews .see-all, .page-reviews-affiliate .see-all { font-size: 13px; } .page-reviews .table { margin-top: 30px; } .page-reviews .table { font-size: 13px; } .page-reviews .table .thead { font-size: 12px; } .page-reviews .table .tbody a span:nth-child(1) { padding-left: 10px; } .page-reviews-video .video-reviews .video-review .descript, .page-videoconsultations .videoconsultations .videoconsultation .descript { font-size: 13px; } .page-reviews-video .video-reviews .col-6:nth-child(odd), .page-videoconsultations .videoconsultations .col-6:nth-child(odd) { padding-right: 5px; } .page-reviews-video .video-reviews .col-6:nth-child(even), .page-videoconsultations .videoconsultations .col-6:nth-child(even) { padding-left: 5px; } .page-reviews-video .video-reviews .video-review a:before, .page-videoconsultations .videoconsultations .videoconsultation a:before { width: 40px; height: 40px; padding: 9px 15px 9px 15px; } .page-reviews-affiliate .review .info-wrap .name { font-size: 13px; } .page-reviews-affiliate .review .info-wrap .date { font-size: 12px; } .page-reviews-affiliate .review .text { font-size: 13px; } .page-article .buttons-wrap { flex-direction: column; } .page-article .share-buttons { margin-bottom: 30px; } .page-article .share-buttons { margin-right: 0; } .article-anonce .image { width: 100%; } .page-history p { font-size: 13px; } .page-history .head-2 { margin-top: 50px; font-size: 15px; } .page-history .certificates .item { margin-bottom: 30px; } .page-history .certificates .image-wrap.long { height: 167px; } .page-history .certificates .image-wrap img { max-width: 100%; width: auto; max-height: 100%; height: auto; } .page-history .certificates .item .name { font-size: 13px; } .page-history .head-2 { font-size: 14px; } .page-awards p { font-size: 13px; } .page-awards .img-2 { margin-top: 15px; margin-bottom: 30px; } .page-awards .awards-items .item { flex-direction: column; } .page-awards .awards-items .item:nth-child(2n+1) .image-wrap { order: 0; margin: 0; margin-bottom: 15px; } .page-awards .awards-items .item .image-wrap { margin: 0; margin-bottom: 15px; } .page-awards .awards-years .year .award { flex-direction: column; } .page-awards .awards-years .year .award .image-wrap { margin: 0; margin-bottom: 15px; } .page-awards .awards-years .year { margin-bottom: 30px; } .page-awards .awards-years .year .award { margin-bottom: 20px; } .page-vacancy p { font-size: 13px; } .page-vacancy .subtitle { font-size: 15px; } .page-vacancy .advantages .item .head { font-size: 15px; } .page-vacancy .advantages .item .text { font-size: 13px; line-height: 16px; } .page-vacancy .advantages { margin-bottom: 30px; } .page-vacancy .owl-carousel.vacancy .name { font-size: 13px; line-height: 1.2; } .page-vacancy .owl-carousel.vacancy { margin-bottom: 30px; } .page-vacancy .working-conditions { margin-top: 40px; margin-bottom: 40px; } .page-vacancy .best-employer { max-width: 85%; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-prev { left: -22px; top: 127px; } .page-vacancy .owl-carousel.best-employer .owl-nav .owl-next { right: -22px; top: 121px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-prev { left: -14px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-next { right: -14px; } .page-vacancy .owl-carousel.vacancy .owl-nav .owl-prev::before, .page-vacancy .owl-carousel.vacancy .owl-nav .owl-next::before { width: 10px; } .page-vacancy .corporate-events img { max-width: 50%; } .page-vacancy .corporate-events-text { margin-bottom: 40px; } .page-vacancy .resume-block { margin-bottom: 10px; } .page-vacancy .grid-items-4 .item p { font-size: 13px; } .popup .popup-head { font-size: 18px; font-weight: 600; } #popup-order-check .popup-head { padding: 20px 20px 0 20px; } #popup-order-check .top-line { padding: 20px; } #popup-order-check .top-line .descript { font-size: 13px; } #popup-order-check .top-line .text { font-size: 13px; } #popup-order-check .top-line .price { font-size: 13px; } #popup-order-check .top-line .price img { display: none; } #popup-order-check .top-block, #popup-order-check .bottom-block { padding: 20px; } #popup-order-check .bottom-block .head { font-size: 16px; } #popup-order-check .bottom-block .item .img-wrap { display: none; } .popup { padding: 20px; } #popup-your-price .group .head { font-size: 13px; } #popup-your-price .group .text { font-size: 13px; } #popup-your-price .group .price { font-size: 18px; } #popup-complain .radio-head { font-size: 13px; } #popup-complain .radio { font-size: 13px; } #popup-order-rating .bottom-block .item .img-wrap { display: none; } #popup-order-rating .bottom-block .head { font-size: 16px; } #popup-order-rating .bottom-block .item p { font-size: 13px; } .page-reviews-affiliate .review-video { font-size: 13px; width: 160px; } .form-zhk__title { font-size: 14px; line-height: 17px; } .form-zhk__wrapper { margin: 0; } .form-zhk__input { flex: 0 1 100%; padding: 0; margin: 15px 0px 0px 0px; } .form-zhk__input.zhk-select { max-width: 100%; } .form-zhk__input p { font-size: 14px; line-height: 17px; } .form-zhk__block { flex: 0 1 100%; padding: 0; margin: 15px 0px 0px 0px; } .form-zhk__block .form-zhk__input { width: auto; flex: 0 1 50%; padding: 0; margin: 0; } .form-zhk__block .form-zhk__input:first-child { margin: 0px 10px 0px 0px; } .form-zhk__block input { width: 100%; } .form-zhk__button { width: 100%; height: 30px; margin: 15px 0px 0px 0px; font-size: 14px; line-height: 17px; } .zhk__body { margin: 20px 0px 0px 0px; } .zhk .body-zhk__title { font-size: 21px; line-height: 26px; } .body-zhk__cards { margin: 10px -10px -10px -10px; } .card-zhk { flex: 0 1 100%; padding: 10px; } .card-zhk img { width: 100%; } .card-contacts { margin: 108px 0px 0px 0px; width: 100%; } .card-contacts:first-child { margin: 108px 0px 0px 0px; } .info-zhk-item { margin: 15px 0px 0px 0px; } .info-zhk-item__title { font-size: 16px; line-height: 19px; } .info-zhk-item__line { font-size: 14px; line-height: 17px; } .body-zhk-item__text { padding: 15px; font-size: 16px; line-height: 24px; } .body-zhk-item__text { margin: 15px 0px 0px 0px; } .body-zhk-tabs { margin: 30px 0px 0px 0px; } .zhk-tabs { height: 40px; padding: 0px 5px; } .zhk-tab { height: 35px; padding: 0px 6px; font-size: 13px; line-height: 16px; } .tab-content { border-radius: 0px 0px 5px 5px; } .zhk-table { padding: 0; } .zhk-table__wrapper { min-width: 100%; } .zhk-table__head { display: none; } .zhk-table .table-body__title { padding: 16px 25px; font-size: 16px; line-height: 19px; } .body-zhk-table__label { display: flex; flex-direction: column; width: 40%; } .body-zhk-table__info { flex-direction: column; width: 60%; } .body-zhk-table__label p { min-height: 30px; padding: 0px 10px; justify-content: flex-start; font-weight: bold; font-size: 11px; line-height: 13px; text-transform: uppercase; } .body-zhk-table__info p { min-height: 30px; display: flex; padding: 0px 10px; align-items: center; justify-content: flex-start; } .zhk-table .small { width: 100%; } .zhk-table .middle { width: 100%; } .zhk-table .large { width: 100%; } .zhk-table .last { width: 100%; } .zhk-table p { border: none; } .body-zhk-table__line { padding: 13px 0px; border-top: 1px solid #B7B4B5; } .body-zhk-table__line:last-child { border-bottom: 1px solid #B7B4B5; } .zhk-plan { padding: 10px; } .zhk-plan__wrapper { margin: -6px; } .zhk-plan__item { padding: 6px; } .zhk-plan__title { font-size: 13px; line-height: 16px; } .zhk-text__wrapper { padding: 15px; } .zhk-text__wrapper p { margin: 0px 0px 15px 0px; } .zhk-item .map { margin: 10px; } .body-zhk-table__line p.last { justify-content: flex-start; } .zhk .actions .search-select.zhk-link .result { width: 190px; } } @media only screen and (max-width : 370px) { .zhk .actions { flex-direction: column; } .zhk .actions .search-select.zhk-link { width: 100%; margin-bottom: 20px; } .zhk .actions .search-select.zhk-link .result { width: 100%; } .zhk .actions .form-zhks-count { margin-left: auto; } }