body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /** * 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%} /* * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance, * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use, * make sure you copy the url from the website since the url may change between versions. * */ .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}} /*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* 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; } .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; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /** * Swiper 11.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 9, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .ui-timepicker-wrapper { overflow-y: auto; max-height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); outline: none; z-index: 10052; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; } html, body { margin: 0; padding: 0; height: 100%; } body { min-height: 100%; } input, textarea, select { max-width: 100%; /* Заборона на масштабування елементів поза розміром екрану */ max-height: 100%; /* Заборона на масштабування елементів поза розміром екрану */ -ms-touch-action: manipulation; /* Заборона на зум на пристроях з Windows */ touch-action: manipulation; /* Заборона на зум на мобільних пристроях */ } .arrow-left { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .arrow-left:before { content: "\e90a"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inside-filter-search input { overflow: hidden; /* заборонити виходження тексту за межі */ white-space: nowrap; /* не дозволяти переносити текст */ -o-text-overflow: ellipsis; text-overflow: ellipsis; /* встановити трьохкрапку для обрізання тексту, який не поміщається */ } .inside-filter-search input::-webkit-input-placeholder { text-overflow: ellipsis; } .inside-filter-search input:-ms-input-placeholder { text-overflow: ellipsis; } .inside-filter-search input::-ms-input-placeholder { text-overflow: ellipsis; } .inside-filter-search input::placeholder { -o-text-overflow: ellipsis; text-overflow: ellipsis; } .light-placeholder2::-webkit-input-placeholder { color: #81949b; font-weight: 400; } .light-placeholder2::-moz-placeholder { font-weight: 400; color: #81949b; } .light-placeholder2:-ms-input-placeholder { font-weight: 400; color: #81949b; } .light-placeholder2:-moz-placeholder { font-weight: 400; color: #81949b; } .light-placeholder::-webkit-input-placeholder { color: #4B6570; font-weight: 400; } .light-placeholder::-moz-placeholder { font-weight: 400; color: #4B6570; } .light-placeholder:-ms-input-placeholder { font-weight: 400; color: #4B6570; } .light-placeholder:-moz-placeholder { font-weight: 400; color: #4B6570; } textarea::-webkit-input-placeholder { color: #81949b; font-weight: 400; } textarea:-ms-input-placeholder { color: #81949b; font-weight: 400; } textarea::-ms-input-placeholder { color: #81949b; font-weight: 400; } textarea::placeholder { color: #81949b; font-weight: 400; } /* Для Internet Explorer */ textarea::-ms-input-placeholder { color: #81949b; font-weight: 400; } /* Для Safari */ textarea::-webkit-input-placeholder { color: #81949b; font-weight: 400; } /* Для Firefox */ textarea:-moz-placeholder { color: #81949b; font-weight: 400; opacity: 1; /* необхідно встановити прозорість, щоб ця робота в Firefox */ } .brand-color { color: #2A9D8F; } .brand-list { color: #2A9D8F; } .brand-list:hover, .brand-list:focus { color: #2A9D8F; text-decoration: none; } .brand-list-light { color: #E1F4F0; font-size: 14px; } .brand-list-light:hover, .brand-list-light:focus { color: #2A9D8F; } a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #264653; text-decoration: none; } a:hover { text-decoration: none; } @media (min-width: 768px) { a:hover { color: #227F74; } } a.link-underline { text-decoration: underline; } a.link-underline:hover { text-decoration: none; } input:focus, textarea:focus { outline: none; } a:focus, button:focus { outline: none !important; } b { font-weight: 700; } body { min-width: 320px; font-size: 14px; line-height: 1.43; font-family: 'Inter', sans-serif; font-weight: 400; } p { font-size: 14px; line-height: 20px; } .object-fit { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } * html .page-wrapper { height: 100%; } .center-bl { max-width: 1280px; margin: 0 auto; padding-right: 24px; padding-left: 24px; position: relative; } @media (max-width: 991px) { .center-bl { padding-left: 12px; padding-right: 12px; } } .border-none { border: 0 !important; } .vertical-middle-wrapper { width: 100%; content: ''; display: table; height: 100%; vertical-align: middle; } .vertical-middle-wrapper > * { vertical-align: middle !important; height: 100% !important; display: table-cell !important; } img { max-width: 100%; } .brand-link { color: #2A9D8F; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand-link .left-ico { margin-right: 6px; font-size: large; } .brand-link.big { font-weight: 500; font-size: 14px; } .brand-link:hover { color: #227F74; } .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .dark-link { color: #000000; } .dark-link:hover { color: #2A9D8F; } .link-secondary { color: #264653; } .link-secondary:hover { color: #227F74; } .owl-carousel { z-index: initial; } .breadcrumbs { padding: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs li { margin-right: 36px; color: #000000; font-size: 14px; position: relative; } .breadcrumbs li:after { position: absolute; right: -27px; top: 0; color: #4B6570; content: "\e903"; display: block; font-size: 20px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .breadcrumbs li:last-child { margin-right: 0; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs li a { color: #4B6570; font-weight: 500; } .breadcrumbs li a:hover { color: #2A9D8F; } @media (max-width: 767px) { .breadcrumbs li { display: none; } .breadcrumbs li:nth-last-child(2) { display: block; } .breadcrumbs li:after { top: -1px; right: initial; left: 0; z-index: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .breadcrumbs li a { padding-left: 30px; position: relative; z-index: 1; } } .gray-text { color: #4B6570; } section { padding: 24px 0; } @media (max-width: 767px) { section { padding: 12px 0; } } h1 { margin-bottom: 32px; color: #000000; font-size: 24px; font-weight: 600; } @media (max-width: 767px) { h1 { margin-bottom: 16px; font-size: 18px; } } h2 { margin-bottom: 20px; font-size: 24px; font-weight: 600; line-height: 36px; } @media (max-width: 767px) { h2 { margin-bottom: 15px; font-size: 20px; line-height: 30px; } } h2.small { font-size: 20px; font-weight: 500; line-height: 30px; } h2 .counter { margin-left: 5px; color: #4B6570; } h3 { margin-bottom: 16px; font-size: 16px; font-weight: 600; line-height: 24px; text-transform: uppercase; } h4 { margin-bottom: 20px; font-size: 18px; font-weight: 500; color: black; line-height: 28px; } h5 { margin-bottom: 15px; font-size: 16px; font-weight: 500; } hr { border: none; border-top: 1px solid rgba(0, 0, 0, 0.08); margin: 32px 0; } @media (max-width: 767px) { hr { margin: 16px 0; } } .fz-16 { font-size: 16px; } .fz-18 { font-size: 18px; } .fz-20 { font-size: 20px; } .m--7 { margin: 0 -7px; } .mt--10 { margin-top: -10px; } .mt--15 { margin-top: -15px; } .mb--20 { margin-bottom: -20px; } .center-style-text-1 { margin-bottom: 24px; text-align: center; font-size: 14px; } .tab-wrapper .body-tab { display: none; } .tab-wrapper .body-tab.active { display: block; } .tab-wrapper2 .body-tab2 { display: none; } .tab-wrapper2 .body-tab2.active { display: block; } .p-24 { padding: 24px; } .mr-8 { margin-right: 8px; } .mb-4 { margin-bottom: 4px !important; } .mb-8 { margin-bottom: 8px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-16 { margin-bottom: 16px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-24 { margin-bottom: 24px !important; } .mb-32 { margin-bottom: 32px !important; } .mb-48 { margin-bottom: 48px !important; } .primary-link { color: #2A9D8F; } @media (min-width: 768px) { .primary-link:hover { color: #227F74; } } .gray-style-1 { color: #4B6570; } .gray-style-1.small { font-size: 12px; } .primary-btn { height: 40px; padding: 5px 12px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #FFFFFF; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; text-align: center; background-color: #2A9D8F; border: 0; } .primary-btn i { font-size: 24px; } .primary-btn.flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .primary-btn.small { height: 36px; font-size: 14px; } .primary-btn.super-small { height: 32px; padding: 6px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .primary-btn.size2 { height: 48px; font-size: 16px; } .primary-btn.size3 { min-width: 200px; height: 48px; font-size: 16px; } @media (min-width: 768px) { .primary-btn:hover { color: #FFFFFF; background-color: #227F74; } } @media (max-width: 767px) { .primary-btn:hover { color: #FFFFFF; } } .primary-btn .left-ico { margin-right: 4px; } .primary-btn:disabled, .primary-btn.disabled { color: #E9EDEE; border: 1px solid #A6B3B8; background: #A6B3B8; cursor: default; } .primary-btn:disabled i, .primary-btn.disabled i { color: #E9EDEE !important; } .btn-light { height: 40px; padding: 5px 12px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #264653; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; text-align: center; background-color: #EAF5F4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; } .btn-light i { font-size: 24px; } .btn-light.flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-light.small { height: 36px; font-size: 14px; } .btn-light.super-small { height: 32px; padding: 6px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .btn-light.size2 { height: 48px; font-size: 16px; } @media (min-width: 768px) { .btn-light:hover { color: #264653; background-color: #A8D7D1; } } @media (max-width: 767px) { .btn-light:hover { color: #264653; } } .btn-light .left-ico { margin-right: 4px; } .btn-light:disabled, .btn-light.disabled { color: #E9EDEE; border: 1px solid #A6B3B8; background: #A6B3B8; } .btn-light:disabled i, .btn-light.disabled i { color: #E9EDEE !important; } .gray-btn { height: 40px; padding: 5px 12px; font-size: 14px; font-weight: 500; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; text-align: center; border: 0; border-radius: 4px; background: rgba(0, 0, 0, 0.04); } .gray-btn i { font-size: 20px; position: relative; } .gray-btn i.ico-down { margin-left: -4px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .gray-btn.flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .gray-btn.small { height: 36px; font-size: 14px; } .gray-btn.super-small { height: 32px; padding: 6px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .gray-btn.size2 { height: 48px; font-size: 16px; } @media (min-width: 768px) { .gray-btn:hover { color: #4B6570; background: rgba(0, 0, 0, 0.08); } } @media (max-width: 767px) { .gray-btn:hover { color: #4B6570; } } .gray-btn .left-ico { margin-right: 4px; } .gray-btn .left-ico.left-4 { margin-left: -4px; } .gray-btn:disabled, .gray-btn.disabled { color: #E9EDEE; border: 1px solid #A6B3B8; background: #A6B3B8; } .gray-btn:disabled i, .gray-btn.disabled i { color: #E9EDEE !important; } .btn-circle { width: 32px; height: 32px; color: #4B6570; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 50%; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-circle:hover { color: #2A9D8F; background-color: #2A9D8F; } } .btn-circle2 { width: 36px; height: 36px; color: #264653; background-color: #E1F4F0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 50%; font-size: 16px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-circle2:hover { color: #264653; background-color: #A8D7D1; } } .btn-border { min-width: 40px; height: 40px; padding: 5px 12px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; font-size: 14px; border-radius: 4px; border: 1px solid #A6B3B8; font-weight: 500; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 768px) { .btn-border:hover { color: #264653; background-color: #A8D7D1; border: 1px solid #A8D7D1; } } .btn-border.height-36 { height: 36px; padding: 6px 16px; } .btn-border.height-48 { height: 48px; padding: 6px 24px; font-size: 16px; } .btn-border.dark { height: 36px; color: #4B6570; } .btn-border.width-initial { width: initial; } .btn-border.with-arrow-right i { margin-right: -5px; font-size: 18px; } .btn-border.light { border: 1px solid #D6D6D6; background: white; } @media (min-width: 768px) { .btn-border.light:hover { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } } .btn-border.dark { border: 1px solid #2A9D8F; color: #1D6E64; } @media (min-width: 768px) { .btn-border.dark:hover { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } } .btn-border.dark.disabled { border: 1px solid #A6B3B8; background: #A6B3B8; color: #E9EDEE; } .btn-border.ico-light { font-size: 20px; } .btn-border.ico-light i { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #81949b; } @media (min-width: 768px) { .btn-border.ico-light:hover i { color: #264653; } } .btn-border.disabled, .btn-border.disabled:hover { border-radius: 4px; cursor: default; color: #81949b; opacity: 0.8; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.08); } .btn-border.border-primary { border: 1px solid #2A9D8F; color: #264653; } @media (min-width: 768px) { .btn-border.border-primary:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .btn-border.border-primary-light { border: 1px solid #E1F4F0; color: #264653; } @media (min-width: 768px) { .btn-border.border-primary-light:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .btn-border.border-primary-light2 { border: 1px solid #A6B3B8; color: #4B6570; } @media (min-width: 768px) { .btn-border.border-primary-light2:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .btn-border.border-primary-light3 { border: 1px solid #2A9D8F; color: #2A9D8F; } @media (min-width: 768px) { .btn-border.border-primary-light3:hover { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } } .btn-border.border-primary-light4 { border: 1px solid #2A9D8F; color: #1D6E64; } @media (min-width: 768px) { .btn-border.border-primary-light4:hover { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } } .btn-border.color-secondary { color: #264653; } .btn-border.error-style { color: #E7513B; border: 1px solid rgba(231, 81, 59, 0.16); } .btn-border.error-style:hover { color: #E7513B; background-color: rgba(231, 81, 59, 0.16); } .btn-border.full { width: 100%; } .btn-border.link-soc { border-radius: 30px; } .btn-border.link-soc i { margin-right: 12px !important; } .btn-border i.left-ico { margin-right: 6px; font-size: 20px; } .btn-border.hide-mob-span { padding: 5px 9px; } @media (max-width: 359px) { .btn-border.hide-mob-span { min-width: 36px; padding: 5px; } } @media (max-width: 767px) { .btn-border.hide-mob-span i { margin-right: 0; } } @media (max-width: 767px) { .btn-border.hide-mob-span span { display: none; } } .btn-dark { height: 36px; padding: 5px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; cursor: pointer; border-radius: 4px; color: #227F74; background-color: #E1F4F0; border: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-dark:hover { color: white; background-color: #227F74; } } .btn-dark.error { color: #E7513B; border-radius: 4px; background: rgba(231, 81, 59, 0.08); } .btn-dark.error:hover { color: #E7513B; background: rgba(231, 81, 59, 0.2); } .btn-dark.height-36 { height: 36px; padding: 6px 16px; } .btn-dark.height-40 { height: 40px; } .btn-dark.height-48 { height: 48px !important; padding: 12px 24px; font-size: 16px; } .btn-dark.size-2 { min-width: 220px; height: 48px !important; font-size: 16px; } .btn-dark.inline, .btn-dark.inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .btn-dark.dark { height: 36px; color: #4B6570; } .btn-dark.secondary { height: 40px; background-color: #264653; color: white; } @media (min-width: 768px) { .btn-dark.secondary:hover { background-color: #227F74; } } .btn-dark.delete { background-color: #E7513B; color: white; } @media (min-width: 768px) { .btn-dark.delete:hover { background-color: #c73722; } } .btn-dark .left-ico { margin-right: 8px; font-size: 20px; } .btn-dark.dark-color { color: #264653; padding: 5px 12px; } .btn-dark.dark-color .left-ico { font-size: 16px; } @media (min-width: 768px) { .btn-dark.dark-color:hover { background-color: #2A9D8F; color: white !important; } } .btn-dark.only-ico { padding: 5px 12px; } .btn-dark.only-ico i { font-size: 16px; } .btn-dark:disabled, .btn-dark.disabled { color: #E9EDEE !important; cursor: default; border: 1px solid #A6B3B8 !important; background: #A6B3B8 !important; } @media (max-width: 767px) { .btn-dark.mobile-only-ico span { display: none; } .btn-dark.mobile-only-ico i { margin-right: 0; } } .btn-ico { width: 32px; height: 32px; padding: 2px; color: #4B6570; font-size: 20px; border-radius: 4px; border: 1px solid #D6D6D6; font-weight: 500; background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-ico.active { color: #264653; border: 1px solid #E1F4F0; background-color: #E1F4F0; } @media (min-width: 768px) { .btn-ico:hover { color: #264653; border: 1px solid #E1F4F0; background-color: #E1F4F0; } } .btn-ico.big { width: 40px; height: 40px; font-size: 20px; } .btn-ico.big span { margin-left: 8px; font-size: 14px; } .btn-ico.delete { font-size: 16px; color: #81949b; border: 0; } @media (min-width: 768px) { .btn-ico.delete:hover { color: #E7513B; background: rgba(231, 81, 59, 0.08); } } .btn-ico.inform { font-size: 16px; color: #81949b; border: 0; } @media (min-width: 768px) { .btn-ico.inform:hover { color: #E7513B; background: rgba(0, 0, 0, 0.08); } } .full-width { width: 100%; } .custom-checkbox { padding-left: 28px; font-size: 14px; color: #000000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .custom-checkbox input { position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .custom-checkbox input:checked + span:before { border: 1px solid #2A9D8F; background-color: #2A9D8F; } .custom-checkbox input:checked + span:after { opacity: 1; } .custom-checkbox span { min-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-checkbox span:before { width: 20px; height: 20px; position: absolute; left: 0; top: 0; content: ''; display: block; border-radius: 4px; border: 1px solid #D6D6D6; background-color: #FFFFFF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .custom-checkbox span:after { position: absolute; left: 1px; top: 1px; color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 19px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom-checkbox.one-line { display: inline-block; } @media (min-width: 768px) { .custom-checkbox:hover { cursor: pointer; } .custom-checkbox:hover span:before { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } } .custom-checkbox2 { min-height: 24px; padding-left: 50px; font-size: 16px; color: #000000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } @media (max-width: 767px) { .custom-checkbox2 { font-size: 14px; } } .custom-checkbox2.without-text { padding-left: 40px; } .custom-checkbox2 input { position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .custom-checkbox2 input:checked + span:before { background-color: #2A9D8F; } .custom-checkbox2 input:checked + span:after { left: 20px; } .custom-checkbox2 span { min-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-checkbox2 span:before { width: 42px; height: 24px; top: 0; left: 0; border-radius: 20px; background-color: #E1F4F0; } .custom-checkbox2 span:after { width: 20px; height: 20px; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .custom-checkbox2 span:before, .custom-checkbox2 span:after { position: absolute; content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (min-width: 768px) { .custom-checkbox2:hover { cursor: pointer; } .custom-checkbox2:hover span:before { background-color: #2A9D8F; } .custom-checkbox2:hover { cursor: pointer; } .custom-checkbox2:hover input:disabled + span:before { background-color: #E1F4F0; } } .list-checkbox li span { min-height: 20px; padding-left: 28px; font-size: 14px; color: #000000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-checkbox li span:before { width: 20px; height: 20px; position: absolute; left: 0; top: 0; content: ''; display: block; border-radius: 4px; border: 1px solid #D6D6D6; background-color: #FFFFFF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-checkbox li span:after { position: absolute; left: 1px; top: 1px; color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 19px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-checkbox li span.active:before { border: 1px solid #2A9D8F !important; background-color: #2A9D8F !important; } .list-checkbox li span.active:after { opacity: 1; } @media (min-width: 768px) { .list-checkbox li span:hover { cursor: pointer; } .list-checkbox li span:hover:before { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } } .upload-wrapper { margin-bottom: 24px; } .upload-wrapper .type { font-size: 12px; color: #4B6570; } .upload-wrapper .under-caption { margin-bottom: 8px; font-size: 12px; color: #4B6570; } .upload-wrapper .caption { margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #000000; } @media (max-width: 767px) { .mobile-hidden { display: none !important; } } .upload-photo-wrapper { width: 160px; height: 120px; border-radius: 8px; overflow: hidden; position: relative; } .upload-photo-wrapper .delete-photo { width: 32px; height: 32px; top: 4px; right: 4px; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; background: #FFFFFF; border-radius: 50%; color: #FFFFFF; font-size: 20px; display: none; background: rgba(0, 0, 0, 0.64); } .upload-photo-wrapper .delete-photo:hover { background: rgba(0, 0, 0, 0.9); color: white; } .upload-photo-wrapper.have-img .delete-photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .upload-photo-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .upload-photo-wrapper input { position: absolute; opacity: 0; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: 1000px; cursor: pointer; } .upload-photo-wrapper.active .delete-photo { display: -webkit-box; display: -ms-flexbox; display: flex; } .upload-photo-wrapper.active .box-upload { display: none; } .upload-photo-wrapper .box-upload { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; color: #4B6570; font-weight: 400; font-size: 14px; } .upload-photo-wrapper .box-upload i { margin-bottom: 14px; font-size: 24px; color: #4B6570; } .select2-custom-field .select2-container { width: 100% !important; } .select2-custom-field .select2-container--default .select2-selection--single { height: 48px; border-radius: 8px; border: 1px solid #D6D6D6; } .select2-custom-field .select2-container--default .select2-selection--single .select2-selection__rendered { height: 100%; padding-left: 16px; padding-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #000000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; } .select2-custom-field .select2-selection__arrow { width: 50px !important; height: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .select2-custom-field .select2-selection__arrow b { display: none; } .select2-custom-field .select2-selection__arrow:before { display: inline-block; content: "\e90a"; font-size: 24px; color: #81949b; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-custom-field.height-40 .select2-container--default .select2-selection--single { height: 40px; } .select2-custom-field.height-40 .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; } .select2-dropdown li { padding: 12px 16px; font-size: 14px; color: #000000; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: white; color: #000000; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option:hover { background-color: #2A9D8F; color: white; } .without-search .select2-search.select2-search--dropdown { display: none; } .pagination-wrapper { padding-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .pagination-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .pagination-wrapper { padding-top: 16px; } } .pagination-wrapper .text-left { width: 100%; padding-right: 20px; font-size: 14px; font-weight: 500; color: #4B6570; } @media (max-width: 991px) { .pagination-wrapper .text-left { margin-bottom: 32px; padding-right: 0; text-align: center; } } .pagination-wrapper.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .pagination li { margin: 0 2px; font-size: 14px; font-weight: 400; color: #4B6570; } .pagination li > span { width: 36px; display: inline-block; text-align: center; } .pagination li a { width: 36px; height: 36px; padding: 5px; font-size: 14px; font-weight: 400; color: #4B6570; border-radius: 4px; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .pagination li a.prev, .pagination li a.next { width: initial; padding: 5px 14px; } .pagination li a.prev i, .pagination li a.next i { font-size: 20px; display: inline-block; } @media (max-width: 767px) { .pagination li a.prev, .pagination li a.next { padding: 5px 9px; } .pagination li a.prev span, .pagination li a.next span { display: none; } } .pagination li a:hover { color: #000000; } .pagination li a.disabled { opacity: 0.2; color: #4B6570; cursor: default; } .pagination li a.active, .pagination li span.active { color: black; background-color: rgba(0, 0, 0, 0.08); } .pagination li.prev a, .pagination li.next a { font-size: 20px; } .pagination li.prev { margin-left: 0; margin-right: auto; } .pagination li.prev i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 767px) { .pagination li.prev i { margin: 0; } } .pagination li.next { margin-right: 0; margin-left: auto; } .pagination li.next i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media (max-width: 767px) { .pagination li.next i { margin: 0; } } @media (max-width: 767px) { .dropdown-open { overflow: hidden; } .dropdown-open .custom-dropdown { z-index: 20; } } .custom-dropdown { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 9; } .custom-dropdown .head-dropdown { height: 32px; padding: 4px 8px; border-radius: 4px; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #000000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .custom-dropdown .head-dropdown span { margin-right: 4px; font-size: 14px; } .custom-dropdown .head-dropdown:after { width: 18px; height: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #4B6570; font-size: 18px; display: inline-block; position: relative; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .custom-dropdown .body-dropdown { width: 164px; position: absolute; top: 36px; left: 0; display: none; padding: 3px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFFFFF; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } .custom-dropdown .body-dropdown li { margin-bottom: 2px; } .custom-dropdown .body-dropdown li:last-child { margin-bottom: 0; } .custom-dropdown .body-dropdown li a { padding: 8px 11px; font-size: 14px; color: #000000; display: block; border-radius: 6px; } .custom-dropdown .body-dropdown li a.active { color: #2A9D8F; background-color: #2A9D8F; } .custom-dropdown .body-dropdown li a:hover { color: #2A9D8F; } .custom-dropdown .caption-modal { display: none; } @media (max-width: 767px) { .custom-dropdown .caption-modal { display: -webkit-box; display: -ms-flexbox; display: flex; } } .custom-dropdown.open .head-dropdown:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .custom-dropdown.open .body-dropdown { display: block; } @media (max-width: 767px) { .custom-dropdown.open .body-dropdown { width: 100%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; left: 0; top: 56px; right: 0; bottom: 0; position: fixed; z-index: 10; padding: 0; background-color: white; } } .simple-table { width: 100%; font-size: 14px; line-height: 20px; } .simple-table tr { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .simple-table tr td { width: 50%; padding: 8px 0; } .border-style { padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .custom-textarea { position: relative; font-size: 14px; } .custom-textarea textarea { width: 100%; height: 96px; padding: 16px; border-radius: 4px; resize: none; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.08); } .custom-textarea textarea.size2 { height: 144px; } .custom-textarea textarea:hover, .custom-textarea textarea:focus { border: 1px solid rgba(0, 0, 0, 0.12); } .custom-textarea.error textarea { border: 1px solid #E7513B; } .custom-textarea.error .error-input-text { margin-top: 4px; display: block; font-size: 12px; color: #E7513B; } .text-for-input { padding-top: 4px; font-size: 12px; color: #81949b; } .select2-container--default .select2-selection--single .select2-selection__placeholder { font-weight: 400; font-size: 14px; } .error-input-text { display: none; } .error-field input, .error-field .radio-check > span, .error-field .custom-textarea textarea, .error-field .textarea-length-box, .error-field .select2-custom-field .select2-container--default .select2-selection--single { border: 1px solid #E7513B; } .error-field .error-input-text { margin-top: 4px; display: block; font-size: 12px; color: #E7513B; } .custom-input { position: relative; font-size: 14px; border-radius: 4px; } .custom-input input { width: 100%; height: 40px; padding-left: 16px; padding-right: 16px; border-radius: 4px; font-size: 14px; font-family: 'Inter', sans-serif; background-color: transparent; border: 1px solid #D6D6D6; } .custom-input input:hover, .custom-input input:focus { border: 1px solid rgba(0, 0, 0, 0.12); } .custom-input input.size2 { height: 48px; font-size: 16px; } .custom-input input.disabled, .custom-input input:disabled { color: #4B6570; border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.04); } .custom-input.with-ico i { width: 20px; height: 20px; position: absolute; top: 15px; right: 16px; z-index: 0; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .custom-input.with-ico .ico-circle-check { color: #2A9D8F; } .custom-input.with-left-text input { padding-left: 16px; } .custom-input.with-left-text .text-left { position: absolute; top: 50%; left: 16px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 14px; color: #4B6570; } .custom-input.with-left-text.phone-field .text-left { color: #000000; font-size: 16px; padding-top: 2px; } .custom-input.with-left-text.phone-field input { padding-left: 60px; font-size: 16px; } .custom-input.with-left-text.phone-field.small-text .text-left { font-size: 14px; } .custom-input.with-left-text.phone-field.small-text input { font-size: 14px; padding-left: 54px; } .custom-input.with-left-text .placeholder-text { display: none; position: absolute; top: 50%; left: 16px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 14px; z-index: -1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #81949b; } .custom-input.with-left-text .placeholder-text sub { top: -1px; vertical-align: super; font-size: 9px; font-weight: 500; } .custom-input.with-left-text input:placeholder-shown + .placeholder-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .custom-input.white { background-color: white; } .custom-input .error-input-text { display: none; } .custom-input.error input { border: 1px solid #E7513B; } .custom-input.error .error-input-text { margin-top: 4px; display: block; font-size: 12px; color: #E7513B; } .custom-input.disabled .text-left { color: #4B6570 !important; } .h-48 .radio-check > span { height: 48px; font-size: 16px; } @media (max-width: 767px) { .h-48 .radio-check > span { padding: 5px 12px; font-size: 13px; height: 40px; } } .radio-check { position: relative; } .radio-check > span { min-width: 40px; height: 40px; padding: 5px 16px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 14px; border-radius: 4px; border: 1px solid #D6D6D6; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 480px) { .radio-check > span { padding: 5px 12px; font-size: 13px; } } @media (min-width: 768px) { .radio-check > span:hover { color: #227F74; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .radio-check .with-sub { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .radio-check .with-sub sub { font-size: 10px; font-weight: 500; } .radio-check input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .radio-check input:checked + span { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } .radio-check.small-light > span { height: 32px; padding: 4px 10px; border-radius: 4px; border: 1px solid #EAF5F4; font-weight: 400; color: black; } @media (min-width: 768px) { .radio-check.small-light > span:hover { color: #227F74; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .radio-check.small-light input:checked + span { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } .drop-open-mobile header, .drop-mobile-bottom header { z-index: 4; } .drop-open-mobile .bg-without-scrollPage, .drop-mobile-bottom .bg-without-scrollPage { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 20; display: block; } .box-scroll-btn-style, .box-scroll-btn-style2 { height: 70px; position: absolute; left: 0; padding-bottom: 20px; z-index: 2; top: 0; right: 0; display: none; } @media (max-width: 767px) { .box-scroll-btn-style, .box-scroll-btn-style2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .box-scroll-btn-style:before, .box-scroll-btn-style2:before { width: 32px; height: 4px; content: ''; border-radius: 10px; display: block; background-color: rgba(0, 0, 0, 0.08); } .info-badge { margin-bottom: 16px; padding: 12px 16px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } .info-badge:last-child { margin-bottom: 0; } .info-badge.p-16 { padding: 16px; } .info-badge i { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; } .info-badge .left-info { width: 100%; padding-right: 20px; } .info-badge .right-info { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .info-badge .right-info > * { margin-right: 4px; } @media (max-width: 767px) { .info-badge .right-info > * { padding: 5px 8px; font-size: 12px; } } .info-badge .right-info > *:last-child { margin-bottom: 0; } .info-badge.success { background-color: #E1F4F0; color: #264653; } .info-badge.success i { color: #264653; } .info-badge.danger { border-radius: 4px; background: rgba(231, 81, 59, 0.08); color: #4B6570; } .info-badge.danger i { color: #E7513B; } .info-badge.danger { border-radius: 4px; background: #FDEEEB; color: #4B6570; } .info-badge.danger .brand-link { color: #E7513B; } .info-badge.danger i { color: #E7513B; } .info-badge.style2 { color: #4B6570; display: block; } @media (max-width: 991px) { .info-badge.style-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .info-badge.style-3 .right-info { padding-top: 8px; } } .info-badge.small { border-radius: 4px; padding: 14px 16px; font-size: 12px; line-height: 16px; } .info-badge .title { margin-bottom: 5px; font-size: 16px; font-weight: 500; color: black; } .inline { display: inline !important; } .grid-column-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 991px) { .grid-column-3 { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .grid-column-3 { grid-template-columns: 1fr; } } .grid-column-3.gap-20 { grid-gap: 20px; } .grid-column-3.gap-20 .custom-input { margin-bottom: 0 !important; } sub, sup { top: -1px; position: relative; font-size: 9px; font-weight: 500; } sub.up, sup.up { top: -3px; } sub.up2, sup.up2 { top: -4px; font-size: 10px; font-weight: 600; } sub.bigUp, sup.bigUp { top: -10px; font-size: initial; font-weight: inherit; } .show-mobile-block { display: none !important; } @media (max-width: 767px) { .show-mobile-block { display: block !important; } } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .input-file { position: relative; } .input-file input { position: absolute; opacity: 0; top: 0; left: 0; height: 100%; z-index: -1; width: 100%; } .children-mb-20 > * { margin-bottom: 20px; } .children-mb-20 > *.column-1-3:nth-last-child(3), .children-mb-20 > *.column-1-3:nth-last-child(2), .children-mb-20 > *.column-1-3:nth-last-child(1) { margin-bottom: 0; } .children-mb-20 > *.column-1-3:nth-last-child(3) + .column-full, .children-mb-20 > *.column-1-3:nth-last-child(2) + .column-full, .children-mb-20 > *.column-1-3:nth-last-child(1) + .column-full { margin-top: 20px; } @media (max-width: 767px) { .children-mb-20 > *.column-1-3:nth-last-child(3), .children-mb-20 > *.column-1-3:nth-last-child(2) { margin-bottom: 20px; } .children-mb-20 > *.column-1-3:nth-last-child(3) + .column-full, .children-mb-20 > *.column-1-3:nth-last-child(2) + .column-full { margin-top: 0; } } .children-mb-20 > *:last-child { margin-bottom: 0; } .flex-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-columns .column-full { width: 100%; } .flex-columns .column-2-3 { width: 66.6%; } .flex-columns .column-1-3 { width: 33.3%; } @media (max-width: 767px) { .flex-columns .column-1-3 { width: 100%; } } .flex-columns .column-1-2 { width: 50%; } .flex-columns.padding-column-20 { margin: 0 -10px; } .flex-columns.padding-column-20 > * { padding: 0 10px; } .simple-checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .simple-checkbox span { min-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 28px; font-size: 14px; font-weight: 400; color: black; } .simple-checkbox span:before, .simple-checkbox span:after { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; content: ''; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .simple-checkbox span:before { width: 20px; height: 20px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; border: 1px solid #D6D6D6; } .simple-checkbox span:after { position: absolute; left: 1px; color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 18px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .simple-checkbox input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .simple-checkbox input:checked + span:before { background-color: #2A9D8F; border: 1px solid #2A9D8F; } .simple-checkbox input:checked + span:after { opacity: 1; } .simple-checkbox:hover { cursor: pointer; } .simple-checkbox:hover input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } @media (min-width: 768px) { .simple-checkbox:hover input:checked + span:before { background-color: #227F74; border: 1px solid #227F74; } } @media (min-width: 768px) { .simple-checkbox:hover span:before { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } } .simple-checkbox.right { display: -webkit-box; display: -ms-flexbox; display: flex; } .simple-checkbox.right span { width: 100%; padding-right: 28px; padding-left: 0; } .simple-checkbox.right span:before { right: 0; left: initial; } .simple-checkbox.right span:after { right: 1px; left: initial; } .simple-checkbox.right .box-brand-img { width: 30px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; padding-left: 6px; } .simple-checkbox.right .box-brand-img img { max-height: 100%; max-width: 100%; } .text-center { text-align: center; } .only-mobile { display: none; } @media (max-width: 767px) { .only-mobile { display: block; } } @media (max-width: 767px) { .only-desktop { display: none; } } .list-bill-inform-modal .box-with-photo { padding: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .list-bill-inform-modal .box-with-photo .box-img { width: 80px; height: 60px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; } .list-bill-inform-modal .box-with-photo .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .list-bill-inform-modal .box-with-photo .description { width: 100%; } .list-bill-inform-modal .box-with-photo .description .price-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-bill-inform-modal .box-with-photo .description .price-box .price { margin-right: 8px; margin-bottom: 5px; font-weight: 600; font-size: 16px; } .list-bill-inform-modal .box-with-photo .description .price-box .area { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #4B6570; } .list-bill-inform-modal .box-with-photo .description ul { margin-bottom: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-bill-inform-modal .box-with-photo .description ul li { margin-right: 5px; margin-bottom: 5px; color: black; } .list-bill-inform-modal .one-line { border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: black; display: -webkit-box; display: -ms-flexbox; display: flex; } .list-bill-inform-modal .one-line:last-child { border-bottom: 0; } .list-bill-inform-modal .one-line > * { width: 50%; padding: 8px 0; } .list-bill-inform-modal .one-line > *:nth-child(1) { padding-right: 10px; } .list-bill-inform-modal .one-line .title { color: #4B6570; } .list-bill-inform-modal .one-line.bold { font-weight: 500; } .primary-text { color: #2A9D8F; } .flex-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-txt > * { margin-right: 5px; } hr.margin-style-1 { margin: 16px -16px !important; } .d-contents { display: contents; } .dark-input-file { padding: 8px 12px; border-radius: 4px; font-size: 12px; color: white; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, 0.48); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } @media (min-width: 768px) { .dark-input-file:hover { background: rgba(0, 0, 0, 0.7); } } .dark-input-file i { margin-right: 8px; font-size: 14px; } .number-without-btn input[type="number"] { -moz-appearance: textfield; } .number-without-btn input[type="number"]::-webkit-inner-spin-button, .number-without-btn input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .select2-search__field { width: 100%; height: 34px; padding-left: 12px !important; padding-right: 12px !important; border-radius: 4px; background-color: transparent; border: 1px solid #D6D6D6 !important; } .check-switch { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check-switch .btn-check-collapse { position: relative; cursor: pointer; } .check-switch .btn-check-collapse:before { width: 42px; height: 24px; border-radius: 20px; background-color: #E1F4F0; } .check-switch .btn-check-collapse:after { width: 20px; height: 20px; position: absolute; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .check-switch .btn-check-collapse:before, .check-switch .btn-check-collapse:after { content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .check-switch .btn-check-collapse:hover:before { background-color: #2A9D8F; } .check-switch.active .btn-check-collapse:before { background-color: #2A9D8F; } .check-switch.active .btn-check-collapse:after { left: 20px; } .check-switch input:checked + .btn-check-collapse:before { background-color: #2A9D8F; } .check-switch input:checked + .btn-check-collapse:after { left: 20px; } .check-switch label { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .check-switch label input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .check-switch label span { margin-left: 8px; font-size: 14px; font-weight: 500; color: #4B6570; line-height: 14px; } .white-space { white-space: nowrap; } body { margin: 0; background: white; padding: 64px 0 0; } @media (min-width: 768px) { body { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { body { padding-top: 52px; } } body.open-modal { overflow: hidden; -ms-touch-action: manipulation; touch-action: manipulation; } body.open-category-drop { overflow: hidden; } @media (min-width: 768px) { body.sticky-header { padding-top: 60px; } body.sticky-header .bottom-header { position: fixed; left: 0; top: 0; right: 0; } } body.modal-active, body.big-search-mobile { overflow: hidden; } @media (max-width: 991px) { body.menu-mobile-open { overflow: hidden; } body.menu-mobile-open .mobile-menu-btn .ico-menu:before { content: "\e907"; } body.menu-mobile-open .main-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (max-width: 991px) { body.open-user-menu { overflow: hidden; } } header { top: 0; left: 0; right: 0; position: fixed; z-index: 21; background: #FFFFFF; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } header .inside { height: 64px; padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { header .inside { height: 52px; } } header .inside .search-mobile-btn { width: 36px; height: 36px; display: none; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; color: #264653; } @media (max-width: 991px) { header .inside .search-mobile-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } header .inside .logo { width: 114px; margin-right: 16px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 1279px) { header .inside .logo { width: 90px; margin-right: 6px; } } @media (max-width: 991px) { header .inside .logo { width: 114px; margin-right: auto; } } @media (max-width: 767px) { header .inside .logo { width: 97px; } } header .inside .main-menu { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .inside .main-menu .mobile-a-d { display: none; } @media (max-width: 991px) { header .inside .main-menu { position: fixed; padding: 16px 12px; border-top: 1px solid rgba(0, 0, 0, 0.08); overflow: auto; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 64px; left: 0; right: 0; bottom: 0; z-index: 10; background-color: white; } header .inside .main-menu .simple-menu { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-flex-wrap: wrap; flex-wrap: wrap; } header .inside .main-menu .simple-menu li { width: 100%; } header .inside .main-menu .mobile-a-d { width: 100%; margin-bottom: 16px; padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #E1F4F0; border-radius: 4px; } header .inside .main-menu .mobile-a-d * { display: block; } header .inside .main-menu .mobile-a-d .left-a { width: 100%; font-weight: 500; } header .inside .main-menu .mobile-a-d .left-a .name { margin-bottom: 4px; font-size: 14px; line-height: 20px; color: #264653; } header .inside .main-menu .mobile-a-d .left-a .like-link { color: #2A9D8F; line-height: 16px; font-size: 12px; } header .inside .main-menu .mobile-a-d .img-a { width: 62px; margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 767px) { header .inside .main-menu { top: 52px; } } header .inside .primary-btn { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { header .inside .primary-btn { width: 40px; margin-left: 10px; padding: 5px; } } @media (max-width: 767px) { header .inside .primary-btn .left-ico { margin-right: 0; } header .inside .primary-btn span { display: none; } } header .inside .language-selector, header .inside .btn-header-style { -ms-flex-negative: 0; flex-shrink: 0; } header .inside .btn-border { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { header .inside > .primary-btn i { margin-right: 0; } } @media (max-width: 1279px) { header .inside > .primary-btn span { display: none; } } @media (max-width: 767px) { header .inside > .primary-btn { width: 36px; height: 36px; } } @media (max-width: 767px) { header .inside > .btn-border { height: 36px; } } header .mobile-menu-btn { display: none; } @media (max-width: 991px) { header .mobile-menu-btn { width: 36px; height: 36px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; color: #264653; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } @media (max-width: 480px) { header .mobile-menu-btn { margin-right: 8px; margin-left: -8px; } } header .simple-menu { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { header .simple-menu { margin-top: -8px; display: block; } } header .simple-menu > li > a { height: 40px; padding: 4px 8px; position: relative; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .simple-menu > li > a .count-r { display: none; } @media (max-width: 1279px) { header .simple-menu > li > a { padding: 4px 6px; font-size: 13px; } } @media (max-width: 991px) { header .simple-menu > li > a { height: initial; min-height: 40px; padding: 8px 32px 8px 0; font-size: 16px; color: #264653; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; text-align: left; } header .simple-menu > li > a .count-r { margin-left: auto; padding-left: 20px; display: inline-block; color: #81949B; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; font-weight: 500; } header .simple-menu > li > a:after { width: 24px; height: 40px; position: absolute; top: 0; right: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; display: none; color: #4B6570; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } } @media (min-width: 992px) { header .simple-menu > li > a:before { content: ""; position: absolute; bottom: -13px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; height: 2px; background-color: #2A9D8F; -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } header .simple-menu > li > a:hover:before { width: 100%; } } header .simple-menu > li .inside-box-drop-menu { border-radius: 8px; background: #FFFFFF; } header .simple-menu > li .inside-box-drop-menu .back-mobile-menu { display: none; } @media (min-width: 992px) { header .simple-menu > li .inside-box-drop-menu { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); padding: 24px; } } @media (max-width: 991px) { header .simple-menu > li .inside-box-drop-menu { z-index: 5; overflow: auto; } header .simple-menu > li .inside-box-drop-menu .caption { display: none; } } header .simple-menu > li .with-right-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { header .simple-menu > li .with-right-box { -ms-flex-wrap: wrap; flex-wrap: wrap; } } header .simple-menu > li .with-right-box .list-category { grid-template-columns: 1fr 1fr; } @media (min-width: 992px) { header .simple-menu > li.open > a:before { width: 100%; } header .simple-menu > li.open .box-drop-menu { display: block; } } @media (max-width: 991px) { header .simple-menu > li.open .box-drop-menu { display: block; } } @media (max-width: 991px) { header .simple-menu .link-menu-drop > a:after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } header .user-settings { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } header .user-settings .box-user-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; cursor: pointer; } header .user-settings .box-user-avatar.company { border-radius: 8px; } header .user-settings .box-user-avatar.company img { border-radius: 8px; } header .user-settings .box-user-avatar img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } header .user-settings .box-user-avatar.letter { background-color: #EAF5F4; color: #264653; font-size: 24px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .user-settings .box-user-avatar .box-img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .user-settings .dropdown-user { top: 56px; right: 0; z-index: 5; display: none; overflow: hidden; position: absolute; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } header .user-settings .dropdown-user .close-menu-settings-mobile { display: none; } @media (max-width: 991px) { header .user-settings .dropdown-user { top: 0; left: 0; right: 0; bottom: 0; overflow: auto; border-radius: 0; z-index: 20; position: fixed; } header .user-settings .dropdown-user .close-menu-settings-mobile { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; font-size: 24px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .user-settings .dropdown-user .left-board { padding-top: 24px; width: inherit; } header .user-settings .dropdown-user .left-board .user-agent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header .user-settings .dropdown-user .left-board .user-agent .box-img { margin-right: 0; margin-bottom: 12px; } header .user-settings .dropdown-user .left-board .user-agent .description { text-align: center; } } header .user-settings .dropdown-user .left-board { border: 0; background-color: transparent; } header .user-settings .user-agent { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } header .user-settings .menu-board { margin: 0 -12px; } header .user-settings .menu-board li a { border-radius: 0; } header .user-settings hr { margin: 10px 0; } header .user-settings .balance-top-up { margin-bottom: 16px; border: 0; padding: 0; } header .user-settings.open .dropdown-user { display: block; } @media (min-width: 768px) { main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } footer { background: #264653; color: #FFFFFF; text-align: center; } footer .top-footer { padding: 24px 0; } footer .top-footer .inside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { footer .top-footer .inside { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .top-footer .inside .logo { width: 130px; line-height: 0; } footer .top-footer .menu-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { footer .top-footer .menu-footer { width: 100%; margin-top: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .top-footer .menu-footer li { margin-left: 24px; } footer .top-footer .menu-footer li a { color: white; } footer .top-footer .menu-footer li a:hover { color: #2A9D8F; } footer .bottom-footer { border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 24px 0; } footer .bottom-footer .inside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { footer .bottom-footer .inside { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { footer .bottom-footer .inside { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .bottom-footer .copyright { color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { footer .bottom-footer .copyright { width: 100%; margin-bottom: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 991px) { footer .bottom-footer .copyright { -ms-flex-wrap: wrap; flex-wrap: wrap; } } footer .bottom-footer .copyright li { margin-right: 16px; } @media (max-width: 991px) { footer .bottom-footer .copyright li { margin-right: 12px; } } @media (max-width: 991px) { footer .bottom-footer .copyright li { width: 100%; margin-bottom: 16px; margin-right: 0; } footer .bottom-footer .copyright li:last-child { margin-bottom: 0; } } footer .bottom-footer .copyright li a { color: white; } footer .bottom-footer .copyright li a:hover { color: #2A9D8F; } footer .bottom-footer .footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { footer .bottom-footer .footer-social { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .bottom-footer .footer-social li { margin-right: 16px; } footer .bottom-footer .footer-social li:last-child { margin-right: 0; } footer .bottom-footer .footer-social li a { width: 24px; height: 24px; color: white; font-size: 24px; opacity: 0.48; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } footer .bottom-footer .footer-social li a:hover { color: #FFFFFF; opacity: 1; } section { overflow: hidden; } .language-selector { position: relative; } @media (max-width: 991px) { .language-selector { width: 100%; } } .language-selector .head-language { width: 40px; height: 40px; font-size: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; color: #264653; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 991px) { .language-selector .head-language { display: none; } } .language-selector .head-language:hover { color: #2A9D8F; } .language-selector .language-menu { display: none; background: #FFFFFF; } @media (min-width: 992px) { .language-selector .language-menu { padding: 4px; border-radius: 4px; position: absolute; top: 44px; left: 0; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } @media (max-width: 991px) { .language-selector .language-menu { margin-bottom: 16px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } } .language-selector .language-menu li { margin-bottom: 4px; } @media (max-width: 991px) { .language-selector .language-menu li { width: 100%; margin-right: 4px; margin-bottom: 0; } .language-selector .language-menu li:last-child { margin-right: 0; } } .language-selector .language-menu li:last-child { margin-bottom: 0; } .language-selector .language-menu li a { height: 40px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 3px; color: #264653; font-size: 14px; } @media (max-width: 991px) { .language-selector .language-menu li a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #E1F4F0; } } @media (min-width: 768px) { .language-selector .language-menu li a:hover { background-color: #E1F4F0; color: #227F74; } } @media (min-width: 768px) and (max-width: 991px) { .language-selector .language-menu li a:hover { border: 1px solid #E1F4F0; } } .language-selector .language-menu li a.active { background-color: #E1F4F0; color: #227F74; } @media (max-width: 991px) { .language-selector .language-menu li a.active { border: 1px solid #E1F4F0; } } .language-selector .language-menu li a .code { margin-right: 14px; font-weight: 600; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .language-selector .language-menu li a .code { margin-right: 0; } } @media (max-width: 991px) { .language-selector .language-menu li a .name { display: none; } } .language-selector.open .language-menu { display: block; } .btn-header-style { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .btn-header-style { width: 100%; margin-bottom: 8px; padding-bottom: 8px; overflow: auto; } } @media (max-width: 991px) { .btn-header-style .header-notification { width: calc(25% - 3px) !important; min-width: 80px; height: 60px !important; margin: 0 4px 0 0; overflow: hidden; } .btn-header-style .header-notification > a { margin-right: 0; } } .btn-header-style > a, .btn-header-style .header-notification > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1279px) { .btn-header-style > a, .btn-header-style .header-notification > a { margin-left: 0; } } @media (min-width: 992px) { .btn-header-style > a, .btn-header-style .header-notification > a { width: 40px; height: 40px; margin-left: 8px; font-size: 20px; position: relative; } } @media (max-width: 991px) { .btn-header-style > a, .btn-header-style .header-notification > a { width: calc(25% - 3px); min-width: 80px; height: 60px; margin: 0 4px 0 0; padding: 8px 4px; border-radius: 4px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #EAF5F4; } .btn-header-style > a span, .btn-header-style .header-notification > a span { width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; } .btn-header-style > a:last-child, .btn-header-style .header-notification > a:last-child { margin-right: 0; } .btn-header-style > a i, .btn-header-style .header-notification > a i { font-size: 20px; color: #81949b; } } .btn-header-style > a span, .btn-header-style .header-notification > a span { display: none; } @media (max-width: 991px) { .btn-header-style > a span, .btn-header-style .header-notification > a span { display: block; font-size: 14px; font-weight: 500; color: #264653; } } .btn-header-style > a:hover, .btn-header-style .header-notification > a:hover { color: #2A9D8F; } .btn-header-style > a.has-new:before, .btn-header-style .header-notification > a.has-new:before { width: 8px; height: 8px; top: 4px; right: 4px; position: absolute; display: block; border-radius: 50%; background-color: #E76F51; content: ''; } .btn-header-style .header-notification { position: relative; } @media (max-width: 991px) { .btn-header-style .header-notification { width: calc(50% - 2px); height: 40px; margin: 0 0 4px 0; } .btn-header-style .header-notification > a { width: 100%; } } .btn-header-style .header-notification.open .note-bottom { display: block; } .btn-header-style .header-notification .note-bottom { position: absolute; top: 50px; right: 0; display: none; } .btn-header-style .header-notification .box-drop-list { width: 360px; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .btn-header-style .header-notification .box-drop-list .article { padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-header-style .header-notification .box-drop-list .article > span { font-size: 16px; font-weight: 500; } .btn-header-style .header-notification .box-drop-list .article .settings { margin-left: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .btn-header-style .header-notification .box-drop-list .all-notifications { max-height: 310px; border-radius: 0 0 4px 4px; overflow: auto; } .btn-header-style .header-notification .box-drop-list .all-notifications .notification-wrapper { border: 0; } .under-h2 { margin-top: -15px; margin-bottom: 16px; color: #4B6570; font-size: 14px; } .box-drop-menu { display: none; } @media (min-width: 992px) { .box-drop-menu { position: absolute; left: 24px; right: 24px; top: 52px; padding-top: 16px; } } .box-drop-menu .caption { margin-bottom: 20px; font-size: 20px; font-weight: 500; } .box-drop-menu .caption span { color: #81949b; } .box-drop-menu .description-box { width: 380px; min-height: 200px; margin-left: 20px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; position: relative; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .box-drop-menu .description-box { margin: 12px 12px 12px 0 !important; } } @media (max-width: 767px) { .box-drop-menu .description-box { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; margin: 0 12px !important; } } .box-drop-menu .description-box .name { margin-bottom: 4px; font-size: 18px; font-weight: 500; } .box-drop-menu .description-box .info { margin-bottom: 16px; color: #4B6570; } .box-drop-menu .description-box img { width: 220px; position: absolute; right: 0; bottom: 0; z-index: -1; } @media (max-width: 480px) { .box-drop-menu .description-box img { opacity: 0.6; } } .box-drop-menu .list-category { width: 100%; } @media (min-width: 992px) { .box-drop-menu .list-category { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 992px) { .box-drop-menu .list-category .item { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .box-drop-menu .list-category .item:hover { -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); } } @media (max-width: 991px) { .box-drop-menu .list-category .item { width: 100%; margin-bottom: 12px; display: block; } } .box-drop-menu .list-category .item .box-img { width: 48px; height: 48px; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 991px) { .box-drop-menu .list-category .item .box-img { display: none; } } .box-drop-menu .list-category .item .name { color: #000000; } @media (min-width: 992px) { .box-drop-menu .list-category .item .name { font-weight: 500; font-size: 16px; } } @media (max-width: 991px) { .box-drop-menu .list-category .item .name { font-size: 14px; color: #4B6570; } } .box-drop-menu .list-category .item .count { color: #4B6570; } @media (max-width: 991px) { .box-drop-menu .list-category .item .count { display: none; } } @media (max-width: 991px) { .open-filter-mobile { overflow-y: hidden; } .open-filter-mobile .main-filter-search { z-index: 100; height: 100vh; } .open-filter-mobile .main-filter-search .inside-filter-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .open-filter-mobile .main-filter-search .inside-filter-search .caption-mobile { -ms-flex-negative: 0; flex-shrink: 0; } .open-filter-mobile .main-filter-search .inside-filter-search > .tab-wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .open-filter-mobile .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab { -ms-flex-negative: 0; flex-shrink: 0; } .open-filter-mobile .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab { height: 100%; } } @media (min-width: 992px) { .box-main-shadow { padding: 16px; border-radius: 16px; background: white; border: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); } } .main-filter-search { padding: 24px 0; } .main-filter-search h1 { margin-bottom: 24px; font-size: 28px; line-height: 44px; font-weight: 600; } @media (max-width: 767px) { .main-filter-search h1 { margin-bottom: 16px; font-size: 22px; line-height: 32px; } } .main-filter-search .caption-mobile { display: none; } .main-filter-search > .box-img { line-height: 0; z-index: 0; position: relative; } .main-filter-search > .box-img img { width: 100%; display: block; } .main-filter-search .inside-filter-search { width: 100%; margin-bottom: 16px; padding: 16px; border-radius: 8px; position: relative; z-index: 2; background-color: #A8D7D1; } @media (max-width: 991px) { .main-filter-search .inside-filter-search { position: fixed; top: 0; bottom: 0; overflow: auto; left: 0; right: 0; padding: 8px 16px 16px; display: none; z-index: 50; -webkit-transform: initial; -ms-transform: initial; transform: initial; background-color: white; } .main-filter-search .inside-filter-search .caption-mobile { margin: 0 0 24px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-filter-search .inside-filter-search .caption-mobile span { width: 100%; font-size: 20px; font-weight: 600; } .main-filter-search .inside-filter-search .caption-mobile .close-filter-mobile { width: 40px; height: 40px; position: absolute; top: 3px; right: 2px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab { width: 100%; margin-bottom: 14px !important; padding: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; background: rgba(0, 0, 0, 0.04); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li { width: 100%; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li .like-a { width: 100% !important; height: 44px; font-size: 16px; border-radius: 3px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .head-tab.like-button li a, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .head-tab2.like-button li a { padding: 6px 5px; font-size: 12px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .select-filter { width: 100%; margin-bottom: 8px; border-radius: 4px; border: 1px solid #D6D6D6; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .select-filter .body-select { width: 100%; padding: 16px; position: relative; top: initial; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; border-radius: 0 0 4px 4px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-in-filter { width: 100%; margin-bottom: auto; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-in-filter i { left: 16px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-in-filter input { padding-left: 48px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .show-on-map-btn { width: 100%; height: 64px; margin: 8px 0; border-radius: 4px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 0; color: #264653; background-color: #E1F4F0; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .show-on-map-btn i { margin-right: 8px; font-size: 24px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .show-on-map-btn span { display: block; font-size: 18px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-btn { width: 100%; height: 64px; border-radius: 4px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 0; color: #FFFFFF; background-color: #2A9D8F; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-btn i { margin-right: 8px !important; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-btn span { display: block; font-size: 18px; } } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 { margin-bottom: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab:before, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2:before, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab:before, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2:before { left: 0; right: 0; bottom: 0; top: 0; border-radius: 2px; background: rgba(255, 255, 255, 0.64); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); content: ''; display: block; z-index: 0; position: absolute; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li { margin-right: 4px; position: relative; z-index: 1; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li:last-child, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li:last-child { margin-right: 0; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li a { width: 144px; height: 40px; padding: 5px 16px; color: #4B6570; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li a.active, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li a.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li a.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li a.active { -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04); color: #264653; background-color: #FFFFFF; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li:nth-child(1) a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li:nth-child(1) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li:nth-child(1) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li:nth-child(1) a { border-radius: 4px 0 0 4px; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li:nth-child(2) a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li:nth-child(2) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li:nth-child(2) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li:nth-child(2) a { border-radius: 0 4px 4px 0; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2 { background-color: white; border-radius: 4px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab.active, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .one-item, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2 .one-item, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab .one-item, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2 .one-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .one-item:last-child, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2 .one-item:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab .one-item:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2 .one-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .main-filter-search .apartment-select { width: 290px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .main-filter-search .apartment-select { width: 200px; } } .main-filter-search .small-select { width: 180px; -ms-flex-negative: 0; flex-shrink: 0; } .main-filter-search .show-on-map-btn { width: 64px; height: 64px; background-color: white; color: #2A9D8F; font-size: 24px; -ms-flex-negative: 0; flex-shrink: 0; border-left: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .main-filter-search .show-on-map-btn span { display: none; } .main-filter-search .show-on-map-btn:hover { background-color: #E1F4F0; } } .main-filter-search .search-in-filter { width: 100%; position: relative; } .main-filter-search .search-in-filter input { width: 100%; height: 64px; padding-left: 36px; padding-right: 20px; font-size: 15px; position: relative; z-index: 2; border: 0; background-color: transparent; } .main-filter-search .search-in-filter i { position: absolute; top: 50%; left: 12px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 16px; color: #81949b; } .main-filter-search .search-btn { width: 180px; height: 64px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; font-weight: 500; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: transparent; color: #227F74; border: 0; border-radius: 0 4px 4px 0; border-left: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1279px) { .main-filter-search .search-btn { width: 64px; text-align: center; } .main-filter-search .search-btn i { margin-right: 0 !important; } .main-filter-search .search-btn span { display: none; } } @media (min-width: 768px) { .main-filter-search .search-btn:hover { background-color: #227F74; color: #FFFFFF; } } .main-filter-search .search-btn i { margin-right: 8px; line-height: 0; font-size: 20px; } .main-filter-search .box-wrapper-search .drop-search-helper { top: 66px; right: -128px; } @media (max-width: 991px) { .main-filter-search .box-wrapper-search { margin-bottom: auto; } } .main-filter-search .search-field { height: 64px; border: 0 !important; border-radius: 0; } @media (max-width: 991px) { .main-filter-search .search-field { padding-right: 0; } } .main-filter-search .search-field input { width: 100%; height: 64px; padding-left: 36px; padding-right: 20px; font-size: 15px; position: relative; z-index: 2; border: 0; background-color: transparent; } @media (max-width: 991px) { .main-filter-search .search-field input { width: 100%; border-radius: 4px; padding-left: 42px; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0.08); } } .main-filter-search .search-scroll-full .counter-address, .main-filter-search .search-scroll-full .change-address-type { display: none; } @media (max-width: 991px) { .main-filter-search .search-scroll-full .counter-address, .main-filter-search .search-scroll-full .change-address-type { display: block; } } .open-filter-mobile.big-search-mobile .box-wrapper-search .drop-search-helper { display: block !important; } .select-filter { position: relative; border-right: 1px solid #D6D6D6; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select-filter .head-select { height: 64px; padding: 10px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .select-filter .head-select span { width: 100%; padding-right: 20px; color: #264653; font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .select-filter .head-select:after { color: #81949b; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 24px; content: "\e90a"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .select-filter .head-select:hover { background-color: #E1F4F0; color: #264653; } } .select-filter .bg-close-filter { display: none; } .select-filter .body-select { width: 355px; top: 68px; left: 0; display: none; position: absolute; padding: 24px; border-radius: 4px; background: #FFFFFF; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { .select-filter .body-select { border-radius: 8px 8px 0 0; } } .select-filter .body-select .block-filter-mob-btn { display: none; } @media (max-width: 767px) { .select-filter .body-select .block-filter-mob-btn { padding-top: 16px; display: block; } .select-filter .body-select .block-filter-mob-btn > * { width: 100%; } } .select-filter .body-select .caption-body-mobile { display: none; } @media (max-width: 767px) { .select-filter .body-select .caption-body-mobile { padding: 0 50px 16px; display: block; text-align: center; font-size: 16px; font-weight: 600; line-height: 24px; } .select-filter .body-select .caption-body-mobile .btn-close-filter { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; color: #81949B; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .select-filter.open .head-select:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .select-filter.open .body-select { display: block; } .filter-show-bottom { overflow: hidden; } @media (max-width: 767px) { .filter-show-bottom header { z-index: 6; } .filter-show-bottom .body-select { overflow: auto; max-height: 90vh; } .filter-show-bottom .select-filter.open { z-index: 10; } .filter-show-bottom .select-filter.open .bg-close-filter { display: block; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 10; } .filter-show-bottom .box-fixed-bottom { z-index: 1; } } .list-checkbox li { margin-bottom: 16px; } .list-checkbox li:last-child { margin-bottom: 0; } .head-tab.like-button, .head-tab2.like-button { margin-bottom: 24px; } .head-tab.like-button li, .head-tab2.like-button li { width: 100%; } .head-tab.like-button.style2 li, .head-tab2.like-button.style2 li { width: initial; } .head-tab.like-button2, .head-tab2.like-button2 { margin-bottom: 12px; } .head-tab.like-button, .head-tab.like-button2, .head-tab2.like-button, .head-tab2.like-button2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .head-tab.like-button li, .head-tab.like-button2 li, .head-tab2.like-button li, .head-tab2.like-button2 li { margin-right: 4px; } .head-tab.like-button li:last-child, .head-tab.like-button2 li:last-child, .head-tab2.like-button li:last-child, .head-tab2.like-button2 li:last-child { margin-right: 0; } .head-tab.like-button li a, .head-tab.like-button li span, .head-tab.like-button2 li a, .head-tab.like-button2 li span, .head-tab2.like-button li a, .head-tab2.like-button li span, .head-tab2.like-button2 li a, .head-tab2.like-button2 li span { padding: 10px 16px; border-radius: 4px; color: #4B6570; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .head-tab.like-button li a:hover, .head-tab.like-button li span:hover, .head-tab.like-button2 li a:hover, .head-tab.like-button2 li span:hover, .head-tab2.like-button li a:hover, .head-tab2.like-button li span:hover, .head-tab2.like-button2 li a:hover, .head-tab2.like-button2 li span:hover { color: #264653; } } .head-tab.like-button li a.active, .head-tab.like-button li span.active, .head-tab.like-button2 li a.active, .head-tab.like-button2 li span.active, .head-tab2.like-button li a.active, .head-tab2.like-button li span.active, .head-tab2.like-button2 li a.active, .head-tab2.like-button2 li span.active { background-color: #E1F4F0; color: #264653; } .head-tab.like-button li a.disabled, .head-tab.like-button li span.disabled, .head-tab.like-button2 li a.disabled, .head-tab.like-button2 li span.disabled, .head-tab2.like-button li a.disabled, .head-tab2.like-button li span.disabled, .head-tab2.like-button2 li a.disabled, .head-tab2.like-button2 li span.disabled { cursor: default; color: #81949b; } .head-tab.white-space-nowrap, .head-tab2.white-space-nowrap { white-space: nowrap; } .head-tab.style-2, .head-tab2.style-2 { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; padding: 2px; background: rgba(0, 0, 0, 0.04); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .head-tab.style-2 li, .head-tab2.style-2 li { width: 100%; margin-right: 4px; } .head-tab.style-2 li .badge, .head-tab2.style-2 li .badge { height: 16px; margin-left: 8px; padding: 2px 4px; font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 2px; background: #2A9D8F; color: white; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-tab.style-2 li:last-child, .head-tab2.style-2 li:last-child { margin-right: 0; } .head-tab.style-2 li a, .head-tab2.style-2 li a { padding: 10px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; color: #4B6570; font-size: 16px; font-weight: 500; } .head-tab.style-2 li a.active, .head-tab2.style-2 li a.active { color: #264653; background-color: white; } .list-rooms { margin: 0 -4px -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-rooms li { width: calc(50% - 8px); margin: 0 4px 8px; cursor: pointer; padding: 10px 16px; border-radius: 4px; color: #4B6570; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 1px solid #D6D6D6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .list-rooms li:hover { color: #264653; border-radius: 4px; border: 1px solid #E1F4F0; background: #E1F4F0; } } .list-rooms li.active { background-color: #2A9D8F; border: 1px solid #2A9D8F; color: #FFFFFF; } .list-rooms li.big { width: calc(100% - 8px); } .button-prices-scroll { position: relative; } .button-prices-scroll .scroll-indicator { height: 30px; position: absolute; left: 0; right: 0; display: none; z-index: 1; } .button-prices-scroll .scroll-indicator.top { top: 0; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(80%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 80%); background: -o-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 80%); background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 80%); } .button-prices-scroll .scroll-indicator.bottom { bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #FFF)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 80%); } .list-button-prices { height: 216px; overflow: auto; position: relative; } .list-button-prices li { margin-bottom: 4px; } .list-button-prices li:last-child { margin-bottom: 0; } .list-button-prices li a { height: 40px; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #264653; border-radius: 4px; background: #F0FAF8; } @media (min-width: 768px) { .list-button-prices li a:hover { color: white; background-color: #2A9D8F; } } .list-button-prices li a.active { color: white; background-color: #2A9D8F; } input:placeholder-shown + .delete-sum { display: none !important; } .prices-columns { display: grid; grid-gap: 4px; grid-template-columns: 1fr 1fr; } .prices-columns .custom-input { margin-bottom: 16px; position: relative; } .prices-columns .custom-input .delete-sum { width: 30px; height: 40px; position: absolute; right: 0; top: 0; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .prices-columns .custom-input .delete-sum:hover { color: #227F74; } } .owl-arrows-style-1 .owl-nav .owl-next { right: -16px; } @media (max-width: 1279px) { .owl-arrows-style-1 .owl-nav .owl-next { right: -6px; } } .owl-arrows-style-1 .owl-nav .owl-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .owl-arrows-style-1 .owl-nav .owl-prev { left: -16px; } @media (max-width: 1279px) { .owl-arrows-style-1 .owl-nav .owl-prev { left: -6px; } } .owl-arrows-style-1 .owl-nav .owl-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .owl-arrows-style-1 .owl-nav .owl-prev, .owl-arrows-style-1 .owl-nav .owl-next { width: 40px; height: 40px; top: 50%; margin-top: -20px; position: absolute; border-radius: 50%; color: #81949b !important; z-index: 2; font-size: 24px; background-color: white !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .owl-arrows-style-1 .owl-nav .owl-prev:before, .owl-arrows-style-1 .owl-nav .owl-next:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .owl-arrows-style-1 .owl-nav .owl-prev span, .owl-arrows-style-1 .owl-nav .owl-next span { display: none; } .owl-arrows-style-1 .owl-nav .owl-prev.disabled, .owl-arrows-style-1 .owl-nav .owl-next.disabled { display: none; } @media (min-width: 768px) { .owl-arrows-style-1 .owl-nav .owl-prev:hover, .owl-arrows-style-1 .owl-nav .owl-next:hover { background-color: #264653 !important; color: white !important; } } @media (max-width: 767px) { .service-menu, .special-order-wrapper, .show-full-slider-mobile { overflow: hidden; } .service-menu .center-bl .owl-carousel .owl-stage-outer, .special-order-wrapper .center-bl .owl-carousel .owl-stage-outer, .show-full-slider-mobile .center-bl .owl-carousel .owl-stage-outer { overflow: initial; } } @media (max-width: 767px) { .quick-menu-scroll { overflow: auto; padding-bottom: 20px; margin-left: -12px; padding-left: 12px; } } .quick-menu-slider { position: relative; overflow: hidden; } @media (max-width: 767px) { .quick-menu-slider { overflow: initial; } } @media (max-width: 767px) { .quick-menu-slider .item { min-width: 96px; width: 16vw; } } .quick-menu-slider .item a { padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } @media (max-width: 767px) { .quick-menu-slider .item a { height: 92px; padding: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } .quick-menu-slider .item a.color1 { background: rgba(217, 246, 242, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color1:hover { background: #D9F6F2; } } .quick-menu-slider .item a.color2 { background: rgba(232, 250, 220, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color2:hover { background: #E8FADC; } } .quick-menu-slider .item a.color3 { background: rgba(237, 229, 255, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color3:hover { background: #EDE5FF; } } .quick-menu-slider .item a.color4 { background: rgba(255, 243, 217, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color4:hover { background: #FFF3D9; } } .quick-menu-slider .item a.color5 { background: rgba(229, 246, 255, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color5:hover { background: #E5F6FF; } } .quick-menu-slider .item a.color6 { background: rgba(229, 239, 255, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color6:hover { background: #E5EFFF; } } .quick-menu-slider .item a .box-img { width: 48px; height: 48px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 767px) { .quick-menu-slider .item a .box-img { width: 36px; height: 36px; margin-right: 0; margin-bottom: 8px; } } .quick-menu-slider .item a .box-img img { -o-object-fit: contain; object-fit: contain; } .quick-menu-slider .item a .name { font-size: 14px; color: #000000; line-height: 20px; font-weight: 500; } @media (max-width: 767px) { .quick-menu-slider .item a .name { font-size: 12px; line-height: 16px; } } .service-scroll { position: relative; } @media (max-width: 767px) { .service-scroll { margin: 0 -12px; padding: 0 12px; overflow: hidden; } } .service-swiper { position: relative; } .service-swiper .service-slider2, .service-swiper .service-slider { overflow: hidden; position: relative; } .service-swiper.swiper-buttons { position: relative; } .service-swiper.swiper-buttons .btn-construction.swiper-button-prev { left: -21px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; background: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)) !important; background: -webkit-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: -o-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: linear-gradient(to left, rgba(251, 251, 251, 0.2), #fbfbfb) !important; } @media (max-width: 991px) { .service-swiper.swiper-buttons .btn-construction.swiper-button-prev { left: 0; } } .service-swiper.swiper-buttons .btn-construction.swiper-button-next { right: -21px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; background: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)) !important; background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: -o-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: linear-gradient(to right, rgba(251, 251, 251, 0.2), #fbfbfb) !important; } @media (max-width: 991px) { .service-swiper.swiper-buttons .btn-construction.swiper-button-next { right: 0; } } .service-slider .item, .service-slider2 .item { width: 192px; } .service-slider .item a, .service-slider2 .item a { height: 110px; padding: 16px; display: block; overflow: hidden; border-radius: 8px; border: 1px solid #E1F4F0; background: #FFFFFF; cursor: pointer; position: relative; } @media (max-width: 767px) { .service-slider .item a, .service-slider2 .item a { height: 112px; padding: 16px; } } @media (min-width: 768px) { .service-slider .item a:hover, .service-slider2 .item a:hover { -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); } } .service-slider .item a:after, .service-slider2 .item a:after { width: 120px; height: 120px; position: absolute; right: -70px; bottom: -70px; content: ''; display: block; border-radius: 50%; z-index: 0; background-color: #E1F4F0; } .service-slider .item a .name, .service-slider2 .item a .name { max-width: 130px; color: #264653; font-size: 14px; font-weight: 500; line-height: 20px; display: inline-block; } .service-slider .item a .box-img, .service-slider2 .item a .box-img { width: 48px; height: 48px; position: absolute; bottom: 4px; right: 4px; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .service-slider { position: relative; overflow: hidden; } @media (max-width: 767px) { .service-slider { overflow: initial; } } @media (max-width: 767px) { .service-slider2 .item a { width: 192px; } } @media (min-width: 768px) { .box-mobile { display: none; } } @media (max-width: 767px) { .box-desktop { display: none; } } .box-response-slider { width: 100%; position: relative; border-radius: 4px; overflow: hidden; } .box-response-slider img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .box-response-slider:before { content: ''; display: block; padding-top: 75%; } @media (min-width: 768px) { .list-last-advert { margin: 0 -10px -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-last-advert .item { width: 20%; padding: 0 10px 20px; } } @media (min-width: 768px) and (max-width: 1279px) { .list-last-advert .item { width: 25%; } .list-last-advert .item:nth-child(9), .list-last-advert .item:nth-child(10) { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .list-last-advert .item { width: 33.3%; } .list-last-advert .item:nth-child(9) { display: block; } } @media (max-width: 767px) { .list-last-advert .item { width: 156px; margin: 0 3px; } .list-last-advert .slider-one-hover img, .list-last-advert .slider-one-hover-no-swipe img { width: 100%; height: 116px; } .list-last-advert .slide { width: 100%; position: relative; border-radius: 4px; overflow: hidden; } .list-last-advert .slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .list-last-advert .slide:before { content: ''; display: block; padding-top: 75%; } .list-last-advert .owl-carousel .owl-stage-outer { overflow: initial; } } .clean-tab-text { padding: 30px 0 100px; } .list-premium-advert { margin: 0 -10px -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-premium-advert .item { width: 25%; padding: 0 10px 20px; } @media (max-width: 991px) { .list-premium-advert .item { width: 33.3%; } } @media (max-width: 767px) { .list-premium-advert .item { width: 50%; } } .metro-img { margin-right: 8px; } .price .ico-trending-up, .price-product .ico-trending-up { color: #E7513B; margin-left: 8px; } .price .ico-trending-down, .price-product .ico-trending-down { color: #2A9D8F; margin-left: 8px; } @media (max-width: 767px) { .catalog-page.residential .novobud-line { display: none; } .catalog-page.residential .advert-item .price { font-size: 14px; } .catalog-page.residential .advert-item .price .old { display: none; } .catalog-page.residential.list .novobud-line { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-page.residential.list .advert-item .price { font-size: 16px; } .catalog-page.residential.list .advert-item .price .old { display: inline-block; } } @media (max-width: 767px) { .catalog-page.list .advert-item .box-img-box { z-index: 1; } } @media (max-width: 767px) { .catalog-page.list .advert-item .price .old { display: none; } } @media (max-width: 767px) { .catalog-page.list .line-buttons-product .call-btn { height: 40px; font-size: 14px; } } @media (max-width: 767px) { .catalog-page.list .line-buttons-product .btn-ico.big { width: 40px; height: 40px; } } .advert-item { position: relative; } .advert-item .link-product { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 0; display: block; } .advert-item .link-product span { visibility: hidden; } .advert-item .slider-one-hover-no-swipe a { display: block; line-height: 0; } .advert-item .wrapper-description-item { display: block; position: relative; } .advert-item .wrapper-description-item .custom-drop.open .body-drop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .advert-item .wrapper-description-item.open { position: initial; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude { border-radius: 4px; } @media (max-width: 767px) { .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude { display: none !important; } } .advert-item .wrapper-description-item .box-amplitude-change.custom-drop { position: relative; z-index: 2; } @media (max-width: 767px) { .advert-item .wrapper-description-item .box-amplitude-change.custom-drop { z-index: initial; position: initial; } } .advert-item .wrapper-description-item .box-amplitude-change.custom-drop.open { position: initial; } .advert-item .wrapper-description-item .box-amplitude-change { position: initial; } @media (min-width: 768px) { .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude { width: 100%; top: 0; bottom: 0; padding: 12px; border: 1px solid #4B6570; -webkit-box-shadow: none; box-shadow: none; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude tr { position: relative; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude tr td { padding-bottom: 20px; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude tr .price-a { position: absolute; padding-bottom: 0; left: 0; bottom: 2px; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude .wrapper-table { max-height: initial; margin: 0 -12px 10px; padding: 0 12px; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude .btn-dark { font-size: 12px; } } .advert-item .name-residential-area { margin-bottom: 8px; font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .address-area-catalog { margin-bottom: 6px; font-size: 12px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .flat-statistic { font-size: 12px; } .advert-item .flat-statistic li .right-box { font-size: 12px; } .advert-item .price { margin-bottom: 4px; font-size: 16px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .advert-item .price { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .advert-item .price .current-price { margin-right: 8px; } .advert-item .price .current-price a { color: #000000; } .advert-item .price .current-price a:hover { color: #2A9D8F; } .advert-item .price .current-price + .old { margin-left: 0; } .advert-item .price .current-price-area { margin-right: 8px; font-weight: 600; font-size: 18px; } .advert-item .price .old { margin-left: 8px; font-size: 14px; line-height: 22px; color: #4B6570; font-weight: 500; } .advert-item .price .old span { font-weight: 400; } @media (max-width: 991px) { .advert-item .price .old { font-size: 12px; } } @media (max-width: 767px) { .advert-item .price .old { display: none; } } .advert-item .price .mortgage-price { font-size: 14px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .price .mortgage-price:before { margin-right: 8px; width: 4px; height: 4px; border-radius: 50%; content: ''; display: block; background-color: #D9D9D9; } .advert-item .price .mortgage-price span { margin-right: 4px; font-weight: 400; color: #4B6570; } .advert-item .price .mortgage-price span a { font-weight: 500; } .advert-item .price .mortgage-price a { position: relative; z-index: 2; } .advert-item .box-img-box { margin-bottom: 8px; overflow: hidden; position: relative; z-index: 1; } .advert-item .box-img-box .list-rate { top: 4px; left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; z-index: 1; } .advert-item .box-img-box .list-rate li { width: 24px; margin-right: 4px; line-height: 0; } .advert-item .box-img-box .list-rate li img { width: 100%; } .advert-item .box-img-box .likes-compare { right: 4px; top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 1; } .advert-item .box-img-box .likes-compare .one-btn { width: 32px; height: 32px; margin-left: 4px; border-radius: 3px; background: rgba(0, 0, 0, 0.32); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; font-size: 20px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .advert-item .box-img-box .likes-compare .one-btn:hover { background: rgba(0, 0, 0, 0.64); } .advert-item .box-img-box .likes-compare .one-btn.btn-compare.active i:before { content: "\e91b"; } .advert-item .box-img-box .likes-compare .one-btn.btn-favorite.active i:before { content: "\e915"; } .advert-item .box-img-box .list-types { position: absolute; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advert-item .box-img-box .list-types.left-bottom { bottom: 4px; left: 4px; } .advert-item .box-img-box .list-types.right-bottom { bottom: 4px; right: 4px; } .advert-item .box-img-box .list-types li { width: 24px; height: 24px; margin-right: 4px; border-radius: 3px; background: rgba(0, 0, 0, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .advert-item .box-img-box .list-types li:last-child { margin-right: 0; } .advert-item .box-img-box .list-types li i { color: white; font-size: 12px; opacity: 0.8; } .advert-item .name { margin-bottom: 4px; font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .advert-item .name { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .advert-item .name a { color: #000000; } .advert-item .name a:hover { color: #2A9D8F; } .advert-item .name-order { margin-bottom: 8px; font-size: 16px; } .advert-item .name-order a { position: relative; z-index: 2; display: inherit; color: #000000; font-weight: 400; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .name-order a:hover { color: #2A9D8F; } @media (max-width: 767px) { .advert-item .name-order { margin-bottom: 6px; font-size: 14px; } } .advert-item .box-name { margin-bottom: 2px; font-size: 14px; display: block; } .advert-item .insurance-price-line { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #4B6570; } .advert-item .insurance-price-line .text { margin-right: 4px; } .advert-item .insurance-price-line .price-insurance { font-weight: 500; color: #2A9D8F; } .advert-item .adaptive-address { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .adaptive-address img { width: 16px; margin-right: 6px; } .advert-item .adaptive-address span { max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .region { width: 100%; margin-bottom: 4px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .region img { width: 16px; margin-right: 6px; } .advert-item .region span { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .list-type { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advert-item .list-type > * { margin-right: 8px; margin-bottom: 4px; font-size: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .advert-item .list-type > *:last-child { margin-right: 0; } .advert-item .list-type > * i { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; display: none; font-size: 14px; } @media (max-width: 767px) { .advert-item .list-type > * i { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .advert-item .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .advert-item .list-type > * span .sub-value { margin-left: 3px; } .advert-item .list-type.image-always > * i { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .advert-item .date { font-size: 12px; font-weight: 400; color: #4B6570; line-height: 16px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .line-buttons-product { display: -webkit-box; display: -ms-flexbox; display: flex; } .advert-item .line-buttons-product .wrapper-small-tbn { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .line-buttons-product .wrapper-small-tbn .btn-ico { margin-right: 8px; } .advert-item .line-buttons-product .wrapper-small-tbn .btn-ico:last-child { margin-right: 0; } .advert-item .line-buttons-product .wrapper-small-tbn .btn-more { display: none; } .advert-item .line-buttons-product .wrapper-small-tbn .drop { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .advert-item .line-buttons-product .call-btn { height: 32px; font-size: 12px; } } @media (max-width: 767px) { .advert-item .line-buttons-product .btn-ico.big { width: 32px; height: 32px; } } .advert-item .line-buttons-product > * { -ms-flex-negative: 0; flex-shrink: 0; } .advert-item .line-buttons-product > *.show-phone-number { margin-right: 8px; } @media (min-width: 768px) { .advert-item .box-img-box:hover .slider-one-hover .slick-btn.slick-next, .advert-item .box-img-box:hover .slider-one-hover-no-swipe .slick-btn.slick-next { right: 4px; } .advert-item .box-img-box:hover .slider-one-hover .slick-btn.slick-prev, .advert-item .box-img-box:hover .slider-one-hover-no-swipe .slick-btn.slick-prev { left: 4px; } .advert-item .box-img-box:hover .slider-one-hover .slick-dots, .advert-item .box-img-box:hover .slider-one-hover-no-swipe .slick-dots { bottom: 4px; } } .advert-item .call-btn { display: none; position: relative; z-index: 1; } .advert-item .statistic-flat { margin-bottom: 8px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 767px) { .advert-item .statistic-flat { margin-bottom: 4px; } } .advert-item .statistic-flat2 { margin-bottom: 8px; font-size: 12px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .flat-statistic li .right-box { position: relative; z-index: -1; } .advert-item .metro .time { z-index: -1; } .advert-item .style-residential a { position: relative; z-index: 2; } .advert-item .novobud-line { padding-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advert-item .novobud-line .owner { margin-bottom: 4px; margin-right: 16px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; z-index: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .novobud-line .owner i { margin-right: 4px; font-size: 16px; } .advert-item .novobud-line .type-novo { margin-right: 16px; margin-bottom: 4px; color: #4B6570; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .advert-item .novobud-line .type-novo { display: none; } } .advert-item .novobud-line .type-novo i { margin-right: 4px; font-size: 20px; } .advert-item .novobud-line .type-novo .ico-check { color: #2A9D8F; } .advert-item .novobud-line .counter-flats { margin-bottom: 4px; margin-right: 8px; position: relative; z-index: 2; } .advert-item .novobud-line .date-time { margin-bottom: 4px; margin-right: 8px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .novobud-line .date-time:before { margin-right: 8px; width: 4px; height: 4px; border-radius: 50%; content: ''; display: block; background-color: #D9D9D9; } .advert-item .show-phone-number { position: relative; z-index: 2; } .advert-item.deleted-item:before { left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 3; content: ''; background-color: rgba(255, 255, 255, 0.7); } .advert-item.deleted-item .wrapper-small-tbn { z-index: 4; } .advert-item.deleted-item .box-img-box { z-index: initial; } .advert-item.deleted-item .deleted-item-text { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 40px 100px; font-size: 16px; line-height: 24px; font-weight: 500; z-index: 3; color: #4B6570; background-color: rgba(255, 255, 255, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media (max-width: 1279px) { .advert-item.deleted-item .deleted-item-text { padding: 40px 80px; } } @media (max-width: 991px) { .advert-item.deleted-item .deleted-item-text { padding: 40px; } } .advert-item .btn-ico span { display: none; } .agency-block { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .agency-block .logo-agency { width: 40px; height: 40px; margin-right: 8px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .agency-block .logo-agency img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .agency-block .logo-agent { width: 40px; height: 40px; margin-right: 8px; border-radius: 4px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.08); -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .agency-block .logo-agent img { border-radius: 4px; } .agency-block .name-letter-agency { width: 40px; height: 40px; margin-right: 8px; padding: 5px; font-size: 24px; font-weight: 500; border-radius: 4px; -ms-flex-negative: 0; flex-shrink: 0; background-color: #E1F4F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .agency-block.circle { border-radius: 50%; } .agency-block .description .agency-name { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px; font-weight: 500; } .agency-block .description .agency-name:last-child { margin-bottom: 0; } .agency-block .description .agency-name i { margin-left: 4px; color: #2A9D8F; font-size: 18px; } .agency-block .description .type { font-size: 12px; line-height: 16px; color: #4B6570; } .agency-block .box-img { width: 40px; height: 40px; margin-right: 12px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .metro { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: initial; flex-wrap: initial; } @media (max-width: 767px) { .metro { margin-bottom: 4px; } } .metro .name-metro { width: initial; max-width: calc(100% - 120px); margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .metro .name-metro i { margin-right: 8px; font-size: 20px; color: #81949B; } .metro .name-metro img { width: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .metro .name-metro a { max-width: initial; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .metro .time { color: #4B6570; font-size: 12px; position: relative; } .metro .time:before { width: 4px; height: 4px; position: absolute; left: -7px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 50%; content: ''; display: block; background-color: #D9D9D9; } .one-slider-swipe { width: 100%; border-radius: 4px; overflow: hidden; position: relative; z-index: 0; } .one-slider-swipe .slide { width: 100%; height: 100%; position: relative; border-radius: 4px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .one-slider-swipe .slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .one-slider-swipe .slide:before { content: ''; display: block; padding-top: 75%; } .slider-one-hover, .slider-one-hover-no-swipe { width: 100%; border-radius: 4px; overflow: hidden; position: relative; } .slider-one-hover .slick-btn.slick-next, .slider-one-hover-no-swipe .slick-btn.slick-next { right: -40px; } .slider-one-hover .slick-btn.slick-next:before, .slider-one-hover-no-swipe .slick-btn.slick-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slider-one-hover .slick-btn.slick-prev, .slider-one-hover-no-swipe .slick-btn.slick-prev { left: -40px; } .slider-one-hover .slick-btn.slick-prev:before, .slider-one-hover-no-swipe .slick-btn.slick-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slider-one-hover .slick-btn.slick-next, .slider-one-hover .slick-btn.slick-prev, .slider-one-hover-no-swipe .slick-btn.slick-next, .slider-one-hover-no-swipe .slick-btn.slick-prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-one-hover .slick-btn.slick-next:before, .slider-one-hover .slick-btn.slick-prev:before, .slider-one-hover-no-swipe .slick-btn.slick-next:before, .slider-one-hover-no-swipe .slick-btn.slick-prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .slider-one-hover .slick-btn.slick-next span, .slider-one-hover .slick-btn.slick-prev span, .slider-one-hover-no-swipe .slick-btn.slick-next span, .slider-one-hover-no-swipe .slick-btn.slick-prev span { display: none; } .slider-one-hover .slick-btn.slick-next.disabled, .slider-one-hover .slick-btn.slick-prev.disabled, .slider-one-hover-no-swipe .slick-btn.slick-next.disabled, .slider-one-hover-no-swipe .slick-btn.slick-prev.disabled { display: none; } @media (min-width: 768px) { .slider-one-hover .slick-btn.slick-next:hover, .slider-one-hover .slick-btn.slick-prev:hover, .slider-one-hover-no-swipe .slick-btn.slick-next:hover, .slider-one-hover-no-swipe .slick-btn.slick-prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .slider-one-hover .slick-dots, .slider-one-hover-no-swipe .slick-dots { position: absolute; bottom: -40px; left: 0; right: 0; z-index: 4; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-align: center; } .slider-one-hover .slick-dots li, .slider-one-hover-no-swipe .slick-dots li { margin: 0 2px; display: inline-block; width: 6px; height: 6px; border-radius: 50%; cursor: pointer; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .slider-one-hover .slick-dots li button, .slider-one-hover-no-swipe .slick-dots li button { display: none; } .slider-one-hover .slick-dots li.slick-active, .slider-one-hover-no-swipe .slick-dots li.slick-active { background-color: rgba(255, 255, 255, 0.8); } .slider-one-hover.slider-advert-small .slide, .slider-one-hover-no-swipe.slider-advert-small .slide { width: 100%; position: relative; } .slider-one-hover.slider-advert-small .slide img, .slider-one-hover-no-swipe.slider-advert-small .slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .slider-one-hover.slider-advert-small .slide:before, .slider-one-hover-no-swipe.slider-advert-small .slide:before { content: ''; display: block; padding-top: 75%; } @media (min-width: 768px) { .swiper-buttons:hover .btn-one-hide.prev { left: 4px; } .swiper-buttons:hover .btn-one-hide.next { right: 4px; } .swiper-buttons:hover .swiper-pagination { bottom: 4px !important; } } .swiper-buttons .swiper-pagination { position: absolute; bottom: -30px !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; left: 0; right: 0; } .swiper-buttons .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 2px; opacity: 1; background-color: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .swiper-buttons .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.8); } .btn-one-hide.next { right: -40px; } .btn-one-hide.next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .btn-one-hide.prev { left: -40px; } .btn-one-hide.prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .btn-one-hide.next, .btn-one-hide.prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-one-hide.next:before, .btn-one-hide.prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .btn-one-hide.next span, .btn-one-hide.prev span { display: none; } @media (min-width: 768px) { .btn-one-hide.next:hover, .btn-one-hide.prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .btn-one-hide.next.swiper-button-disabled, .btn-one-hide.prev.swiper-button-disabled { background: rgba(213, 208, 208, 0.5) !important; } @media (min-width: 768px) { .btn-one-hide.next.swiper-button-disabled, .btn-one-hide.prev.swiper-button-disabled { cursor: default; background: rgba(213, 208, 208, 0.5) !important; } } .btn-one-hide.next.swiper-button-lock, .btn-one-hide.prev.swiper-button-lock { display: none; } .caption-section { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-section h2 { width: 100%; margin-bottom: 0; padding-right: 20px; } .caption-section .btn-border { -ms-flex-negative: 0; flex-shrink: 0; } .caption-section .slider-buttons, .caption-section .slider-buttons-3 { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .caption-section .slider-buttons, .caption-section .slider-buttons-3 { display: none; } } .caption-section .slider-buttons .btn-border, .caption-section .slider-buttons-3 .btn-border { width: 36px; padding: 5px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 8px; } .caption-section .slider-buttons .btn-border i, .caption-section .slider-buttons-3 .btn-border i { display: inline-block; position: relative; font-size: 20px; } .caption-section .slider-buttons .btn-border.prev i, .caption-section .slider-buttons-3 .btn-border.prev i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .caption-section .slider-buttons .btn-border.next i, .caption-section .slider-buttons-3 .btn-border.next i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .ico-down { display: inline-block; position: relative; } .ico-down.right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .dark-section { background: #FCFAFA; } .dark-section2 { background: rgba(0, 0, 0, 0.04); } .dark-section3 { background: #F7FCFC; } .list-footer-links { margin: 0 -6px -12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-footer-links .one-item { width: calc(33.3% - 12px); margin: 0 6px 12px; padding: 16px; background-color: white; border-radius: 8px; } @media (max-width: 991px) { .list-footer-links .one-item { width: calc(50% - 12px); } } @media (max-width: 767px) { .list-footer-links .one-item { width: calc(100% - 12px); } } .list-footer-links .one-item .name { margin-bottom: 16px; font-size: 16px; font-weight: 600; line-height: 24px; } .list-footer-links .one-item ul li { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .list-footer-links .one-item ul li:last-child { margin-bottom: 0; } .list-footer-links .one-item ul li span { color: #4B6570; } .list-footer-links .one-item.full-width { width: calc(100% - 12px); } .list-footer-links .one-item.full-width ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-footer-links .one-item.full-width ul li { width: 33.3%; padding-right: 20px; } @media (max-width: 991px) { .list-footer-links .one-item.full-width ul li { width: 50%; } } @media (max-width: 767px) { .list-footer-links .one-item.full-width ul li { width: 100%; } } .special-order-slider { overflow: hidden; } @media (max-width: 767px) { .special-order-slider { overflow: initial; } } .special-order-slider .item { padding: 12px; border-radius: 8px; border: 4px solid #E1F4F0; font-size: 12px; background: white; } @media (max-width: 767px) { .special-order-slider .item { width: 260px; padding: 8px; } } .special-order-slider .item .box-img { margin-bottom: 8px; position: relative; width: 100%; display: block; overflow: hidden; border-radius: 4px; background-color: #227F74; } .special-order-slider .item .box-img img { width: 100%; height: 100%; position: absolute; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; left: 0; -o-object-fit: cover; object-fit: cover; } .special-order-slider .item .box-img:before { content: ''; display: block; padding-top: 56.25%; } .special-order-slider .item .box-img .type-badge { position: absolute; display: block; top: 4px; left: 4px; padding: 8px; font-size: 12px; font-weight: 600; color: white; z-index: 1; border-radius: 3px; background: rgba(0, 0, 0, 0.32); } .special-order-slider .item .box-img:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: 0.9; } .special-order-slider .item .name { margin-bottom: 4px; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .special-order-slider .item .name a { color: #000000; } .special-order-slider .item .name a:hover { color: #2A9D8F; } .special-order-slider .item .address { margin-bottom: 12px; color: #4B6570; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .special-order-slider .item .type-builder { margin-bottom: 12px; } .special-order-slider .item .type-builder li { padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .special-order-slider .item .type-builder li .counter-room { width: 100%; } .special-order-slider .item .type-builder li .area-room { min-width: 100px; text-align: right; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .special-order-slider .item .type-builder li .area-room { min-width: 70px; } } @media (max-width: 767px) { .special-order-slider .item .type-builder li .area-room { min-width: 50px; } } .special-order-slider .item .type-builder li .price-flat { min-width: 100px; text-align: right; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 600; } @media (max-width: 1279px) { .special-order-slider .item .type-builder li .price-flat { min-width: 80px; } } @media (max-width: 767px) { .special-order-slider .item .type-builder li .price-flat { min-width: 80px; } } .special-order-slider .item .type-builder li:last-child { border-bottom: 0; } .special-order-slider .item .owner { display: -webkit-box; display: -ms-flexbox; display: flex; color: #4B6570; } .special-order-slider .item .owner i { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 15px; color: #81949b; } .special-order-slider .item .owner span { font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .wrapper-product-slider { margin: 0 -10px; } @media (max-width: 767px) { .wrapper-product-slider { margin: 0 -6px; } .wrapper-product-slider .owl-carousel .owl-stage-outer { overflow: initial; } } @media (max-width: 767px) { .wrapper-product-slider .advert-item { width: 168px; padding: 0 6px; } } .product-slider .one-column { padding: 0 10px; } @media (max-width: 767px) { .product-slider .one-column { padding: 0; } } .product-slider .one-column .advert-item { margin-bottom: 20px; } .product-slider .one-column .advert-item:last-child { margin-bottom: 0; } .product-slider-3 .advert-item { padding: 0 10px; margin-bottom: 20px; } @media (max-width: 991px) { .product-slider-3 .advert-item { padding: 0 6px; } } .product-slider-3 .advert-item:last-child { margin-bottom: 0; } .wrapper-custom-modal { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; background: rgba(0, 0, 0, 0.3); display: none; overflow: auto; padding: 30px 20px; } .wrapper-custom-modal.hiddenModal { overflow: hidden; } @media (min-width: 768px) { .wrapper-custom-modal.without-scroll .modal-custom { overflow: initial; } } @media (max-width: 767px) { .wrapper-custom-modal { padding: 15px 12px; } } @media (max-width: 767px) { .wrapper-custom-modal.full-mobile { padding: 0; } .wrapper-custom-modal.full-mobile.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal.full-mobile .modal-custom { border-radius: 0; width: 100%; height: 100%; left: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: initial; -ms-transform: initial; transform: initial; } .wrapper-custom-modal.full-mobile .modal-custom .caption-modal, .wrapper-custom-modal.full-mobile .modal-custom .buttons-footer { -ms-flex-negative: 0; flex-shrink: 0; } .wrapper-custom-modal.full-mobile .filter-category-scroll { max-height: initial; margin-bottom: 0; } } .wrapper-custom-modal.active { display: block; } .wrapper-custom-modal.active .modal-custom.mobile-bottom-sidebar { bottom: 0; } .wrapper-custom-modal.small-modal .modal-custom { max-width: 360px; } .wrapper-custom-modal.size2 .modal-custom { max-width: 400px; } .wrapper-custom-modal.size3 .modal-custom { max-width: 810px; } .wrapper-custom-modal.size4 .modal-custom { max-width: 320px; } .wrapper-custom-modal.size5 .modal-custom { max-width: 480px; } .wrapper-custom-modal.size6 .modal-custom { max-width: 600px; } .wrapper-custom-modal.size7 .modal-custom { width: 100%; max-width: 1200px; } .wrapper-custom-modal .caption-modal { margin-bottom: 16px; padding-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: 28px; font-weight: 600; color: #000000; } .wrapper-custom-modal .caption-modal.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper-custom-modal .caption-modal.caption-border { margin: -12px -24px 24px; padding: 0 24px 12px; font-size: 24px; line-height: 36px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .wrapper-custom-modal .caption-modal.caption-border { font-size: 18px; line-height: 28px; } } @media (max-width: 480px) { .wrapper-custom-modal .caption-modal.caption-border { margin: -8px -16px 16px; padding: 0 16px 12px; } } .wrapper-custom-modal .close-btn-style { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 24px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .wrapper-custom-modal .close-btn-style:hover { color: #264653; } } .wrapper-custom-modal .modal-custom { width: 92%; max-width: 960px; padding: 24px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); position: relative; z-index: 100; overflow: hidden; background: white; border-radius: 8px; } @media (min-width: 768px) { .wrapper-custom-modal .modal-custom { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; overflow: auto; } } @media (max-width: 767px) { .wrapper-custom-modal .modal-custom { width: 100%; } } @media (max-width: 480px) { .wrapper-custom-modal .modal-custom { padding: 16px; } } .wrapper-custom-modal .modal-custom.full-mobile-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal .modal-custom.full-mobile-height .caption-modal, .wrapper-custom-modal .modal-custom.full-mobile-height .buttons-line { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .wrapper-custom-modal .modal-custom.mobile-bottom-sidebar { -webkit-transform: initial; -ms-transform: initial; transform: initial; width: 100%; left: 0; right: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; bottom: -100vh; position: absolute; border-radius: 12px 12px 0 0; } .wrapper-custom-modal .modal-custom.mobile-bottom-sidebar .caption-modal.caption-border { margin-top: 10px; } .wrapper-custom-modal .modal-custom.mobile-bottom-sidebar .close-btn-modal { display: none; } } .wrapper-custom-modal .planning-list { padding: 0; border: 0; } .wrapper-custom-modal .planning-list .one-planing:last-child { border-bottom: 0; } .wrapper-custom-modal .under-title-gray { width: 100%; color: #4B6570; font-weight: 500; line-height: 24px; font-size: 16px; } .wrapper-custom-modal .wrapper-center-modal { height: 100%; overflow: auto; } .wrapper-custom-modal .buttons-footer { margin: 0 -24px -24px; padding: 24px; border-top: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper-custom-modal .buttons-footer .btn-dark.secondary { width: 100%; margin-left: 0; margin-top: 12px; } } .wrapper-custom-modal .buttons-footer .simple-left-block { margin-left: auto; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .simple-left-block + * { margin-top: 0 !important; } } .wrapper-custom-modal .buttons-footer .call-mobile { display: none; } @media (max-width: 991px) { .wrapper-custom-modal .buttons-footer .call-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .show-phone-number { display: none; } } .wrapper-custom-modal .buttons-footer .clean-filter { margin-left: auto; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .clean-filter { width: calc(100% - 50px); } .wrapper-custom-modal .buttons-footer .clean-filter.mobil-full { width: 100%; } .wrapper-custom-modal .buttons-footer .clean-filter.first-child { width: 100%; margin-left: 0; } } .wrapper-custom-modal .buttons-footer .secondary { margin-left: 16px; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .save-on-map i { margin: 0 -10px; } .wrapper-custom-modal .buttons-footer .save-on-map span { display: none; } } .wrapper-custom-modal .buttons-footer .text-left-bold { width: 100%; font-size: 16px; font-weight: 600; } .wrapper-custom-modal .style-scroll-2 .buttons-footer { margin: -24px -24px 24px; border-top: 0; } @media (max-width: 480px) { .wrapper-custom-modal .style-scroll-2 .buttons-footer { margin: -16px -16px 16px; } } .wrapper-custom-modal .style-scroll-2 .head-tab.style-2, .wrapper-custom-modal .style-scroll-2 .head-tab2.style-2 { width: 100%; margin-bottom: 0; padding: 4px; border-radius: 8px; } .wrapper-custom-modal .style-scroll-2 .head-tab.style-2 li a, .wrapper-custom-modal .style-scroll-2 .head-tab2.style-2 li a { font-size: 14px; position: relative; } @media (max-width: 767px) { .wrapper-custom-modal .style-scroll-2 .head-tab.style-2 li a .badge, .wrapper-custom-modal .style-scroll-2 .head-tab2.style-2 li a .badge { position: absolute; top: -10px; left: 50%; margin-left: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .wrapper-custom-modal .style-scroll-2 .filter-category-scroll { max-height: calc(100vh - 218px); padding: 0 24px 24px; } @media (max-width: 767px) { .wrapper-custom-modal .style-scroll-2 .filter-category-scroll { max-height: calc(100vh - 180px); } } @media (max-width: 767px) { .wrapper-custom-modal .style-scroll-2 .info-packages { padding-top: 16px; } .wrapper-custom-modal .style-scroll-2.modal-custom { height: 100%; } } .wrapper-custom-modal .one-btn-footer { display: none; } @media (max-width: 767px) { .wrapper-custom-modal .one-btn-footer { display: block; } .wrapper-custom-modal .one-btn-footer .primary-btn { width: 100%; height: 48px; font-size: 16px; font-weight: 500; } } .wrapper-custom-modal .caption { margin-bottom: 16px; padding-right: 30px; font-size: 20px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wrapper-custom-modal .buttons-footer2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .wrapper-custom-modal .buttons-footer2 > * { width: 100%; height: 48px; margin-right: 8px; font-size: 16px; font-weight: 500; } .wrapper-custom-modal .buttons-footer2 > *:last-child { margin-right: 0; } .wrapper-custom-modal .map-location { height: 320px; } @media (max-width: 767px) { .wrapper-custom-modal .map-location { height: 240px; } } .wrapper-custom-modal .box-center-img { width: 56px; margin: 0 auto 16px; line-height: 0; } .wrapper-custom-modal .caption-name { margin-bottom: 8px; font-size: 20px; font-weight: 600; line-height: 28px; } @media (min-width: 768px) { .wrapper-custom-modal .box-graph-tab .text-graph .box-graph-st { width: 450px; } } .wrapper-custom-modal .range-select-style { margin-bottom: 24px; } .info-packages { font-size: 12px; line-height: 16px; color: #4B6570; } @media (max-width: 767px) { .daterangepicker .drp-calendar.right { display: none; } } @media (max-width: 767px) { .daterangepicker .drp-selected { display: none; } } .filter-form .line-filter-catalog { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .filter-form .line-filter-catalog { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .filter-form .line-filter-catalog .caption { width: 190px; min-height: 40px; margin-right: 12px; padding-right: 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .filter-form .line-filter-catalog .caption { min-height: initial; } } .filter-form .line-filter-catalog .caption sub, .filter-form .line-filter-catalog .caption sup { top: -5px; } @media (max-width: 767px) { .filter-form .line-filter-catalog .caption { width: 100%; margin-right: 0; margin-bottom: 8px; } } .filter-form .line-filter-catalog .form-field { width: calc(100% - 202px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field { width: 100%; } } .filter-form .line-filter-catalog .form-field .radio-check-list { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field .radio-check-list { margin-bottom: 8px; } } .filter-form .line-filter-catalog .form-field .radio-check-list.full { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; } .filter-form .line-filter-catalog .form-field .radio-check-list:last-child { margin-right: 0; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field .radio-check-list:last-child { margin-bottom: 0; } } .filter-form .line-filter-catalog .form-field.desktop-one-line { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field.desktop-one-line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .filter-form .line-filter-catalog .form-field .one-side { width: 100%; margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field .one-side { margin-bottom: 8px; margin-right: 0; } } .filter-form .line-filter-catalog .form-field .one-side:last-child { margin-right: 0; } .filter-form .line-filter-catalog .form-field .one-side .custom-input { width: calc(50% - 2px); margin-right: 4px; } .filter-form .line-filter-catalog .form-field .one-side .custom-input:last-child { margin-right: 0; } .filter-form .line-filter-catalog .form-field .width-style1 { max-width: 350px; } .filter-form .select-filter { width: 100%; border-radius: 4px; border: 1px solid #D6D6D6; } .filter-form .select-filter .head-select { height: 40px; padding: 5px 5px 5px 16px; } .filter-form .select-filter .head-select span { font-size: 14px; font-weight: 400; } .filter-form .select-filter .body-select { top: 48px; z-index: 5; background-color: white; } .filter-form .select-filter .body-select .one-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .filter-form .select-filter .body-select .one-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { .filter-form .head-tab.like-button li a, .filter-form .head-tab2.like-button li a { padding: 6px 5px; font-size: 12px; } .filter-form .apartment-select .body-select { width: 100%; padding: 16px; position: relative; top: initial; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; border-radius: 0 0 4px 4px; } } .radio-check-list { margin-bottom: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .radio-check-list li { margin-bottom: 4px; margin-right: 4px; } .radio-check-list li:last-child { margin-right: 0; } .radio-check-list.error .radio-check > span { border: 1px solid #E7513B; } @media (max-width: 767px) { .radio-check-list.planning-version { width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .radio-check-list.planning-version li:nth-child(1) { -ms-flex-negative: 20; flex-shrink: 20; width: 100%; } } .radio-check-list.style2 { margin-bottom: 8px; } .radio-check-list.style2:last-child { margin-bottom: -8px; } .radio-check-list.style2 li { margin-bottom: 8px; } .radio-check-list.style-color-2 .radio-check > span { border: 1px solid #E1F4F0; color: #4B6570; } .radio-check-list.style-color-2 .radio-check input:checked + span { color: #264653; background-color: #E1F4F0; } .counter-advert { margin: 12px 0 20px; font-size: 24px; font-weight: 600; } .drop-open-mobile { overflow: hidden; } @media (max-width: 767px) { .drop-open-mobile .advert-item.deleted-item .wrapper-small-tbn { z-index: initial; } } @media (max-width: 767px) { .top-wrapper-page .statistic-flat { display: none; } } @media (max-width: 767px) { .top-wrapper-page .show-phone-number { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; display: none; } } @media (max-width: 767px) { .top-wrapper-page .call-btn { width: 100%; margin-right: 4px; -ms-flex-negative: 5; flex-shrink: 5; display: -webkit-box; display: -ms-flexbox; display: flex; } } .top-wrapper-page .wrapper-small-tbn { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .top-wrapper-page .wrapper-small-tbn .btn-more { margin-right: 0 !important; } .top-wrapper-page .wrapper-small-tbn .drop { width: 240px; position: absolute; display: none !important; bottom: 28px; right: 0; margin-right: -200px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 8px; background-color: white; z-index: 5; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); border-radius: 8px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .top-wrapper-page .wrapper-small-tbn .drop { padding-top: 15px; width: initial; position: fixed; left: 0; right: 0; z-index: 20; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-right: 0; bottom: -300px; border-radius: 8px 8px 0 0; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFF; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } .top-wrapper-page .wrapper-small-tbn .drop .close-drop { display: none; } .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big { width: 100%; padding: 8px; border: 0; text-align: left; color: #4B6570; margin-right: 0; margin-bottom: 8px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (min-width: 768px) { .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big:hover { background-color: #EAF5F4; } } .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big:last-child { margin-bottom: 0; } .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big span { display: block; } .top-wrapper-page .wrapper-small-tbn .drop .btn-favorite, .top-wrapper-page .wrapper-small-tbn .drop .btn-compare { display: none; } @media (max-width: 991px) { .top-wrapper-page .wrapper-small-tbn .drop .btn-favorite, .top-wrapper-page .wrapper-small-tbn .drop .btn-compare { display: -webkit-box; display: -ms-flexbox; display: flex; } } .top-wrapper-page .wrapper-small-tbn .btn-more { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 991px) { .top-wrapper-page .wrapper-small-tbn > *.btn-ico { display: none; } } .top-wrapper-page .wrapper-small-tbn.open .drop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 767px) { .top-wrapper-page .wrapper-small-tbn.open .drop { bottom: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } } .top-wrapper-page .flat-statistic.style-residential > * { width: calc(50% - 16px); } @media (max-width: 767px) { .top-wrapper-page .flat-statistic.style-residential { display: none; } } .top-wrapper-page .map-catalog-left .wrapper-small-tbn > .btn-ico { display: none; } .top-wrapper-page .map-catalog-left .wrapper-small-tbn .drop { margin-right: 0; } .top-wrapper-page .map-catalog-left .wrapper-small-tbn .drop .btn-favorite, .top-wrapper-page .map-catalog-left .wrapper-small-tbn .drop .btn-compare { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-page { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-page .advert-item .price { margin-bottom: 8px; font-size: 20px; } @media (max-width: 991px) { .catalog-page .advert-item .price { margin-bottom: 2px; font-size: 14px; } .catalog-page .advert-item .price .old { width: 100%; } } @media (max-width: 991px) { .catalog-page .advert-item .price .box-amplitude-change { margin-right: 8px; } } @media (max-width: 767px) { .catalog-page .advert-item .price .old { margin-left: 0; } } .catalog-page .advert-item .name { margin-bottom: 8px; } .catalog-page .advert-item .region { margin-bottom: 4px; font-size: 12px; } .catalog-page .advert-item .list-type { padding-bottom: 6px; } @media (max-width: 767px) { .catalog-page .advert-item .list-type { padding-bottom: 0; } } .catalog-page .advert-item .list-type > *:last-child { margin-right: 0; } .catalog-page .advert-item .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 767px) { .catalog-page { margin: 0 -6px; } } @media (max-width: 767px) { .catalog-page .metro .time { display: none; } .catalog-page .tags-product-list, .catalog-page .agency-block { display: none; } .catalog-page .name { font-size: 14px !important; } } .catalog-page .item { width: 33.3%; padding: 0 10px 20px; } @media (max-width: 767px) { .catalog-page .item { width: 50%; margin-bottom: 24px; padding: 0 6px; } .catalog-page .item .line-buttons-product .btn-more { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 359px) { .catalog-page .item { width: 100%; } } .catalog-page .item:nth-child(3n) .wrapper-small-tbn .drop { margin-right: 0; } .catalog-page .item:nth-child(3n + 1) .box-amplitude-change .drop-amplitude { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } @media (max-width: 767px) { .catalog-page.list .advert-item .price { font-size: 20px; } .catalog-page.list .advert-item .price .old { width: initial; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 767px) { .catalog-page.list .statistic-flat { display: block; } } .catalog-page.list .item { padding-bottom: 0; } .catalog-page.list .item .box-img-box { margin-bottom: 0; } @media (max-width: 767px) { .catalog-page.list .item .box-img-box { margin-bottom: 16px; } } .catalog-page.list .item:nth-child(3n + 1) .box-amplitude-change .drop-amplitude { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .catalog-page.list .item { margin: 16px 0; position: relative; } .catalog-page.list .item:before { height: 1px; left: 10px; right: 10px; top: -16px; position: absolute; content: ''; display: block; background-color: rgba(0, 0, 0, 0.08); } .catalog-page.list .item:first-child { margin-top: 0; } .catalog-page.list .item:first-child:before { display: none; } .catalog-page.list .list-type > * { margin-right: 8px; font-size: 16px; } @media (max-width: 767px) { .catalog-page.list .list-type > * { font-size: 14px; } } @media (max-width: 767px) { .catalog-page.list .list-type > * i { display: none; } } @media (max-width: 991px) { .catalog-page.list .call-btn { width: initial; height: 40px; margin-right: 8px; } } @media (max-width: 767px) { .catalog-page.list .call-btn { width: 100%; } } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn .drop { position: relative; padding: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; width: initial; margin-right: 0; bottom: initial; display: block !important; } } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn .drop .btn-ico { margin-bottom: 4px; border: 1px solid #D6D6D6; color: #81949B; } .catalog-page.list .wrapper-small-tbn .drop .btn-ico:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } .catalog-page.list .wrapper-small-tbn .drop .btn-ico span { display: none; } } .catalog-page.list .wrapper-small-tbn .drop .btn-favorite, .catalog-page.list .wrapper-small-tbn .drop .btn-compare { display: none; } @media (max-width: 991px) { .catalog-page.list .wrapper-small-tbn .drop .btn-favorite, .catalog-page.list .wrapper-small-tbn .drop .btn-compare { display: none; } } .catalog-page.list .wrapper-small-tbn > *.btn-ico { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn .btn-more { display: none !important; } } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn { position: absolute; top: 0; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-page.list .wrapper-small-tbn .btn-ico { margin-right: 0; margin-bottom: 4px; } } @media (min-width: 1100px) { .catalog-page.list .advert-item { -webkit-box-align: initial !important; -ms-flex-align: initial !important; align-items: initial !important; } .catalog-page.list .box-img-box { margin-bottom: 0 !important; } .catalog-page.list .all-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-page.list .all-description .agency-block { margin-top: auto; } } @media (min-width: 768px) { .catalog-page.list .advert-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog-page.list .item { width: 100%; position: relative; } .catalog-page.list .item .box-img-box { width: 397px; max-height: 298px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 768px) and (max-width: 1279px) { .catalog-page.list .item .box-img-box { width: calc(33.3%); } } @media (min-width: 768px) { .catalog-page.list .item .all-description { width: calc(100% - 420px); } } @media (min-width: 768px) and (max-width: 1279px) { .catalog-page.list .item .all-description { width: calc(100% - 36%); } } @media (min-width: 768px) { .catalog-page.list .item .advert-item { padding-right: 50px; } } @media (max-width: 767px) { .catalog-page.list .tags-product-list, .catalog-page.list .metro, .catalog-page.list .agency-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-page.list .advert-item .novobud-line .type-novo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .catalog-page.list .name { font-size: 16px !important; } } @media (max-width: 991px) { .catalog-page.list .item { width: 100%; } .catalog-page.list .line-buttons-product .btn-more { width: 40px; height: 40px; } } .catalog-page.list .flat-statistic.style-residential > * { width: calc(33.3% - 16px); } @media (max-width: 1279px) { .catalog-page.list .flat-statistic.style-residential > * { width: calc(50% - 16px); } } @media (max-width: 1279px) { .catalog-page .flat-statistic.style-residential > * { width: 100%; } } .slider-one-hover a { display: block; } .box-amplitude-change { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .box-amplitude-change .btn-amplitude { width: 20px; height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: white; border-radius: 4px; cursor: pointer; font-size: 16px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .box-amplitude-change .btn-amplitude:hover { border: 0 !important; } } .box-amplitude-change .btn-amplitude i.ico-trending-up, .box-amplitude-change .btn-amplitude i.ico-trending-down { margin-left: 0; } .box-amplitude-change .btn-amplitude img { width: initial; } .box-amplitude-change .btn-amplitude.success img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-amplitude-change .drop-amplitude { padding: 16px; z-index: 6; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 8px; background: #FFFFFF; font-size: 12px; font-weight: 500; } .box-amplitude-change .drop-amplitude .btn-light { width: 100%; } .box-amplitude-change .drop-amplitude .wrapper-table { max-height: 200px; margin: 0 -16px 10px; overflow: auto; padding: 0 16px; } @media (min-width: 768px) { .box-amplitude-change .drop-amplitude { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); width: 320px; position: absolute; top: 28px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .box-amplitude-change .drop-amplitude table { width: 100%; } .box-amplitude-change .drop-amplitude table td { padding: 6px 10px 6px 0; } .box-amplitude-change.open .btn-amplitude { border: 1px solid rgba(0, 0, 0, 0.08) !important; } .box-amplitude-change.open .btn-amplitude .ico-trending-up { font-size: 10px; } .box-amplitude-change.open .btn-amplitude .ico-trending-up:before { content: "\e97d"; } .box-amplitude-change.open .btn-amplitude .ico-trending-down { font-size: 10px; } .box-amplitude-change.open .btn-amplitude .ico-trending-down:before { content: "\e97c"; } .price-a { padding-right: 0; text-align: right; color: #2A9D8F; } .price-a.down { color: #E7513B; } @media (min-width: 768px) { .owl-carousel .advert-item .custom-drop.open .body-drop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .owl-carousel .advert-item .box-amplitude-change { position: initial; } @media (min-width: 768px) { .owl-carousel .advert-item .box-amplitude-change .drop-amplitude { width: calc(100% - 1px); top: 0; bottom: 0; padding: 12px; border: 1px solid #4B6570; -webkit-box-shadow: none; box-shadow: none; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude tr { position: relative; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude tr td { padding-bottom: 20px; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude tr .price-a { position: absolute; padding-bottom: 0; left: 0; bottom: 2px; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude .wrapper-table { max-height: initial; margin: 0 -12px 10px; padding: 0 12px; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude .btn-dark { font-size: 12px; } } .drop-amplitude-mobile { display: none; } @media (max-width: 767px) { .drop-amplitude-mobile { display: block; } } .drop-amplitude-mobile { position: fixed; bottom: -400px; padding-top: 30px; display: block; left: 0; z-index: 110; width: 100%; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 12px 12px 0 0; background-color: white; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .drop-amplitude-mobile.open { bottom: 0; } .drop-amplitude-mobile table { width: 100%; margin-bottom: 10px; } .drop-amplitude-mobile table td { padding: 6px 10px 6px 0; } .drop-amplitude-mobile .wrapper-mob-amplitude { padding: 0 16px 16px; } .drop-amplitude-mobile .wrapper-mob-amplitude .btn-light { width: 100%; color: #264653; } .drop-amplitude-mobile .wrapper-table { max-height: 200px; margin: 0 -16px; overflow: auto; padding: 0 16px; } .custom-drop .body-drop { display: none; } .custom-drop.open .body-drop { display: block; } .category-filter { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .category-filter { margin-bottom: 12px; } } .category-filter .left-select { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .category-filter .left-select > * { margin-right: 8px; } .category-filter .left-select > *:last-child { margin-right: 0; } @media (max-width: 991px) { .category-filter .left-select .head-select i, .category-filter .left-select .main-filter-btn i { margin-right: 0; } .category-filter .left-select .head-select span, .category-filter .left-select .main-filter-btn span { display: none; } } @media (max-width: 767px) { .category-filter .left-select .head-select { padding: 5px 9px; } } .category-filter .right-buttons { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .category-filter .right-buttons > * { margin-left: 8px; } @media (max-width: 767px) { .category-filter .right-buttons .save-on-map i { margin: 0 -10px; } .category-filter .right-buttons .save-on-map span { display: none; } } .save-on-map.active .ico-search:before { content: "\e929"; } .select-drop { position: relative; } @media (min-width: 768px) { .select-drop .body-select { width: 240px; top: 108%; left: 0; display: none; position: absolute; border-radius: 4px; background: #FFFFFF; z-index: 5; overflow: hidden; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .select-drop .body-select.right { left: initial; right: 0; } } @media (max-width: 767px) { .select-drop .body-select { position: fixed; bottom: -4000px; padding-top: 30px; display: block; left: 0; z-index: 21; width: 100%; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 12px 12px 0 0; background-color: white; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .select-drop .body-select ul { position: relative; z-index: 3; } .select-drop .body-select.body-select-top { padding-top: 40px; } .select-drop .body-select .caption-filter { margin-bottom: 16px; text-align: center; font-size: 16px; font-weight: 600; line-height: 24px; } .select-drop .body-select .box-padding-filter { padding: 0 16px 24px; } } .select-drop .body-select li a { padding: 10px 16px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #4B6570; } .select-drop .body-select li a.active { color: #264653; background-color: #E1F4F0; } @media (min-width: 768px) { .select-drop .body-select li a:hover { background-color: #E1F4F0; color: #264653; } } @media (min-width: 768px) { .select-drop.open .body-select { display: block; } } @media (max-width: 767px) { .select-drop.open .body-select { bottom: 0; } } @media (max-width: 359px) { .change-show-product { display: none; } } .change-show-product.open .ico-grid:before { content: "\e928"; } .show-phone-number { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .show-phone-number .phone-number { display: none; } .show-phone-number.open .phone-number { display: block; } .show-phone-number.open .btn-text { display: none; } .btn-favorite.active .ico-heart:before { content: "\e915"; } .btn-compare.active .ico-libra:before { content: "\e91b"; } .tags-product-list { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .tags-product-list { margin-bottom: 8px; } } .tags-product-list li { margin-right: 8px; margin-bottom: 8px; padding: 8px; border-radius: 4px; white-space: nowrap; color: #264653; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #EAF5F4; } .tags-product-list li i { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .main-filter-btn { position: relative; } .main-filter-btn .active-filter { width: 8px; height: 8px; position: absolute; top: 4px; right: 4px; content: ''; display: block; border-radius: 50%; background-color: #E76F51; } .main-filter-btn.filter-type-btn { display: none; } @media (max-width: 767px) { .main-filter-btn.filter-type-btn { width: 100%; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } } .catalog-top-filter { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .catalog-top-filter { margin-right: -12px; } } .catalog-top-filter .box-wrapper-search { margin-left: 8px; } .catalog-top-filter .main-filter-btn { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .catalog-top-filter .main-filter-btn { padding: 5px; } .catalog-top-filter .main-filter-btn i { margin-right: 0; } .catalog-top-filter .main-filter-btn span { display: none; } } .catalog-top-filter .catalog-desk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-top-filter .wrapper-catalog-desk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .catalog-top-filter .wrapper-catalog-desk { height: 40px; max-width: calc(100vw - 60px); display: block; overflow: hidden; } .catalog-top-filter .wrapper-catalog-desk .catalog-desk { width: 100%; padding-right: 12px; padding-bottom: 10px; overflow: auto; } .catalog-top-filter .wrapper-catalog-desk .small-select { margin-right: 8px; } .catalog-top-filter .wrapper-catalog-desk .head-select { height: 40px; padding: 10px 16px; border-radius: 4px; border: 1px solid #D6D6D6; background: white; font-size: 14px; margin-left: 0; } .catalog-top-filter .wrapper-catalog-desk .head-select span { padding-right: 0; font-size: 14px; color: #4B6570; font-weight: 500; } .catalog-top-filter .wrapper-catalog-desk .body-select { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; top: initial !important; } } .catalog-top-filter .select-filter { margin-right: 8px; position: relative; z-index: 5; border-right: 0; } .catalog-top-filter .select-filter:last-child { margin-right: 0; } .catalog-top-filter .select-filter .head-select { height: 40px; padding: 10px 16px; border-radius: 4px; border: 1px solid #D6D6D6; background: white; } .catalog-top-filter .select-filter .head-select span { padding-right: 0; font-size: 14px; color: #4B6570; font-weight: 500; } .catalog-top-filter .select-filter .head-select:after { display: none; } @media (min-width: 768px) { .catalog-top-filter .select-filter .head-select:hover { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } .catalog-top-filter .select-filter .head-select:hover span { color: #264653; } } .catalog-top-filter .select-filter .body-select { top: 44px; } .catalog-top-filter .apartment-select { max-width: 250px; } .catalog-top-filter .one-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .catalog-top-filter .one-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { #searchBox .caption-modal { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { #searchBox .caption-modal .close-btn-style { display: none; } } #searchBox .btn-back { width: 40px; height: 40px; position: absolute; left: 0; top: -6px; color: #81949b; -ms-flex-negative: 0; flex-shrink: 0; display: none !important; } @media (max-width: 767px) { #searchBox .btn-back { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (max-width: 767px) { .catalog-top-filter .box-wrapper-search { margin-left: 0 !important; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; background-color: white; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .box-wrapper-search { width: 100%; position: relative; } .box-wrapper-search .caption-modal, .box-wrapper-search .buttons-footer { display: none; } @media (max-width: 767px) { .box-wrapper-search .buttons-footer { padding: 12px 24px; border-top: 1px solid rgba(0, 0, 0, 0.08); display: block; -ms-flex-negative: 0; flex-shrink: 0; } .box-wrapper-search .buttons-footer .btn-border { width: 100%; margin-bottom: 12px; } .box-wrapper-search .caption-modal { padding: 12px 24px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; font-size: 18px; line-height: 28px; font-weight: 600; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-wrapper-search .caption-modal .close-btn-style { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 24px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-wrapper-search .search-field { height: initial; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 0; border: 0; } .box-wrapper-search .search-field input { height: 40px; margin: 0 24px 8px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .box-wrapper-search .search-field i { left: 36px; top: 19px; } .box-wrapper-search .change-address-type { width: 100%; padding: 0 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-wrapper-search .change-address-type a { width: 100%; margin-left: 0 !important; margin-bottom: 8px; padding: 10px 16px; text-align: center; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); color: #4B6570 !important; display: block; font-size: 14px; font-weight: 500; } .box-wrapper-search .counter-address { margin-left: 24px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .box-wrapper-search .drop-search-helper { display: block; position: relative; } .box-wrapper-search .drop-search-helper .address-checked { display: block !important; } .box-wrapper-search .drop-search-helper .address-checked li { width: 100%; margin-bottom: 20px; background-color: transparent; font-size: 16px; font-weight: 400; } .box-wrapper-search .drop-search-helper .address-checked li.metro { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .box-wrapper-search .drop-search-helper .address-checked li span { width: 100%; } .box-wrapper-search .drop-search-helper .address-checked li .delete-this-address { font-size: 20px; } .box-wrapper-search .drop-search-helper .address-checked li:last-child { margin-bottom: 0; } .box-wrapper-search .drop-search-helper #dropResult, .box-wrapper-search .drop-search-helper #dropResultTop { position: absolute; top: -100px; right: 24px; left: 24px; z-index: 1; max-height: 50vh; overflow: auto; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-wrapper-search .search-scroll-full { height: 100%; padding: 24px 0; overflow: auto; } } .box-wrapper-search.active .drop-search-helper { display: block; } @media (min-width: 768px) { .box-wrapper-search.active .search-field { border: 1px solid rgba(0, 0, 0, 0.24); } } .box-wrapper-search2 { margin-bottom: auto; position: relative; display: none; } @media (max-width: 991px) { .box-wrapper-search2 { display: block; } } .box-wrapper-search2 #dropResult, .box-wrapper-search2 #dropResultTop { max-height: calc(100vh - 440px); top: 68px; right: 0 !important; left: 0; } @media (max-width: 767px) { .box-wrapper-search2.main-page-search .search-scroll-full, .box-wrapper-search.main-page-search .search-scroll-full { padding: 0; } } @media (max-width: 767px) { .box-wrapper-search2.main-page-search .search-field i, .box-wrapper-search.main-page-search .search-field i { top: 50%; left: 12px; } .box-wrapper-search2.main-page-search .search-field input, .box-wrapper-search.main-page-search .search-field input { margin: 0; } } @media (max-width: 991px) { .box-wrapper-search2.main-page-search .drop-search-helper, .box-wrapper-search.main-page-search .drop-search-helper { right: 0 !important; max-height: calc(100vh - 410px); position: absolute; top: 44px; left: 0; z-index: 7; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-wrapper-search2.main-page-search .drop-search-helper #dropResult, .box-wrapper-search2.main-page-search .drop-search-helper #dropResultTop, .box-wrapper-search.main-page-search .drop-search-helper #dropResult, .box-wrapper-search.main-page-search .drop-search-helper #dropResultTop { max-height: calc(100vh - 410px); top: 0; right: 0 !important; left: 0; } } @media (min-width: 768px) { .box-wrapper-search2 .drop-search-helper, .box-wrapper-search .drop-search-helper { max-height: calc(100vh - 140px); position: absolute; top: 44px; left: 0; right: 0; display: none; overflow: auto; z-index: 7; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } .box-wrapper-search2 .drop-search-helper .caption-helper, .box-wrapper-search .drop-search-helper .caption-helper { padding: 16px 8px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; color: #4B6570; } .box-wrapper-search2 .drop-search-helper .caption-helper i, .box-wrapper-search .drop-search-helper .caption-helper i { margin-right: 8px; font-size: 16px; color: #81949b; } .box-wrapper-search2 .drop-search-helper .list-helper li a, .box-wrapper-search .drop-search-helper .list-helper li a { padding: 8px 16px 8px 32px; display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: black; } .box-wrapper-search2 .drop-search-helper .list-helper li a .small-text, .box-wrapper-search .drop-search-helper .list-helper li a .small-text { display: block; font-size: 12px; color: #4B6570; } @media (min-width: 768px) { .box-wrapper-search2 .drop-search-helper .list-helper li a:hover, .box-wrapper-search .drop-search-helper .list-helper li a:hover { color: white; background-color: #2A9D8F; } .box-wrapper-search2 .drop-search-helper .list-helper li a:hover .small-text, .box-wrapper-search .drop-search-helper .list-helper li a:hover .small-text { color: rgba(255, 255, 255, 0.8); } } .box-search-mobile { display: none; } @media (max-width: 767px) { .box-search-mobile { width: 100%; margin-left: 8px; display: block; position: relative; } .box-search-mobile .btn-open-mobile-search { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; display: block; } } .search-field { width: 100%; height: 40px; padding-right: 16px; border: 1px solid #D6D6D6; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; } .search-field input { width: 100%; padding-left: 42px; padding-right: 16px; font-size: 14px; border: 0; position: relative; z-index: 2; background-color: transparent; } .search-field i { position: absolute; top: 50%; left: 12px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 18px; color: #2A9D8F; } .search-field .change-address-type { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-field .change-address-type a { margin-left: 12px; color: #2A9D8F; } @media (min-width: 768px) { .search-field .change-address-type a:hover { color: #227F74; } } .search-field .counter-address { padding: 4px 8px; background-color: #2A9D8F; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; border-radius: 4px; color: white; } .custom-tag-select { position: relative; } .custom-tag-select .select2-search.select2-search--dropdown { display: none; } .custom-tag-select.full { width: 100%; } .custom-tag-select .select2-container + .select2-container.select2-container--default.select2-container--open { top: 46px !important; } .custom-tag-select .select2-container .select2-selection--multiple { min-height: 44px; } .custom-tag-select .select2 { width: 100% !important; } .custom-tag-select .select2-search input { width: 100% !important; height: 100%; margin-top: 0 !important; padding-left: 16px !important; padding-right: 16px !important; } .custom-tag-select .select2-search.select2-search--inline { height: 44px; width: 100%; position: absolute; top: 0; left: 0; border-radius: 4px; border: 1px solid #D6D6D6 !important; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top: 50px; } .custom-tag-select .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0 !important; } .custom-tag-select .select2-container--default .select2-selection--multiple { border: 0 !important; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 5px 24px 5px 12px; border-radius: 30px; font-size: 12px; color: #264653; position: relative; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { width: 12px; height: 12px; overflow: hidden; position: absolute; right: 6px; top: 8px; font-size: 12px; letter-spacing: 1000px; color: #E1F4F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before { position: absolute; color: #4B6570; left: 0; top: 0; content: "\e907"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom-tag-select.select-with-add { margin-bottom: 14px; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 8px 0 0; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 8px 8px 0 0; padding: 5px 28px 5px 12px; color: #81949B; font-weight: 400; font-size: 14px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.16); background-color: white; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { top: 8px; right: 8px; font-size: 16px; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before { color: #81949B; } @media (min-width: 768px) { .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid rgba(0, 0, 0, 0.24); } } .custom-tag-select.select-with-add .box-top { display: -webkit-box; display: -ms-flexbox; display: flex; } .custom-tag-select.select-with-add .box-top input { width: 100%; } .custom-tag-select.select-with-add .box-top button { width: 100px; margin-left: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .custom-tag-select.select-with-add .select2-search.select2-search--inline { height: 40px; margin-top: -40px; right: 104px; width: initial; } .custom-tag-select.select-with-add .select2-search.select2-search--inline input { border-radius: 4px; background-color: white; } .custom-tag-select.select-with-add .select2-search.select2-search--inline input:focus { opacity: 1; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; } .select2-container--open .select2-dropdown--above.drop-tag-select, .select2-container--open .select2-dropdown--below.drop-tag-select { border-radius: 4px; background: white; overflow: hidden; border: 0 !important; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option, .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option { margin-bottom: 1px; padding: 10px 16px; color: #4B6570; font-size: 14px; } .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option:last-child, .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option:last-child { margin-bottom: 0; } .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option.select2-results__option--highlighted, .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option[aria-selected=true], .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option.select2-results__option--highlighted, .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option[aria-selected=true] { background-color: #E1F4F0; color: #264653; } .buy-sell .body-select .head-tab { margin-bottom: 0; } .close-modal-bg { display: none; } .open-modal header { z-index: 2; } .open-modal .close-modal-bg { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; display: block; overflow: auto; } @media (max-width: 767px) { .catalog-map.active { position: initial !important; left: 0; right: 0; bottom: 0; height: 100%; top: 116px; } } .map-contact { height: calc(100vh - 128px); } @media (max-width: 767px) { .map-contact { height: 100%; } } .catalog-album { display: none; } .catalog-album.active { display: block; } .catalog-album.style2 .show-view-prof .ico-rows:before { content: "\e91e"; } .catalog-album.style2 .prof-search-line .box-left-desc { -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-album.style2 .prof-search-line .box-left-desc .wrap-box-img { width: 100%; margin-bottom: 12px; margin-right: 0; } .catalog-map { position: relative; overflow: hidden; display: none; } .catalog-map.active { display: block; } .catalog-map .gm-fullscreen-control { display: none; } .catalog-map .category-filter { position: absolute; top: 12px; right: 12px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-map .close-btn { width: 40px; height: 40px; right: -44px; top: 4px; position: absolute; border-radius: 4px; background: white; font-size: 24px; color: #81949b; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .catalog-map .close-btn:hover { color: black; } } @media (min-width: 768px) { .catalog-map .map-catalog-left { width: 320px; left: -400px; top: 0; bottom: 0; padding: 12px 0 0 20px; position: absolute; z-index: 2; background-color: white; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } } @media (max-width: 767px) { .catalog-map .map-catalog-left { position: fixed; bottom: -500px; padding: 50px 0 12px 20px; display: block; left: 0; right: 0; max-height: 50vh; z-index: 50; width: 100%; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 12px 12px 0 0; background-color: white; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .catalog-map .map-catalog-left .wrapper-pr { height: calc(50vh - 60px) !important; } } .catalog-map .map-catalog-left.open { left: 0; } @media (max-width: 767px) { .catalog-map .map-catalog-left.open { left: initial; bottom: 0; } } .catalog-map .map-catalog-left .wrapper-pr { height: 100%; padding-right: 20px; padding-bottom: 12px; overflow: auto; } .catalog-map .map-catalog-left .item { margin-bottom: 24px; } .catalog-map .map-catalog-left .item:last-child { margin-bottom: 0; } .catalog-map .map-catalog-left .item .advert-item .price { margin-bottom: 6px; } .catalog-map .map-catalog-left .item .advert-item .tags-product-list { margin-bottom: 8px; } .catalog-map .map-catalog-left .item .advert-item .name { margin-bottom: 8px; } .catalog-map .map-catalog-left .item .advert-item .line-buttons-product .show-phone-number { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; } .catalog-map.favorite-map { margin-top: -40px; } .gm-style .gm-style-iw-tc::after { display: none !important; } .gm-style .gm-style-iw-c { padding: 0 !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate3d(-50%, -70%, 0); transform: translate3d(-50%, -70%, 0); } .gm-style .gm-style-iw-tc, .gm-style .gm-ui-hover-effect { display: none !important; } .gm-style .gm-style-iw-d::-webkit-scrollbar { width: 0; height: 0; background-color: red; border-radius: 60px !important; } .filter-category-scroll { margin: -24px -24px 0; max-height: calc(100vh - 210px); padding: 24px 24px 10px; overflow: auto; } .filter-category-scroll.tab-click-for-caption { height: calc(100vh - 210px); } @media (max-width: 767px) { .filter-category-scroll { max-height: calc(100vh - 190px); } .filter-category-scroll.tab-click-for-caption { height: calc(100vh - 190px); } } @media (max-width: 480px) { .filter-category-scroll { margin: -14px -14px 0; padding: 14px 14px 0; } } .filter-category-scroll.size-2 { max-height: calc(100vh - 250px); } @media (max-width: 767px) { .filter-category-scroll.size-2 { max-height: calc(100vh - 230px); } } .filter-category-scroll.size-3 { max-height: calc(100vh - 180px); } @media (max-width: 767px) { .filter-category-scroll.size-3 { max-height: calc(100vh - 290px); margin-bottom: 20px; } } .filter-category-scroll.size-4 { max-height: calc(100vh - 140px); } @media (max-width: 767px) { .filter-category-scroll.size-4 { max-height: calc(100vh - 250px); margin-bottom: 20px; } } .filter-category-scroll .term-service-adv { margin-bottom: 0; } .open-map footer, .hidden-footer footer { display: none; } .btn-up { width: 48px; height: 48px; display: none; position: fixed; bottom: 16px; right: 16px; font-size: 20px; z-index: 9; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08); color: #4B6570; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn-up span { width: 100%; height: 100%; padding: 10px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-up:hover { background-color: #E1F4F0; color: #264653; } } .btn-back-modal { margin-bottom: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .code-from-sms { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .code-from-sms input { width: 100%; height: 48px; margin-right: 4px; font-size: 16px; text-align: center; } .code-from-sms input:focus { border: 1px solid #2A9D8F; } .code-from-sms input:last-child { margin-right: 0; } .timeCounter { margin-bottom: 16px; font-size: 12px; color: #4B6570; } .sms-input::-webkit-outer-spin-button, .sms-input::-webkit-inner-spin-button, .sms-input2::-webkit-outer-spin-button, .sms-input2::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sms-input, .sms-input2 { -moz-appearance: textfield; } .clean-catalog-box { margin-bottom: 20px; padding: 40px 12px; border-radius: 4px; background: #E1F4F0; } .style-inform-1 { text-align: center; } .style-inform-1 .name { max-width: 600px; margin: 0 auto 12px; font-size: 24px; font-weight: 600; } @media (max-width: 767px) { .style-inform-1 .name { font-size: 20px; } } .style-inform-1 p { max-width: 600px; margin: 0 auto 24px; font-size: 15px; line-height: 22px; } @media (max-width: 767px) { .style-inform-1 p { font-size: 14px; line-height: 20px; } } .style-inform-1 .box-img { width: 112px; margin: 0 auto 24px; line-height: 0; } .style-inform-1 .box-img.size2 { width: 200px; } .style-inform-1 .box-img.size3 { width: 124px; } .one-product-page { margin: 24px 0; padding-right: 420px; position: relative; } @media (max-width: 991px) { .one-product-page { padding-right: 0; } } @media (min-width: 992px) { .one-product-page.bottom-sticky .right-inform-box { position: absolute; top: initial; bottom: 0; right: 0; } } .one-product-page .right-inform-box { width: 397px; position: absolute; top: 0; right: 0; } .one-product-page .right-inform-box.sticky { top: 70px; position: fixed; right: 50%; z-index: 10; margin-right: -616px; } .one-product-page .right-inform-box.bottom-sticky { position: absolute; bottom: 0; } @media (max-width: 1279px) { .one-product-page .right-inform-box.sticky { right: 24px; margin-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .one-product-page .right-inform-box .box-border-shadow { padding: 24px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } } @media (max-width: 991px) { .one-product-page .right-inform-box { width: 100%; margin-bottom: 24px; position: relative; } .one-product-page .right-inform-box .box-calculate-order-btn { display: none; } .one-product-page .right-inform-box .show-phone-number { display: none; } .one-product-page .right-inform-box.sticky { top: initial; position: relative; right: initial; margin-left: initial; } } .one-product-page h2 { font-size: 20px; font-weight: 600; line-height: 30px; } .one-product-page hr { margin: 24px 0; } .one-product-page .one-item .box-corpus-wr { margin-bottom: 8px; display: none; } .one-product-page .one-item .box-corpus-wr.active { display: block; } .one-product-page .one-item .box-corpus-wr:last-child { margin-bottom: 0; } .one-product-page .one-item .box-corpus-wr .studio-accordion { margin-bottom: 8px; } .one-product-page .one-item .box-corpus-wr .studio-accordion:last-child { margin-bottom: 0; } .one-product-page .box-about-product { font-size: 15px; line-height: 25px; } .flat-statistic { margin: 0 -10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flat-statistic li { width: calc(50% - 20px); margin: 0 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media (max-width: 1279px) { .flat-statistic li { width: 100%; } } @media (max-width: 991px) { .flat-statistic li { width: calc(50% - 20px); } } @media (max-width: 767px) { .flat-statistic li { width: 100%; } } .flat-statistic li:before { bottom: 4px; left: 0; right: 0; z-index: -1; display: inline-block; content: ''; position: absolute; border-bottom: 1px dashed #81949b; } .flat-statistic li .left-box { padding-right: 10px; margin-right: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; background-color: white; } .flat-statistic li .left-box i, .flat-statistic li .left-box img { width: 20px; height: 20px; margin-right: 8px; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .flat-statistic li .right-box { padding-left: 8px; font-size: 14px; text-align: right; background-color: white; } .flat-statistic.full li { width: 100%; } .flat-statistic.style-residential { max-width: 700px; margin: 0 0 8px; } .flat-statistic.style-residential > * { width: calc(33.3% - 16px); margin: 0 16px 8px 0; } .additional-information { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .additional-information .column { width: 50%; padding-right: 20px; } @media (max-width: 767px) { .additional-information .column { width: 100%; margin-bottom: 20px; padding-right: 0; } .additional-information .column:last-child { margin-bottom: 0; } } .additional-information .column .caption { margin-bottom: 10px; color: #4B6570; } .additional-information .column ul li { margin-bottom: 12px; padding-left: 24px; position: relative; } .additional-information .column ul li:last-child { margin-bottom: 0; } .additional-information .column ul li:before { position: absolute; top: 1px; left: 0; color: #2A9D8F; font-size: 20px; display: inline-block; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .about-house { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .about-house { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .about-house .left-a { width: 100%; padding-right: 20px; } @media (max-width: 1279px) { .about-house .left-a { padding-right: 0; } } .about-house .right-a { width: 396px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .about-house .right-a { width: 100%; } } .box-with-right-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .box-with-right-btn { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-with-right-btn .left-q { width: 100%; } @media (max-width: 767px) { .box-with-right-btn .left-q { margin-bottom: 24px; } } .box-with-right-btn .left-q h2 { margin-bottom: 5px; } .box-with-right-btn .right-q { -ms-flex-negative: 0; flex-shrink: 0; } .list-area-ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px; } @media (max-width: 767px) { .list-area-ul { grid-template-columns: 1fr 1fr; } } .list-area-ul li { padding-right: 10px; position: relative; padding-left: 24px; } .list-area-ul li:before { position: absolute; top: 0; left: 0; font-size: 20px; content: "\e91f"; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-area-ul.metro li:before { content: "\e930"; } .list-area-ul.metro2 li:before { width: 20px; height: 20px; content: ''; background: url("../img/metro-ico.svg") no-repeat center/contain; } .btn-show-more, .btn-show-more2 { color: #2A9D8F; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-show-more:after, .btn-show-more2:after { margin-left: 4px; font-size: 18px; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .box-read-more { overflow: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-read-more.flat-statistic li { display: none; } .box-read-more.flat-statistic li:nth-child(1), .box-read-more.flat-statistic li:nth-child(2), .box-read-more.flat-statistic li:nth-child(3), .box-read-more.flat-statistic li:nth-child(4), .box-read-more.flat-statistic li:nth-child(5), .box-read-more.flat-statistic li:nth-child(6), .box-read-more.flat-statistic li:nth-child(7), .box-read-more.flat-statistic li:nth-child(8) { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-read-more.flat-statistic.size2 li { display: none; } .box-read-more.flat-statistic.size2 li:nth-child(1), .box-read-more.flat-statistic.size2 li:nth-child(2), .box-read-more.flat-statistic.size2 li:nth-child(3), .box-read-more.flat-statistic.size2 li:nth-child(4) { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-read-more.box-about-product { max-height: 100px; margin-bottom: 15px; } .box-read-more.list-area-ul { margin-bottom: 15px; } .box-read-more.list-area-ul li { display: none; } @media (min-width: 768px) { .box-read-more.list-area-ul li:nth-child(5), .box-read-more.list-area-ul li:nth-child(6) { display: block; } } .box-read-more.list-area-ul li:nth-child(1), .box-read-more.list-area-ul li:nth-child(2), .box-read-more.list-area-ul li:nth-child(3), .box-read-more.list-area-ul li:nth-child(4) { display: block; } .box-read-more.style-height-0 { max-height: 0; } .box-read-more.style-height-0 p { margin-bottom: 10px; } .box-read-more.style-height-0 p:last-child { margin-bottom: 0; } .box-read-more.about-agent { max-height: 75px; margin-bottom: 15px; } .box-with-short-information.open .box-read-more li { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .box-with-short-information.open .btn-show-more:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-with-short-information.open .style-height-0 { margin-top: 20px; } .box-with-short-information2 .style-height-0 { max-height: 0; } .box-with-short-information2.open .box-read-more li { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .box-with-short-information2.open .box-read-more.box-about-product, .box-with-short-information2.open .box-read-more.list-area-ul { max-height: initial; } .box-with-short-information2.open .btn-show-more:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-with-short-information2.open .style-height-0 { margin-top: 20px; max-height: initial; } @media (min-width: 768px) { .slider-btn-on-hover .slider-one-hover .slick-btn.slick-next, .slider-btn-on-hover .slider-one-hover-no-swipe .slick-btn.slick-next { right: 4px; } .slider-btn-on-hover .slider-one-hover .slick-btn.slick-prev, .slider-btn-on-hover .slider-one-hover-no-swipe .slick-btn.slick-prev { left: 4px; } .slider-btn-on-hover .slider-one-hover .slick-dots, .slider-btn-on-hover .slider-one-hover-no-swipe .slick-dots { bottom: 4px; } } .map-location { height: 360px; border-radius: 4px; overflow: hidden; } .map-location.size-2 { height: 320px; } @media (max-width: 767px) { .map-location.size-2 { height: 240px; } } @media (max-width: 767px) { .map-location { height: 240px; } } .map-location .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom, .map-location .gmnoprint.gm-style-mtc-bbw { display: none; } @media (min-width: 992px) { .box-border-shadow { padding: 24px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } } .product-main-buttons { margin: 0 -20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .product-main-buttons { margin: 0 -10px; } } @media (max-width: 767px) { .product-main-buttons { margin: 0; } } .product-main-buttons .one-btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.08); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } @media (max-width: 767px) { .product-main-buttons .one-btn { font-size: 12px; } } .product-main-buttons .one-btn:hover i, .product-main-buttons .one-btn:hover span { color: #2A9D8F; } .product-main-buttons .one-btn:last-child { border-right: 0; } .product-main-buttons .one-btn i { width: 24px; height: 24px; margin-bottom: 8px; font-size: 24px; color: #81949b; } .product-main-buttons .one-btn span { width: 100%; text-align: center; color: #4B6570; } .product-info-right { margin-bottom: 8px; } @media (max-width: 991px) { .product-info-right { margin-bottom: 24px; } } .product-info-right .time { margin-bottom: 16px; font-size: 12px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-info-right .tags-product-list { margin-bottom: 6px; } .product-info-right .list-type { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .product-info-right .list-type .list-type { margin-bottom: 0 !important; } } .product-info-right .list-type > * { margin-right: 8px; margin-bottom: 8px; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product-info-right .list-type > * img { width: 20px; margin-right: 6px; } .product-info-right .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product-info-right .price-product { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-info-right .price-product .current-price { margin-right: 8px; font-size: 28px; font-weight: 600; } .product-info-right .price-product .old { width: 100%; padding-top: 4px; font-size: 16px; color: #4B6570; } .product-info-right .name { margin-bottom: 16px; font-size: 16px; } .product-info-right .show-phone-number { height: 48px; margin-bottom: 16px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-info-right .type-novobud { color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-info-right .type-novobud li { padding-top: 4px; margin-right: 8px; } .product-info-right .name-res { margin-bottom: 8px; font-size: 24px; font-weight: 600; line-height: 36px; } .product-info-right .prices { margin-bottom: 4px; font-size: 16px; font-weight: 600; line-height: 24px; } .product-info-right .area-res { margin-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 20px; } .product-info-right .type-res { color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; line-height: 20px; } .product-info-right .type-res li { margin-right: 8px; margin-bottom: 8px; } .product-info-right .user-ads { padding-top: 16px; text-align: center; } .modal-product-i .one-property-item .left-q { width: 100%; -ms-flex-negative: 20; flex-shrink: 20; } .modal-product-i .one-property-item .left-q .top-t { margin-bottom: 4px; font-size: 16px; font-weight: 500; line-height: 24px; } .modal-product-i .one-property-item .left-q p { font-size: 12px; font-weight: 400; line-height: 16px; } .modal-product-i .one-property-item .right-q { width: initial; } .box-calculate-order-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-calculate-order-btn > * { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .box-calculate-order-btn > * { margin-left: 8px; } } .box-calculate-order-btn > *:nth-child(1) { margin-left: 0; } .box-calculate-order-btn > *.big { width: 100%; -ms-flex-negative: 10; flex-shrink: 10; } .promote-adv-buttons { margin: 0 -4px; display: -webkit-box; display: -ms-flexbox; display: flex; } .promote-adv-buttons .item { width: 50%; margin: 0 4px; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; border-radius: 4px; border: 1px solid #E1F4F0; } .promote-adv-buttons .item:hover { background-color: #E1F4F0; } .promote-adv-buttons .item img { width: 16px; margin-top: 2px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .promote-adv-buttons .item .description { margin-top: -2px; font-size: 12px; color: #264653; font-weight: 500; display: block; } .promote-adv-buttons .item .description .text { display: block; font-weight: 600; font-size: 14px; } @media (max-width: 359px) { .promote-adv-buttons .item .description .text { font-size: 12px; } } .one-benefit-modal { margin-bottom: 16px; } .one-benefit-modal:last-child { margin-bottom: 0; } .one-benefit-modal .caption-m { margin-bottom: 12px; font-size: 14px; } .one-benefit-modal .radio-check-list li { width: 100%; margin-right: 0; } .one-benefit-modal .radio-check-list li span { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .list-social-share { margin: 0 -4px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-social-share .item { width: 33.3%; margin-bottom: 8px; padding: 0 4px; } .list-social-share .item a { height: 88px; border-radius: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-social-share .item a .box-img { width: 48px; height: 48px; margin-bottom: 4px; border-radius: 50%; font-size: 24px; background-color: white; color: #2C64F6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .list-social-share .item a:hover { background: rgba(44, 100, 246, 0.04); color: black; } } .list-social-share .item a.LinkedIn .box-img { background: rgba(45, 100, 188, 0.08); color: #2D64BC; } @media (min-width: 768px) { .list-social-share .item a.LinkedIn:hover { background: rgba(45, 100, 188, 0.04); } } .list-social-share .item a.WhatsApp .box-img { background: rgba(91, 180, 81, 0.08); color: #5bb451; } @media (min-width: 768px) { .list-social-share .item a.WhatsApp:hover { background: rgba(91, 180, 81, 0.04); } } .list-social-share .item a.Telegram .box-img { background: rgba(78, 142, 229, 0.08); color: #4e8ee5; } @media (min-width: 768px) { .list-social-share .item a.Telegram:hover { background: rgba(78, 142, 229, 0.04); } } .list-social-share .item a.Email .box-img { background: rgba(34, 128, 116, 0.08); color: #228074; } @media (min-width: 768px) { .list-social-share .item a.Email:hover { background: rgba(34, 128, 116, 0.04); } } .list-social-share .item a.SMS .box-img { background: rgba(102, 102, 102, 0.08); color: #666666; } @media (min-width: 768px) { .list-social-share .item a.SMS:hover { background: rgba(102, 102, 102, 0.04); } } .copy-link-wrapper { height: 44px; padding: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background-color: #E1F4F0; } .copy-link-wrapper.copied { -webkit-animation: flash-bg 0.5s ease-in-out 1; animation: flash-bg 0.5s ease-in-out 1; } .copy-link-wrapper span { width: 100%; padding-left: 12px; margin-right: 16px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #4B6570; } .copy-link-wrapper .copy-link { width: 36px; height: 36px; font-size: 20px; color: #2A9D8F; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @-webkit-keyframes flash-bg { 0%, 100% { background-color: #E1F4F0; /* Звичайний фон */ } 50% { background-color: #b6d6d0; /* Жовтий для привертання уваги */ } } @keyframes flash-bg { 0%, 100% { background-color: #E1F4F0; /* Звичайний фон */ } 50% { background-color: #b6d6d0; /* Жовтий для привертання уваги */ } } .preloader { width: 64px; height: 64px; } .wrapper-preloader-page { width: 100%; height: 100%; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .wrapper-one-product-slider { position: relative; } .wrapper-one-product-slider .slider-product { opacity: 0; } .wrapper-one-product-slider .preloader { position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrapper-one-product-slider.active .preloader { display: none; } .wrapper-one-product-slider.active .slider-product { opacity: 1; } .slider-product { height: 584px; margin-bottom: 24px; position: relative; } @media (max-width: 991px) { .slider-product { height: initial; } } .slider-product .count-photo { display: none; } @media (max-width: 991px) { .slider-product .count-photo { top: 12px; left: 12px; z-index: 2; padding: 4px 12px; border-radius: 4px; background: rgba(0, 0, 0, 0.32); display: block; position: absolute; font-size: 12px; color: white; } } @media (min-width: 768px) { .slider-product:hover .show-all-photo-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-product:hover .slider-for .slick-btn.slick-next { right: 16px; } .slider-product:hover .slider-for .slick-btn.slick-prev { left: 16px; } } .slider-product .show-all-photo-mobile { display: none; width: 40px; height: 40px; top: 12px; right: 12px; position: absolute; z-index: 1; font-size: 24px; color: white; background: rgba(0, 0, 0, 0.32); border-radius: 50%; } @media (max-width: 767px) { .slider-product .show-all-photo-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .slider-product .slider-for { margin-bottom: 8px; position: relative; overflow: hidden; } .slider-product .slider-for iframe { width: 100%; height: 100%; } @media (max-width: 991px) { .slider-product .slider-for iframe { position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; } } @media (max-width: 991px) { .slider-product .slider-for { margin-bottom: 0; } } .slider-product .slider-for .slick-btn.slick-next { right: -40px; } .slider-product .slider-for .slick-btn.slick-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slider-product .slider-for .slick-btn.slick-prev { left: -40px; } .slider-product .slider-for .slick-btn.slick-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slider-product .slider-for .slick-btn.slick-next, .slider-product .slider-for .slick-btn.slick-prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-product .slider-for .slick-btn.slick-next:before, .slider-product .slider-for .slick-btn.slick-prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .slider-product .slider-for .slick-btn.slick-next span, .slider-product .slider-for .slick-btn.slick-prev span { display: none; } .slider-product .slider-for .slick-btn.slick-next.disabled, .slider-product .slider-for .slick-btn.slick-prev.disabled { display: none; } @media (min-width: 768px) { .slider-product .slider-for .slick-btn.slick-next:hover, .slider-product .slider-for .slick-btn.slick-prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .slider-product .slider-for .slick-dots { position: absolute; bottom: 16px; left: 0; right: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider-product .slider-for .slick-dots li { width: 8px; height: 8px; margin: 0 4px; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; cursor: pointer; } .slider-product .slider-for .slick-dots li.slick-active { background-color: white; } .slider-product .slider-for .slick-dots li button { display: none; } .slider-product .slider-for .one-box { width: 100%; height: 480px; border-radius: 4px; overflow: hidden; background-color: rgba(0, 0, 0, 0.04); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-product .slider-for .one-box img { max-width: 100%; max-height: 100%; } @media (max-width: 991px) { .slider-product .slider-for .one-box { height: initial; position: relative; } .slider-product .slider-for .one-box img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; } .slider-product .slider-for .one-box:before { content: ''; display: block; padding-top: 75%; } } .slider-product .slider-nav { margin: 0 -5px; } @media (max-width: 991px) { .slider-product .slider-nav { display: none; } } .slider-product .slider-nav .one-box-wrapper { padding: 0 4px; position: relative; } .slider-product .slider-nav .one-box-wrapper.slick-current.slick-active:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; border-radius: 4px; border: 2px solid #2A9D8F; } .slider-product .slider-nav .one-box-wrapper.slick-current.slick-active .one-box { height: 88px; margin: 4px 0; border-radius: 0; } @media (max-width: 1279px) { .slider-product .slider-nav .one-box-wrapper.slick-current.slick-active .one-box { height: 52px; } } .slider-product .slider-nav .one-box { height: 96px; border-radius: 4px; cursor: pointer; position: relative; display: block; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; overflow: hidden; } @media (max-width: 1279px) { .slider-product .slider-nav .one-box { height: 60px; } } .slider-product .slider-nav .one-box.video:before { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; display: block; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; background: url("../img/youtube.webp") no-repeat center/contain; } .slider-product .slider-nav .one-box .all-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 10px; font-size: 16px; color: white; font-weight: 500; border-radius: 4px; background: rgba(0, 0, 0, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1279px) { .slider-product .slider-nav .one-box .all-img { font-size: 12px; } } .slider-product .slider-nav .one-box img { -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .custom-tag-select2 .select2-dropdown { display: none; } .fancybox-thumbs__list a:before { border: 2px solid #2A9D8F; } .fancybox-infobar { display: none; } @media (max-width: 991px) { .fancybox-infobar { display: block; opacity: 1; visibility: visible; bottom: 0; top: initial; left: 0; right: 0; font-size: 12px; color: white; text-align: center; } } .fancybox-toolbar > *:nth-child(1) { display: none !important; } @media (max-width: 991px) { .fancybox-toolbar { opacity: 1; visibility: visible; } } .fancybox-is-open .fancybox-bg { background: black; opacity: 1; } .fancybox-active .box-border-shadow .product-main-buttons { margin: 0; padding: 8px 16px; position: fixed; left: 0; top: 0; z-index: 99993; } .fancybox-active .box-border-shadow .product-main-buttons .one-btn { width: 44px; height: 44px; margin-right: 8px; font-size: 24px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .fancybox-active .box-border-shadow .product-main-buttons span { display: none; } .fancybox-thumbs { background: rgba(255, 255, 255, 0.1); } .fancybox-button.fancybox-button--arrow_left { margin-left: 16px; } .fancybox-button.fancybox-button--arrow_left:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fancybox-button.fancybox-button--arrow_right { margin-right: 16px; } .fancybox-button.fancybox-button--arrow_right:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right { width: 44px; height: 44px; padding: 0; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .fancybox-button.fancybox-button--arrow_left:before, .fancybox-button.fancybox-button--arrow_right:before { color: #81949b; font-size: 24px; position: relative; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .fancybox-button.fancybox-button--arrow_left div, .fancybox-button.fancybox-button--arrow_right div { display: none; } .list-complaint li { margin-bottom: 4px; padding: 12px 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); color: #4B6570; cursor: pointer; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; } @media (min-width: 768px) { .list-complaint li:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .list-complaint li:last-child { margin-bottom: 0; } .btn-back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-back i { position: relative; display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .modal-with-steps .caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .modal-with-steps .caption .btn-back { width: 28px; height: 28px; margin-right: 16px; color: #81949b; -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; } .modal-with-steps .second-step, .modal-with-steps .step2 { display: none; } .modal-with-steps.step2 .first-step, .modal-with-steps.step2 .step1 { display: none; } .modal-with-steps.step2 .second-step { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-with-steps.step2 .step2 { display: block; } .list-form-complaint li { margin-bottom: 4px; padding: 12px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #4B6570; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid rgba(0, 0, 0, 0.12); } .list-form-complaint li textarea { background-color: white; } .list-form-complaint li:last-child { margin-bottom: 0; } .list-form-complaint li .form-box { padding-top: 8px; display: none; font-weight: 400; } .list-form-complaint li.open { background: #E1F4F0; border: 1px solid #E1F4F0; } .list-form-complaint li.open .name { color: #264653; } .list-form-complaint li.open .form-box { display: block; } .quick-menu { position: relative; } @media (max-width: 767px) { .quick-menu { margin: 0 -12px; padding: 0 12px; overflow: hidden; } } @media (max-width: 767px) { .quick-menu .btn-construction { display: none; } } .btn-arrow-circle .swiper-initialized + .btn-construction, .btn-arrow-circle .swiper-initialized + .btn-construction + .btn-construction { opacity: 1; } .btn-arrow-circle .btn-construction { position: absolute; z-index: 1; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 72px; top: 0; bottom: 0; height: initial; margin-top: 0; opacity: 0; } .btn-arrow-circle .btn-construction.swiper-button-disabled { display: none; } .btn-arrow-circle .btn-construction i:hover { background-color: #264653 !important; color: white !important; } .btn-arrow-circle .btn-construction i { width: 40px; height: 40px; border-radius: 50%; font-size: 20px; color: #81949B; background-color: white; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-arrow-circle .btn-construction:after { display: none; } .btn-arrow-circle .btn-construction.swiper-button-disabled { opacity: 0; } .btn-arrow-circle .btn-construction.swiper-button-prev, .btn-arrow-circle .btn-construction.swiper-button-prev2, .btn-arrow-circle .btn-construction.prev, .btn-arrow-circle .btn-construction.swiper-button-prev3 { background: transparent; left: -30px; } @media (max-width: 1279px) { .btn-arrow-circle .btn-construction.swiper-button-prev, .btn-arrow-circle .btn-construction.swiper-button-prev2, .btn-arrow-circle .btn-construction.prev, .btn-arrow-circle .btn-construction.swiper-button-prev3 { left: 0; } } .btn-arrow-circle .btn-construction.swiper-button-prev i:before, .btn-arrow-circle .btn-construction.swiper-button-prev2 i:before, .btn-arrow-circle .btn-construction.prev i:before, .btn-arrow-circle .btn-construction.swiper-button-prev3 i:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .btn-arrow-circle .btn-construction.next, .btn-arrow-circle .btn-construction.swiper-button-next, .btn-arrow-circle .btn-construction.swiper-button-next2, .btn-arrow-circle .btn-construction.swiper-button-next3 { background: transparent; right: -30px; } @media (max-width: 1279px) { .btn-arrow-circle .btn-construction.next, .btn-arrow-circle .btn-construction.swiper-button-next, .btn-arrow-circle .btn-construction.swiper-button-next2, .btn-arrow-circle .btn-construction.swiper-button-next3 { right: 0; } } .btn-arrow-circle .btn-construction.next i:before, .btn-arrow-circle .btn-construction.swiper-button-next i:before, .btn-arrow-circle .btn-construction.swiper-button-next2 i:before, .btn-arrow-circle .btn-construction.swiper-button-next3 i:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media (max-width: 767px) { .btn-arrow-circle .btn-construction { display: none; } } .service-menu { height: 214px; } @media (max-width: 767px) { .service-menu { height: 181px; } } .simple-page { padding: 24px 0; } .simple-page h1 { margin-bottom: 8px; } .simple-page h1.mb-24 { margin-bottom: 24px; } .order-steps-sticky { padding-top: 64px; } .order-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .order-steps { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .order-steps .text-save-adv { margin-top: 16px; } @media (max-width: 767px) { .order-steps .info-desktop { display: none; } } @media (max-width: 767px) { .order-steps .help-line { position: absolute; top: 14px; right: 0; } .order-steps .help-line .brand-link i { margin-right: 0; font-size: 20px !important; } .order-steps .help-line .brand-link span { display: none; } } .order-steps .left-q { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .order-steps .left-q .item { padding: 24px; margin-bottom: 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } @media (max-width: 767px) { .order-steps .left-q .item { margin-bottom: 8px; padding: 16px; } } .order-steps .left-q .item:last-child { margin-bottom: 0; } .order-steps .left-q .item .custom-input input { height: 48px; font-size: 16px; } .order-steps .left-q .item.collapse-box { padding: 0; } .order-steps .left-q .item.collapse-box .collapse-header { padding: 24px; } @media (max-width: 767px) { .order-steps .left-q .item.collapse-box .collapse-header { padding: 16px; } } .order-steps .left-q .box-with-short-information, .order-steps .left-q .box-with-short-information2 { margin-bottom: 20px; } .order-steps .left-q .box-with-short-information:last-child, .order-steps .left-q .box-with-short-information2:last-child { margin-bottom: 0; } @media (max-width: 767px) { .order-steps .left-q .list-btn-wrapper { height: 72px; padding-top: 24px; } } .order-steps .left-q .list-btn { display: none; } @media (max-width: 767px) { .order-steps .left-q .list-btn { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.08); position: fixed; bottom: 0; padding: 12px; background: white; left: 0; right: 0; z-index: 20; } } @media (max-width: 767px) { .order-steps .left-q .mb-20 { margin-bottom: 16px; } } .order-steps .right-q { width: 294px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; position: -webkit-sticky; position: sticky; top: 80px; } @media (max-width: 767px) { .order-steps .right-q { width: 100%; position: relative; top: initial; margin-bottom: 24px; margin-left: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .order-steps .right-q .one-item { margin-bottom: 32px; } @media (max-width: 767px) { .order-steps .right-q .one-item { margin-bottom: 0; } } .order-steps .right-q .one-item:last-child { margin-bottom: 0; } .order-steps .right-q .one-item p { color: #4B6570; line-height: 20px; } @media (max-width: 767px) { .order-steps .right-q .list-btn { display: none; } } .order-steps .list-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .order-steps .list-btn .btn-border, .order-steps .list-btn .btn-dark { width: 100%; height: 48px; font-size: 16px; } .order-steps .list-btn .btn-border { margin-right: 8px; } .order-steps .list-btn .box-next { width: 100%; } .order-steps .list-btn .box-next a { display: none; } .order-steps .list-btn .box-next.active a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .order-steps .list-btn .box-next.active div { display: none; } .text-save-adv { text-align: center; color: #4B6570; } .caption-style-1, .order-steps h2.small { margin-bottom: 12px; font-weight: 500; font-size: 16px; } .caption-style-2 { margin-bottom: 8px; min-height: 21px; font-weight: 500; color: #4B6570; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-style-2.must:after { width: 6px; height: 6px; margin-left: 8px; border-radius: 50%; display: block; content: ''; background-color: #E7513B; } .caption-style-2 i { margin-right: 6px; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .caption-style-2 img { width: 20px; margin-right: 6px; -ms-flex-negative: 0; flex-shrink: 0; } .steps-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .steps-list div { width: 50%; height: 8px; margin-right: 4px; background-color: #E1F4F0; } .steps-list div.active { background-color: #2A9D8F; } .steps-list div:first-child { border-radius: 5px 0 0 5px; } .steps-list div:last-child { margin-right: 0; border-radius: 0 5px 5px 0; } .adv-radio-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 16px; } @media (max-width: 991px) { .adv-radio-list { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 767px) { .adv-radio-list { grid-template-columns: 1fr 1fr; } } .adv-radio-list > * { -ms-flex-negative: 0; flex-shrink: 0; } label.adv-radio { cursor: pointer; } label.adv-radio .adv-wrapper:hover { border: 1px solid #2A9D8F; } .adv-radio { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .adv-radio input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .adv-radio input:checked + .adv-wrapper { border: 2px solid #2A9D8F; } .adv-radio input:disabled + .adv-wrapper { cursor: default; border: 1px solid rgba(0, 0, 0, 0.16) !important; } .adv-radio input:disabled + .adv-wrapper .box-img { opacity: 0.6; } .adv-radio input:disabled + .adv-wrapper .name { color: #81949b; } .adv-radio .soon { position: absolute; top: 5px; right: 5px; padding: 3px 6px; border-radius: 4px; font-size: 8px; font-weight: 600; color: #2A9D8F; background-color: #E1F4F0; } .adv-radio.disabled .box-img { opacity: 0.6; } .adv-radio.disabled .name { color: #81949b; } .adv-radio .adv-wrapper { height: 132px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.16); } .adv-radio .adv-wrapper .box-img { width: 56px; height: 56px; margin-bottom: 8px; border-radius: 50%; overflow: hidden; } .adv-radio .adv-wrapper .box-img.color1 { background-color: #FDDFDF; } .adv-radio .adv-wrapper .box-img.color2 { background-color: #FCF7DE; } .adv-radio .adv-wrapper .box-img.color3 { background-color: #DEFDE0; } .adv-radio .adv-wrapper .box-img.color4 { background-color: #DEF3FD; } .adv-radio .adv-wrapper .box-img.color5 { background-color: #F0DEFD; } .term-service-adv { margin: 0 -8px -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .term-service-adv { margin: 0 -8px -8px; } } .term-service-adv > * { width: calc(25% - 16px); margin: 0 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .term-service-adv > * { width: calc(50% - 16px); } } @media (max-width: 767px) { .term-service-adv > * { width: 100%; margin-bottom: 8px; } } .style-service-adv { margin: 0 -8px 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .style-service-adv { margin-bottom: 8px; } } .style-service-adv > * { width: calc(33.3% - 16px); margin: 0 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .style-service-adv > * { width: calc(50% - 16px); } } @media (max-width: 767px) { .style-service-adv > * { width: 100%; margin-bottom: 8px; } } .radio-border { position: relative; } .radio-border input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .radio-border input:checked + .inside-radio:before { border: 2px solid #2A9D8F; } .radio-border input:disabled + .inside-radio { color: #81949b; cursor: default; } .radio-border input:disabled + .inside-radio:before { border: 1px solid rgba(0, 0, 0, 0.12); } .radio-border.disabled .name { color: #81949b; } .radio-border .inside-radio { width: 100%; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .radio-border .inside-radio:hover:before { border: 1px solid #2A9D8F; } } .radio-border .inside-radio:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); } .radio-border .term-radio { text-align: center; } @media (max-width: 767px) { .radio-border .term-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .radio-border .term-radio .top-box { margin-bottom: 8px; font-size: 16px; font-weight: 600; display: block; } @media (max-width: 767px) { .radio-border .term-radio .top-box { margin-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; } } .radio-border .term-radio .bottom-box { font-weight: 500; } @media (max-width: 767px) { .radio-border .term-radio .bottom-box { text-align: right; } } .radio-border .term-radio .bottom-box .small-text { display: block; font-weight: 400; font-size: 12px; color: #4B6570; } .radio-border .type-service-radio { display: block; text-align: center; } .radio-border .type-service-radio .box-ico { width: 48px; height: 48px; margin: 0 auto 8px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .radio-border .type-service-radio .box-ico.color1 { background: rgba(244, 162, 97, 0.16); } .radio-border .type-service-radio .box-ico.color2 { background: rgba(42, 157, 143, 0.12); } .radio-border .type-service-radio .box-ico.color3 { background: rgba(231, 111, 81, 0.16); } .radio-border .type-service-radio .caption { margin-bottom: 8px; font-size: 16px; font-weight: 600; display: block; } .radio-border .type-service-radio .text { display: block; font-size: 12px; color: #4B6570; line-height: 16px; } .login-page { max-width: 320px; margin: 0 auto; padding: 40px 0; } .login-wrapper .tab1, .login-wrapper .tab2 { position: relative; display: none; } .login-wrapper .tab1.active, .login-wrapper .tab2.active { display: block; } .list-metro-change { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -8px; } .list-metro-change li { margin-right: 8px; margin-bottom: 8px; padding: 8px 12px; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; border-radius: 4px; border: 1px solid #E1F4F0; } @media (max-width: 767px) { .list-metro-change li { font-size: 12px; } } .list-metro-change li img { width: 14px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .list-metro-change li span { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .list-metro-change li .delete-metro { margin-left: 12px; color: #4B6570; line-height: 0; font-size: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .list-metro-change li .delete-metro { font-size: 14px; } } .list-metro-change li .delete-metro:hover { color: #2A9D8F; } .drag-photo-box { width: 100%; height: 108px; padding: 20px; border: 1px dashed #2A9D8F; text-align: center; line-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; font-size: 14px; color: black; border-radius: 4px; } @media (min-width: 768px) { .drag-photo-box.hover { border-color: #227F74; } } .drag-photo-box .text-line { margin-bottom: 8px; text-align: center; font-size: 14px; color: #4B6570; } .drag-photo-box .inside { line-height: 20px; } .drag-photo-box .box-ico { margin-bottom: 12px; font-size: 24px; text-align: center; color: #2A9D8F; } .drag-photo-box.style2 { height: 124px; } .file-line-upload { color: #2A9D8F; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .file-line-upload input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; opacity: 0; z-index: 1; } .lds-ring { display: block; position: relative; width: 32px; height: 32px; margin: 10px auto 30px; } .lds-ring div { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; width: 32px; height: 32px; border: 3px solid #2A9D8F; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #2A9D8F transparent transparent transparent; } .lds-ring div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .lds-ring div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .lds-ring div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .box-call { display: none; } @media (max-width: 991px) { .box-call { display: block; position: fixed; padding: 12px; left: 0; bottom: 0; right: 0; z-index: 10; -webkit-box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.08); background-color: white; } .box-call.only-scroll { display: none; } .box-call.only-scroll.active { display: block; } .box-call .primary-btn { width: 100%; height: 48px; font-size: 16px; } .box-call.hide { display: none; } } .box-call .box-calculate-order-btn { margin-top: 8px; } .dark-page { background: #FBFBFB; } .list-photos-upload { display: grid; grid-gap: 16px; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1279px) { .list-photos-upload { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 991px) { .list-photos-upload { grid-template-columns: 1fr 1fr; grid-gap: 16px 30px; } } .list-photos-upload .sortable-ghost .badge { display: none; } .list-photos-upload .box-loading-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-photos-upload .box-loading-img .lds-ring { margin: 0; } .list-photos-upload .one-block { width: 100%; position: relative; border-radius: 4px; } .list-photos-upload .one-block:before { content: ''; display: block; padding-top: 75%; } .list-photos-upload .one-block:hover .buttons-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-photos-upload .one-block .main-photo, .list-photos-upload .one-block .plan-btn { display: none; } .list-photos-upload .one-block.layout .plan-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .list-photos-upload .one-block:first-child .main-photo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .list-photos-upload .one-block:first-child .badge { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-photos-upload .one-block.layout .badge { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-photos-upload .one-block .img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .list-photos-upload .one-block.right img { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .list-photos-upload .one-block.bottom img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .list-photos-upload .one-block.left img { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .list-photos-upload .one-block .badge { position: absolute; z-index: 1; bottom: 4px; left: 4px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-photos-upload .one-block .badge li { margin-top: 2px; padding: 4px 8px; color: #264653; font-size: 12px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: white; } .list-photos-upload .one-block .badge li i { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .list-photos-upload .one-block .buttons-list { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 12; } @media (min-width: 768px) { .list-photos-upload .one-block .buttons-list { top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.48); } } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list { display: -webkit-box; display: -ms-flexbox; display: flex; top: 4px; right: 4px; } .list-photos-upload .one-block .buttons-list.open { z-index: 13; } } .list-photos-upload .one-block .buttons-list .drop { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list .drop { position: absolute; top: 34px; right: 0; display: none; border-radius: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: white; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } } .list-photos-upload .one-block .buttons-list .head-drop { display: none; } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list .head-drop { width: 32px; height: 32px; background-color: white; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list.open .drop { display: -webkit-box; display: -ms-flexbox; display: flex; } } .list-photos-upload .one-block .buttons-list .one-btn { width: 32px; height: 32px; border-radius: 3px; background-color: white; font-size: 20px; color: #264653; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list .one-btn { font-size: 17px; } } .list-photos-upload .one-block .buttons-list .one-btn:hover { color: #2A9D8F; } .list-photos-upload .one-block.sortable-chosen { opacity: 0.6; } .list-counters { margin-bottom: -4px; } .list-counters > * { margin-right: 4px; margin-bottom: 4px; } .list-counters > *:last-child { margin-right: 0; } .counter-wr { min-height: 48px; padding: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; border: 1px solid #D6D6D6; } .counter-wr span { padding: 0 4px; } .counter-wr .counter-wrapper { margin-left: 12px; } .counter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -4px; } .counter-wrapper a { width: 20px; height: 20px; margin: 0 4px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; color: rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .counter-wrapper a:hover { color: #2A9D8F; } .counter-wrapper a.increment { color: #2A9D8F; } .counter-wrapper input { width: 24px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; color: #4B6570; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; border-radius: 5px; background-color: transparent; border: 0; } .tab-wrapper textarea { font-size: 16px; } .textarea-length-box { position: relative; border-radius: 4px; border: 1px solid #D6D6D6; } .textarea-length-box.active { border: 1px solid #81949b; } .textarea-length-box textarea { height: 168px; margin-bottom: 8px; padding: 12px 16px; z-index: 1; line-height: 24px; border: 0 !important; font-family: 'Inter', sans-serif; font-weight: 400; } .textarea-length-box .length-line { padding: 0 16px 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 12px; color: #81949b; } .language-radio-list { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; } .language-radio-list li { margin-right: 4px; } .language-radio-list li:last-child { margin-right: 0; } .language-radio-list li a { padding: 8px 16px; display: block; font-size: 14px; font-weight: 500; color: #4B6570; cursor: pointer; border-radius: 4px; border: 1px solid #D6D6D6; } @media (min-width: 768px) { .language-radio-list li a:hover { border: 1px solid #2A9D8F; background-color: #2A9D8F; color: white; } } .language-radio-list li a.active { border: 1px solid #2A9D8F; background-color: #2A9D8F; color: white; } .price-owner { display: -webkit-box; display: -ms-flexbox; display: flex; } .price-owner .custom-input { width: 280px; margin-right: 8px; } @media (max-width: 767px) { .price-owner .custom-input { width: 100%; } } @media (max-width: 767px) { .price-owner .select2-without-search { width: 80px; } } .price-owner .select2-custom-field .select2-container--default .select2-selection--single { border-radius: 4px; } .max-width-280 { max-width: 280px; } .select2-dropdown { overflow: hidden; border-radius: 4px !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .cost-placement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { .cost-placement { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cost-placement > * { width: calc(50% - 10px); } @media (max-width: 991px) { .cost-placement > * { width: 100%; } .cost-placement > * .balance-top-up { margin-bottom: 16px; } } .cost-placement .to-buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; font-weight: 600; } .cost-placement .line-balance-money { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cost-placement .line-balance-money .left-money { margin-right: 10px; } .cost-placement .line-balance-money .right-money { text-align: right; } .cost-placement .line-balance-money .small { margin-top: 2px; font-size: 12px; color: gray; } .cost-placement .line-balance-money .success { color: #2A9D8F; } .cost-placement .line-balance-money .danger { color: #E7513B; } .balance-top-up { padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .balance-top-up .btn-border { -ms-flex-negative: 0; flex-shrink: 0; } .balance-top-up .left-q { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; font-weight: 500; } .balance-top-up .left-q i { margin-right: 12px; font-size: 18px; color: #227F74; } .balance-top-up .left-q span { margin-left: 3px; color: black; font-weight: 600; } .balance-top-up3 { padding: 16px 16px 16px 44px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .balance-top-up3 { margin-bottom: 12px; padding: 12px 12px 12px 44px; } } .balance-top-up3 .left-img { position: absolute; color: #227F74; font-size: 20px; } @media (min-width: 992px) { .balance-top-up3 .left-img { left: 16px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 991px) { .balance-top-up3 .left-img { top: 14px; left: 12px; } } .balance-top-up3 .primary-btn { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .balance-top-up3 .left-q { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; font-weight: 500; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } @media (max-width: 767px) { .balance-top-up3 .left-q { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .balance-top-up3 .left-q .value-balance { margin-left: 3px; color: black; white-space: nowrap; font-weight: 600; } .balance-top-up3 .left-q .t-c { width: 100%; text-align: left; } @media (max-width: 767px) { .balance-top-up3 .left-q .t-c { margin-bottom: 4px; } } .balance-top-up3 .text { margin-right: 5px; } @media (max-width: 767px) { .balance-top-up3 .text { display: none; } } .balance-top-up3 .block-tag-style { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; line-height: 20px; position: relative; } @media (min-width: 768px) { .balance-top-up3 .block-tag-style { margin-left: 8px; padding: 8px 12px; border-radius: 4px; background: #E1F4F0; } } @media (max-width: 767px) { .balance-top-up3 .block-tag-style { margin-right: 15px; } } .balance-top-up3 .block-tag-style .l-i { margin-right: 5px; font-size: 16px; } .balance-top-up3 .block-tag-style .ico-circle-warning { margin-left: 4px; font-size: 18px; } @media (max-width: 767px) { .balance-top-up3 .block-tag-style .ico-circle-warning { display: none; } } .balance-top-up3 .drop-show { width: 220px; position: absolute; left: 0; top: 40px; padding: 8px; border-radius: 4px; background: white; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); color: #264653; font-size: 12px; font-weight: 400; text-align: left; line-height: 16px; display: none; } .balance-top-up3 .drop-show ol { margin-bottom: 5px; padding-left: 25px; padding-top: 3px; list-style: disc; list-style-position: outside; } .balance-top-up3 .drop-show ol:last-child { margin-bottom: 0; } .balance-top-up3 .drop-show ol li { padding-top: 2px; } @media (min-width: 992px) { .balance-top-up3 .show-drop-desktop { cursor: pointer; } .balance-top-up3 .show-drop-desktop:hover .drop-show { display: block; } } .balance-top-up2 { padding: 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .balance-top-up2 { margin-bottom: 20px; } } .balance-top-up2 .wrapper-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .balance-top-up2 .btn-border { -ms-flex-negative: 0; flex-shrink: 0; } .balance-top-up2 .left-q { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; font-weight: 500; } .balance-top-up2 .left-q i { margin-right: 12px; font-size: 18px; color: #227F74; } .balance-top-up2 .left-q span { margin-left: 3px; color: black; font-weight: 600; } .box-with-radio-collapse { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-with-radio-collapse.open .head-c { margin-bottom: 20px; } .box-with-radio-collapse.open .head-c .btn-check-collapse:before { background-color: #2A9D8F; } .box-with-radio-collapse.open .head-c .btn-check-collapse:after { left: 20px; } .box-with-radio-collapse.open .body-c { display: block; } .box-with-radio-collapse .head-c { position: relative; } .box-with-radio-collapse .head-c .btn-check-collapse { top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; cursor: pointer; } .box-with-radio-collapse .head-c .btn-check-collapse:before { width: 42px; height: 24px; border-radius: 20px; background-color: #E1F4F0; } .box-with-radio-collapse .head-c .btn-check-collapse:after { width: 20px; height: 20px; position: absolute; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .box-with-radio-collapse .head-c .btn-check-collapse:before, .box-with-radio-collapse .head-c .btn-check-collapse:after { content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-with-radio-collapse .head-c .btn-check-collapse:hover:before { background-color: #2A9D8F; } .box-with-radio-collapse .body-c { display: none; } .box-with-radio-collapse.style-1 .head-c { position: relative; padding-right: 60px; } .box-with-radio-collapse.style-1 .head-c h2 { margin-bottom: 4px; } .box-save-and-enter { padding-top: 16px; } .box-save-and-enter .btn-border { width: 100%; } .box-save-and-enter .btn-border.width-initial { width: initial; } @media (max-width: 767px) { .box-save-and-enter .btn-border.width-initial { width: 100%; } } .ui-menu.ui-autocomplete { background-color: white; position: absolute !important; top: 106% !important; z-index: 2; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); color: black; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .ui-menu.ui-autocomplete .ui-menu-item-wrapper { padding: 10px 16px; font-size: 14px; color: black; } .ui-menu.ui-autocomplete .ui-menu-item-wrapper:hover { cursor: pointer; color: black; background-color: #E1F4F0; } .adv-radio-list, .box-list-adv { position: relative; } .adv-radio-list.block-radio:after, .box-list-adv.block-radio:after { left: 0; top: 0; right: 0; bottom: 0; display: block; content: ''; position: absolute; z-index: 3; } .adv-radio-list.block-radio input:not(:checked) + .adv-wrapper .box-img, .box-list-adv.block-radio input:not(:checked) + .adv-wrapper .box-img { opacity: 0.6; } .adv-radio-list.block-radio input:not(:checked) + .adv-wrapper .name, .box-list-adv.block-radio input:not(:checked) + .adv-wrapper .name { color: #81949b; } .box-list-adv { display: none; } .address-checked { padding: 16px 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .address-checked li { margin-right: 4px; margin-bottom: 4px; padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; font-size: 12px; font-weight: 500; position: relative; background: rgba(0, 0, 0, 0.04); } .address-checked li.metro:before { width: 8px; height: 8px; margin-right: 8px; content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; } .address-checked li.metro.red:before { background-color: #EC2327; } .address-checked li.metro.green:before { background-color: #00AB5D; } .address-checked li.metro.violet:before { background-color: #90197D; } .address-checked li .delete-this-address { width: 16px; height: 16px; margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .address-checked li .delete-this-address:hover { color: #4B6570; } } .area-line-search, .metro-line { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .area-line-search:last-child, .metro-line:last-child { margin-bottom: 0; border-bottom: 0; } .area-line-search .title { margin-bottom: 24px; } .area-line-search .title .custom-checkbox { font-size: 18px; font-weight: 500; } .area-line-search .title .custom-checkbox span:before, .area-line-search .title .custom-checkbox span:after { top: 2px; } .metro-line.red .title i { color: #EC2327; } .metro-line.red .custom-checkbox:before { background-color: #EC2327; } .metro-line.green .title i { color: #00AB5D; } .metro-line.green .custom-checkbox:before { background-color: #00AB5D; } .metro-line.violet .title i { color: #90197D; } .metro-line.violet .custom-checkbox:before { background-color: #90197D; } .metro-line .title { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .metro-line .title i { margin-right: 12px; font-size: 20px; } .metro-line .custom-checkbox { padding-left: 0; } .metro-line .custom-checkbox:before { width: 12px; height: 12px; border-radius: 50%; content: ''; display: block; position: absolute; left: 34px; top: 4px; } .metro-line .custom-checkbox span { padding-left: 60px; position: relative; } .metro-columns, .area-columns { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 767px) { .metro-columns, .area-columns { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .metro-columns, .area-columns { grid-template-columns: 1fr; } } @media (max-width: 767px) { .big-search-mobile .box-wrapper-search { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .map-modal { margin-bottom: 16px; } .map-modal #mapModal, .map-modal .height-map { height: 420px; } .map-modal .map-name-address-modal { margin-top: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; display: none; font-weight: 500; } .map-modal .map-name-address-modal i { margin-right: 6px; font-size: 20px; color: #2A9D8F; vertical-align: text-bottom; } .address-map-choose { border-radius: 4px; overflow: hidden; position: relative; } .address-map-choose .gm-fullscreen-control, .address-map-choose .gmnoprint { display: none; } .address-map-choose .btn-change-modal { background-color: white; } @media (min-width: 768px) { .address-map-choose .btn-change-modal:hover { background-color: #A8D7D1; } } .address-map-choose #mapAddress { height: 120px; } .address-map-choose .btn2 { display: none; } .address-map-choose.size-2 #mapAddress { height: 320px; } .address-map-choose.size-2 .btn-change-address-modal { top: initial; bottom: 24px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .address-map-choose.size-2 .btn1 { display: none; } .address-map-choose.size-2 .btn2 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .address-map-choose .btn-change-address-modal { position: absolute; z-index: 4; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .address-map-choose .btn-change-address-modal { width: 90%; } } .collapse-box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .collapse-box .collapse-header { cursor: pointer; } .collapse-box .collapse-body { width: 100%; padding: 0 24px 24px; display: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .collapse-box .collapse-body { padding: 0 16px 16px; } } .collapse-box.open .collapse-body { display: block; } .collapse-box.open .collapse-header:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .collapse-box.style-1 .collapse-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 500; color: black; position: relative; } @media (max-width: 767px) { .collapse-box.style-1 .collapse-header { font-size: 18px; } } .collapse-box.style-1 .collapse-header span { width: 100%; } .collapse-box.style-1 .collapse-header:after { width: 32px; height: 32px; margin-left: 24px; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 32px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; content: "\e90a"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .collapse-box.style-1.style-collapse-2 .collapse-header { padding: 12px 6px 12px 16px; font-size: 16px; } .collapse-box.style-1.style-collapse-2 .collapse-header i { width: 16px; height: 16px; margin-right: 8px; font-size: 16px; color: #2A9D8F; } .collapse-box.style-1.style-collapse-2 .collapse-header:after { font-size: 24px; } .collapse-box.style-1.style-collapse-2 .collapse-body { padding: 0 16px 12px; } .ui-helper-hidden-accessible { display: none; } .editing-right-list { padding: 24px; margin-bottom: 20px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } .editing-right-list h2 { margin-top: -4px; margin-bottom: 16px; font-size: 18px; font-weight: 500; line-height: 28px; } .editing-right-list ul li { margin-bottom: 15px; } .editing-right-list ul li:last-child { margin-bottom: 0; } .editing-right-list ul li a { position: relative; color: black; font-size: 14px; padding-left: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .editing-right-list ul li a:before { width: 14px; height: 14px; border-radius: 50%; content: ''; font-size: 22px; position: absolute; left: 0; top: 0; display: block; border: 2px solid #81949b; } .editing-right-list ul li.success a:before { top: -1px; left: -2px; border: 0; color: #2A9D8F; content: "\e93c"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .editing-right-list ul li.error a:before { top: -1px; left: -2px; border: 0; color: #E7513B; content: "\e93f"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .item-editing { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .item-editing { margin-bottom: 16px; padding-bottom: 16px; } } .item-editing:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { .change-adv-right { display: none; } } .inform-page { padding: 24px 0; } @media (max-width: 767px) { .inform-page { padding: 12px 0 24px; } } .inform-page h1 { margin-bottom: 24px; } .inform-page p { margin-bottom: 15px; font-size: 16px; line-height: 24px; } .inform-page p:last-child { margin-bottom: 0; } .news-list { margin-bottom: 20px; } .news-list.column-2 { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr; } .news-list.column-3 { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; } .news-from-list { border-radius: 8px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.08); overflow: hidden; } .news-from-list .box-img { width: 100%; position: relative; display: block; overflow: hidden; line-height: 0; background-color: #227F74; } .news-from-list .box-img img { width: 100%; height: 100%; position: absolute; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; left: 0; -o-object-fit: cover; object-fit: cover; } .news-from-list .box-img:before { content: ''; display: block; padding-top: 56.25%; } .news-from-list .box-img .list-news-tags { position: absolute; top: 4px; left: 4px; right: 4px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-from-list .box-img .list-news-tags .one-tag { margin-right: 8px; padding: 4px 8px; font-size: 12px; font-weight: 600; line-height: 16px; border-radius: 3px; display: block; background: rgba(0, 0, 0, 0.32); color: white; } .news-from-list .box-img .list-news-tags .one-tag:last-child { margin-right: 0; } .news-from-list .info-part { padding: 16px; display: block; } .news-from-list .info-part .name { margin-bottom: 8px; display: block; font-size: 16px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: black; line-height: 24px; } .news-from-list .info-part .time { display: block; color: #4B6570; font-size: 14px; } .news-from-list:hover .box-img img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: 0.9; } .news-from-list:hover .info-part .name { color: #2A9D8F; } .list-small-news { margin-bottom: 20px; display: grid; grid-gap: 0 40px; grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { .list-small-news { display: block; } } .list-small-news .item { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.08); position: relative; } @media (min-width: 768px) { .list-small-news .item:nth-child(2n-1):before { width: 1px; top: 0; right: -20px; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.08); content: ''; display: block; } } .list-small-news .item .text-info { width: 100%; } .list-small-news .item .text-info .type { margin-bottom: 5px; font-size: 12px; font-weight: 600; color: #2A9D8F; } .list-small-news .item .text-info .name { margin-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 24px; } .list-small-news .item .text-info .name a { color: black; } .list-small-news .item .text-info .name a:hover { color: #2A9D8F; } .list-small-news .item .text-info .time { font-size: 14px; color: #4B6570; } .list-small-news .item .box-img { width: 112px; height: 64px; margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; display: block; overflow: hidden; border-radius: 4px; line-height: 0; } .list-small-news .item .box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news-slider { margin-bottom: 16px; } .news-slider .item { width: 280px; } .news-slider .item .news-from-list { display: block; } .news-slider .item .news-from-list * { display: block; } .news-slider .item .news-from-list .box-img .list-news-tags { display: -webkit-box; display: -ms-flexbox; display: flex; } .news-slider .item .news-from-list .info-part .name { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; /* Кількість рядків для відображення */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .wrapper-news-slider { margin: 0 -12px; padding: 0 12px; overflow: hidden; display: none; } @media (max-width: 767px) { .wrapper-news-slider { display: block; } } .wrapper-news-slider .owl-carousel .owl-stage-outer { overflow: initial; } .wrapper-tabs-tag { margin-bottom: 10px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .wrapper-tabs-tag .tabs-tag { display: -webkit-box; display: -ms-flexbox; display: flex; } .wrapper-tabs-tag .tabs-tag li { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .wrapper-tabs-tag .tabs-tag li:last-child { margin-right: 0; } .wrapper-tabs-tag .tabs-tag li a { padding: 9px 16px; font-size: 14px; white-space: nowrap; border-radius: 4px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgba(0, 0, 0, 0.08); } .wrapper-tabs-tag .tabs-tag li a:hover { color: #264653; background-color: #E1F4F0; } .wrapper-tabs-tag .tabs-tag li a.active { color: white; background-color: #2A9D8F; } .overflow-scroll-box { margin-bottom: -10px; padding-bottom: 10px; overflow: auto; } .overflow-scroll-box > * { margin-bottom: 0 !important; } .one-news { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .one-news { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .one-news .left-part { width: 100%; } .one-news .box-img { width: 100%; margin-bottom: 24px; position: relative; display: block; border-radius: 4px; overflow: hidden; line-height: 0; background-color: #227F74; } @media (max-width: 767px) { .one-news .box-img { margin-bottom: 18px; } } .one-news .box-img img { width: 100%; height: 100%; position: absolute; top: 0; border-radius: 4px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; left: 0; -o-object-fit: cover; object-fit: cover; } .one-news .box-img:before { content: ''; display: block; padding-top: 56.25%; } .one-news h1 { margin-bottom: 8px; } @media (max-width: 767px) { .one-news h1 { font-size: 20px; line-height: 30px; } } .one-news .type-news { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: #2A9D8F; } .one-news .time-news { margin-bottom: 24px; color: #4B6570; font-size: 14px; } .one-news .right-part { width: 294px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .one-news .right-part { width: 100%; margin-top: 24px; margin-left: 0; } } .one-news .right-part h3 { margin-bottom: 16px; font-size: 18px; font-weight: 600; text-transform: initial; } .one-news .right-part .list-small-news { display: block; } .one-news .right-part .list-small-news .item:before { display: none; } .one-news .right-part .list-small-news .item .text-info .name { font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .one-news .right-part .list-small-news .item .box-img { width: 96px; height: 54px; } .one-news .wrapper-tabs-tag { margin-bottom: 24px; padding: 24px 0; border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .one-news .wrapper-tabs-tag { margin-bottom: 16px; padding: 16px 0; } } .one-news .wrapper-tabs-tag .tabs-tag { margin-bottom: -4px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .one-news .wrapper-tabs-tag .tabs-tag li { margin-bottom: 4px; } @media (max-width: 767px) { .one-news .share-buttons .btn-border { width: 100%; } .one-news .share-buttons .btn-border span { display: none; } .one-news .share-buttons .btn-border span i { margin-right: 0 !important; } } .one-news .list-small-news { margin-bottom: 0; } .one-news .list-small-news .item { padding-bottom: 0; } .share-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .share-buttons .btn-border { margin-right: 8px; } .share-buttons .btn-border:last-child { margin-right: 0; } .contact-buttons { margin-bottom: 48px; display: grid; grid-gap: 24px; grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 767px) { .contact-buttons { margin-bottom: 24px; display: block; } } .contact-buttons a { height: 96px; padding: 24px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .contact-buttons a { height: 68px; margin-bottom: 8px; padding: 16px; } .contact-buttons a:last-child { margin-bottom: 0; } } .contact-buttons a:hover { border: 1px solid #E1F4F0; background-color: #E1F4F0; } .contact-buttons a .box-img { width: 48px; height: 48px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 767px) { .contact-buttons a .box-img { width: 36px; height: 36px; } } .contact-buttons a .name { font-size: 18px; color: black; font-weight: 600; } @media (max-width: 767px) { .contact-buttons a .name { font-size: 16px; } } .contact-buttons a .name .number { display: none; } .contact-buttons a.active .name .text { display: none; } .contact-buttons a.active .name .number { display: block; } .contact-buttons a.call-btn-mobile { display: none; } @media (max-width: 767px) { .contact-buttons a.call-btn-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .contact-buttons .call-btn { display: none; } } .form-contact { margin-bottom: 48px; padding: 24px; border-radius: 4px; border: rgba(0, 0, 0, 0.08); background: #FFFFFF; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .form-contact { margin-bottom: 24px; padding: 16px; } } .one-contact-collapse { margin-bottom: 48px; } @media (max-width: 767px) { .one-contact-collapse { margin-bottom: 24px; } } .one-contact-collapse:last-child { margin-bottom: 0; } .one-contact-collapse .collapse-box { margin-bottom: 8px; } .one-contact-collapse .collapse-box:last-child { margin-bottom: 0; } .one-contact-collapse .caption { margin-bottom: 16px; font-size: 18px; font-weight: 600; } .one-contact-collapse .collapse-box { border-radius: 4px; background: #F0FAF8; } .one-contact-collapse .collapse-box.open .collapse-header .btn:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .one-contact-collapse .collapse-header { padding: 24px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 500; } @media (max-width: 767px) { .one-contact-collapse .collapse-header { padding: 16px; font-size: 16px; } } .one-contact-collapse .collapse-header .btn { width: 28px; height: 28px; margin-left: 24px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .one-contact-collapse .collapse-header .btn:before, .one-contact-collapse .collapse-header .btn:after { width: 2px; height: 16px; margin-top: -8px; margin-left: -1px; content: ''; display: block; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #81949b; border-radius: 5px; } .one-contact-collapse .collapse-header .btn:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .one-contact-collapse .collapse-body { margin-top: -4px; font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .one-contact-collapse .collapse-body { font-size: 14px; line-height: 20px; } } .faq-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } @media (max-width: 767px) { .faq-wrapper { display: block; } } .faq-wrapper .left-q { width: 294px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; position: -webkit-sticky; position: sticky; top: 80px; } @media (max-width: 767px) { .faq-wrapper .left-q { width: initial; top: initial; margin-bottom: 12px; margin-right: 0; overflow: auto; } } .faq-wrapper .left-q li { margin-bottom: 16px; } @media (max-width: 767px) { .faq-wrapper .left-q li { margin-bottom: 0; margin-right: 8px; } .faq-wrapper .left-q li:last-child { margin-right: 0; } } .faq-wrapper .left-q li a { color: #4B6570; font-size: 18px; font-weight: 500; display: block; line-height: 28px; } @media (max-width: 767px) { .faq-wrapper .left-q li a { padding: 16px; border-radius: 8px; border: 1px solid #E1F4F0; } } .faq-wrapper .left-q li a.active { color: black; } @media (max-width: 767px) { .faq-wrapper .left-q li a.active { border: 1px solid #2A9D8F; } } @media (min-width: 768px) { .faq-wrapper .left-q li a:hover { color: black; } } @media (max-width: 767px) { .faq-wrapper .left-q ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .faq-wrapper .left-q ul li { width: 200px; padding-bottom: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .faq-wrapper .left-q ul li a { height: 100%; font-size: 16px; line-height: 24px; } } .faq-wrapper .right-q { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .faq-wrapper.revers .left-q { margin-left: 20px; margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .doc-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } @media (max-width: 767px) { .doc-wrapper { display: block; } } .doc-wrapper .right-q { width: 380px; margin-left: 36px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .doc-wrapper .right-q { width: 100%; margin-left: 0; padding-top: 24px; } } .doc-wrapper .left-q { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .compare-page { margin-bottom: -20px; padding-bottom: 20px; overflow: auto; } .compare-page sub, .compare-page sup { top: -5px; } @media (max-width: 1279px) { .compare-page { margin: 0 -24px -20px; padding: 0 24px 20px; } } @media (max-width: 767px) { .compare-page { margin: 0 -12px -20px; padding: 0 12px 20px; } } .compare-page .list-product { padding-left: 212px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .compare-page .list-product { padding-left: 0; } } .compare-page .list-product .item { width: 300px; margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .compare-page .list-product .item { width: 156px; margin-right: 12px; } } .compare-page .list-product .item.old-product > * span { opacity: 0.4; color: #4B6570; } .compare-page .list-product .item.old-product > * .caption-name { opacity: 1; color: black; } .compare-page .list-product .item.old-product > * .agency-block, .compare-page .list-product .item.old-product > * .developer-company, .compare-page .list-product .item.old-product > *.subway-column > .metro { opacity: 0.4; } .compare-page .list-product .item.old-product .photo-column img { opacity: 0.16; } .compare-page .list-product .item.old-product .photo-column .text-for-clean { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 40px; font-size: 16px; line-height: 24px; font-weight: 500; z-index: 1; color: #4B6570; background-color: rgba(255, 255, 255, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .compare-page .list-product .item > * { padding-bottom: 24px; } @media (max-width: 767px) { .compare-page .list-product .item > * { padding-top: 38px; padding-bottom: 20px; } } .compare-page .list-product .item .metro .name-metro { line-height: 20px; } .compare-page .list-product .item .caption-block { height: 52px; } @media (max-width: 767px) { .compare-page .list-product .item .caption-block { height: 30px; padding-top: 0; } } .compare-page .list-product .item .caption-block span { position: absolute; left: 24px; font-size: 18px; font-weight: 500; visibility: hidden; display: block; } @media (max-width: 991px) { .compare-page .list-product .item .caption-block span { left: 12px; } } .compare-page .list-product .item .simple-block { height: 52px; } @media (max-width: 767px) { .compare-page .list-product .item .simple-block { height: 76px; } } .compare-page .list-product .item:nth-child(1) .caption-block span { visibility: visible; } .compare-page .list-product .item:nth-child(1) .caption-before:before { width: 212px; background-color: white; position: absolute; z-index: 2; left: 24px; color: #4B6570; display: block; font-weight: 500; content: attr(data-caption); } @media (max-width: 1279px) { .compare-page .list-product .item:nth-child(1) .caption-before:before { width: 208px; padding-left: 24px; left: 0; } } @media (max-width: 991px) { .compare-page .list-product .item:nth-child(1) .caption-before:before { width: 204px; left: 0; padding-left: 12px; } } @media (max-width: 767px) { .compare-page .list-product .item:nth-child(1) .caption-before:before { width: initial; margin-top: -30px; height: initial; } } .compare-page .list-product .item .agency-block { margin-bottom: 0; } .compare-page .list-product .item .photo-column { height: 250px; } .compare-page .list-product .item .photo-column .text-for-clean { display: none; } @media (max-width: 767px) { .compare-page .list-product .item .photo-column { height: 126px; padding-top: 0; } .compare-page .list-product .item .photo-column:before { display: none !important; } } .compare-page .list-product .item .developer-company { max-width: 160px; width: 100%; display: inline-block; } .compare-page .list-product .item .developer-company .box-img { width: 100%; height: 120px; margin-bottom: 12px; display: block; } .compare-page .list-product .item .developer-company .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .compare-page .list-product .item .developer-company .name { font-size: 16px; line-height: 24px; } .compare-page .list-product .item .box-img-box { width: 100%; height: 225px; position: relative; } @media (max-width: 767px) { .compare-page .list-product .item .box-img-box { height: 116px; } } .compare-page .list-product .item .box-img-box .btn-favorite, .compare-page .list-product .item .box-img-box .btn-delete { width: 32px; height: 32px; top: 4px; z-index: 1; margin-left: 4px; position: absolute; border-radius: 3px; background: rgba(0, 0, 0, 0.32); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; font-size: 20px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .compare-page .list-product .item .box-img-box .btn-favorite:hover, .compare-page .list-product .item .box-img-box .btn-delete:hover { background: rgba(0, 0, 0, 0.64); } } .compare-page .list-product .item .box-img-box .btn-favorite { left: 4px; } .compare-page .list-product .item .box-img-box .btn-delete { right: 4px; } .compare-page .list-product .item .box-img-box img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .compare-page .list-product .item .btn-dark.secondary { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 767px) { .compare-page .list-product .item .btn-dark.secondary.show-phone-number { display: none; } } @media (max-width: 767px) { .compare-page .list-product .item .call-button-column { margin-bottom: 20px; padding-top: 0; padding-bottom: 0; } } .compare-page.left-scr .btn-compare-scroll.btn-compare-left { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-page.right-scr .btn-compare-scroll.btn-compare-right { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-page .agency-block { z-index: 1; } .btn-compare-scroll { width: 40px; height: 40px; position: absolute; z-index: 3; top: 220px; cursor: pointer; background-color: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); border-radius: 50%; font-size: 24px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; display: none; } @media (min-width: 768px) { .btn-compare-scroll:hover { background-color: #E1F4F0; color: #264653; } } @media (max-width: 767px) { .btn-compare-scroll { top: 215px; } } .btn-compare-scroll:before { position: relative; display: inline-block; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .btn-compare-scroll.btn-compare-right { right: 48px; } @media (max-width: 767px) { .btn-compare-scroll.btn-compare-right { right: 20px; } } .btn-compare-scroll.btn-compare-right:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .btn-compare-scroll.btn-compare-left { left: 284px; } @media (max-width: 767px) { .btn-compare-scroll.btn-compare-left { left: 20px; } } .btn-compare-scroll.btn-compare-left:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .box-compare-top-wrapper { visibility: hidden; top: -150px; position: fixed; left: 0; right: 0; padding: 0 0 4px; z-index: 5; overflow: hidden; background-color: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .box-compare-top-wrapper { top: 52px; } } .box-compare-top-wrapper .box-compare-top { margin-left: 212px; margin-bottom: -40px; padding-bottom: 40px; overflow: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .box-compare-top-wrapper .box-compare-top { margin-top: -55px; } } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top { margin-left: 0; } } .box-compare-top-wrapper .box-compare-top .item { width: 300px; margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item { width: 156px; margin-right: 12px; } } .box-compare-top-wrapper .box-compare-top .item .box-img { width: 90px; height: 68px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item .box-img { width: 32px; height: 32px; margin-right: 8px; } } .box-compare-top-wrapper .box-compare-top .item .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-compare-top-wrapper .box-compare-top .item .description { width: 100%; } .box-compare-top-wrapper .box-compare-top .item .description .name { margin-bottom: 4px; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; /* Кількість рядків для відображення */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item .description .name { margin-bottom: 2px; font-size: 12px; line-height: 15px; } } .box-compare-top-wrapper .box-compare-top .item .description .price { font-size: 16px; font-weight: 600; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item .description .price { font-size: 12px; } } .box-compare-top-wrapper .custom-checkbox2 { position: absolute; left: 24px; } @media (max-width: 991px) { .box-compare-top-wrapper .custom-checkbox2 { left: 16px; } } @media (max-width: 767px) { .box-compare-top-wrapper .custom-checkbox2 { display: none; } } .sticky-compare .box-compare-top-wrapper { top: 64px; visibility: visible; } @media (max-width: 767px) { .sticky-compare .box-compare-top-wrapper { top: 52px; } } .sticky-compare .btn-compare-scroll { position: fixed; top: 100px; z-index: 5; } @media (max-width: 767px) { .sticky-compare .btn-compare-scroll { top: 80px; } } .sticky-compare .btn-compare-scroll.btn-compare-left { left: 50%; margin-left: -410px; } @media (max-width: 1279px) { .sticky-compare .btn-compare-scroll.btn-compare-left { left: 240px; margin-left: initial; } } @media (max-width: 767px) { .sticky-compare .btn-compare-scroll.btn-compare-left { left: 20px; } } .sticky-compare .btn-compare-scroll.btn-compare-right { right: 50%; margin-right: -620px; } @media (max-width: 1279px) { .sticky-compare .btn-compare-scroll.btn-compare-right { right: 50px; margin-right: initial; } } .agent-page { padding: 24px 0 48px; } .wallpaper-agent { height: 360px; overflow: hidden; line-height: 0; } @media (max-width: 991px) { .wallpaper-agent { height: 280px; } } @media (max-width: 767px) { .wallpaper-agent { height: 98px; } } .wallpaper-agent img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar-box { position: relative; z-index: 1; text-align: center; margin: -80px auto 28px; } @media (max-width: 767px) { .avatar-box { margin: -32px auto 24px; } } .avatar-box .box-img { width: 160px; height: 160px; margin: 0 auto 20px; border-radius: 50%; line-height: 0; border: 4px solid white; overflow: hidden; } .avatar-box .box-img.agency { border-radius: 2px; } @media (max-width: 767px) { .avatar-box .box-img { width: 64px; height: 64px; margin-bottom: 20px; } } .avatar-box .box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar-box h1 { margin-bottom: 8px; font-size: 24px; text-align: center; color: black; font-weight: 600; } @media (max-width: 767px) { .avatar-box h1 { font-size: 20px; } } .avatar-box .type { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; } .avatar-box .type i { margin-right: 4px; color: #2A9D8F; } .description-agent { max-width: 814px; margin: 0 auto 24px; } .description-agent h3 { text-transform: initial; font-size: 20px; line-height: 30px; } @media (max-width: 767px) { .description-agent h3 { font-size: 18px; line-height: 28px; } } .description-agent hr { margin: 24px 0; } .description-agent .main-description { margin-bottom: 24px; padding: 24px; border-radius: 8px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; background: #E1F4F0; } @media (max-width: 767px) { .description-agent .main-description { padding: 0 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .description-agent .main-description .one-d { width: 100%; padding: 0 16px; border-right: 1px solid rgba(0, 0, 0, 0.08); } .description-agent .main-description .one-d:last-child { border-right: 0; } @media (max-width: 767px) { .description-agent .main-description .one-d { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .description-agent .main-description .one-d:last-child { border-bottom: 0; } } .description-agent .main-description .one-d .title { margin-bottom: 8px; font-size: 14px; } @media (max-width: 767px) { .description-agent .main-description .one-d .title { margin-bottom: 0; } } .description-agent .main-description .one-d span { font-size: 18px; font-weight: 600; } @media (max-width: 767px) { .description-agent .main-description .one-d span { font-size: 14px; } } .social-list li { margin-bottom: 4px; padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; border-radius: 4px; color: black; background: rgba(225, 245, 240, 0.48); } .social-list li i { width: 20px; margin-right: 16px; text-align: center; color: #264653; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; } .social-list li:last-child { margin-bottom: 0; } .text-agent { font-size: 15px; line-height: 25px; } .user-settings .left-board { width: 300px; padding: 12px; -ms-flex-negative: 0; flex-shrink: 0; background-color: white; border-right: 1px solid rgba(0, 0, 0, 0.08); } .user-settings .left-board.subscriptions-left { width: 360px; padding: 0 0 16px; background-color: #FBFBFB; } .user-settings .user-agent { margin-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .user-settings .user-agent .box-img { width: 48px; height: 48px; margin-right: 12px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; } .user-settings .user-agent .box-img.square { border-radius: 10px; } .user-settings .user-agent .box-img.square img { border-radius: 10px; } .user-settings .user-agent .box-img.letter { text-align: center; background-color: #EAF5F4; color: #264653; font-size: 24px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .user-settings .user-agent .box-img img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .user-settings .user-agent .title { margin-bottom: 2px; font-size: 16px; } .user-settings .user-agent .id { font-size: 12px; color: #4B6570; } .user-settings .balance-top-up .btn-border { width: 32px; height: 32px; padding: 2px; } .user-settings .balance-top-up .ico-plus { font-size: 20px; color: #2A9D8F; } .user-settings .balance-top-up .ico-wallet { width: 18px; height: 18px; font-size: 19px; -ms-flex-negative: 0; flex-shrink: 0; } .user-settings .link-rout { padding: 12px 16px; } .user-settings .link-rout .name { margin-bottom: 8px; font-size: 16px; font-weight: 500; } .user-settings .link-rout p { padding-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 20px; } .user-settings .link-rout .brand-link { font-weight: 500; } .user-settings .head-subscribe { padding: 16px; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .user-settings .title-16 { margin-bottom: 8px; color: #000; font-size: 16px; font-weight: 500; line-height: 24px; } .user-settings .title-16:last-child { margin-bottom: 0; } .user-settings .caption-subscribe { padding: 16px; background: #FBFBFB; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .user-settings .caption-subscribe.disabled { opacity: 0.5; } .user-settings .caption-subscribe:last-child { border-bottom: 0; } .user-settings .small-text { color: #4B6570; font-size: 12px; font-weight: 400; line-height: 16px; } .user-settings .small-text a { color: #4B6570; text-decoration: underline; } @media (min-width: 768px) { .user-settings .small-text a:hover { text-decoration: none; color: #227F74; } } .user-settings .style-sub-check li { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 16px; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .user-settings .style-sub-check li.disabled { opacity: 0.5; } .user-settings .style-sub-check li .text { width: 100%; } .user-settings .style-sub-check li .custom-checkbox2 { margin-left: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .user-settings .box-with-arrow-right { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media (min-width: 768px) { .user-settings .box-with-arrow-right.active { background-color: #E1F4F0; } } .user-settings .box-with-arrow-right.disabled { opacity: 0.5; } .user-settings .box-with-arrow-right .ico-down { margin-left: 10px; color: #2A9D8F; -ms-flex-negative: 0; flex-shrink: 0; position: relative; display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 24px; } .user-settings .box-with-arrow-right .text { width: 100%; font-size: 14px; font-weight: 400; color: black; line-height: 20px; } .user-settings .saved-box { display: none; } .user-settings .saved-box.active { display: block; } .user-settings .balance-top-up { margin-bottom: 12px; background-color: white; } .page-board { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; } @media (max-width: 991px) { .page-board .left-board { display: none; } } .page-board hr { margin: 16px 0; } .page-board .wrapper-btn-notification { display: none; } @media (max-width: 767px) { .page-board .wrapper-btn-notification { display: block; } } .page-board .wrapper-btn-notification .drop-block { right: 0; } .page-board .right-board { padding: 24px 0 24px 24px; width: calc(100% - 300px); } @media (max-width: 991px) { .page-board .right-board { width: 100%; padding: 12px 0; } } .page-board .one-search { padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .page-board .one-search:last-child { border-bottom: 0; } .page-board .one-search .name { margin-bottom: 4px; font-weight: 500; } .page-board .one-search .city { color: #4B6570; } .page-board .favorite-in-board { margin: 16px; padding-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .page-board .favorite-in-board:last-child { padding-bottom: 0; border-bottom: 0; } .page-board .favorite-in-board .box-img { width: 60px; margin-right: 12px; display: block; -ms-flex-negative: 0; flex-shrink: 0; } .page-board .favorite-in-board .box-img img { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .page-board .favorite-in-board .description { width: calc(100% - 74px); } .page-board .favorite-in-board .description .name { margin-bottom: 4px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-board .favorite-in-board .description .name .inside { color: black; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (min-width: 768px) { .page-board .favorite-in-board .description .name .inside:hover { color: #2A9D8F; } } .page-board .favorite-in-board .description .name .value { -ms-flex-negative: 0; flex-shrink: 0; } .page-board .favorite-in-board .description .address { color: #4B6570; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:before, .page-board .owl-arrows-style-1 .owl-nav .owl-next:before { position: relative; z-index: 3; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev span, .page-board .owl-arrows-style-1 .owl-nav .owl-next span { width: 40px; height: 40px; top: 50%; margin-top: -20px; position: absolute; border-radius: 50%; color: white !important; z-index: 2; font-size: 24px; background-color: white !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:after, .page-board .owl-arrows-style-1 .owl-nav .owl-next:after { position: absolute; width: 80px; top: -40px; bottom: -40px; left: -30px; z-index: -1; content: ''; display: block; background: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)); background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb); background: -o-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb); background: linear-gradient(to right, rgba(251, 251, 251, 0.2), #fbfbfb); } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:hover span, .page-board .owl-arrows-style-1 .owl-nav .owl-next:hover span { color: #264653 !important; background-color: #264653 !important; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:after { left: 0; background: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)); background: -webkit-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb); background: -o-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb); background: linear-gradient(to left, rgba(251, 251, 251, 0.2), #fbfbfb); } .page-board h1 { margin-bottom: 12px; } .page-board .caption-h-btn { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .page-board .caption-h-btn.mobile-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .page-board .caption-h-btn h1 { width: 100%; margin-bottom: 0; } .page-board .caption-h-btn .list-buttons-board { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; } @media (max-width: 767px) { .page-board .caption-h-btn .list-buttons-board { display: none; } } .page-board .caption-h-btn .small-search-field { width: 160px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .page-board .caption-h-btn .small-search-field { width: 100%; margin-top: 12px; margin-left: 0; } } .page-board.subscriptions-wrapper .wrapper-back { margin-bottom: 12px; display: none; } @media (max-width: 767px) { .page-board.subscriptions-wrapper { display: block; } .page-board.subscriptions-wrapper .wrapper-back { display: block; } } @media (max-width: 991px) { .page-board.subscriptions-wrapper .left-board { width: 300px; display: block; } } @media (max-width: 767px) { .page-board.subscriptions-wrapper .left-board { width: initial; margin-left: -12px; margin-right: -12px; border-right: 0; } } @media (max-width: 991px) { .page-board.subscriptions-wrapper .right-board { width: 100%; padding: 12px 0 12px 12px; } } @media (max-width: 767px) { .page-board.subscriptions-wrapper .right-board { display: none; padding-left: 0; } } @media (max-width: 767px) { .page-board.subscriptions-wrapper.active .left-board { display: none; } .page-board.subscriptions-wrapper.active .right-board { display: block; } } .search-field-like-input { position: relative; display: none; } .search-field-like-input:before { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; display: block; content: ''; } @media (max-width: 767px) { .search-field-like-input { display: block; margin-bottom: auto; } } .search-field-like-input i { position: absolute; top: 50%; left: 12px; font-size: 16px; color: #4B6570; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .search-field-like-input input { width: 100%; height: 64px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; z-index: 1; position: relative; background-color: transparent; padding-left: 36px; padding-right: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .small-search-field { position: relative; } .small-search-field i { position: absolute; top: 50%; left: 12px; font-size: 16px; color: #4B6570; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .small-search-field input { width: 100%; height: 36px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 12px; z-index: 1; position: relative; background-color: transparent; padding-left: 36px; padding-right: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .small-search-field input:focus { border: 1px solid rgba(0, 0, 0, 0.24); } .small-search-field.white { border-radius: 4px; background-color: white; } .small-search-field.white input { height: 40px; } .menu-board li { margin-bottom: 4px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .menu-board li:last-child { margin-bottom: 0; } .menu-board li a, .menu-board li .like-link { padding: 10px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .menu-board li a:hover, .menu-board li .like-link:hover { background-color: #E1F4F0; } } .menu-board li a.active, .menu-board li .like-link.active { background-color: #E1F4F0; } .menu-board li a.disabled, .menu-board li .like-link.disabled { cursor: default; background-color: transparent; } .menu-board li a.disabled .name, .menu-board li a.disabled i, .menu-board li .like-link.disabled .name, .menu-board li .like-link.disabled i { color: #81949B; } .menu-board li a i, .menu-board li .like-link i { width: 18px; height: 18px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 19px; color: #2A9D8F; } .menu-board li a .name, .menu-board li .like-link .name { width: 100%; color: #264653; font-size: 14px; font-weight: 500; position: relative; } .menu-board li a .count, .menu-board li .like-link .count { min-width: 24px; height: 24px; margin: -2px 0 -2px 12px; padding: 4px 7px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; color: #264653; border-radius: 50%; background-color: #E1F4F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .menu-board li.new-i .count { position: relative; } .menu-board li.new-i .count:before { width: 10px; height: 10px; position: absolute; top: -4px; right: -5px; content: ''; border-radius: 50%; background: #E76F51; border: 2px solid white; } .menu-board li .drop-links { cursor: pointer; } .menu-board li .drop-links .ico-down { margin-right: 4px; margin-left: 10px; color: #81949B; } .menu-board li .btn-after-pay { width: 24px; height: 24px; color: red; font-size: 23px; position: absolute; right: 12px; top: 7px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .menu-board li .btn-after-pay i { position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-board li .box-after-pay { width: 85%; position: absolute; bottom: 35px; right: 0; padding: 8px 12px; border-radius: 4px; background: white; z-index: 3; font-size: 12px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); color: #264653; font-weight: 400; display: none; } .menu-board li .box-after-pay a { padding: 0; background-color: transparent !important; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .menu-board li.showPay .box-after-pay { display: block; } .menu-board li .drop-links-ul { display: none; } .menu-board li .drop-links-ul li > a, .menu-board li .drop-links-ul li > .like-link { margin-bottom: 2px; padding: 4px 42px; } .menu-board li .drop-links-ul .btn-after-pay { top: 2px; font-size: 20px; } .menu-board li .ico-down { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-board li.open-drop .ico-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-board li.open-drop .drop-links-ul { display: block; } .box-board-border { margin-top: 12px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; background-color: white; } .box-board-border .caption { padding: 12px 16px; font-size: 16px; font-weight: 500; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .caption2 { padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .caption2 .title { width: 100%; font-size: 16px; font-weight: 500; } .box-board-border .caption2 .right-q { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-board-border .caption2 .right-q .list-counter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .box-board-border .caption2 .right-q .list-counter-btn { display: none; } } .box-board-border .caption2 .right-q .list-counter-btn .change-time { margin-right: 4px; padding: 8px 12px; color: #4B6570; font-size: 12px; font-weight: 500; border-radius: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .box-board-border .caption2 .right-q .list-counter-btn .change-time.active { background-color: #EAF5F4; color: #264653; } @media (min-width: 768px) { .box-board-border .caption2 .right-q .list-counter-btn .change-time:hover { background-color: #EAF5F4; color: #264653; } } .box-board-border .caption3 { margin-bottom: 4px; font-size: 16px; font-weight: 500; } .box-board-border .one-adv-board { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .one-adv-board:last-child { border-bottom: 0; } .box-board-border .one-adv-board.old .top-part { opacity: 0.5; } .box-board-border .one-adv-board .status-board-adv { margin-bottom: 16px; padding: 5px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 3px; font-size: 12px; font-weight: 500; color: #4B6570; background-color: rgba(0, 0, 0, 0.08); } .box-board-border .one-adv-board .top-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-board-border .one-adv-board .top-part .box-img { width: 80px; height: 60px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .box-board-border .one-adv-board .top-part .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-board-border .one-adv-board .top-part .description { width: 100%; line-height: 20px; } .box-board-border .one-adv-board .top-part .type-flat { margin-bottom: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-board-border .one-adv-board .top-part .type-flat li { margin-right: 10px; margin-bottom: 10px; } .box-board-border .one-adv-board .top-part .des-number { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .box-board-border .one-adv-board .top-part .des-number { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-board-border .one-adv-board .top-part .des-number .price, .box-board-border .one-adv-board .top-part .des-number .price-clean { width: 100%; } .box-board-border .one-adv-board .top-part .des-number .number-adv { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; color: #4B6570; } @media (max-width: 991px) { .box-board-border .one-adv-board .top-part .des-number .number-adv { width: 100%; margin-top: 4px; margin-left: 0; } } .box-board-border .one-adv-board .top-part .price { margin-bottom: 2px; font-size: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-weight: 600; } .box-board-border .one-adv-board .top-part .price .old-price { margin-left: 8px; color: #4B6570; font-size: 14px; font-weight: 500; } .box-board-border .one-adv-board .top-part .price-clean { margin-bottom: 4px; font-size: 18px; font-weight: 600; color: #4B6570; } .box-board-border .one-adv-board .statistic { margin-bottom: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-board-border .one-adv-board .statistic .one-stat { width: 96px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; margin-bottom: 16px; font-size: 12px; color: #264653; } .box-board-border .one-adv-board .statistic .one-stat .number { margin-bottom: 4px; font-size: 20px; font-weight: 600; } .box-board-border .footer-board { padding: 12px 16px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .inside-block { padding: 12px 16px; } .box-board-border .range-select-style { -ms-flex-negative: 0; flex-shrink: 0; } .clean-field { padding: 16px; min-height: 124px; color: #4B6570; font-size: 14px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-buttons-board { margin-bottom: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-buttons-board a { margin-bottom: 8px; margin-right: 8px; padding: 8px 12px; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; color: #264653; background-color: #E1F4F0; } .list-buttons-board a:last-child { margin-right: 0; } @media (min-width: 768px) { .list-buttons-board a:hover { background-color: #2A9D8F; color: white; } } .list-buttons-board a.active { background-color: #2A9D8F; color: white; } .list-buttons-board a i { margin-right: 8px; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0; } .statistics-feed { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .statistics-feed { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .statistics-feed .column { margin-right: 12px; width: 50%; } @media (max-width: 767px) { .statistics-feed .column { width: 100%; margin-right: 0; } } .statistics-feed .column:last-child { margin-right: 0; } .buttons-style-1 { margin-bottom: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buttons-style-1 > * { height: 36px !important; margin-right: 8px; margin-bottom: 8px; padding: 6px 16px; font-size: 14px; font-weight: 500; } .buttons-style-1 > *:last-child { margin-right: 0; } .saved-searches .one-item { margin-bottom: 12px; padding: 16px; border-radius: 4px; position: relative; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .saved-searches .one-item:last-child { margin-bottom: 0; } .saved-searches .one-item .title { padding-right: 50px; margin-bottom: 4px; font-size: 16px; font-weight: 500; color: #264653; line-height: 24px; } .saved-searches .one-item .city { margin-bottom: 4px; font-size: 14px; color: #4B6570; } .saved-searches .one-item.subscriptions { padding-right: 100px; } .saved-searches .delete-saved-search { width: 40px; height: 40px; position: absolute; cursor: pointer; right: 4px; top: 4px; font-size: 24px; color: #81949b; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .saved-searches .delete-saved-search:hover { color: black; background: rgba(0, 0, 0, 0.08); } } .saved-searches .box-checked-r { position: absolute; top: 16px; right: 16px; } .saved-searches .box-checked-r .custom-checkbox2 { padding-left: 40px; } .status-search { padding: 8px 12px; border-radius: 3px; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .status-search.danger { color: #FFA500; background: rgba(255, 165, 0, 0.08); } .status-search.error { color: #E7513B; background: rgba(231, 81, 59, 0.08); } .status-search.gray { color: #4B6570; background: rgba(0, 0, 0, 0.04); } .status-search.full { width: 100%; } .list-statuses { margin-bottom: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-statuses li { margin-right: 8px; margin-bottom: 8px; } .list-statuses li:last-child { margin-right: 0; } .notification-wrapper { border: 1px solid rgba(0, 0, 0, 0.08); background-color: white; border-radius: 4px; overflow: hidden; } .notification-wrapper .one-note { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; } .notification-wrapper .one-note:last-child { border-bottom: 0; } .notification-wrapper .one-note.unread { background: rgba(225, 245, 240, 0.48); } .notification-wrapper .one-note .description { width: 100%; margin-right: 16px; font-size: 12px; color: black; } .notification-wrapper .one-note .description > * { margin-bottom: 4px; } .notification-wrapper .one-note .description > *:last-child { margin-bottom: 0; } .notification-wrapper .one-note .title { font-size: 14px; font-weight: 500; } .notification-wrapper .one-note .title a { color: #000000; font-weight: 500; } .notification-wrapper .one-note .title a:hover { color: #2A9D8F; } .notification-wrapper .one-note p { font-size: 12px; line-height: 16px; } .notification-wrapper .one-note .time { color: #4B6570; } .notification-wrapper .one-note .box-img { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; } .notification-wrapper .one-note .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .notification-wrapper .text-description { margin-bottom: 16px; font-size: 16px; line-height: 24px; } .wrapper-btn-notification { -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wrapper-btn-notification .drop-btn { width: 24px; height: 24px; font-size: 20px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .wrapper-btn-notification .drop-block { width: 230px; position: absolute; top: 30px; right: -12px; padding: 16px; z-index: 3; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; display: none; } .wrapper-btn-notification .drop-block li { margin-bottom: 16px; } .wrapper-btn-notification .drop-block li:last-child { margin-bottom: 0; } .wrapper-btn-notification .drop-block a { font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wrapper-btn-notification .drop-block a i { width: 16px; margin-right: 8px; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; } .wrapper-btn-notification.open .drop-block { display: block; } .change-mail .buttons-style-1 { display: none; } .change-mail.active .brand-link { display: none; } .change-mail.active .buttons-style-1 { display: -webkit-box; display: -ms-flexbox; display: flex; } .ui-datepicker .ui-datepicker-prev { left: 2px !important; } .ui-datepicker .ui-datepicker-next { right: 2px !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 2px !important; border: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background-image: none; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content: ''; display: inline-block; position: relative; font-size: 18px; content: "\e90a"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker .ui-datepicker-prev:hover:before, .ui-datepicker .ui-datepicker-next:hover:before { color: #2A9D8F; } .ui-datepicker .ui-datepicker-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ui-datepicker .ui-datepicker-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover { background-color: #E1F4F0 !important; border: 1px solid #E1F4F0; color: #2A9D8F; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background-color: #2A9D8F !important; border: 1px solid #2A9D8F; color: white; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { width: 100%; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; } .ui-widget.ui-widget-content { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; } .user-image-box { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .user-image-box .box-img { width: 96px; height: 96px; margin-bottom: 16px; border-radius: 50%; } .user-image-box .box-img img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .user-image-box.style-2 { padding: 0; position: relative; z-index: 1; } .user-image-box.style-2 .box-img { width: 104px; height: 104px; margin-top: -28px; border-radius: 16px; border: 4px solid white; background: #E1F5F0; } .user-image-box.style-2 .box-img img { border-radius: 16px; } .clean-drop-box { height: 310px; padding: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .clean-drop-box img { margin-bottom: 16px; } .clean-drop-box .name { margin-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 24px; } .clean-drop-box p { font-size: 12px; line-height: 16px; color: #4B6570; } .box-center-page { width: 100%; height: 100%; padding: 40px 15%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .box-center-page { padding: 40px 12px; } } .list-style-check li { margin-bottom: 16px; position: relative; padding-left: 24px; font-size: 14px; line-height: 20px; } .list-style-check li:before { top: 0; left: 0; display: inline-block; position: absolute; color: #2A9D8F; font-size: 20px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-style-check li:last-child { margin-bottom: 0; } .list-style-check.bold li { font-size: 16px; padding-left: 26px; font-weight: 500; } .list-style-check.bold li:before { font-size: 22px; } .list-check-form { margin-bottom: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-check-form li { width: 33.3%; margin-bottom: 16px; padding-right: 10px; overflow: hidden; } @media (max-width: 767px) { .list-check-form li { width: 50%; } } .box-house-type { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } .box-house-type .box-ico { width: 64px; height: 64px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-house-type .box-ico img { max-height: 100%; } .box-house-type .box-ico.color1 { background: rgba(217, 246, 242, 0.5); } .box-house-type .box-ico.color2 { background: #E1F5F0; } .box-house-type .box-ico.color3 { background: rgba(237, 229, 255, 0.5); } .box-house-type .box-ico.color4 { background: rgba(255, 243, 217, 0.5); } .box-house-type .box-ico.color5 { background: rgba(229, 246, 255, 0.5); } .box-house-type .box-ico.color6 { background: rgba(229, 239, 255, 0.5); } .box-house-type .name { margin-bottom: 4px; font-size: 18px; font-weight: 500; line-height: 28px; } .box-house-type .name:last-child { margin-bottom: 0; } .box-house-type .address { margin-bottom: 4px; color: #666; font-size: 14px; } .box-house-type .address:last-child { margin-bottom: 0; } .box-house-type .link-house { font-weight: 500; } .box-house-type .description { width: 100%; } .box-last-adv { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-last-adv .list-buttons .one-btn { margin-bottom: 5px; } .box-last-adv .left-tabs { width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 767px) { .box-last-adv .left-tabs .left-last-adv { position: absolute; left: 0; right: 0; top: 42px; padding: 4px; display: none; z-index: 3; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-last-adv .left-tabs .left-last-adv .one-btn { width: 100%; margin-bottom: 4px; margin-right: 0; border: 0; } .box-last-adv .left-tabs .left-last-adv .one-btn:last-child { margin-bottom: 0; } } .box-last-adv .left-tabs.open-mobile .left-last-adv { display: block; } .box-last-adv .left-tabs.open-mobile .head:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-last-adv .right-tabs { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .box-last-adv { margin-bottom: 12px; } } .box-last-adv .head { padding: 8px 44px 8px 16px; border-radius: 4px; font-size: 14px; position: relative; font-weight: 500; color: #666; display: none; border: 1px solid #E1F4F0; } .box-last-adv .head span { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 767px) { .box-last-adv .head { display: block; } } .box-last-adv .head:before { position: absolute; top: 8px; right: 12px; font-size: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .list-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-buttons .one-btn { margin-right: 4px; padding: 8px 16px; color: #4B6570; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 1px solid #EAF5F4; border-radius: 4px; } .list-buttons .one-btn.active { cursor: default; } .list-buttons .one-btn:hover, .list-buttons .one-btn.active { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } .list-buttons .one-btn:last-child { margin-right: 0; } .more-adv-click { width: 100%; margin-top: 20px; } .more-adv-click i.ico-down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .search-box-main { display: none; } @media (max-width: 991px) { .search-box-main { margin-bottom: 16px; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; font-size: 16px; border-radius: 8px; border: 4px solid #EAF5F4; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search-box-main i { margin-right: 8px; } } .list-mb-18 li { margin-bottom: 18px; } .list-mb-18 li:last-child { margin-bottom: 0; } .agent-product { margin-bottom: 22px; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .agent-product .agency-block:last-child { margin-bottom: 0; } .agent-product .list-statistic { margin-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .agent-product .list-statistic:last-child { margin-bottom: -16px; border-bottom: 0; } .agent-product .list-statistic li { margin-bottom: 16px; margin-right: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #4B6570; line-height: 16px; } @media (max-width: 767px) { .agent-product .list-statistic li { width: 50%; margin-right: 0; padding-right: 16px; } } .agent-product .list-statistic li:last-child { margin-right: 0; } .agent-product .list-statistic li .text { width: 80px; -ms-flex-negative: 0; flex-shrink: 0; } .agent-product .list-statistic li .number { margin-right: 8px; padding: 4px 8px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; line-height: 32px; font-weight: 700; color: #264653; background-color: #E1F4F0; border-radius: 4px; } @media (max-width: 359px) { .agent-product .list-statistic li .number { font-size: 15px; } } .slider-novobud { height: 610px; overflow: hidden; position: relative; opacity: 0; } .slider-novobud.slick-initialized { opacity: 1; height: initial !important; } @media (max-width: 1279px) { .slider-novobud { height: 410px; } } @media (max-width: 991px) { .slider-novobud { height: 560px; } } @media (max-width: 767px) { .slider-novobud { height: 200px; } } .slider-novobud img { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } .slider-novobud .slick-btn.slick-next { right: 8px; } .slider-novobud .slick-btn.slick-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slider-novobud .slick-btn.slick-prev { left: 8px; } .slider-novobud .slick-btn.slick-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slider-novobud .slick-btn.slick-next, .slider-novobud .slick-btn.slick-prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-novobud .slick-btn.slick-next:before, .slider-novobud .slick-btn.slick-prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .slider-novobud .slick-btn.slick-next span, .slider-novobud .slick-btn.slick-prev span { display: none; } .slider-novobud .slick-btn.slick-next.disabled, .slider-novobud .slick-btn.slick-prev.disabled { display: none; } @media (min-width: 768px) { .slider-novobud .slick-btn.slick-next:hover, .slider-novobud .slick-btn.slick-prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .slider-full-and-dots { width: 100%; position: relative; } .slider-full-and-dots .slick-dots { position: absolute; bottom: 15px; left: 0; right: 0; z-index: 2; text-align: center; } .slider-full-and-dots .slick-dots li { margin: 0 4px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; cursor: pointer; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .slider-full-and-dots .slick-dots li button { display: none; } .slider-full-and-dots .slick-dots li.slick-active { background-color: rgba(255, 255, 255, 0.8); } .btn-ico.btn-favorite.big { color: #81949b; } @media (min-width: 768px) { .btn-ico.btn-favorite.big:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .btn-ico.btn-favorite.big.active { color: #E76F51; background-color: white; } @media (min-width: 768px) { .btn-ico.btn-favorite.big.active:hover { border: 1px solid #ebebeb; background-color: rgba(0, 0, 0, 0.08); } } .btn-ico.btn-favorite.big.without-border { border: 0 !important; } .btn-ico.btn-compare.big, .btn-ico.btn-more { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #81949b; } @media (min-width: 768px) { .btn-ico.btn-compare.big:hover, .btn-ico.btn-more:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .btn-ico.btn-compare.big.active, .btn-ico.btn-more.active { color: #81949b; background-color: white; } @media (min-width: 768px) { .btn-ico.btn-compare.big.active:hover, .btn-ico.btn-more.active:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .btn-ico.btn-compare.big.primary, .btn-ico.btn-more.primary { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } @media (min-width: 768px) { .btn-ico.btn-compare.big.primary:hover, .btn-ico.btn-more.primary:hover { cursor: pointer; border: 1px solid #2A9D8F; background-color: #2A9D8F; color: white; } } .btn-ico.btn-change-modal.big { color: #81949b; } @media (min-width: 768px) { .btn-ico.btn-change-modal.big:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .planning-list { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.08); } .planning-list .one-planing { padding-bottom: 16px; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .planning-list .one-planing .box-img { width: 112px; margin-right: 16px; display: block; -ms-flex-negative: 0; flex-shrink: 0; } .planning-list .one-planing:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .planning-list .one-planing .description { width: 100%; } .planning-list .one-planing .description .price { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .planning-list .one-planing .description .price .old { margin-left: 8px; margin-bottom: 4px; color: #4B6570; } @media (max-width: 767px) { .planning-list .one-planing .description .price .old { display: none; } } .planning-list .one-planing .description .price .current-price { margin-bottom: 4px; margin-right: 8px; font-size: 16px; font-weight: 500; } .planning-list .one-planing .description .corpus-line { margin-bottom: -8px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .planning-list .one-planing .description .corpus-line { margin-bottom: 4px; } } .planning-list .one-planing .description .corpus-line li { margin-right: 8px; margin-bottom: 8px; } @media (max-width: 767px) { .planning-list .one-planing .description .corpus-line li { width: 100%; margin-bottom: 4px; font-size: 12px; } } .planning-list .one-planing .description .corpus-line li:last-child { margin-right: 0; } .planning-list .one-planing .description .region { margin-bottom: 4px; font-size: 12px; } .planning-list .one-planing .description .list-type { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .planning-list .one-planing .description .list-type { display: none; } } .planning-list .one-planing .description .list-type > * { margin-right: 8px; margin-bottom: 4px; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .planning-list .one-planing .description .list-type > *:last-child { margin-right: 0; } .planning-list .one-planing .description .list-type > * i { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 18px; } .planning-list .one-planing .description .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .planning-list .one-planing .btn-favorite { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .price-apartment-now { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .price-apartment-now { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .price-apartment-now .caption { margin-bottom: 4px; color: #4B6570; } .price-apartment-now .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .price-apartment-now .price .current-price { margin-right: 10px; font-weight: 600; font-size: 28px; } .price-apartment-now .price .old { font-size: 12px; font-weight: 500; color: #2A9D8F; } .price-apartment-now .price .old.error { color: #E7513B; } .price-apartment-now .left-q { width: 50%; } @media (max-width: 767px) { .price-apartment-now .left-q { width: 100%; margin-bottom: 16px; } } .price-apartment-now .right-q { width: 50%; margin-left: 16px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; background: #F0FAF8; } @media (max-width: 767px) { .price-apartment-now .right-q { width: 100%; margin-left: 0; } } .price-apartment-now .right-q .box-img { width: 56px; margin-right: 16px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; } .price-apartment-now .right-q .text b { font-weight: 600; display: block; } @media (min-width: 992px) and (max-width: 1279px) { .price-apartment-now.column-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .price-apartment-now.column-3 .right-q { margin-left: 0; margin-top: 16px; } } .canvas-prices { margin-bottom: 16px; } .map-popup { padding: 0 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #fff; background-color: #264653; font-size: 12px; border-radius: 30px; font-weight: 500; } .map-popup .flat-count { min-width: 16px; height: 16px; padding: 4px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; font-size: 12px; color: #264653; } .map-popup .price { padding: 0 6px; } .special-wrapper-box { position: relative; } @media (max-width: 767px) { .special-wrapper-box { margin: 0 -12px; padding: 0 12px; overflow: hidden; } } .wrapper-for-scroll-hide { position: relative; } @media (max-width: 767px) { .wrapper-for-scroll-hide { margin: 0 -12px -10px; overflow: hidden; } } @media (max-width: 767px) { .wrapper-for-scroll-hide > * { margin-bottom: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; padding-left: 9px; padding-bottom: 30px; } .wrapper-for-scroll-hide > * .item { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 767px) { .wrapper-for-scroll-hide.style2 { margin-bottom: 0; } .wrapper-for-scroll-hide.style2 > * { padding-left: 12px; } } @media (max-width: 767px) { .list-last-advert .slider-one-hover.slider-advert-small .slide, .list-last-advert .slider-one-hover-no-swipe.slider-advert-small .slide { width: 156px; } } @media (max-width: 991px) { .list-last-advert .owl-height { height: initial !important; } .list-last-advert .owl-height .owl-stage { height: 255px; overflow: hidden; } } .small-select .custom-input.with-left-text input { padding-left: 36px; } @media (max-width: 767px) { .wrapper-for-scroll-hide .box-img-box { z-index: initial; } .wrapper-for-scroll-hide .slider-one-hover-no-swipe { z-index: -3; } } @media (max-width: 767px) { .gmnoprint.gm-style-mtc-bbw { top: initial !important; bottom: 14px !important; } } .list-premium-advert .advert-item .box-img-box { z-index: 1; } .list-premium-advert .metro { margin-bottom: 4px; } .list-premium-advert .metro .name-metro { max-width: 100%; font-size: 12px; } .map-catalog-left .wrapper-small-tbn { position: relative; z-index: 2; } .map-catalog-left .advert-item .wrapper-description-item { margin-bottom: 8px; } .map-catalog-left .advert-item .box-img-box { margin-bottom: 16px; } .map-catalog-left .advert-item .line-buttons-product { padding-top: 8px; } .wrapper-btn-modal { padding: 40px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper-btn-modal > * { margin: 0 10px 10px 0; } .badge-color-contact { padding: 12px 16px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; font-size: 16px; color: #264653; background: #EAF5F4; } .badge-color-contact i { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; color: #2A9D8F; font-size: 20px; } .img-document-static { width: 150px; margin-bottom: 12px; } @media (max-width: 767px) { .img-document-static { display: none; } } .caption-doc { margin-bottom: 12px; font-size: 18px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 28px; } .caption-doc .box-ico { width: 36px; height: 36px; margin-right: 12px; font-size: 20px; color: #264653; background-color: #EAF5F4; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; display: none; } @media (max-width: 767px) { .caption-doc .box-ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .text-for-doc { margin-bottom: 24px; } .text-for-doc p { margin-bottom: 12px; font-size: 14px; line-height: 20px; } .text-for-doc p:last-child { margin-bottom: 0; } .call-me-box { padding: 24px; border-radius: 8px; background: #EAF5F4; } .call-me-box .title { margin-bottom: 16px; font-size: 18px; font-weight: 600; line-height: 28px; } .call-me-box .code-block { display: none; } .call-me-box .code-block .code-from-sms input { padding-left: 5px; padding-right: 5px; background-color: white; } .call-me-box.send-code-doc .phone-block { display: none; } .call-me-box.send-code-doc .code-block { display: block; } .list-doc li { margin-bottom: 8px; } .list-doc li:last-child { margin-bottom: 0; } .check-for-doc { display: block; } @media (min-width: 768px) { .check-for-doc:hover .wrap-content { background: #EAF5F4; } } .check-for-doc input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .check-for-doc .box-ico { width: 36px; height: 36px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; font-size: 20px; background: #EAF5F4; color: #264653; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .check-for-doc .name { font-size: 16px; font-weight: 500; color: black; } .check-for-doc .wrap-content { padding: 16px 60px 16px 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .check-for-doc .wrap-content:before { width: 20px; height: 20px; position: absolute; right: 16px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); content: ''; display: block; border-radius: 4px; border: 1px solid #D6D6D6; background-color: #FFFFFF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .check-for-doc .wrap-content:after { position: absolute; right: 16px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 19px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .check-for-doc input:checked + .wrap-content { background: #EAF5F4; } .check-for-doc input:checked + .wrap-content:before { border: 1px solid #2A9D8F; background-color: #2A9D8F; } .check-for-doc input:checked + .wrap-content:after { opacity: 1; } .doc-button-footer { padding: 12px 24px; background-color: white; position: fixed; left: 0; right: 0; bottom: 0; display: none; z-index: 10; border-top: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .doc-button-footer.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .doc-button-footer .left-q { width: 100%; color: #4B6570; } .doc-button-footer .right-q { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .doc-button-footer .right-q > * { height: 36px; margin-left: 12px; } .slider-one-hover-no-swipe { opacity: 0; display: none; } .slider-one-hover-no-swipe img { width: 0; } .slider-one-hover-no-swipe.slick-initialized { opacity: 1; display: block; } .slider-one-hover-no-swipe.slick-initialized img { width: 100%; } .gallery-fancy-hide { display: none; } .box-residential-top { width: 100%; position: relative; } .box-residential-top .count-photo-top { top: 12px; left: 12px; position: absolute; z-index: 2; cursor: pointer; display: none; padding: 4px 8px; font-size: 12px; border-radius: 4px; background: rgba(0, 0, 0, 0.32); color: white; font-weight: 500; } @media (max-width: 767px) { .box-residential-top .count-photo-top { display: block; } } .box-residential-top .screen-expand-top { width: 40px; height: 40px; top: 12px; right: 12px; position: absolute; z-index: 2; cursor: pointer; display: none; padding: 4px 8px; font-size: 25px; background: rgba(0, 0, 0, 0.32); color: white; border-radius: 50%; } @media (max-width: 767px) { .box-residential-top .screen-expand-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .box-residential-top .description-res { left: 24px; bottom: 24px; position: absolute; z-index: 2; color: white; font-weight: 600; max-width: calc(100vw - 300px); } @media (max-width: 767px) { .box-residential-top .description-res { display: none; } } .box-residential-top .description-res .title { margin-bottom: 8px; font-size: 40px; font-weight: 600; line-height: 60px; } .box-residential-top .description-res .price { margin-bottom: 4px; font-size: 24px; line-height: 32px; } .box-residential-top .description-res .area { font-size: 14px; line-height: 20px; } .box-residential-top .show-photo-res { height: 40px; padding: 5px 12px; position: absolute; right: 132px; bottom: 24px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background: rgba(0, 0, 0, 0.48); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); font-size: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: white; z-index: 3; font-weight: 500; } @media (max-width: 767px) { .box-residential-top .show-photo-res { display: none; } } @media (min-width: 768px) { .box-residential-top .show-photo-res:hover { background: rgba(0, 0, 0, 0.7); } } .box-residential-top .show-photo-res i { margin-right: 8px; font-size: 16px; } .top-residential-slider { height: calc(100vh - 64px); position: relative; } @media (max-width: 767px) { .top-residential-slider { height: 270px; } } .top-residential-slider .slick-btn { width: 40px; height: 40px; position: absolute; bottom: 24px; border-radius: 360px; background: white; color: #81949b; font-size: 24px; z-index: 2; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .top-residential-slider .slick-btn.slick-prev { right: 72px; } .top-residential-slider .slick-btn.slick-prev span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .top-residential-slider .slick-btn.slick-next { right: 24px; } .top-residential-slider .slick-btn.slick-next span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .top-residential-slider .slick-btn span { position: relative; display: inline-block; } .top-residential-slider .owl-stage-outer, .top-residential-slider .owl-stage, .top-residential-slider .owl-item { height: 100%; } .top-residential-slider .item { height: calc(100vh - 64px); position: relative; } @media (max-width: 767px) { .top-residential-slider .item { height: 270px; } } .top-residential-slider .item:before { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; display: block; content: ''; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.64))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.64) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.64) 100%); background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.64) 100%); } .top-residential-slider .item img { width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .top-residential-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 16px; z-index: 2; left: 0; right: 0; } .top-residential-slider .slick-dots li { width: 8px; height: 8px; margin: 0 4px; border-radius: 50%; background-color: rgba(225, 225, 225, 0.4); } .top-residential-slider .slick-dots li.slick-active { background-color: #E1E1E1; } .top-residential-slider .slick-dots li button { display: none; } } @media (max-width: 767px) { .range-prices-res { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .range-prices-res .line-filter-selects { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .block-like-table { font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .block-like-table { border: 0; background-color: transparent; } } .block-like-table .head-box { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; } @media (max-width: 767px) { .block-like-table .head-box { display: none; } } .block-like-table .head-box > * { width: 50%; padding: 12px 16px; } .block-like-table .body-box .one-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.08); } .block-like-table .body-box .one-line .btn-change-modal { width: 100%; } @media (max-width: 767px) { .block-like-table .body-box .one-line { margin-bottom: 4px; padding: 16px; border-radius: 4px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.08); display: block; } .block-like-table .body-box .one-line:last-child { margin-bottom: 0; } } .block-like-table .body-box .one-line > * { width: 50%; padding: 12px 16px; } @media (max-width: 767px) { .block-like-table .body-box .one-line > * { width: 100%; margin-bottom: 8px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .block-like-table .body-box .one-line > *:last-child { margin-bottom: 0; } .block-like-table .body-box .one-line > *:before { width: 100px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 14px; display: block; content: attr(data-title); } .block-like-table .body-box .one-line > *.without-title:before { display: none; } } .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 150px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 120px; } } @media (max-width: 991px) { .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 150px; } } @media (max-width: 767px) { .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 100%; } } .block-like-table.history-table .head-box > div:nth-child(1), .block-like-table.history-table .one-line > div:nth-child(1) { width: 100%; -ms-flex-negative: 4; flex-shrink: 4; } .block-like-table.history-table .head-box > div:nth-child(5), .block-like-table.history-table .one-line > div:nth-child(5) { width: 142px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .block-like-table.history-table .head-box > div:nth-child(5), .block-like-table.history-table .one-line > div:nth-child(5) { width: 100%; } } .block-like-table.history-table .head-box > div:nth-child(5) .btn-change-modal, .block-like-table.history-table .one-line > div:nth-child(5) .btn-change-modal { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 3px; padding-right: 3px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .construction-slider { overflow: hidden; position: relative; } .construction-slider .item { width: 240px; } .construction-slider .item img { border-radius: 4px; } .swiper-buttons .btn-construction { width: 72px; top: 0; bottom: 0; height: initial; margin-top: 0; } .swiper-buttons .btn-construction:hover i { color: #264653; } .swiper-buttons .btn-construction i { width: 40px; height: 40px; border-radius: 50%; font-size: 20px; color: #81949B; background-color: white; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .swiper-buttons .btn-construction:after { display: none; } .swiper-buttons .btn-construction.swiper-button-disabled { opacity: 0; } .swiper-buttons .btn-construction.swiper-button-prev, .swiper-buttons .btn-construction.swiper-button-prev2 { background: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%); left: 0; } .swiper-buttons .btn-construction.swiper-button-prev i:before, .swiper-buttons .btn-construction.swiper-button-prev2 i:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .swiper-buttons .btn-construction.swiper-button-next, .swiper-buttons .btn-construction.swiper-button-next2 { background: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%); right: 0; } .swiper-buttons .btn-construction.swiper-button-next i:before, .swiper-buttons .btn-construction.swiper-button-next2 i:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .corpus-slider { margin-bottom: 16px; position: relative; overflow: hidden; } .corpus-slider .item { width: initial; } .corpus-slider .one-box-wrapper { height: 64px; padding: 12px; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.08); } .corpus-slider .one-box-wrapper.active { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } .corpus-slider .one-box-wrapper .all-corpus { font-size: 14px; } .corpus-slider .one-box-wrapper .name { margin-bottom: 4px; font-size: 14px; font-weight: 500; } .corpus-slider .one-box-wrapper .time { font-size: 12px; line-height: 16px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .corpus-slider .one-box-wrapper .time i { margin-right: 4px; font-size: 20px; color: #2A9D8F; } .line-filter-selects { padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .line-filter-selects { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .line-filter-selects > * { margin-right: 8px; margin-bottom: 8px; } .line-filter-selects > *:last-child { margin-right: 0; } .line-filter-selects .full-select { width: 100%; } @media (max-width: 767px) { .line-filter-selects .full-select { margin-right: 0; } } .line-filter-selects .year-length { width: 120px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .line-filter-selects .year-length { width: calc(50% - 4px); } } .line-filter-selects .select-length { width: 200px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .line-filter-selects .select-length { width: calc(50% - 4px); } } .line-filter-selects .radio-check-list { margin-bottom: -4px; } .line-filter-selects .check-studio { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .line-filter-selects .check-studio { width: 100%; } } .planning-rooms-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .planning-rooms-box { width: initial; margin: 0 -12px; overflow: hidden; } } .planning-rooms-box .left-box { width: 326px; position: relative; } @media (max-width: 1279px) { .planning-rooms-box .left-box { width: 218px; } } @media (max-width: 991px) { .planning-rooms-box .left-box { width: initial; margin: 0 0 -20px; overflow: auto; } } .planning-rooms-box .left-box .has-scroll { max-height: 370px; padding-right: 10px; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .planning-rooms-box .left-box .has-scroll { padding: 0 0 20px 12px; overflow: inherit; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .planning-rooms-box .left-box .scroll-indicator { height: 80px; position: absolute; left: 0; right: 0; display: block; bottom: 0; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%); } @media (max-width: 991px) { .planning-rooms-box .left-box .scroll-indicator { display: none !important; } } .planning-rooms-box .right-box { width: calc(100% - 332px); height: 370px; margin-left: 6px; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .planning-rooms-box .right-box img { max-height: 100%; } @media (max-width: 1279px) { .planning-rooms-box .right-box { width: calc(100% - 224px); } } @media (max-width: 991px) { .planning-rooms-box .right-box { display: none; } } .planning-rooms-box .full-inform { width: 100%; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .planning-rooms-box .full-inform { display: none; } } .planning-rooms-box .full-inform .floor-value { margin-right: 3px; } .planning-rooms-box .full-inform .one-inf { width: 50%; padding-right: 10px; font-size: 12px; color: #4B6570; } .planning-rooms-box .full-inform .one-inf .caption { color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 600; } .planning-rooms-box .full-inform .one-inf .caption sub, .planning-rooms-box .full-inform .one-inf .caption sup { font-weight: 600; } .planning-rooms-box .full-inform .one-inf .caption span { color: #81949b; } .planning-rooms-box .full-inform .btn-dark { padding: 5px 24px; -ms-flex-negative: 0; flex-shrink: 0; } .planning-rooms-box .one-box-layout { width: 240px; padding: 8px; margin-right: 8px; margin-bottom: 8px; border-radius: 4px; font-size: 12px; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; position: relative; } .planning-rooms-box .one-box-layout:before { left: 0; right: 0; bottom: 0; top: 0; z-index: 0; display: block; position: absolute; content: ''; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .planning-rooms-box .one-box-layout > * { position: relative; z-index: 1; } .planning-rooms-box .one-box-layout:nth-child(3n+3) { margin-right: 0; } @media (max-width: 1279px) { .planning-rooms-box .one-box-layout:nth-child(3n+3) { margin-right: 8px; } } @media (max-width: 1279px) { .planning-rooms-box .one-box-layout:nth-child(2n+2) { margin-right: 0; } } @media (max-width: 991px) { .planning-rooms-box .one-box-layout { margin-right: 8px !important; margin-bottom: 0; } } @media (min-width: 992px) { .planning-rooms-box .one-box-layout { width: 100px; } .planning-rooms-box .one-box-layout:hover:before { border: 1px solid #D6D6D6; } } @media (min-width: 992px) { .planning-rooms-box .one-box-layout.active:before { border: 2px solid #2A9D8F; } } .planning-rooms-box .one-box-layout .box-img { height: 166px; margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .planning-rooms-box .one-box-layout .box-img img { max-height: 100%; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .box-img { height: 62px; } } .planning-rooms-box .one-box-layout .price { margin-bottom: 4px; font-weight: 600; font-size: 14px; display: none; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .price { display: none; } } .planning-rooms-box .one-box-layout .room-desc { font-size: 12px; font-weight: 500; text-align: center; } @media (max-width: 991px) { .planning-rooms-box .one-box-layout .room-desc { display: none; } } .planning-rooms-box .one-box-layout .room-des { margin-bottom: 4px; font-weight: 500; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .room-des { display: none; } } .planning-rooms-box .one-box-layout .corpus { margin-bottom: 8px; color: #4B6570; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .corpus { display: none; } } .planning-rooms-box .one-box-layout .btn-dark { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .btn-dark { display: none; } } .studio-accordion { border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); overflow: hidden; } .studio-accordion .head { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .studio-accordion .head { padding: 10px; } } .studio-accordion .head .description { width: 100%; } .studio-accordion .head .description .top { font-size: 16px; font-weight: 600; line-height: 25px; } @media (max-width: 767px) { .studio-accordion .head .description .top { font-size: 14px; line-height: 20px; } } .studio-accordion .head .description .bottom { padding-top: 4px; font-size: 14px; color: #4B6570; line-height: 20px; } @media (max-width: 767px) { .studio-accordion .head .description .bottom { font-size: 12px; line-height: 16px; } } .studio-accordion .head .offers { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 14px; } @media (max-width: 767px) { .studio-accordion .head .offers { font-size: 12px; margin-left: 10px; } } .studio-accordion .head .btn-change { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; color: #81949b; font-size: 24px; } .studio-accordion .head .btn-change i { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; } @media (min-width: 768px) { .studio-accordion .head:hover { background: #E1F4F0; } } .studio-accordion .body { display: none; } .studio-accordion .body .planning-list { border: 0; } .studio-accordion .watch-all { padding: 16px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .studio-accordion.open .head { background: #E1F4F0; } .studio-accordion.open .head .btn-change i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .caption-slider { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-slider.caption-h2 { margin-bottom: 20px; } .caption-slider h5, .caption-slider h4, .caption-slider h3, .caption-slider h2, .caption-slider h1 { width: 100%; margin-bottom: 0; } .caption-slider .btn-construction { width: 36px; height: 36px; top: initial; margin-top: 0; margin-left: 8px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; color: #4B6570; z-index: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; border: 1px solid rgba(0, 0, 0, 0.08); } .caption-slider .btn-construction:hover { background: #E1F4F0; color: #264653; } .caption-slider .btn-construction i { font-size: 20px; display: inline-block; position: relative; } .caption-slider .btn-construction:after { display: none; } .caption-slider .btn-construction.swiper-button-disabled { opacity: 0.5; } .caption-slider .btn-construction.swiper-button-prev { left: initial; } .caption-slider .btn-construction.swiper-button-prev i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .caption-slider .btn-construction.swiper-button-next { right: 0; } .caption-slider .btn-construction.swiper-button-next i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .recommend-block, .box-hide-sl { overflow: hidden; } @media (max-width: 767px) { .recommend-block, .box-hide-sl { margin: 0 -12px; padding: 0 12px; } .recommend-block .caption-slider.caption-h2, .box-hide-sl .caption-slider.caption-h2 { width: calc(100vw - 24px); } .recommend-block .slider-top-right-controls, .box-hide-sl .slider-top-right-controls { width: 120vw; } } .slider-style-column { position: relative; -ms-touch-action: auto; touch-action: auto; } @media (max-width: 767px) { .slider-style-column .swiper-slide { width: 156px; } } .special-complex-slider { position: relative; overflow: hidden; } @media (max-width: 767px) { .special-complex-slider { overflow: initial; } } .special-complex-slider .item { width: 240px; } .special-complex-slider .one-box-wrapper { width: 100%; height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-radius: 4px; overflow: hidden; cursor: pointer; } .special-complex-slider .one-box-wrapper:after, .special-complex-slider .one-box-wrapper:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 4px; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; content: ''; display: block; opacity: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.48))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.48) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.48) 100%); background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.48) 100%); } .special-complex-slider .one-box-wrapper:after { opacity: 1; } .special-complex-slider .one-box-wrapper:hover:before { opacity: 0.5; } .special-complex-slider .one-box-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .special-complex-slider .one-box-wrapper .title { padding: 16px; color: white; font-size: 14px; font-weight: 600; line-height: 20px; position: absolute; z-index: 2; bottom: 0; } .mortgage-offers .body-table .one-item { margin-bottom: 8px; padding: 16px 8px; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 14px; font-weight: 500; } @media (max-width: 767px) { .mortgage-offers .body-table .one-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mortgage-offers .body-table .one-item .agency-in-table { width: 100%; margin-top: 0; } .mortgage-offers .body-table .one-item .agency-in-table:before { display: none; } } .mortgage-offers .body-table .one-item:last-child { margin-bottom: 0; } .mortgage-offers .body-table .one-item > * { padding: 0 8px; } @media (max-width: 767px) { .mortgage-offers .body-table .one-item > * { width: 50%; margin-top: 16px; } .mortgage-offers .body-table .one-item > *:before { margin-bottom: 4px; display: block; font-size: 12px; color: #4B6570; position: relative; font-weight: 400; content: attr(data-title); } } .style-table-1 > div { width: 50%; } .style-table-1 > div:nth-child(2), .style-table-1 > div:nth-child(4) { width: 90px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1200px) { .style-table-1 > div:nth-child(2), .style-table-1 > div:nth-child(4) { width: 80px; } } .style-table-1 > div:nth-child(3) { width: 130px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1200px) { .style-table-1 > div:nth-child(3) { width: 90px; } } .style-table-1 > div:nth-child(5) { width: 150px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1200px) { .style-table-1 > div:nth-child(5) { width: 100px; } } .style-table-1 .agency-in-table { font-weight: 400; } .style-table-1 .agency-in-table .agency-block { margin-bottom: 0; } .style-table-1 .agency-in-table .agency-block .logo-agency { margin-right: 16px; } @media (max-width: 1279px) { .style-table-1 .agency-in-table .agency-block .logo-agency { margin-right: 8px; } } @media (max-width: 767px) { .style-table-1 .agency-in-table .agency-block .logo-agency { margin-right: 16px; } } .style-table-1 .agency-in-table .agency-block .description .agency-name { font-weight: 400; } .head-table.style-like-table { padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; line-height: 16px; color: #4B6570; } @media (max-width: 767px) { .head-table.style-like-table { display: none; } } .head-table.style-like-table > * { padding: 0 8px; } .swiper-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 768px) { .slider-top-right-controls > .swiper-container .item { width: 293px; margin-right: 20px; } } @media (min-width: 768px) and (max-width: 1279px) { .slider-top-right-controls > .swiper-container .item { width: calc(25vw - 27px); } } @media (min-width: 768px) and (max-width: 991px) { .slider-top-right-controls > .swiper-container .item { width: calc(25vw - 22px); } } @media (min-width: 768px) { .slider-top-right-controls > .swiper-container.swiper-initialized .item { width: inherit; margin-right: inherit; } } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; } html, body { margin: 0; padding: 0; height: 100%; } body { min-height: 100%; } input, textarea, select { max-width: 100%; /* Заборона на масштабування елементів поза розміром екрану */ max-height: 100%; /* Заборона на масштабування елементів поза розміром екрану */ -ms-touch-action: manipulation; /* Заборона на зум на пристроях з Windows */ touch-action: manipulation; /* Заборона на зум на мобільних пристроях */ } .arrow-left { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .arrow-left:before { content: "\e90a"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inside-filter-search input { overflow: hidden; /* заборонити виходження тексту за межі */ white-space: nowrap; /* не дозволяти переносити текст */ -o-text-overflow: ellipsis; text-overflow: ellipsis; /* встановити трьохкрапку для обрізання тексту, який не поміщається */ } .inside-filter-search input::-webkit-input-placeholder { text-overflow: ellipsis; } .inside-filter-search input:-ms-input-placeholder { text-overflow: ellipsis; } .inside-filter-search input::-ms-input-placeholder { text-overflow: ellipsis; } .inside-filter-search input::placeholder { -o-text-overflow: ellipsis; text-overflow: ellipsis; } .light-placeholder2::-webkit-input-placeholder { color: #81949b; font-weight: 400; } .light-placeholder2::-moz-placeholder { font-weight: 400; color: #81949b; } .light-placeholder2:-ms-input-placeholder { font-weight: 400; color: #81949b; } .light-placeholder2:-moz-placeholder { font-weight: 400; color: #81949b; } .light-placeholder::-webkit-input-placeholder { color: #4B6570; font-weight: 400; } .light-placeholder::-moz-placeholder { font-weight: 400; color: #4B6570; } .light-placeholder:-ms-input-placeholder { font-weight: 400; color: #4B6570; } .light-placeholder:-moz-placeholder { font-weight: 400; color: #4B6570; } textarea::-webkit-input-placeholder { color: #81949b; font-weight: 400; } textarea:-ms-input-placeholder { color: #81949b; font-weight: 400; } textarea::-ms-input-placeholder { color: #81949b; font-weight: 400; } textarea::placeholder { color: #81949b; font-weight: 400; } /* Для Internet Explorer */ textarea::-ms-input-placeholder { color: #81949b; font-weight: 400; } /* Для Safari */ textarea::-webkit-input-placeholder { color: #81949b; font-weight: 400; } /* Для Firefox */ textarea:-moz-placeholder { color: #81949b; font-weight: 400; opacity: 1; /* необхідно встановити прозорість, щоб ця робота в Firefox */ } .brand-color { color: #2A9D8F; } .brand-list { color: #2A9D8F; } .brand-list:hover, .brand-list:focus { color: #2A9D8F; text-decoration: none; } .brand-list-light { color: #E1F4F0; font-size: 14px; } .brand-list-light:hover, .brand-list-light:focus { color: #2A9D8F; } a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #264653; text-decoration: none; } a:hover { text-decoration: none; } @media (min-width: 768px) { a:hover { color: #227F74; } } a.link-underline { text-decoration: underline; } a.link-underline:hover { text-decoration: none; } input:focus, textarea:focus { outline: none; } a:focus, button:focus { outline: none !important; } b { font-weight: 700; } body { min-width: 320px; font-size: 14px; line-height: 1.43; font-family: 'Inter', sans-serif; font-weight: 400; } p { font-size: 14px; line-height: 20px; } .object-fit { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } * html .page-wrapper { height: 100%; } .center-bl { max-width: 1280px; margin: 0 auto; padding-right: 24px; padding-left: 24px; position: relative; } @media (max-width: 991px) { .center-bl { padding-left: 12px; padding-right: 12px; } } .border-none { border: 0 !important; } .vertical-middle-wrapper { width: 100%; content: ''; display: table; height: 100%; vertical-align: middle; } .vertical-middle-wrapper > * { vertical-align: middle !important; height: 100% !important; display: table-cell !important; } img { max-width: 100%; } .brand-link { color: #2A9D8F; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand-link .left-ico { margin-right: 6px; font-size: large; } .brand-link.big { font-weight: 500; font-size: 14px; } .brand-link:hover { color: #227F74; } .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .dark-link { color: #000000; } .dark-link:hover { color: #2A9D8F; } .link-secondary { color: #264653; } .link-secondary:hover { color: #227F74; } .owl-carousel { z-index: initial; } .breadcrumbs { padding: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs li { margin-right: 36px; color: #000000; font-size: 14px; position: relative; } .breadcrumbs li:after { position: absolute; right: -27px; top: 0; color: #4B6570; content: "\e903"; display: block; font-size: 20px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .breadcrumbs li:last-child { margin-right: 0; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs li a { color: #4B6570; font-weight: 500; } .breadcrumbs li a:hover { color: #2A9D8F; } @media (max-width: 767px) { .breadcrumbs li { display: none; } .breadcrumbs li:nth-last-child(2) { display: block; } .breadcrumbs li:after { top: -1px; right: initial; left: 0; z-index: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .breadcrumbs li a { padding-left: 30px; position: relative; z-index: 1; } } .gray-text { color: #4B6570; } section { padding: 24px 0; } @media (max-width: 767px) { section { padding: 12px 0; } } h1 { margin-bottom: 32px; color: #000000; font-size: 24px; font-weight: 600; } @media (max-width: 767px) { h1 { margin-bottom: 16px; font-size: 18px; } } h2 { margin-bottom: 20px; font-size: 24px; font-weight: 600; line-height: 36px; } @media (max-width: 767px) { h2 { margin-bottom: 15px; font-size: 20px; line-height: 30px; } } h2.small { font-size: 20px; font-weight: 500; line-height: 30px; } h2 .counter { margin-left: 5px; color: #4B6570; } h3 { margin-bottom: 16px; font-size: 16px; font-weight: 600; line-height: 24px; text-transform: uppercase; } h4 { margin-bottom: 20px; font-size: 18px; font-weight: 500; color: black; line-height: 28px; } h5 { margin-bottom: 15px; font-size: 16px; font-weight: 500; } hr { border: none; border-top: 1px solid rgba(0, 0, 0, 0.08); margin: 32px 0; } @media (max-width: 767px) { hr { margin: 16px 0; } } .fz-16 { font-size: 16px; } .fz-18 { font-size: 18px; } .fz-20 { font-size: 20px; } .m--7 { margin: 0 -7px; } .mt--10 { margin-top: -10px; } .mt--15 { margin-top: -15px; } .mb--20 { margin-bottom: -20px; } .center-style-text-1 { margin-bottom: 24px; text-align: center; font-size: 14px; } .tab-wrapper .body-tab { display: none; } .tab-wrapper .body-tab.active { display: block; } .tab-wrapper2 .body-tab2 { display: none; } .tab-wrapper2 .body-tab2.active { display: block; } .p-24 { padding: 24px; } .mr-8 { margin-right: 8px; } .mb-4 { margin-bottom: 4px !important; } .mb-8 { margin-bottom: 8px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-16 { margin-bottom: 16px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-24 { margin-bottom: 24px !important; } .mb-32 { margin-bottom: 32px !important; } .mb-48 { margin-bottom: 48px !important; } .primary-link { color: #2A9D8F; } @media (min-width: 768px) { .primary-link:hover { color: #227F74; } } .gray-style-1 { color: #4B6570; } .gray-style-1.small { font-size: 12px; } .primary-btn { height: 40px; padding: 5px 12px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #FFFFFF; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; text-align: center; background-color: #2A9D8F; border: 0; } .primary-btn i { font-size: 24px; } .primary-btn.flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .primary-btn.small { height: 36px; font-size: 14px; } .primary-btn.super-small { height: 32px; padding: 6px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .primary-btn.size2 { height: 48px; font-size: 16px; } .primary-btn.size3 { min-width: 200px; height: 48px; font-size: 16px; } @media (min-width: 768px) { .primary-btn:hover { color: #FFFFFF; background-color: #227F74; } } @media (max-width: 767px) { .primary-btn:hover { color: #FFFFFF; } } .primary-btn .left-ico { margin-right: 4px; } .primary-btn:disabled, .primary-btn.disabled { color: #E9EDEE; border: 1px solid #A6B3B8; background: #A6B3B8; cursor: default; } .primary-btn:disabled i, .primary-btn.disabled i { color: #E9EDEE !important; } .btn-light { height: 40px; padding: 5px 12px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #264653; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; text-align: center; background-color: #EAF5F4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; } .btn-light i { font-size: 24px; } .btn-light.flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-light.small { height: 36px; font-size: 14px; } .btn-light.super-small { height: 32px; padding: 6px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .btn-light.size2 { height: 48px; font-size: 16px; } @media (min-width: 768px) { .btn-light:hover { color: #264653; background-color: #A8D7D1; } } @media (max-width: 767px) { .btn-light:hover { color: #264653; } } .btn-light .left-ico { margin-right: 4px; } .btn-light:disabled, .btn-light.disabled { color: #E9EDEE; border: 1px solid #A6B3B8; background: #A6B3B8; } .btn-light:disabled i, .btn-light.disabled i { color: #E9EDEE !important; } .gray-btn { height: 40px; padding: 5px 12px; font-size: 14px; font-weight: 500; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; text-align: center; border: 0; border-radius: 4px; background: rgba(0, 0, 0, 0.04); } .gray-btn i { font-size: 20px; position: relative; } .gray-btn i.ico-down { margin-left: -4px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .gray-btn.flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .gray-btn.small { height: 36px; font-size: 14px; } .gray-btn.super-small { height: 32px; padding: 6px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .gray-btn.size2 { height: 48px; font-size: 16px; } @media (min-width: 768px) { .gray-btn:hover { color: #4B6570; background: rgba(0, 0, 0, 0.08); } } @media (max-width: 767px) { .gray-btn:hover { color: #4B6570; } } .gray-btn .left-ico { margin-right: 4px; } .gray-btn .left-ico.left-4 { margin-left: -4px; } .gray-btn:disabled, .gray-btn.disabled { color: #E9EDEE; border: 1px solid #A6B3B8; background: #A6B3B8; } .gray-btn:disabled i, .gray-btn.disabled i { color: #E9EDEE !important; } .btn-circle { width: 32px; height: 32px; color: #4B6570; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 50%; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-circle:hover { color: #2A9D8F; background-color: #2A9D8F; } } .btn-circle2 { width: 36px; height: 36px; color: #264653; background-color: #E1F4F0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 50%; font-size: 16px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-circle2:hover { color: #264653; background-color: #A8D7D1; } } .btn-border { min-width: 40px; height: 40px; padding: 5px 12px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; font-size: 14px; border-radius: 4px; border: 1px solid #A6B3B8; font-weight: 500; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 768px) { .btn-border:hover { color: #264653; background-color: #A8D7D1; border: 1px solid #A8D7D1; } } .btn-border.height-36 { height: 36px; padding: 6px 16px; } .btn-border.height-48 { height: 48px; padding: 6px 24px; font-size: 16px; } .btn-border.dark { height: 36px; color: #4B6570; } .btn-border.width-initial { width: initial; } .btn-border.with-arrow-right i { margin-right: -5px; font-size: 18px; } .btn-border.light { border: 1px solid #D6D6D6; background: white; } @media (min-width: 768px) { .btn-border.light:hover { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } } .btn-border.dark { border: 1px solid #2A9D8F; color: #1D6E64; } @media (min-width: 768px) { .btn-border.dark:hover { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } } .btn-border.dark.disabled { border: 1px solid #A6B3B8; background: #A6B3B8; color: #E9EDEE; } .btn-border.ico-light { font-size: 20px; } .btn-border.ico-light i { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #81949b; } @media (min-width: 768px) { .btn-border.ico-light:hover i { color: #264653; } } .btn-border.disabled, .btn-border.disabled:hover { border-radius: 4px; cursor: default; color: #81949b; opacity: 0.8; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.08); } .btn-border.border-primary { border: 1px solid #2A9D8F; color: #264653; } @media (min-width: 768px) { .btn-border.border-primary:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .btn-border.border-primary-light { border: 1px solid #E1F4F0; color: #264653; } @media (min-width: 768px) { .btn-border.border-primary-light:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .btn-border.border-primary-light2 { border: 1px solid #A6B3B8; color: #4B6570; } @media (min-width: 768px) { .btn-border.border-primary-light2:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .btn-border.border-primary-light3 { border: 1px solid #2A9D8F; color: #2A9D8F; } @media (min-width: 768px) { .btn-border.border-primary-light3:hover { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } } .btn-border.border-primary-light4 { border: 1px solid #2A9D8F; color: #1D6E64; } @media (min-width: 768px) { .btn-border.border-primary-light4:hover { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } } .btn-border.color-secondary { color: #264653; } .btn-border.error-style { color: #E7513B; border: 1px solid rgba(231, 81, 59, 0.16); } .btn-border.error-style:hover { color: #E7513B; background-color: rgba(231, 81, 59, 0.16); } .btn-border.full { width: 100%; } .btn-border.link-soc { border-radius: 30px; } .btn-border.link-soc i { margin-right: 12px !important; } .btn-border i.left-ico { margin-right: 6px; font-size: 20px; } .btn-border.hide-mob-span { padding: 5px 9px; } @media (max-width: 359px) { .btn-border.hide-mob-span { min-width: 36px; padding: 5px; } } @media (max-width: 767px) { .btn-border.hide-mob-span i { margin-right: 0; } } @media (max-width: 767px) { .btn-border.hide-mob-span span { display: none; } } .btn-dark { height: 36px; padding: 5px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; cursor: pointer; border-radius: 4px; color: #227F74; background-color: #E1F4F0; border: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-dark:hover { color: white; background-color: #227F74; } } .btn-dark.error { color: #E7513B; border-radius: 4px; background: rgba(231, 81, 59, 0.08); } .btn-dark.error:hover { color: #E7513B; background: rgba(231, 81, 59, 0.2); } .btn-dark.height-36 { height: 36px; padding: 6px 16px; } .btn-dark.height-40 { height: 40px; } .btn-dark.height-48 { height: 48px !important; padding: 12px 24px; font-size: 16px; } .btn-dark.size-2 { min-width: 220px; height: 48px !important; font-size: 16px; } .btn-dark.inline, .btn-dark.inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .btn-dark.dark { height: 36px; color: #4B6570; } .btn-dark.secondary { height: 40px; background-color: #264653; color: white; } @media (min-width: 768px) { .btn-dark.secondary:hover { background-color: #227F74; } } .btn-dark.delete { background-color: #E7513B; color: white; } @media (min-width: 768px) { .btn-dark.delete:hover { background-color: #c73722; } } .btn-dark .left-ico { margin-right: 8px; font-size: 20px; } .btn-dark.dark-color { color: #264653; padding: 5px 12px; } .btn-dark.dark-color .left-ico { font-size: 16px; } @media (min-width: 768px) { .btn-dark.dark-color:hover { background-color: #2A9D8F; color: white !important; } } .btn-dark.only-ico { padding: 5px 12px; } .btn-dark.only-ico i { font-size: 16px; } .btn-dark:disabled, .btn-dark.disabled { color: #E9EDEE !important; cursor: default; border: 1px solid #A6B3B8 !important; background: #A6B3B8 !important; } @media (max-width: 767px) { .btn-dark.mobile-only-ico span { display: none; } .btn-dark.mobile-only-ico i { margin-right: 0; } } .btn-ico { width: 32px; height: 32px; padding: 2px; color: #4B6570; font-size: 20px; border-radius: 4px; border: 1px solid #D6D6D6; font-weight: 500; background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-ico.active { color: #264653; border: 1px solid #E1F4F0; background-color: #E1F4F0; } @media (min-width: 768px) { .btn-ico:hover { color: #264653; border: 1px solid #E1F4F0; background-color: #E1F4F0; } } .btn-ico.big { width: 40px; height: 40px; font-size: 20px; } .btn-ico.big span { margin-left: 8px; font-size: 14px; } .btn-ico.delete { font-size: 16px; color: #81949b; border: 0; } @media (min-width: 768px) { .btn-ico.delete:hover { color: #E7513B; background: rgba(231, 81, 59, 0.08); } } .btn-ico.inform { font-size: 16px; color: #81949b; border: 0; } @media (min-width: 768px) { .btn-ico.inform:hover { color: #E7513B; background: rgba(0, 0, 0, 0.08); } } .full-width { width: 100%; } .custom-checkbox { padding-left: 28px; font-size: 14px; color: #000000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .custom-checkbox input { position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .custom-checkbox input:checked + span:before { border: 1px solid #2A9D8F; background-color: #2A9D8F; } .custom-checkbox input:checked + span:after { opacity: 1; } .custom-checkbox span { min-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-checkbox span:before { width: 20px; height: 20px; position: absolute; left: 0; top: 0; content: ''; display: block; border-radius: 4px; border: 1px solid #D6D6D6; background-color: #FFFFFF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .custom-checkbox span:after { position: absolute; left: 1px; top: 1px; color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 19px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom-checkbox.one-line { display: inline-block; } @media (min-width: 768px) { .custom-checkbox:hover { cursor: pointer; } .custom-checkbox:hover span:before { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } } .custom-checkbox2 { min-height: 24px; padding-left: 50px; font-size: 16px; color: #000000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } @media (max-width: 767px) { .custom-checkbox2 { font-size: 14px; } } .custom-checkbox2.without-text { padding-left: 40px; } .custom-checkbox2 input { position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .custom-checkbox2 input:checked + span:before { background-color: #2A9D8F; } .custom-checkbox2 input:checked + span:after { left: 20px; } .custom-checkbox2 span { min-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-checkbox2 span:before { width: 42px; height: 24px; top: 0; left: 0; border-radius: 20px; background-color: #E1F4F0; } .custom-checkbox2 span:after { width: 20px; height: 20px; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .custom-checkbox2 span:before, .custom-checkbox2 span:after { position: absolute; content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (min-width: 768px) { .custom-checkbox2:hover { cursor: pointer; } .custom-checkbox2:hover span:before { background-color: #2A9D8F; } .custom-checkbox2:hover { cursor: pointer; } .custom-checkbox2:hover input:disabled + span:before { background-color: #E1F4F0; } } .list-checkbox li span { min-height: 20px; padding-left: 28px; font-size: 14px; color: #000000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-checkbox li span:before { width: 20px; height: 20px; position: absolute; left: 0; top: 0; content: ''; display: block; border-radius: 4px; border: 1px solid #D6D6D6; background-color: #FFFFFF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-checkbox li span:after { position: absolute; left: 1px; top: 1px; color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 19px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-checkbox li span.active:before { border: 1px solid #2A9D8F !important; background-color: #2A9D8F !important; } .list-checkbox li span.active:after { opacity: 1; } @media (min-width: 768px) { .list-checkbox li span:hover { cursor: pointer; } .list-checkbox li span:hover:before { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } } .upload-wrapper { margin-bottom: 24px; } .upload-wrapper .type { font-size: 12px; color: #4B6570; } .upload-wrapper .under-caption { margin-bottom: 8px; font-size: 12px; color: #4B6570; } .upload-wrapper .caption { margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #000000; } @media (max-width: 767px) { .mobile-hidden { display: none !important; } } .upload-photo-wrapper { width: 160px; height: 120px; border-radius: 8px; overflow: hidden; position: relative; } .upload-photo-wrapper .delete-photo { width: 32px; height: 32px; top: 4px; right: 4px; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; background: #FFFFFF; border-radius: 50%; color: #FFFFFF; font-size: 20px; display: none; background: rgba(0, 0, 0, 0.64); } .upload-photo-wrapper .delete-photo:hover { background: rgba(0, 0, 0, 0.9); color: white; } .upload-photo-wrapper.have-img .delete-photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .upload-photo-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .upload-photo-wrapper input { position: absolute; opacity: 0; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: 1000px; cursor: pointer; } .upload-photo-wrapper.active .delete-photo { display: -webkit-box; display: -ms-flexbox; display: flex; } .upload-photo-wrapper.active .box-upload { display: none; } .upload-photo-wrapper .box-upload { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; color: #4B6570; font-weight: 400; font-size: 14px; } .upload-photo-wrapper .box-upload i { margin-bottom: 14px; font-size: 24px; color: #4B6570; } .select2-custom-field .select2-container { width: 100% !important; } .select2-custom-field .select2-container--default .select2-selection--single { height: 48px; border-radius: 8px; border: 1px solid #D6D6D6; } .select2-custom-field .select2-container--default .select2-selection--single .select2-selection__rendered { height: 100%; padding-left: 16px; padding-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #000000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; } .select2-custom-field .select2-selection__arrow { width: 50px !important; height: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .select2-custom-field .select2-selection__arrow b { display: none; } .select2-custom-field .select2-selection__arrow:before { display: inline-block; content: "\e90a"; font-size: 24px; color: #81949b; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-custom-field.height-40 .select2-container--default .select2-selection--single { height: 40px; } .select2-custom-field.height-40 .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; } .select2-dropdown li { padding: 12px 16px; font-size: 14px; color: #000000; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: white; color: #000000; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option:hover { background-color: #2A9D8F; color: white; } .without-search .select2-search.select2-search--dropdown { display: none; } .pagination-wrapper { padding-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .pagination-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .pagination-wrapper { padding-top: 16px; } } .pagination-wrapper .text-left { width: 100%; padding-right: 20px; font-size: 14px; font-weight: 500; color: #4B6570; } @media (max-width: 991px) { .pagination-wrapper .text-left { margin-bottom: 32px; padding-right: 0; text-align: center; } } .pagination-wrapper.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .pagination li { margin: 0 2px; font-size: 14px; font-weight: 400; color: #4B6570; } .pagination li > span { width: 36px; display: inline-block; text-align: center; } .pagination li a { width: 36px; height: 36px; padding: 5px; font-size: 14px; font-weight: 400; color: #4B6570; border-radius: 4px; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .pagination li a.prev, .pagination li a.next { width: initial; padding: 5px 14px; } .pagination li a.prev i, .pagination li a.next i { font-size: 20px; display: inline-block; } @media (max-width: 767px) { .pagination li a.prev, .pagination li a.next { padding: 5px 9px; } .pagination li a.prev span, .pagination li a.next span { display: none; } } .pagination li a:hover { color: #000000; } .pagination li a.disabled { opacity: 0.2; color: #4B6570; cursor: default; } .pagination li a.active, .pagination li span.active { color: black; background-color: rgba(0, 0, 0, 0.08); } .pagination li.prev a, .pagination li.next a { font-size: 20px; } .pagination li.prev { margin-left: 0; margin-right: auto; } .pagination li.prev i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 767px) { .pagination li.prev i { margin: 0; } } .pagination li.next { margin-right: 0; margin-left: auto; } .pagination li.next i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media (max-width: 767px) { .pagination li.next i { margin: 0; } } @media (max-width: 767px) { .dropdown-open { overflow: hidden; } .dropdown-open .custom-dropdown { z-index: 20; } } .custom-dropdown { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 9; } .custom-dropdown .head-dropdown { height: 32px; padding: 4px 8px; border-radius: 4px; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #000000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .custom-dropdown .head-dropdown span { margin-right: 4px; font-size: 14px; } .custom-dropdown .head-dropdown:after { width: 18px; height: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #4B6570; font-size: 18px; display: inline-block; position: relative; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .custom-dropdown .body-dropdown { width: 164px; position: absolute; top: 36px; left: 0; display: none; padding: 3px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFFFFF; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } .custom-dropdown .body-dropdown li { margin-bottom: 2px; } .custom-dropdown .body-dropdown li:last-child { margin-bottom: 0; } .custom-dropdown .body-dropdown li a { padding: 8px 11px; font-size: 14px; color: #000000; display: block; border-radius: 6px; } .custom-dropdown .body-dropdown li a.active { color: #2A9D8F; background-color: #2A9D8F; } .custom-dropdown .body-dropdown li a:hover { color: #2A9D8F; } .custom-dropdown .caption-modal { display: none; } @media (max-width: 767px) { .custom-dropdown .caption-modal { display: -webkit-box; display: -ms-flexbox; display: flex; } } .custom-dropdown.open .head-dropdown:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .custom-dropdown.open .body-dropdown { display: block; } @media (max-width: 767px) { .custom-dropdown.open .body-dropdown { width: 100%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; left: 0; top: 56px; right: 0; bottom: 0; position: fixed; z-index: 10; padding: 0; background-color: white; } } .simple-table { width: 100%; font-size: 14px; line-height: 20px; } .simple-table tr { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .simple-table tr td { width: 50%; padding: 8px 0; } .border-style { padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .custom-textarea { position: relative; font-size: 14px; } .custom-textarea textarea { width: 100%; height: 96px; padding: 16px; border-radius: 4px; resize: none; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.08); } .custom-textarea textarea.size2 { height: 144px; } .custom-textarea textarea:hover, .custom-textarea textarea:focus { border: 1px solid rgba(0, 0, 0, 0.12); } .custom-textarea.error textarea { border: 1px solid #E7513B; } .custom-textarea.error .error-input-text { margin-top: 4px; display: block; font-size: 12px; color: #E7513B; } .text-for-input { padding-top: 4px; font-size: 12px; color: #81949b; } .select2-container--default .select2-selection--single .select2-selection__placeholder { font-weight: 400; font-size: 14px; } .error-input-text { display: none; } .error-field input, .error-field .radio-check > span, .error-field .custom-textarea textarea, .error-field .textarea-length-box, .error-field .select2-custom-field .select2-container--default .select2-selection--single { border: 1px solid #E7513B; } .error-field .error-input-text { margin-top: 4px; display: block; font-size: 12px; color: #E7513B; } .custom-input { position: relative; font-size: 14px; border-radius: 4px; } .custom-input input { width: 100%; height: 40px; padding-left: 16px; padding-right: 16px; border-radius: 4px; font-size: 14px; font-family: 'Inter', sans-serif; background-color: transparent; border: 1px solid #D6D6D6; } .custom-input input:hover, .custom-input input:focus { border: 1px solid rgba(0, 0, 0, 0.12); } .custom-input input.size2 { height: 48px; font-size: 16px; } .custom-input input.disabled, .custom-input input:disabled { color: #4B6570; border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.04); } .custom-input.with-ico i { width: 20px; height: 20px; position: absolute; top: 15px; right: 16px; z-index: 0; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .custom-input.with-ico .ico-circle-check { color: #2A9D8F; } .custom-input.with-left-text input { padding-left: 16px; } .custom-input.with-left-text .text-left { position: absolute; top: 50%; left: 16px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 14px; color: #4B6570; } .custom-input.with-left-text.phone-field .text-left { color: #000000; font-size: 16px; padding-top: 2px; } .custom-input.with-left-text.phone-field input { padding-left: 60px; font-size: 16px; } .custom-input.with-left-text.phone-field.small-text .text-left { font-size: 14px; } .custom-input.with-left-text.phone-field.small-text input { font-size: 14px; padding-left: 54px; } .custom-input.with-left-text .placeholder-text { display: none; position: absolute; top: 50%; left: 16px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 14px; z-index: -1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #81949b; } .custom-input.with-left-text .placeholder-text sub { top: -1px; vertical-align: super; font-size: 9px; font-weight: 500; } .custom-input.with-left-text input:placeholder-shown + .placeholder-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .custom-input.white { background-color: white; } .custom-input .error-input-text { display: none; } .custom-input.error input { border: 1px solid #E7513B; } .custom-input.error .error-input-text { margin-top: 4px; display: block; font-size: 12px; color: #E7513B; } .custom-input.disabled .text-left { color: #4B6570 !important; } .h-48 .radio-check > span { height: 48px; font-size: 16px; } @media (max-width: 767px) { .h-48 .radio-check > span { padding: 5px 12px; font-size: 13px; height: 40px; } } .radio-check { position: relative; } .radio-check > span { min-width: 40px; height: 40px; padding: 5px 16px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 14px; border-radius: 4px; border: 1px solid #D6D6D6; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 480px) { .radio-check > span { padding: 5px 12px; font-size: 13px; } } @media (min-width: 768px) { .radio-check > span:hover { color: #227F74; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .radio-check .with-sub { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .radio-check .with-sub sub { font-size: 10px; font-weight: 500; } .radio-check input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .radio-check input:checked + span { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } .radio-check.small-light > span { height: 32px; padding: 4px 10px; border-radius: 4px; border: 1px solid #EAF5F4; font-weight: 400; color: black; } @media (min-width: 768px) { .radio-check.small-light > span:hover { color: #227F74; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .radio-check.small-light input:checked + span { color: white; background-color: #2A9D8F; border: 1px solid #2A9D8F; } .drop-open-mobile header, .drop-mobile-bottom header { z-index: 4; } .drop-open-mobile .bg-without-scrollPage, .drop-mobile-bottom .bg-without-scrollPage { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 20; display: block; } .box-scroll-btn-style, .box-scroll-btn-style2 { height: 70px; position: absolute; left: 0; padding-bottom: 20px; z-index: 2; top: 0; right: 0; display: none; } @media (max-width: 767px) { .box-scroll-btn-style, .box-scroll-btn-style2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .box-scroll-btn-style:before, .box-scroll-btn-style2:before { width: 32px; height: 4px; content: ''; border-radius: 10px; display: block; background-color: rgba(0, 0, 0, 0.08); } .info-badge { margin-bottom: 16px; padding: 12px 16px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } .info-badge:last-child { margin-bottom: 0; } .info-badge.p-16 { padding: 16px; } .info-badge i { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; } .info-badge .left-info { width: 100%; padding-right: 20px; } .info-badge .right-info { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .info-badge .right-info > * { margin-right: 4px; } @media (max-width: 767px) { .info-badge .right-info > * { padding: 5px 8px; font-size: 12px; } } .info-badge .right-info > *:last-child { margin-bottom: 0; } .info-badge.success { background-color: #E1F4F0; color: #264653; } .info-badge.success i { color: #264653; } .info-badge.danger { border-radius: 4px; background: rgba(231, 81, 59, 0.08); color: #4B6570; } .info-badge.danger i { color: #E7513B; } .info-badge.danger { border-radius: 4px; background: #FDEEEB; color: #4B6570; } .info-badge.danger .brand-link { color: #E7513B; } .info-badge.danger i { color: #E7513B; } .info-badge.style2 { color: #4B6570; display: block; } @media (max-width: 991px) { .info-badge.style-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .info-badge.style-3 .right-info { padding-top: 8px; } } .info-badge.small { border-radius: 4px; padding: 14px 16px; font-size: 12px; line-height: 16px; } .info-badge .title { margin-bottom: 5px; font-size: 16px; font-weight: 500; color: black; } .inline { display: inline !important; } .grid-column-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 991px) { .grid-column-3 { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .grid-column-3 { grid-template-columns: 1fr; } } .grid-column-3.gap-20 { grid-gap: 20px; } .grid-column-3.gap-20 .custom-input { margin-bottom: 0 !important; } sub, sup { top: -1px; position: relative; font-size: 9px; font-weight: 500; } sub.up, sup.up { top: -3px; } sub.up2, sup.up2 { top: -4px; font-size: 10px; font-weight: 600; } sub.bigUp, sup.bigUp { top: -10px; font-size: initial; font-weight: inherit; } .show-mobile-block { display: none !important; } @media (max-width: 767px) { .show-mobile-block { display: block !important; } } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .input-file { position: relative; } .input-file input { position: absolute; opacity: 0; top: 0; left: 0; height: 100%; z-index: -1; width: 100%; } .children-mb-20 > * { margin-bottom: 20px; } .children-mb-20 > *.column-1-3:nth-last-child(3), .children-mb-20 > *.column-1-3:nth-last-child(2), .children-mb-20 > *.column-1-3:nth-last-child(1) { margin-bottom: 0; } .children-mb-20 > *.column-1-3:nth-last-child(3) + .column-full, .children-mb-20 > *.column-1-3:nth-last-child(2) + .column-full, .children-mb-20 > *.column-1-3:nth-last-child(1) + .column-full { margin-top: 20px; } @media (max-width: 767px) { .children-mb-20 > *.column-1-3:nth-last-child(3), .children-mb-20 > *.column-1-3:nth-last-child(2) { margin-bottom: 20px; } .children-mb-20 > *.column-1-3:nth-last-child(3) + .column-full, .children-mb-20 > *.column-1-3:nth-last-child(2) + .column-full { margin-top: 0; } } .children-mb-20 > *:last-child { margin-bottom: 0; } .flex-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-columns .column-full { width: 100%; } .flex-columns .column-2-3 { width: 66.6%; } .flex-columns .column-1-3 { width: 33.3%; } @media (max-width: 767px) { .flex-columns .column-1-3 { width: 100%; } } .flex-columns .column-1-2 { width: 50%; } .flex-columns.padding-column-20 { margin: 0 -10px; } .flex-columns.padding-column-20 > * { padding: 0 10px; } .simple-checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .simple-checkbox span { min-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 28px; font-size: 14px; font-weight: 400; color: black; } .simple-checkbox span:before, .simple-checkbox span:after { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; content: ''; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .simple-checkbox span:before { width: 20px; height: 20px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; border: 1px solid #D6D6D6; } .simple-checkbox span:after { position: absolute; left: 1px; color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 18px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .simple-checkbox input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .simple-checkbox input:checked + span:before { background-color: #2A9D8F; border: 1px solid #2A9D8F; } .simple-checkbox input:checked + span:after { opacity: 1; } .simple-checkbox:hover { cursor: pointer; } .simple-checkbox:hover input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } @media (min-width: 768px) { .simple-checkbox:hover input:checked + span:before { background-color: #227F74; border: 1px solid #227F74; } } @media (min-width: 768px) { .simple-checkbox:hover span:before { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } } .simple-checkbox.right { display: -webkit-box; display: -ms-flexbox; display: flex; } .simple-checkbox.right span { width: 100%; padding-right: 28px; padding-left: 0; } .simple-checkbox.right span:before { right: 0; left: initial; } .simple-checkbox.right span:after { right: 1px; left: initial; } .simple-checkbox.right .box-brand-img { width: 30px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; padding-left: 6px; } .simple-checkbox.right .box-brand-img img { max-height: 100%; max-width: 100%; } .text-center { text-align: center; } .only-mobile { display: none; } @media (max-width: 767px) { .only-mobile { display: block; } } @media (max-width: 767px) { .only-desktop { display: none; } } .list-bill-inform-modal .box-with-photo { padding: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .list-bill-inform-modal .box-with-photo .box-img { width: 80px; height: 60px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; } .list-bill-inform-modal .box-with-photo .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .list-bill-inform-modal .box-with-photo .description { width: 100%; } .list-bill-inform-modal .box-with-photo .description .price-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-bill-inform-modal .box-with-photo .description .price-box .price { margin-right: 8px; margin-bottom: 5px; font-weight: 600; font-size: 16px; } .list-bill-inform-modal .box-with-photo .description .price-box .area { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #4B6570; } .list-bill-inform-modal .box-with-photo .description ul { margin-bottom: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-bill-inform-modal .box-with-photo .description ul li { margin-right: 5px; margin-bottom: 5px; color: black; } .list-bill-inform-modal .one-line { border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: black; display: -webkit-box; display: -ms-flexbox; display: flex; } .list-bill-inform-modal .one-line:last-child { border-bottom: 0; } .list-bill-inform-modal .one-line > * { width: 50%; padding: 8px 0; } .list-bill-inform-modal .one-line > *:nth-child(1) { padding-right: 10px; } .list-bill-inform-modal .one-line .title { color: #4B6570; } .list-bill-inform-modal .one-line.bold { font-weight: 500; } .primary-text { color: #2A9D8F; } .flex-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-txt > * { margin-right: 5px; } hr.margin-style-1 { margin: 16px -16px !important; } .d-contents { display: contents; } .dark-input-file { padding: 8px 12px; border-radius: 4px; font-size: 12px; color: white; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, 0.48); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } @media (min-width: 768px) { .dark-input-file:hover { background: rgba(0, 0, 0, 0.7); } } .dark-input-file i { margin-right: 8px; font-size: 14px; } .number-without-btn input[type="number"] { -moz-appearance: textfield; } .number-without-btn input[type="number"]::-webkit-inner-spin-button, .number-without-btn input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .select2-search__field { width: 100%; height: 34px; padding-left: 12px !important; padding-right: 12px !important; border-radius: 4px; background-color: transparent; border: 1px solid #D6D6D6 !important; } .check-switch { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check-switch .btn-check-collapse { position: relative; cursor: pointer; } .check-switch .btn-check-collapse:before { width: 42px; height: 24px; border-radius: 20px; background-color: #E1F4F0; } .check-switch .btn-check-collapse:after { width: 20px; height: 20px; position: absolute; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .check-switch .btn-check-collapse:before, .check-switch .btn-check-collapse:after { content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .check-switch .btn-check-collapse:hover:before { background-color: #2A9D8F; } .check-switch.active .btn-check-collapse:before { background-color: #2A9D8F; } .check-switch.active .btn-check-collapse:after { left: 20px; } .check-switch input:checked + .btn-check-collapse:before { background-color: #2A9D8F; } .check-switch input:checked + .btn-check-collapse:after { left: 20px; } .check-switch label { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .check-switch label input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .check-switch label span { margin-left: 8px; font-size: 14px; font-weight: 500; color: #4B6570; line-height: 14px; } .white-space { white-space: nowrap; } body { margin: 0; background: white; padding: 64px 0 0; } @media (min-width: 768px) { body { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { body { padding-top: 52px; } } body.open-modal { overflow: hidden; -ms-touch-action: manipulation; touch-action: manipulation; } body.open-category-drop { overflow: hidden; } @media (min-width: 768px) { body.sticky-header { padding-top: 60px; } body.sticky-header .bottom-header { position: fixed; left: 0; top: 0; right: 0; } } body.modal-active, body.big-search-mobile { overflow: hidden; } @media (max-width: 991px) { body.menu-mobile-open { overflow: hidden; } body.menu-mobile-open .mobile-menu-btn .ico-menu:before { content: "\e907"; } body.menu-mobile-open .main-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (max-width: 991px) { body.open-user-menu { overflow: hidden; } } header { top: 0; left: 0; right: 0; position: fixed; z-index: 21; background: #FFFFFF; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } header .inside { height: 64px; padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { header .inside { height: 52px; } } header .inside .search-mobile-btn { width: 36px; height: 36px; display: none; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; color: #264653; } @media (max-width: 991px) { header .inside .search-mobile-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } header .inside .logo { width: 114px; margin-right: 16px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 1279px) { header .inside .logo { width: 90px; margin-right: 6px; } } @media (max-width: 991px) { header .inside .logo { width: 114px; margin-right: auto; } } @media (max-width: 767px) { header .inside .logo { width: 97px; } } header .inside .main-menu { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .inside .main-menu .mobile-a-d { display: none; } @media (max-width: 991px) { header .inside .main-menu { position: fixed; padding: 16px 12px; border-top: 1px solid rgba(0, 0, 0, 0.08); overflow: auto; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 64px; left: 0; right: 0; bottom: 0; z-index: 10; background-color: white; } header .inside .main-menu .simple-menu { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-flex-wrap: wrap; flex-wrap: wrap; } header .inside .main-menu .simple-menu li { width: 100%; } header .inside .main-menu .mobile-a-d { width: 100%; margin-bottom: 16px; padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #E1F4F0; border-radius: 4px; } header .inside .main-menu .mobile-a-d * { display: block; } header .inside .main-menu .mobile-a-d .left-a { width: 100%; font-weight: 500; } header .inside .main-menu .mobile-a-d .left-a .name { margin-bottom: 4px; font-size: 14px; line-height: 20px; color: #264653; } header .inside .main-menu .mobile-a-d .left-a .like-link { color: #2A9D8F; line-height: 16px; font-size: 12px; } header .inside .main-menu .mobile-a-d .img-a { width: 62px; margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 767px) { header .inside .main-menu { top: 52px; } } header .inside .primary-btn { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { header .inside .primary-btn { width: 40px; margin-left: 10px; padding: 5px; } } @media (max-width: 767px) { header .inside .primary-btn .left-ico { margin-right: 0; } header .inside .primary-btn span { display: none; } } header .inside .language-selector, header .inside .btn-header-style { -ms-flex-negative: 0; flex-shrink: 0; } header .inside .btn-border { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { header .inside > .primary-btn i { margin-right: 0; } } @media (max-width: 1279px) { header .inside > .primary-btn span { display: none; } } @media (max-width: 767px) { header .inside > .primary-btn { width: 36px; height: 36px; } } @media (max-width: 767px) { header .inside > .btn-border { height: 36px; } } header .mobile-menu-btn { display: none; } @media (max-width: 991px) { header .mobile-menu-btn { width: 36px; height: 36px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; color: #264653; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } @media (max-width: 480px) { header .mobile-menu-btn { margin-right: 8px; margin-left: -8px; } } header .simple-menu { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { header .simple-menu { margin-top: -8px; display: block; } } header .simple-menu > li > a { height: 40px; padding: 4px 8px; position: relative; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .simple-menu > li > a .count-r { display: none; } @media (max-width: 1279px) { header .simple-menu > li > a { padding: 4px 6px; font-size: 13px; } } @media (max-width: 991px) { header .simple-menu > li > a { height: initial; min-height: 40px; padding: 8px 32px 8px 0; font-size: 16px; color: #264653; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; text-align: left; } header .simple-menu > li > a .count-r { margin-left: auto; padding-left: 20px; display: inline-block; color: #81949B; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; font-weight: 500; } header .simple-menu > li > a:after { width: 24px; height: 40px; position: absolute; top: 0; right: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; display: none; color: #4B6570; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } } @media (min-width: 992px) { header .simple-menu > li > a:before { content: ""; position: absolute; bottom: -13px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; height: 2px; background-color: #2A9D8F; -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } header .simple-menu > li > a:hover:before { width: 100%; } } header .simple-menu > li .inside-box-drop-menu { border-radius: 8px; background: #FFFFFF; } header .simple-menu > li .inside-box-drop-menu .back-mobile-menu { display: none; } @media (min-width: 992px) { header .simple-menu > li .inside-box-drop-menu { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); padding: 24px; } } @media (max-width: 991px) { header .simple-menu > li .inside-box-drop-menu { z-index: 5; overflow: auto; } header .simple-menu > li .inside-box-drop-menu .caption { display: none; } } header .simple-menu > li .with-right-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { header .simple-menu > li .with-right-box { -ms-flex-wrap: wrap; flex-wrap: wrap; } } header .simple-menu > li .with-right-box .list-category { grid-template-columns: 1fr 1fr; } @media (min-width: 992px) { header .simple-menu > li.open > a:before { width: 100%; } header .simple-menu > li.open .box-drop-menu { display: block; } } @media (max-width: 991px) { header .simple-menu > li.open .box-drop-menu { display: block; } } @media (max-width: 991px) { header .simple-menu .link-menu-drop > a:after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } header .user-settings { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } header .user-settings .box-user-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; cursor: pointer; } header .user-settings .box-user-avatar.company { border-radius: 8px; } header .user-settings .box-user-avatar.company img { border-radius: 8px; } header .user-settings .box-user-avatar img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } header .user-settings .box-user-avatar.letter { background-color: #EAF5F4; color: #264653; font-size: 24px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .user-settings .box-user-avatar .box-img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .user-settings .dropdown-user { top: 56px; right: 0; z-index: 5; display: none; overflow: hidden; position: absolute; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } header .user-settings .dropdown-user .close-menu-settings-mobile { display: none; } @media (max-width: 991px) { header .user-settings .dropdown-user { top: 0; left: 0; right: 0; bottom: 0; overflow: auto; border-radius: 0; z-index: 20; position: fixed; } header .user-settings .dropdown-user .close-menu-settings-mobile { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; font-size: 24px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } header .user-settings .dropdown-user .left-board { padding-top: 24px; width: inherit; } header .user-settings .dropdown-user .left-board .user-agent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header .user-settings .dropdown-user .left-board .user-agent .box-img { margin-right: 0; margin-bottom: 12px; } header .user-settings .dropdown-user .left-board .user-agent .description { text-align: center; } } header .user-settings .dropdown-user .left-board { border: 0; background-color: transparent; } header .user-settings .user-agent { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } header .user-settings .menu-board { margin: 0 -12px; } header .user-settings .menu-board li a { border-radius: 0; } header .user-settings hr { margin: 10px 0; } header .user-settings .balance-top-up { margin-bottom: 16px; border: 0; padding: 0; } header .user-settings.open .dropdown-user { display: block; } @media (min-width: 768px) { main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } footer { background: #264653; color: #FFFFFF; text-align: center; } footer .top-footer { padding: 24px 0; } footer .top-footer .inside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { footer .top-footer .inside { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .top-footer .inside .logo { width: 130px; line-height: 0; } footer .top-footer .menu-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { footer .top-footer .menu-footer { width: 100%; margin-top: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .top-footer .menu-footer li { margin-left: 24px; } footer .top-footer .menu-footer li a { color: white; } footer .top-footer .menu-footer li a:hover { color: #2A9D8F; } footer .bottom-footer { border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 24px 0; } footer .bottom-footer .inside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { footer .bottom-footer .inside { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { footer .bottom-footer .inside { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .bottom-footer .copyright { color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { footer .bottom-footer .copyright { width: 100%; margin-bottom: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 991px) { footer .bottom-footer .copyright { -ms-flex-wrap: wrap; flex-wrap: wrap; } } footer .bottom-footer .copyright li { margin-right: 16px; } @media (max-width: 991px) { footer .bottom-footer .copyright li { margin-right: 12px; } } @media (max-width: 991px) { footer .bottom-footer .copyright li { width: 100%; margin-bottom: 16px; margin-right: 0; } footer .bottom-footer .copyright li:last-child { margin-bottom: 0; } } footer .bottom-footer .copyright li a { color: white; } footer .bottom-footer .copyright li a:hover { color: #2A9D8F; } footer .bottom-footer .footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { footer .bottom-footer .footer-social { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .bottom-footer .footer-social li { margin-right: 16px; } footer .bottom-footer .footer-social li:last-child { margin-right: 0; } footer .bottom-footer .footer-social li a { width: 24px; height: 24px; color: white; font-size: 24px; opacity: 0.48; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } footer .bottom-footer .footer-social li a:hover { color: #FFFFFF; opacity: 1; } section { overflow: hidden; } .language-selector { position: relative; } @media (max-width: 991px) { .language-selector { width: 100%; } } .language-selector .head-language { width: 40px; height: 40px; font-size: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; color: #264653; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 991px) { .language-selector .head-language { display: none; } } .language-selector .head-language:hover { color: #2A9D8F; } .language-selector .language-menu { display: none; background: #FFFFFF; } @media (min-width: 992px) { .language-selector .language-menu { padding: 4px; border-radius: 4px; position: absolute; top: 44px; left: 0; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } @media (max-width: 991px) { .language-selector .language-menu { margin-bottom: 16px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } } .language-selector .language-menu li { margin-bottom: 4px; } @media (max-width: 991px) { .language-selector .language-menu li { width: 100%; margin-right: 4px; margin-bottom: 0; } .language-selector .language-menu li:last-child { margin-right: 0; } } .language-selector .language-menu li:last-child { margin-bottom: 0; } .language-selector .language-menu li a { height: 40px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 3px; color: #264653; font-size: 14px; } @media (max-width: 991px) { .language-selector .language-menu li a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #E1F4F0; } } @media (min-width: 768px) { .language-selector .language-menu li a:hover { background-color: #E1F4F0; color: #227F74; } } @media (min-width: 768px) and (max-width: 991px) { .language-selector .language-menu li a:hover { border: 1px solid #E1F4F0; } } .language-selector .language-menu li a.active { background-color: #E1F4F0; color: #227F74; } @media (max-width: 991px) { .language-selector .language-menu li a.active { border: 1px solid #E1F4F0; } } .language-selector .language-menu li a .code { margin-right: 14px; font-weight: 600; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .language-selector .language-menu li a .code { margin-right: 0; } } @media (max-width: 991px) { .language-selector .language-menu li a .name { display: none; } } .language-selector.open .language-menu { display: block; } .btn-header-style { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .btn-header-style { width: 100%; margin-bottom: 8px; padding-bottom: 8px; overflow: auto; } } @media (max-width: 991px) { .btn-header-style .header-notification { width: calc(25% - 3px) !important; min-width: 80px; height: 60px !important; margin: 0 4px 0 0; overflow: hidden; } .btn-header-style .header-notification > a { margin-right: 0; } } .btn-header-style > a, .btn-header-style .header-notification > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1279px) { .btn-header-style > a, .btn-header-style .header-notification > a { margin-left: 0; } } @media (min-width: 992px) { .btn-header-style > a, .btn-header-style .header-notification > a { width: 40px; height: 40px; margin-left: 8px; font-size: 20px; position: relative; } } @media (max-width: 991px) { .btn-header-style > a, .btn-header-style .header-notification > a { width: calc(25% - 3px); min-width: 80px; height: 60px; margin: 0 4px 0 0; padding: 8px 4px; border-radius: 4px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #EAF5F4; } .btn-header-style > a span, .btn-header-style .header-notification > a span { width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; } .btn-header-style > a:last-child, .btn-header-style .header-notification > a:last-child { margin-right: 0; } .btn-header-style > a i, .btn-header-style .header-notification > a i { font-size: 20px; color: #81949b; } } .btn-header-style > a span, .btn-header-style .header-notification > a span { display: none; } @media (max-width: 991px) { .btn-header-style > a span, .btn-header-style .header-notification > a span { display: block; font-size: 14px; font-weight: 500; color: #264653; } } .btn-header-style > a:hover, .btn-header-style .header-notification > a:hover { color: #2A9D8F; } .btn-header-style > a.has-new:before, .btn-header-style .header-notification > a.has-new:before { width: 8px; height: 8px; top: 4px; right: 4px; position: absolute; display: block; border-radius: 50%; background-color: #E76F51; content: ''; } .btn-header-style .header-notification { position: relative; } @media (max-width: 991px) { .btn-header-style .header-notification { width: calc(50% - 2px); height: 40px; margin: 0 0 4px 0; } .btn-header-style .header-notification > a { width: 100%; } } .btn-header-style .header-notification.open .note-bottom { display: block; } .btn-header-style .header-notification .note-bottom { position: absolute; top: 50px; right: 0; display: none; } .btn-header-style .header-notification .box-drop-list { width: 360px; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .btn-header-style .header-notification .box-drop-list .article { padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-header-style .header-notification .box-drop-list .article > span { font-size: 16px; font-weight: 500; } .btn-header-style .header-notification .box-drop-list .article .settings { margin-left: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .btn-header-style .header-notification .box-drop-list .all-notifications { max-height: 310px; border-radius: 0 0 4px 4px; overflow: auto; } .btn-header-style .header-notification .box-drop-list .all-notifications .notification-wrapper { border: 0; } .under-h2 { margin-top: -15px; margin-bottom: 16px; color: #4B6570; font-size: 14px; } .box-drop-menu { display: none; } @media (min-width: 992px) { .box-drop-menu { position: absolute; left: 24px; right: 24px; top: 52px; padding-top: 16px; } } .box-drop-menu .caption { margin-bottom: 20px; font-size: 20px; font-weight: 500; } .box-drop-menu .caption span { color: #81949b; } .box-drop-menu .description-box { width: 380px; min-height: 200px; margin-left: 20px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; position: relative; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .box-drop-menu .description-box { margin: 12px 12px 12px 0 !important; } } @media (max-width: 767px) { .box-drop-menu .description-box { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; margin: 0 12px !important; } } .box-drop-menu .description-box .name { margin-bottom: 4px; font-size: 18px; font-weight: 500; } .box-drop-menu .description-box .info { margin-bottom: 16px; color: #4B6570; } .box-drop-menu .description-box img { width: 220px; position: absolute; right: 0; bottom: 0; z-index: -1; } @media (max-width: 480px) { .box-drop-menu .description-box img { opacity: 0.6; } } .box-drop-menu .list-category { width: 100%; } @media (min-width: 992px) { .box-drop-menu .list-category { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 992px) { .box-drop-menu .list-category .item { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .box-drop-menu .list-category .item:hover { -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); } } @media (max-width: 991px) { .box-drop-menu .list-category .item { width: 100%; margin-bottom: 12px; display: block; } } .box-drop-menu .list-category .item .box-img { width: 48px; height: 48px; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 991px) { .box-drop-menu .list-category .item .box-img { display: none; } } .box-drop-menu .list-category .item .name { color: #000000; } @media (min-width: 992px) { .box-drop-menu .list-category .item .name { font-weight: 500; font-size: 16px; } } @media (max-width: 991px) { .box-drop-menu .list-category .item .name { font-size: 14px; color: #4B6570; } } .box-drop-menu .list-category .item .count { color: #4B6570; } @media (max-width: 991px) { .box-drop-menu .list-category .item .count { display: none; } } @media (max-width: 991px) { .open-filter-mobile { overflow-y: hidden; } .open-filter-mobile .main-filter-search { z-index: 100; height: 100vh; } .open-filter-mobile .main-filter-search .inside-filter-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .open-filter-mobile .main-filter-search .inside-filter-search .caption-mobile { -ms-flex-negative: 0; flex-shrink: 0; } .open-filter-mobile .main-filter-search .inside-filter-search > .tab-wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .open-filter-mobile .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab { -ms-flex-negative: 0; flex-shrink: 0; } .open-filter-mobile .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab { height: 100%; } } @media (min-width: 992px) { .box-main-shadow { padding: 16px; border-radius: 16px; background: white; border: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); } } .main-filter-search { padding: 24px 0; } .main-filter-search h1 { margin-bottom: 24px; font-size: 28px; line-height: 44px; font-weight: 600; } @media (max-width: 767px) { .main-filter-search h1 { margin-bottom: 16px; font-size: 22px; line-height: 32px; } } .main-filter-search .caption-mobile { display: none; } .main-filter-search > .box-img { line-height: 0; z-index: 0; position: relative; } .main-filter-search > .box-img img { width: 100%; display: block; } .main-filter-search .inside-filter-search { width: 100%; margin-bottom: 16px; padding: 16px; border-radius: 8px; position: relative; z-index: 2; background-color: #A8D7D1; } @media (max-width: 991px) { .main-filter-search .inside-filter-search { position: fixed; top: 0; bottom: 0; overflow: auto; margin-bottom: 0; left: 0; right: 0; padding: 8px 16px 16px; display: none; z-index: 50; -webkit-transform: initial; -ms-transform: initial; transform: initial; background-color: white; } .main-filter-search .inside-filter-search .caption-mobile { margin: 0 0 24px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-filter-search .inside-filter-search .caption-mobile span { width: 100%; font-size: 20px; font-weight: 600; } .main-filter-search .inside-filter-search .caption-mobile .close-filter-mobile { width: 40px; height: 40px; position: absolute; top: 3px; right: 2px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab { width: 100%; margin-bottom: 14px !important; padding: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; background: rgba(0, 0, 0, 0.04); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li { width: 100%; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li .like-a { width: 100% !important; height: 44px; font-size: 16px; border-radius: 3px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .head-tab.like-button li a, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .head-tab2.like-button li a { padding: 6px 5px; font-size: 12px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .select-filter { width: 100%; margin-bottom: 8px; border-radius: 4px; border: 1px solid #D6D6D6; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .select-filter .body-select { width: 100%; padding: 16px; position: relative; top: initial; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; border-radius: 0 0 4px 4px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-in-filter { width: 100%; margin-bottom: auto; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-in-filter i { left: 16px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-in-filter input { padding-left: 48px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .show-on-map-btn { width: 100%; height: 64px; margin: 8px 0; border-radius: 4px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 0; color: #264653; background-color: #E1F4F0; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .show-on-map-btn i { margin-right: 8px; font-size: 24px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .show-on-map-btn span { display: block; font-size: 18px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-btn { width: 100%; height: 64px; border-radius: 4px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 0; color: #FFFFFF; background-color: #2A9D8F; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-btn i { margin-right: 8px !important; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .search-btn span { display: block; font-size: 18px; } } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 { margin-bottom: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab:before, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2:before, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab:before, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2:before { left: 0; right: 0; bottom: 0; top: 0; border-radius: 2px; background: rgba(255, 255, 255, 0.64); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); content: ''; display: block; z-index: 0; position: absolute; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li { margin-right: 4px; position: relative; z-index: 1; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li:last-child, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li:last-child { margin-right: 0; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li a { width: 144px; height: 40px; padding: 5px 16px; color: #4B6570; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li a.active, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li a.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li a.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li a.active { -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04); color: #264653; background-color: #FFFFFF; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li:nth-child(1) a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li:nth-child(1) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li:nth-child(1) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li:nth-child(1) a { border-radius: 4px 0 0 4px; } .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab li:nth-child(2) a, .main-filter-search .inside-filter-search > .tab-wrapper > .head-tab2 li:nth-child(2) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab li:nth-child(2) a, .main-filter-search .inside-filter-search > .tab-wrapper2 > .head-tab2 li:nth-child(2) a { border-radius: 0 4px 4px 0; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2 { background-color: white; border-radius: 4px; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab.active, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab.active, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .one-item, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2 .one-item, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab .one-item, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2 .one-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab .one-item:last-child, .main-filter-search .inside-filter-search > .tab-wrapper > .body-tab2 .one-item:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab .one-item:last-child, .main-filter-search .inside-filter-search > .tab-wrapper2 > .body-tab2 .one-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .main-filter-search .apartment-select { width: 290px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .main-filter-search .apartment-select { width: 200px; } } .main-filter-search .small-select { width: 180px; -ms-flex-negative: 0; flex-shrink: 0; } .main-filter-search .show-on-map-btn { width: 64px; height: 64px; background-color: white; color: #2A9D8F; font-size: 24px; -ms-flex-negative: 0; flex-shrink: 0; border-left: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .main-filter-search .show-on-map-btn span { display: none; } .main-filter-search .show-on-map-btn:hover { background-color: #E1F4F0; } } .main-filter-search .search-in-filter { width: 100%; position: relative; } .main-filter-search .search-in-filter input { width: 100%; height: 64px; padding-left: 36px; padding-right: 20px; font-size: 15px; position: relative; z-index: 2; border: 0; background-color: transparent; } .main-filter-search .search-in-filter i { position: absolute; top: 50%; left: 12px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 16px; color: #81949b; } .main-filter-search .search-btn { width: 180px; height: 64px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; font-weight: 500; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: transparent; color: #227F74; border: 0; border-radius: 0 4px 4px 0; border-left: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1279px) { .main-filter-search .search-btn { width: 64px; text-align: center; } .main-filter-search .search-btn i { margin-right: 0 !important; } .main-filter-search .search-btn span { display: none; } } @media (min-width: 768px) { .main-filter-search .search-btn:hover { background-color: #227F74; color: #FFFFFF; } } .main-filter-search .search-btn i { margin-right: 8px; line-height: 0; font-size: 20px; } .main-filter-search .box-wrapper-search .drop-search-helper { top: 66px; right: -128px; } @media (max-width: 991px) { .main-filter-search .box-wrapper-search { margin-bottom: auto; } } .main-filter-search .search-field { height: 64px; border: 0 !important; border-radius: 0; } @media (max-width: 991px) { .main-filter-search .search-field { padding-right: 0; } } .main-filter-search .search-field input { width: 100%; height: 64px; padding-left: 36px; padding-right: 20px; font-size: 15px; position: relative; z-index: 2; border: 0; background-color: transparent; } @media (max-width: 991px) { .main-filter-search .search-field input { width: 100%; border-radius: 4px; padding-left: 42px; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0.08); } } .main-filter-search .search-scroll-full .counter-address, .main-filter-search .search-scroll-full .change-address-type { display: none; } @media (max-width: 991px) { .main-filter-search .search-scroll-full .counter-address, .main-filter-search .search-scroll-full .change-address-type { display: block; } } .open-filter-mobile.big-search-mobile .box-wrapper-search .drop-search-helper { display: block !important; } .select-filter { position: relative; border-right: 1px solid #D6D6D6; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select-filter .head-select { height: 64px; padding: 10px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .select-filter .head-select span { width: 100%; padding-right: 20px; color: #264653; font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .select-filter .head-select:after { color: #81949b; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 24px; content: "\e90a"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .select-filter .head-select:hover { background-color: #E1F4F0; color: #264653; } } .select-filter .bg-close-filter { display: none; } .select-filter .body-select { width: 355px; top: 68px; left: 0; display: none; position: absolute; padding: 24px; border-radius: 4px; background: #FFFFFF; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { .select-filter .body-select { border-radius: 8px 8px 0 0; } } .select-filter .body-select .block-filter-mob-btn { display: none; } @media (max-width: 767px) { .select-filter .body-select .block-filter-mob-btn { padding-top: 16px; display: block; } .select-filter .body-select .block-filter-mob-btn > * { width: 100%; } } .select-filter .body-select .caption-body-mobile { display: none; } @media (max-width: 767px) { .select-filter .body-select .caption-body-mobile { padding: 0 50px 16px; display: block; text-align: center; font-size: 16px; font-weight: 600; line-height: 24px; } .select-filter .body-select .caption-body-mobile .btn-close-filter { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; color: #81949B; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .select-filter.open .head-select:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .select-filter.open .body-select { display: block; } .filter-show-bottom { overflow: hidden; } @media (max-width: 767px) { .filter-show-bottom header { z-index: 6; } .filter-show-bottom.open-filter-mobile header { z-index: 21; } .filter-show-bottom .body-select { overflow: auto; max-height: 90vh; } .filter-show-bottom .select-filter.open { z-index: 10; } .filter-show-bottom .select-filter.open .bg-close-filter { display: block; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 10; } .filter-show-bottom .box-fixed-bottom { z-index: 1; } } .list-checkbox li { margin-bottom: 16px; } .list-checkbox li:last-child { margin-bottom: 0; } .head-tab.like-button, .head-tab2.like-button { margin-bottom: 24px; } .head-tab.like-button li, .head-tab2.like-button li { width: 100%; } .head-tab.like-button.style2 li, .head-tab2.like-button.style2 li { width: initial; } .head-tab.like-button2, .head-tab2.like-button2 { margin-bottom: 12px; } .head-tab.like-button, .head-tab.like-button2, .head-tab2.like-button, .head-tab2.like-button2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .head-tab.like-button li, .head-tab.like-button2 li, .head-tab2.like-button li, .head-tab2.like-button2 li { margin-right: 4px; } .head-tab.like-button li:last-child, .head-tab.like-button2 li:last-child, .head-tab2.like-button li:last-child, .head-tab2.like-button2 li:last-child { margin-right: 0; } .head-tab.like-button li a, .head-tab.like-button li span, .head-tab.like-button2 li a, .head-tab.like-button2 li span, .head-tab2.like-button li a, .head-tab2.like-button li span, .head-tab2.like-button2 li a, .head-tab2.like-button2 li span { padding: 10px 16px; border-radius: 4px; color: #4B6570; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .head-tab.like-button li a:hover, .head-tab.like-button li span:hover, .head-tab.like-button2 li a:hover, .head-tab.like-button2 li span:hover, .head-tab2.like-button li a:hover, .head-tab2.like-button li span:hover, .head-tab2.like-button2 li a:hover, .head-tab2.like-button2 li span:hover { color: #264653; } } .head-tab.like-button li a.active, .head-tab.like-button li span.active, .head-tab.like-button2 li a.active, .head-tab.like-button2 li span.active, .head-tab2.like-button li a.active, .head-tab2.like-button li span.active, .head-tab2.like-button2 li a.active, .head-tab2.like-button2 li span.active { background-color: #E1F4F0; color: #264653; } .head-tab.like-button li a.disabled, .head-tab.like-button li span.disabled, .head-tab.like-button2 li a.disabled, .head-tab.like-button2 li span.disabled, .head-tab2.like-button li a.disabled, .head-tab2.like-button li span.disabled, .head-tab2.like-button2 li a.disabled, .head-tab2.like-button2 li span.disabled { cursor: default; color: #81949b; } .head-tab.white-space-nowrap, .head-tab2.white-space-nowrap { white-space: nowrap; } .head-tab.style-2, .head-tab2.style-2 { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; padding: 2px; background: rgba(0, 0, 0, 0.04); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .head-tab.style-2 li, .head-tab2.style-2 li { width: 100%; margin-right: 4px; } .head-tab.style-2 li .badge, .head-tab2.style-2 li .badge { height: 16px; margin-left: 8px; padding: 2px 4px; font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 2px; background: #2A9D8F; color: white; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-tab.style-2 li:last-child, .head-tab2.style-2 li:last-child { margin-right: 0; } .head-tab.style-2 li a, .head-tab2.style-2 li a { padding: 10px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; color: #4B6570; font-size: 16px; font-weight: 500; } .head-tab.style-2 li a.active, .head-tab2.style-2 li a.active { color: #264653; background-color: white; } .list-rooms { margin: 0 -4px -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-rooms li { width: calc(50% - 8px); margin: 0 4px 8px; cursor: pointer; padding: 10px 16px; border-radius: 4px; color: #4B6570; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 1px solid #D6D6D6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .list-rooms li:hover { color: #264653; border-radius: 4px; border: 1px solid #E1F4F0; background: #E1F4F0; } } .list-rooms li.active { background-color: #2A9D8F; border: 1px solid #2A9D8F; color: #FFFFFF; } .list-rooms li.big { width: calc(100% - 8px); } .button-prices-scroll { position: relative; } .button-prices-scroll .scroll-indicator { height: 30px; position: absolute; left: 0; right: 0; display: none; z-index: 1; } .button-prices-scroll .scroll-indicator.top { top: 0; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(80%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 80%); background: -o-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 80%); background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 80%); } .button-prices-scroll .scroll-indicator.bottom { bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #FFF)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 80%); } .list-button-prices { height: 216px; overflow: auto; position: relative; } .list-button-prices li { margin-bottom: 4px; } .list-button-prices li:last-child { margin-bottom: 0; } .list-button-prices li a { height: 40px; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #264653; border-radius: 4px; background: #F0FAF8; } @media (min-width: 768px) { .list-button-prices li a:hover { color: white; background-color: #2A9D8F; } } .list-button-prices li a.active { color: white; background-color: #2A9D8F; } input:placeholder-shown + .delete-sum { display: none !important; } .prices-columns { display: grid; grid-gap: 4px; grid-template-columns: 1fr 1fr; } .prices-columns .custom-input { margin-bottom: 16px; position: relative; } .prices-columns .custom-input .delete-sum { width: 30px; height: 40px; position: absolute; right: 0; top: 0; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .prices-columns .custom-input .delete-sum:hover { color: #227F74; } } .owl-arrows-style-1 .owl-nav .owl-next { right: -16px; } @media (max-width: 1279px) { .owl-arrows-style-1 .owl-nav .owl-next { right: -6px; } } .owl-arrows-style-1 .owl-nav .owl-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .owl-arrows-style-1 .owl-nav .owl-prev { left: -16px; } @media (max-width: 1279px) { .owl-arrows-style-1 .owl-nav .owl-prev { left: -6px; } } .owl-arrows-style-1 .owl-nav .owl-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .owl-arrows-style-1 .owl-nav .owl-prev, .owl-arrows-style-1 .owl-nav .owl-next { width: 40px; height: 40px; top: 50%; margin-top: -20px; position: absolute; border-radius: 50%; color: #81949b !important; z-index: 2; font-size: 24px; background-color: white !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .owl-arrows-style-1 .owl-nav .owl-prev:before, .owl-arrows-style-1 .owl-nav .owl-next:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .owl-arrows-style-1 .owl-nav .owl-prev span, .owl-arrows-style-1 .owl-nav .owl-next span { display: none; } .owl-arrows-style-1 .owl-nav .owl-prev.disabled, .owl-arrows-style-1 .owl-nav .owl-next.disabled { display: none; } @media (min-width: 768px) { .owl-arrows-style-1 .owl-nav .owl-prev:hover, .owl-arrows-style-1 .owl-nav .owl-next:hover { background-color: #264653 !important; color: white !important; } } @media (max-width: 767px) { .service-menu, .special-order-wrapper, .show-full-slider-mobile { overflow: hidden; } .service-menu .center-bl .owl-carousel .owl-stage-outer, .special-order-wrapper .center-bl .owl-carousel .owl-stage-outer, .show-full-slider-mobile .center-bl .owl-carousel .owl-stage-outer { overflow: initial; } } @media (max-width: 767px) { .quick-menu-scroll { overflow: auto; padding-bottom: 20px; margin-left: -12px; padding-left: 12px; } } .quick-menu-slider { position: relative; overflow: hidden; } @media (max-width: 767px) { .quick-menu-slider { overflow: initial; } } @media (max-width: 767px) { .quick-menu-slider .item { min-width: 96px; width: 16vw; } } .quick-menu-slider .item a { padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } @media (max-width: 767px) { .quick-menu-slider .item a { height: 92px; padding: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } .quick-menu-slider .item a.color1 { background: rgba(217, 246, 242, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color1:hover { background: #D9F6F2; } } .quick-menu-slider .item a.color2 { background: rgba(232, 250, 220, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color2:hover { background: #E8FADC; } } .quick-menu-slider .item a.color3 { background: rgba(237, 229, 255, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color3:hover { background: #EDE5FF; } } .quick-menu-slider .item a.color4 { background: rgba(255, 243, 217, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color4:hover { background: #FFF3D9; } } .quick-menu-slider .item a.color5 { background: rgba(229, 246, 255, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color5:hover { background: #E5F6FF; } } .quick-menu-slider .item a.color6 { background: rgba(229, 239, 255, 0.5); } @media (min-width: 768px) { .quick-menu-slider .item a.color6:hover { background: #E5EFFF; } } .quick-menu-slider .item a .box-img { width: 48px; height: 48px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 767px) { .quick-menu-slider .item a .box-img { width: 36px; height: 36px; margin-right: 0; margin-bottom: 8px; } } .quick-menu-slider .item a .box-img img { -o-object-fit: contain; object-fit: contain; } .quick-menu-slider .item a .name { font-size: 14px; color: #000000; line-height: 20px; font-weight: 500; } @media (max-width: 767px) { .quick-menu-slider .item a .name { font-size: 12px; line-height: 16px; } } .service-scroll { position: relative; } @media (max-width: 767px) { .service-scroll { margin: 0 -12px; padding: 0 12px; overflow: hidden; } } .service-swiper { position: relative; } .service-swiper .service-slider2, .service-swiper .service-slider { overflow: hidden; position: relative; } .service-swiper.swiper-buttons { position: relative; } .service-swiper.swiper-buttons .btn-construction.swiper-button-prev { left: -21px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; background: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)) !important; background: -webkit-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: -o-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: linear-gradient(to left, rgba(251, 251, 251, 0.2), #fbfbfb) !important; } @media (max-width: 991px) { .service-swiper.swiper-buttons .btn-construction.swiper-button-prev { left: 0; } } .service-swiper.swiper-buttons .btn-construction.swiper-button-next { right: -21px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; background: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)) !important; background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: -o-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb) !important; background: linear-gradient(to right, rgba(251, 251, 251, 0.2), #fbfbfb) !important; } @media (max-width: 991px) { .service-swiper.swiper-buttons .btn-construction.swiper-button-next { right: 0; } } .service-slider .item, .service-slider2 .item { width: 192px; } .service-slider .item a, .service-slider2 .item a { height: 110px; padding: 16px; display: block; overflow: hidden; border-radius: 8px; border: 1px solid #E1F4F0; background: #FFFFFF; cursor: pointer; position: relative; } @media (max-width: 767px) { .service-slider .item a, .service-slider2 .item a { height: 112px; padding: 16px; } } @media (min-width: 768px) { .service-slider .item a:hover, .service-slider2 .item a:hover { -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); } } .service-slider .item a:after, .service-slider2 .item a:after { width: 120px; height: 120px; position: absolute; right: -70px; bottom: -70px; content: ''; display: block; border-radius: 50%; z-index: 0; background-color: #E1F4F0; } .service-slider .item a .name, .service-slider2 .item a .name { max-width: 130px; color: #264653; font-size: 14px; font-weight: 500; line-height: 20px; display: inline-block; } .service-slider .item a .box-img, .service-slider2 .item a .box-img { width: 48px; height: 48px; position: absolute; bottom: 4px; right: 4px; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .service-slider { position: relative; overflow: hidden; } @media (max-width: 767px) { .service-slider { overflow: initial; } } @media (max-width: 767px) { .service-slider2 .item a { width: 192px; } } @media (min-width: 768px) { .box-mobile { display: none; } } @media (max-width: 767px) { .box-desktop { display: none; } } .box-response-slider { width: 100%; position: relative; border-radius: 4px; overflow: hidden; } .box-response-slider img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .box-response-slider:before { content: ''; display: block; padding-top: 75%; } @media (min-width: 768px) { .list-last-advert { margin: 0 -10px -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-last-advert .item { width: 20%; padding: 0 10px 20px; } } @media (min-width: 768px) and (max-width: 1279px) { .list-last-advert .item { width: 25%; } .list-last-advert .item:nth-child(9), .list-last-advert .item:nth-child(10) { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .list-last-advert .item { width: 33.3%; } .list-last-advert .item:nth-child(9) { display: block; } } @media (max-width: 767px) { .list-last-advert .item { width: 156px; margin: 0 3px; } .list-last-advert .slider-one-hover img, .list-last-advert .slider-one-hover-no-swipe img { width: 100%; height: 116px; } .list-last-advert .slide { width: 100%; position: relative; border-radius: 4px; overflow: hidden; } .list-last-advert .slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .list-last-advert .slide:before { content: ''; display: block; padding-top: 75%; } .list-last-advert .owl-carousel .owl-stage-outer { overflow: initial; } } .clean-tab-text { padding: 30px 0 100px; } .list-premium-advert { margin: 0 -10px -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-premium-advert .item { width: 25%; padding: 0 10px 20px; } @media (max-width: 991px) { .list-premium-advert .item { width: 33.3%; } } @media (max-width: 767px) { .list-premium-advert .item { width: 50%; } } .metro-img { margin-right: 8px; } .price .ico-trending-up, .price-product .ico-trending-up { color: #E7513B; margin-left: 8px; } .price .ico-trending-down, .price-product .ico-trending-down { color: #2A9D8F; margin-left: 8px; } @media (max-width: 767px) { .catalog-page.residential .novobud-line { display: none; } .catalog-page.residential .advert-item .price { font-size: 14px; } .catalog-page.residential .advert-item .price .old { display: none; } .catalog-page.residential.list .novobud-line { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-page.residential.list .advert-item .price { font-size: 16px; } .catalog-page.residential.list .advert-item .price .old { display: inline-block; } } @media (max-width: 767px) { .catalog-page.list .advert-item .box-img-box { z-index: 1; } } @media (max-width: 767px) { .catalog-page.list .advert-item .price .old { display: none; } } @media (max-width: 767px) { .catalog-page.list .line-buttons-product .call-btn { height: 40px; font-size: 14px; } } @media (max-width: 767px) { .catalog-page.list .line-buttons-product .btn-ico.big { width: 40px; height: 40px; } } .advert-item { position: relative; } .advert-item .link-product { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 0; display: block; } .advert-item .link-product span { visibility: hidden; } .advert-item .slider-one-hover-no-swipe a { display: block; line-height: 0; } .advert-item .wrapper-description-item { display: block; position: relative; } .advert-item .wrapper-description-item .custom-drop.open .body-drop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .advert-item .wrapper-description-item.open { position: initial; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude { border-radius: 4px; } @media (max-width: 767px) { .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude { display: none !important; } } .advert-item .wrapper-description-item .box-amplitude-change.custom-drop { position: relative; z-index: 2; } @media (max-width: 767px) { .advert-item .wrapper-description-item .box-amplitude-change.custom-drop { z-index: initial; position: initial; } } .advert-item .wrapper-description-item .box-amplitude-change.custom-drop.open { position: initial; } .advert-item .wrapper-description-item .box-amplitude-change { position: initial; } @media (min-width: 768px) { .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude { width: 100%; top: 0; bottom: 0; padding: 12px; border: 1px solid #4B6570; -webkit-box-shadow: none; box-shadow: none; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude tr { position: relative; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude tr td { padding-bottom: 20px; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude tr .price-a { position: absolute; padding-bottom: 0; left: 0; bottom: 2px; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude .wrapper-table { max-height: initial; margin: 0 -12px 10px; padding: 0 12px; } .advert-item .wrapper-description-item .box-amplitude-change .drop-amplitude .btn-dark { font-size: 12px; } } .advert-item .name-residential-area { margin-bottom: 8px; font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .address-area-catalog { margin-bottom: 6px; font-size: 12px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .flat-statistic { font-size: 12px; } .advert-item .flat-statistic li .right-box { font-size: 12px; } .advert-item .price { margin-bottom: 4px; font-size: 16px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .advert-item .price { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .advert-item .price .current-price { margin-right: 8px; } .advert-item .price .current-price a { color: #000000; } .advert-item .price .current-price a:hover { color: #2A9D8F; } .advert-item .price .current-price + .old { margin-left: 0; } .advert-item .price .current-price-area { margin-right: 8px; font-weight: 600; font-size: 18px; } .advert-item .price .old { margin-left: 8px; font-size: 14px; line-height: 22px; color: #4B6570; font-weight: 500; } .advert-item .price .old span { font-weight: 400; } @media (max-width: 991px) { .advert-item .price .old { font-size: 12px; } } @media (max-width: 991px) { .advert-item .price .old { display: none; } } .advert-item .price .mortgage-price { font-size: 14px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .price .mortgage-price:before { margin-right: 8px; width: 4px; height: 4px; border-radius: 50%; content: ''; display: block; background-color: #D9D9D9; } .advert-item .price .mortgage-price span { margin-right: 4px; font-weight: 400; color: #4B6570; } .advert-item .price .mortgage-price span a { font-weight: 500; } .advert-item .price .mortgage-price a { position: relative; z-index: 2; } .advert-item .box-img-box { margin-bottom: 8px; overflow: hidden; position: relative; z-index: 1; } .advert-item .box-img-box .list-rate { top: 4px; left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; z-index: 1; } .advert-item .box-img-box .list-rate li { width: 24px; margin-right: 4px; line-height: 0; } .advert-item .box-img-box .list-rate li img { width: 100%; } .advert-item .box-img-box .likes-compare { right: 4px; top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 1; } .advert-item .box-img-box .likes-compare .one-btn { width: 32px; height: 32px; margin-left: 4px; border-radius: 3px; background: rgba(0, 0, 0, 0.32); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; font-size: 20px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .advert-item .box-img-box .likes-compare .one-btn:hover { background: rgba(0, 0, 0, 0.64); } .advert-item .box-img-box .likes-compare .one-btn.btn-compare.active i:before { content: "\e91b"; } .advert-item .box-img-box .likes-compare .one-btn.btn-favorite.active i:before { content: "\e915"; } .advert-item .box-img-box .list-types { position: absolute; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advert-item .box-img-box .list-types.left-bottom { bottom: 4px; left: 4px; } .advert-item .box-img-box .list-types.right-bottom { bottom: 4px; right: 4px; } .advert-item .box-img-box .list-types li { width: 24px; height: 24px; margin-right: 4px; border-radius: 3px; background: rgba(0, 0, 0, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .advert-item .box-img-box .list-types li:last-child { margin-right: 0; } .advert-item .box-img-box .list-types li i { color: white; font-size: 12px; opacity: 0.8; } .advert-item .name { margin-bottom: 4px; font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .advert-item .name { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .advert-item .name a { color: #000000; } .advert-item .name a:hover { color: #2A9D8F; } .advert-item .name-order { margin-bottom: 8px; font-size: 16px; } .advert-item .name-order a { position: relative; z-index: 2; display: inherit; color: #000000; font-weight: 400; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .name-order a:hover { color: #2A9D8F; } @media (max-width: 767px) { .advert-item .name-order { margin-bottom: 6px; font-size: 14px; } } .advert-item .box-name { margin-bottom: 2px; font-size: 14px; display: block; } .advert-item .insurance-price-line { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #4B6570; } .advert-item .insurance-price-line .text { margin-right: 4px; } .advert-item .insurance-price-line .price-insurance { font-weight: 500; color: #2A9D8F; } .advert-item .adaptive-address { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .adaptive-address img { width: 16px; margin-right: 6px; } .advert-item .adaptive-address span { max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .region { width: 100%; margin-bottom: 4px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .region img { width: 16px; margin-right: 6px; } .advert-item .region span { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .list-type { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advert-item .list-type > * { margin-right: 8px; margin-bottom: 4px; font-size: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .advert-item .list-type > *:last-child { margin-right: 0; } .advert-item .list-type > * i { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; display: none; font-size: 14px; } @media (max-width: 767px) { .advert-item .list-type > * i { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .advert-item .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .advert-item .list-type > * span .sub-value { margin-left: 3px; } .advert-item .list-type.image-always > * i { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .advert-item .date { font-size: 12px; font-weight: 400; color: #4B6570; line-height: 16px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .line-buttons-product { display: -webkit-box; display: -ms-flexbox; display: flex; } .advert-item .line-buttons-product .wrapper-small-tbn { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .line-buttons-product .wrapper-small-tbn .btn-ico { margin-right: 8px; } .advert-item .line-buttons-product .wrapper-small-tbn .btn-ico:last-child { margin-right: 0; } .advert-item .line-buttons-product .wrapper-small-tbn .btn-more { display: none; } .advert-item .line-buttons-product .wrapper-small-tbn .drop { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .advert-item .line-buttons-product .call-btn { height: 32px; font-size: 12px; } } @media (max-width: 767px) { .advert-item .line-buttons-product .btn-ico.big { width: 32px; height: 32px; } } .advert-item .line-buttons-product > * { -ms-flex-negative: 0; flex-shrink: 0; } .advert-item .line-buttons-product > *.show-phone-number { margin-right: 8px; } @media (min-width: 768px) { .advert-item .box-img-box:hover .slider-one-hover .slick-btn.slick-next, .advert-item .box-img-box:hover .slider-one-hover-no-swipe .slick-btn.slick-next { right: 4px; } .advert-item .box-img-box:hover .slider-one-hover .slick-btn.slick-prev, .advert-item .box-img-box:hover .slider-one-hover-no-swipe .slick-btn.slick-prev { left: 4px; } .advert-item .box-img-box:hover .slider-one-hover .slick-dots, .advert-item .box-img-box:hover .slider-one-hover-no-swipe .slick-dots { bottom: 4px; } } .advert-item .call-btn { display: none; position: relative; z-index: 1; } .advert-item .statistic-flat { margin-bottom: 8px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 767px) { .advert-item .statistic-flat { margin-bottom: 4px; } } .advert-item .statistic-flat2 { margin-bottom: 8px; font-size: 12px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .advert-item .flat-statistic li .right-box { position: relative; z-index: -1; } .advert-item .metro .time { z-index: -1; } .advert-item .style-residential a { position: relative; z-index: 2; } .advert-item .novobud-line { padding-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advert-item .novobud-line .owner { margin-bottom: 4px; margin-right: 16px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; z-index: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .novobud-line .owner i { margin-right: 4px; font-size: 16px; } .advert-item .novobud-line .type-novo { margin-right: 16px; margin-bottom: 4px; color: #4B6570; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .advert-item .novobud-line .type-novo { display: none; } } .advert-item .novobud-line .type-novo i { margin-right: 4px; font-size: 20px; } .advert-item .novobud-line .type-novo .ico-check { color: #2A9D8F; } .advert-item .novobud-line .counter-flats { margin-bottom: 4px; margin-right: 8px; position: relative; z-index: 2; } .advert-item .novobud-line .date-time { margin-bottom: 4px; margin-right: 8px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advert-item .novobud-line .date-time:before { margin-right: 8px; width: 4px; height: 4px; border-radius: 50%; content: ''; display: block; background-color: #D9D9D9; } .advert-item .show-phone-number { position: relative; z-index: 2; } .advert-item.deleted-item:before { left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 3; content: ''; background-color: rgba(255, 255, 255, 0.7); } .advert-item.deleted-item .wrapper-small-tbn { z-index: 4; } .advert-item.deleted-item .box-img-box { z-index: initial; } .advert-item.deleted-item .deleted-item-text { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 40px 100px; font-size: 16px; line-height: 24px; font-weight: 500; z-index: 3; color: #4B6570; background-color: rgba(255, 255, 255, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media (max-width: 1279px) { .advert-item.deleted-item .deleted-item-text { padding: 40px 80px; } } @media (max-width: 991px) { .advert-item.deleted-item .deleted-item-text { padding: 40px; } } .advert-item .btn-ico span { display: none; } .agency-block { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .agency-block .logo-agency { width: 40px; height: 40px; margin-right: 8px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .agency-block .logo-agency img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .agency-block .logo-agent { width: 40px; height: 40px; margin-right: 8px; border-radius: 4px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.08); -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .agency-block .logo-agent img { border-radius: 4px; } .agency-block .name-letter-agency { width: 40px; height: 40px; margin-right: 8px; padding: 5px; font-size: 24px; font-weight: 500; border-radius: 4px; -ms-flex-negative: 0; flex-shrink: 0; background-color: #E1F4F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .agency-block .description .agency-name { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px; font-weight: 500; } .agency-block .description .agency-name:last-child { margin-bottom: 0; } .agency-block .description .agency-name i { margin-left: 4px; color: #2A9D8F; font-size: 18px; } .agency-block .description .type { font-size: 12px; line-height: 16px; color: #4B6570; } .agency-block .box-img { width: 40px; height: 40px; margin-right: 12px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .metro { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: initial; flex-wrap: initial; } @media (max-width: 767px) { .metro { margin-bottom: 4px; } } .metro .name-metro { width: initial; max-width: calc(100% - 120px); margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .metro .name-metro i { margin-right: 8px; font-size: 20px; color: #81949B; } .metro .name-metro img { width: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .metro .name-metro a { max-width: initial; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .metro .time { color: #4B6570; font-size: 12px; position: relative; } .metro .time:before { width: 4px; height: 4px; position: absolute; left: -7px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 50%; content: ''; display: block; background-color: #D9D9D9; } .one-slider-swipe { width: 100%; border-radius: 4px; overflow: hidden; position: relative; z-index: 0; } .one-slider-swipe .slide { width: 100%; height: 100%; position: relative; border-radius: 4px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .one-slider-swipe .slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .one-slider-swipe .slide:before { content: ''; display: block; padding-top: 75%; } .slider-one-hover, .slider-one-hover-no-swipe { width: 100%; border-radius: 4px; overflow: hidden; position: relative; } .slider-one-hover .slick-btn.slick-next, .slider-one-hover-no-swipe .slick-btn.slick-next { right: -40px; } .slider-one-hover .slick-btn.slick-next:before, .slider-one-hover-no-swipe .slick-btn.slick-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slider-one-hover .slick-btn.slick-prev, .slider-one-hover-no-swipe .slick-btn.slick-prev { left: -40px; } .slider-one-hover .slick-btn.slick-prev:before, .slider-one-hover-no-swipe .slick-btn.slick-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slider-one-hover .slick-btn.slick-next, .slider-one-hover .slick-btn.slick-prev, .slider-one-hover-no-swipe .slick-btn.slick-next, .slider-one-hover-no-swipe .slick-btn.slick-prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-one-hover .slick-btn.slick-next:before, .slider-one-hover .slick-btn.slick-prev:before, .slider-one-hover-no-swipe .slick-btn.slick-next:before, .slider-one-hover-no-swipe .slick-btn.slick-prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .slider-one-hover .slick-btn.slick-next span, .slider-one-hover .slick-btn.slick-prev span, .slider-one-hover-no-swipe .slick-btn.slick-next span, .slider-one-hover-no-swipe .slick-btn.slick-prev span { display: none; } .slider-one-hover .slick-btn.slick-next.disabled, .slider-one-hover .slick-btn.slick-prev.disabled, .slider-one-hover-no-swipe .slick-btn.slick-next.disabled, .slider-one-hover-no-swipe .slick-btn.slick-prev.disabled { display: none; } @media (min-width: 768px) { .slider-one-hover .slick-btn.slick-next:hover, .slider-one-hover .slick-btn.slick-prev:hover, .slider-one-hover-no-swipe .slick-btn.slick-next:hover, .slider-one-hover-no-swipe .slick-btn.slick-prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .slider-one-hover .slick-dots, .slider-one-hover-no-swipe .slick-dots { position: absolute; bottom: -40px; left: 0; right: 0; z-index: 4; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-align: center; } .slider-one-hover .slick-dots li, .slider-one-hover-no-swipe .slick-dots li { margin: 0 2px; display: inline-block; width: 6px; height: 6px; border-radius: 50%; cursor: pointer; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .slider-one-hover .slick-dots li button, .slider-one-hover-no-swipe .slick-dots li button { display: none; } .slider-one-hover .slick-dots li.slick-active, .slider-one-hover-no-swipe .slick-dots li.slick-active { background-color: rgba(255, 255, 255, 0.8); } .slider-one-hover.slider-advert-small .slide, .slider-one-hover-no-swipe.slider-advert-small .slide { width: 100%; position: relative; } .slider-one-hover.slider-advert-small .slide img, .slider-one-hover-no-swipe.slider-advert-small .slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .slider-one-hover.slider-advert-small .slide:before, .slider-one-hover-no-swipe.slider-advert-small .slide:before { content: ''; display: block; padding-top: 75%; } @media (min-width: 768px) { .swiper-buttons:hover .btn-one-hide.prev { left: 4px; } .swiper-buttons:hover .btn-one-hide.next { right: 4px; } .swiper-buttons:hover .swiper-pagination { bottom: 4px !important; } } .swiper-buttons .swiper-pagination { position: absolute; bottom: -30px !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; left: 0; right: 0; } .swiper-buttons .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 2px; opacity: 1; background-color: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .swiper-buttons .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.8); } .btn-one-hide.next { right: -40px; } .btn-one-hide.next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .btn-one-hide.prev { left: -40px; } .btn-one-hide.prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .btn-one-hide.next, .btn-one-hide.prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-one-hide.next:before, .btn-one-hide.prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .btn-one-hide.next span, .btn-one-hide.prev span { display: none; } @media (min-width: 768px) { .btn-one-hide.next:hover, .btn-one-hide.prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .btn-one-hide.next.swiper-button-disabled, .btn-one-hide.prev.swiper-button-disabled { background: rgba(213, 208, 208, 0.5) !important; } @media (min-width: 768px) { .btn-one-hide.next.swiper-button-disabled, .btn-one-hide.prev.swiper-button-disabled { cursor: default; background: rgba(213, 208, 208, 0.5) !important; } } .btn-one-hide.next.swiper-button-lock, .btn-one-hide.prev.swiper-button-lock { display: none; } .caption-section { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-section h2 { width: 100%; margin-bottom: 0; padding-right: 20px; } .caption-section .btn-border { -ms-flex-negative: 0; flex-shrink: 0; } .caption-section .slider-buttons, .caption-section .slider-buttons-3 { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .caption-section .slider-buttons, .caption-section .slider-buttons-3 { display: none; } } .caption-section .slider-buttons .btn-border, .caption-section .slider-buttons-3 .btn-border { width: 36px; padding: 5px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 8px; } .caption-section .slider-buttons .btn-border i, .caption-section .slider-buttons-3 .btn-border i { display: inline-block; position: relative; font-size: 20px; } .caption-section .slider-buttons .btn-border.prev i, .caption-section .slider-buttons-3 .btn-border.prev i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .caption-section .slider-buttons .btn-border.next i, .caption-section .slider-buttons-3 .btn-border.next i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .ico-down { display: inline-block; position: relative; } .ico-down.right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .dark-section { background: #FCFAFA; } .dark-section2 { background: rgba(0, 0, 0, 0.04); } .dark-section3 { background: #F7FCFC; } .list-footer-links { margin: 0 -6px -12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-footer-links .one-item { width: calc(33.3% - 12px); margin: 0 6px 12px; padding: 16px; background-color: white; border-radius: 8px; } @media (max-width: 991px) { .list-footer-links .one-item { width: calc(50% - 12px); } } @media (max-width: 767px) { .list-footer-links .one-item { width: calc(100% - 12px); } } .list-footer-links .one-item .name { margin-bottom: 16px; font-size: 16px; font-weight: 600; line-height: 24px; } .list-footer-links .one-item ul li { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .list-footer-links .one-item ul li:last-child { margin-bottom: 0; } .list-footer-links .one-item ul li span { color: #4B6570; } .list-footer-links .one-item.full-width { width: calc(100% - 12px); } .list-footer-links .one-item.full-width ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-footer-links .one-item.full-width ul li { width: 33.3%; padding-right: 20px; } @media (max-width: 991px) { .list-footer-links .one-item.full-width ul li { width: 50%; } } @media (max-width: 767px) { .list-footer-links .one-item.full-width ul li { width: 100%; } } .special-order-slider { overflow: hidden; } @media (max-width: 767px) { .special-order-slider { overflow: initial; } } .special-order-slider .item { padding: 12px; border-radius: 8px; border: 4px solid #E1F4F0; font-size: 12px; background: white; } @media (max-width: 767px) { .special-order-slider .item { width: 260px; padding: 8px; } } .special-order-slider .item .box-img { margin-bottom: 8px; position: relative; width: 100%; display: block; overflow: hidden; border-radius: 4px; background-color: #227F74; } .special-order-slider .item .box-img img { width: 100%; height: 100%; position: absolute; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; left: 0; -o-object-fit: cover; object-fit: cover; } .special-order-slider .item .box-img:before { content: ''; display: block; padding-top: 56.25%; } .special-order-slider .item .box-img .type-badge { position: absolute; display: block; top: 4px; left: 4px; padding: 8px; font-size: 12px; font-weight: 600; color: white; z-index: 1; border-radius: 3px; background: rgba(0, 0, 0, 0.32); } .special-order-slider .item .box-img:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: 0.9; } .special-order-slider .item .name { margin-bottom: 4px; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .special-order-slider .item .name a { color: #000000; } .special-order-slider .item .name a:hover { color: #2A9D8F; } .special-order-slider .item .address { margin-bottom: 12px; color: #4B6570; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .special-order-slider .item .type-builder { margin-bottom: 12px; } .special-order-slider .item .type-builder li { padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .special-order-slider .item .type-builder li .counter-room { width: 100%; } .special-order-slider .item .type-builder li .area-room { min-width: 100px; text-align: right; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .special-order-slider .item .type-builder li .area-room { min-width: 70px; } } @media (max-width: 767px) { .special-order-slider .item .type-builder li .area-room { min-width: 50px; } } .special-order-slider .item .type-builder li .price-flat { min-width: 100px; text-align: right; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 600; } @media (max-width: 1279px) { .special-order-slider .item .type-builder li .price-flat { min-width: 80px; } } @media (max-width: 767px) { .special-order-slider .item .type-builder li .price-flat { min-width: 80px; } } .special-order-slider .item .type-builder li:last-child { border-bottom: 0; } .special-order-slider .item .owner { display: -webkit-box; display: -ms-flexbox; display: flex; color: #4B6570; } .special-order-slider .item .owner i { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 15px; color: #81949b; } .special-order-slider .item .owner span { font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .wrapper-product-slider { margin: 0 -10px; } @media (max-width: 767px) { .wrapper-product-slider { margin: 0 -6px; } .wrapper-product-slider .owl-carousel .owl-stage-outer { overflow: initial; } } @media (max-width: 767px) { .wrapper-product-slider .advert-item { width: 168px; padding: 0 6px; } } .product-slider .one-column { padding: 0 10px; } @media (max-width: 767px) { .product-slider .one-column { padding: 0; } } .product-slider .one-column .advert-item { margin-bottom: 20px; } .product-slider .one-column .advert-item:last-child { margin-bottom: 0; } .product-slider-3 .advert-item { padding: 0 10px; margin-bottom: 20px; } @media (max-width: 991px) { .product-slider-3 .advert-item { padding: 0 6px; } } .product-slider-3 .advert-item:last-child { margin-bottom: 0; } .wrapper-custom-modal { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; background: rgba(0, 0, 0, 0.3); display: none; overflow: auto; padding: 30px 20px; } .wrapper-custom-modal.hiddenModal { overflow: hidden; } @media (min-width: 768px) { .wrapper-custom-modal.without-scroll .modal-custom { overflow: initial; } } @media (max-width: 767px) { .wrapper-custom-modal { padding: 15px 12px; } } @media (max-width: 767px) { .wrapper-custom-modal.full-mobile { padding: 0; } .wrapper-custom-modal.full-mobile.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal.full-mobile .modal-custom { border-radius: 0; width: 100%; height: 100%; left: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: initial; -ms-transform: initial; transform: initial; } .wrapper-custom-modal.full-mobile .modal-custom .caption-modal, .wrapper-custom-modal.full-mobile .modal-custom .buttons-footer { -ms-flex-negative: 0; flex-shrink: 0; } .wrapper-custom-modal.full-mobile .filter-category-scroll { max-height: initial; margin-bottom: 0; } } .wrapper-custom-modal.active { display: block; } .wrapper-custom-modal.active .modal-custom.mobile-bottom-sidebar { bottom: 0; } .wrapper-custom-modal.small-modal .modal-custom { max-width: 360px; } .wrapper-custom-modal.size2 .modal-custom { max-width: 400px; } .wrapper-custom-modal.size3 .modal-custom { max-width: 810px; } .wrapper-custom-modal.size4 .modal-custom { max-width: 320px; } .wrapper-custom-modal.size5 .modal-custom { max-width: 480px; } .wrapper-custom-modal.size6 .modal-custom { max-width: 600px; } .wrapper-custom-modal.size7 .modal-custom { width: 100%; max-width: 1200px; } .wrapper-custom-modal .caption-modal { margin-bottom: 16px; padding-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: 28px; font-weight: 600; color: #000000; } .wrapper-custom-modal .caption-modal.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper-custom-modal .caption-modal.caption-border { margin: -12px -24px 24px; padding: 0 24px 12px; font-size: 24px; line-height: 36px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .wrapper-custom-modal .caption-modal.caption-border { font-size: 18px; line-height: 28px; } } @media (max-width: 480px) { .wrapper-custom-modal .caption-modal.caption-border { margin: -8px -16px 16px; padding: 0 16px 12px; } } .wrapper-custom-modal .close-btn-style { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 24px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .wrapper-custom-modal .close-btn-style:hover { color: #264653; } } .wrapper-custom-modal .modal-custom { width: 92%; max-width: 960px; padding: 24px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); position: relative; z-index: 100; overflow: hidden; background: white; border-radius: 8px; } @media (min-width: 768px) { .wrapper-custom-modal .modal-custom { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; overflow: auto; } } @media (max-width: 767px) { .wrapper-custom-modal .modal-custom { width: 100%; } } @media (max-width: 480px) { .wrapper-custom-modal .modal-custom { padding: 16px; } } .wrapper-custom-modal .modal-custom.full-mobile-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal .modal-custom.full-mobile-height .caption-modal, .wrapper-custom-modal .modal-custom.full-mobile-height .buttons-line { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .wrapper-custom-modal .modal-custom.mobile-bottom-sidebar { -webkit-transform: initial; -ms-transform: initial; transform: initial; width: 100%; left: 0; right: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; bottom: -100vh; position: absolute; border-radius: 12px 12px 0 0; } .wrapper-custom-modal .modal-custom.mobile-bottom-sidebar .caption-modal.caption-border { margin-top: 10px; } .wrapper-custom-modal .modal-custom.mobile-bottom-sidebar .close-btn-modal { display: none; } } .wrapper-custom-modal .planning-list { padding: 0; border: 0; } .wrapper-custom-modal .planning-list .one-planing:last-child { border-bottom: 0; } .wrapper-custom-modal .under-title-gray { width: 100%; color: #4B6570; font-weight: 500; line-height: 24px; font-size: 16px; } .wrapper-custom-modal .wrapper-center-modal { height: 100%; overflow: auto; } .wrapper-custom-modal .buttons-footer { margin: 0 -24px -24px; padding: 24px; border-top: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper-custom-modal .buttons-footer .btn-dark.secondary { width: 100%; margin-left: 0; margin-top: 12px; } } .wrapper-custom-modal .buttons-footer .simple-left-block { margin-left: auto; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .simple-left-block + * { margin-top: 0 !important; } } .wrapper-custom-modal .buttons-footer .call-mobile { display: none; } @media (max-width: 991px) { .wrapper-custom-modal .buttons-footer .call-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .show-phone-number { display: none; } } .wrapper-custom-modal .buttons-footer .clean-filter { margin-left: auto; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .clean-filter { width: calc(100% - 50px); } .wrapper-custom-modal .buttons-footer .clean-filter.mobil-full { width: 100%; } .wrapper-custom-modal .buttons-footer .clean-filter.first-child { width: 100%; margin-left: 0; } } .wrapper-custom-modal .buttons-footer .secondary { margin-left: 16px; } @media (max-width: 767px) { .wrapper-custom-modal .buttons-footer .save-on-map i { margin: 0 -10px; } .wrapper-custom-modal .buttons-footer .save-on-map span { display: none; } } .wrapper-custom-modal .buttons-footer .text-left-bold { width: 100%; font-size: 16px; font-weight: 600; } .wrapper-custom-modal .style-scroll-2 .buttons-footer { margin: -24px -24px 24px; border-top: 0; } @media (max-width: 480px) { .wrapper-custom-modal .style-scroll-2 .buttons-footer { margin: -16px -16px 16px; } } .wrapper-custom-modal .style-scroll-2 .head-tab.style-2, .wrapper-custom-modal .style-scroll-2 .head-tab2.style-2 { width: 100%; margin-bottom: 0; padding: 4px; border-radius: 8px; } .wrapper-custom-modal .style-scroll-2 .head-tab.style-2 li a, .wrapper-custom-modal .style-scroll-2 .head-tab2.style-2 li a { font-size: 14px; position: relative; } @media (max-width: 767px) { .wrapper-custom-modal .style-scroll-2 .head-tab.style-2 li a .badge, .wrapper-custom-modal .style-scroll-2 .head-tab2.style-2 li a .badge { position: absolute; top: -10px; left: 50%; margin-left: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .wrapper-custom-modal .style-scroll-2 .filter-category-scroll { max-height: calc(100vh - 218px); padding: 0 24px 24px; } @media (max-width: 767px) { .wrapper-custom-modal .style-scroll-2 .filter-category-scroll { max-height: calc(100vh - 180px); } } @media (max-width: 767px) { .wrapper-custom-modal .style-scroll-2 .info-packages { padding-top: 16px; } .wrapper-custom-modal .style-scroll-2.modal-custom { height: 100%; } } .wrapper-custom-modal .one-btn-footer { display: none; } @media (max-width: 767px) { .wrapper-custom-modal .one-btn-footer { display: block; } .wrapper-custom-modal .one-btn-footer .primary-btn { width: 100%; height: 48px; font-size: 16px; font-weight: 500; } } .wrapper-custom-modal .caption { margin-bottom: 16px; padding-right: 30px; font-size: 20px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wrapper-custom-modal .buttons-footer2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .wrapper-custom-modal .buttons-footer2 > * { width: 100%; height: 48px; margin-right: 8px; font-size: 16px; font-weight: 500; } .wrapper-custom-modal .buttons-footer2 > *:last-child { margin-right: 0; } .wrapper-custom-modal .map-location { height: 320px; } @media (max-width: 767px) { .wrapper-custom-modal .map-location { height: 240px; } } .wrapper-custom-modal .box-center-img { width: 56px; margin: 0 auto 16px; line-height: 0; } .wrapper-custom-modal .caption-name { margin-bottom: 8px; font-size: 20px; font-weight: 600; line-height: 28px; } @media (min-width: 768px) { .wrapper-custom-modal .box-graph-tab .text-graph .box-graph-st { width: 450px; } } .wrapper-custom-modal .range-select-style { margin-bottom: 24px; } .info-packages { font-size: 12px; line-height: 16px; color: #4B6570; } @media (max-width: 767px) { .daterangepicker .drp-calendar.right { display: none; } } @media (max-width: 767px) { .daterangepicker .drp-selected { display: none; } } .filter-form .line-filter-catalog { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .filter-form .line-filter-catalog { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .filter-form .line-filter-catalog .caption { width: 190px; min-height: 40px; margin-right: 12px; padding-right: 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .filter-form .line-filter-catalog .caption { min-height: initial; } } .filter-form .line-filter-catalog .caption sub, .filter-form .line-filter-catalog .caption sup { top: -5px; } @media (max-width: 767px) { .filter-form .line-filter-catalog .caption { width: 100%; margin-right: 0; margin-bottom: 8px; } } .filter-form .line-filter-catalog .form-field { width: calc(100% - 202px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field { width: 100%; } } .filter-form .line-filter-catalog .form-field .radio-check-list { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field .radio-check-list { margin-bottom: 8px; } } .filter-form .line-filter-catalog .form-field .radio-check-list.full { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; } .filter-form .line-filter-catalog .form-field .radio-check-list:last-child { margin-right: 0; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field .radio-check-list:last-child { margin-bottom: 0; } } .filter-form .line-filter-catalog .form-field.desktop-one-line { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field.desktop-one-line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .filter-form .line-filter-catalog .form-field .one-side { width: 100%; margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .filter-form .line-filter-catalog .form-field .one-side { margin-bottom: 8px; margin-right: 0; } } .filter-form .line-filter-catalog .form-field .one-side:last-child { margin-right: 0; } .filter-form .line-filter-catalog .form-field .one-side .custom-input { width: calc(50% - 2px); margin-right: 4px; } .filter-form .line-filter-catalog .form-field .one-side .custom-input:last-child { margin-right: 0; } .filter-form .line-filter-catalog .form-field .width-style1 { max-width: 350px; } .filter-form .select-filter { width: 100%; border-radius: 4px; border: 1px solid #D6D6D6; } .filter-form .select-filter .head-select { height: 40px; padding: 5px 5px 5px 16px; } .filter-form .select-filter .head-select span { font-size: 14px; font-weight: 400; } .filter-form .select-filter .body-select { top: 48px; z-index: 5; background-color: white; } .filter-form .select-filter .body-select .one-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .filter-form .select-filter .body-select .one-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { .filter-form .head-tab.like-button li a, .filter-form .head-tab2.like-button li a { padding: 6px 5px; font-size: 12px; } .filter-form .apartment-select .body-select { width: 100%; padding: 16px; position: relative; top: initial; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; border-radius: 0 0 4px 4px; } } .radio-check-list { margin-bottom: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .radio-check-list li { margin-bottom: 4px; margin-right: 4px; } .radio-check-list li:last-child { margin-right: 0; } .radio-check-list.error .radio-check > span { border: 1px solid #E7513B; } @media (max-width: 767px) { .radio-check-list.planning-version { width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .radio-check-list.planning-version li:nth-child(1) { -ms-flex-negative: 20; flex-shrink: 20; width: 100%; } } .radio-check-list.style2 { margin-bottom: 8px; } .radio-check-list.style2:last-child { margin-bottom: -8px; } .radio-check-list.style2 li { margin-bottom: 8px; } .radio-check-list.style-color-2 .radio-check > span { border: 1px solid #E1F4F0; color: #4B6570; } .radio-check-list.style-color-2 .radio-check input:checked + span { color: #264653; background-color: #E1F4F0; } .counter-advert { margin: 12px 0 20px; font-size: 24px; font-weight: 600; } .drop-open-mobile { overflow: hidden; } @media (max-width: 767px) { .drop-open-mobile .advert-item.deleted-item .wrapper-small-tbn { z-index: initial; } } @media (max-width: 767px) { .top-wrapper-page .statistic-flat { display: none; } } @media (max-width: 767px) { .top-wrapper-page .show-phone-number { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; display: none; } } @media (max-width: 767px) { .top-wrapper-page .call-btn { width: 100%; margin-right: 4px; -ms-flex-negative: 5; flex-shrink: 5; display: -webkit-box; display: -ms-flexbox; display: flex; } } .top-wrapper-page .wrapper-small-tbn { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .top-wrapper-page .wrapper-small-tbn .btn-more { margin-right: 0 !important; } .top-wrapper-page .wrapper-small-tbn .drop { width: 240px; position: absolute; display: none !important; bottom: 28px; right: 0; margin-right: -200px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 8px; background-color: white; z-index: 5; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); border-radius: 8px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .top-wrapper-page .wrapper-small-tbn .drop { padding-top: 15px; width: initial; position: fixed; left: 0; right: 0; z-index: 20; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-right: 0; bottom: -300px; border-radius: 8px 8px 0 0; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFF; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } .top-wrapper-page .wrapper-small-tbn .drop .close-drop { display: none; } .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big { width: 100%; padding: 8px; border: 0; text-align: left; color: #4B6570; margin-right: 0; margin-bottom: 8px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (min-width: 768px) { .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big:hover { background-color: #EAF5F4; } } .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big:last-child { margin-bottom: 0; } .top-wrapper-page .wrapper-small-tbn .drop .btn-ico.big span { display: block; } .top-wrapper-page .wrapper-small-tbn .drop .btn-favorite, .top-wrapper-page .wrapper-small-tbn .drop .btn-compare { display: none; } @media (max-width: 991px) { .top-wrapper-page .wrapper-small-tbn .drop .btn-favorite, .top-wrapper-page .wrapper-small-tbn .drop .btn-compare { display: -webkit-box; display: -ms-flexbox; display: flex; } } .top-wrapper-page .wrapper-small-tbn .btn-more { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 991px) { .top-wrapper-page .wrapper-small-tbn > *.btn-ico { display: none; } } .top-wrapper-page .wrapper-small-tbn.open .drop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 767px) { .top-wrapper-page .wrapper-small-tbn.open .drop { bottom: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } } .top-wrapper-page .flat-statistic.style-residential > * { width: calc(50% - 16px); } @media (max-width: 767px) { .top-wrapper-page .flat-statistic.style-residential { display: none; } } .top-wrapper-page .map-catalog-left .wrapper-small-tbn > .btn-ico { display: none; } .top-wrapper-page .map-catalog-left .wrapper-small-tbn .drop { margin-right: 0; } .top-wrapper-page .map-catalog-left .wrapper-small-tbn .drop .btn-favorite, .top-wrapper-page .map-catalog-left .wrapper-small-tbn .drop .btn-compare { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-page { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-page .advert-item .price { margin-bottom: 8px; font-size: 20px; } @media (max-width: 991px) { .catalog-page .advert-item .price { margin-bottom: 2px; font-size: 14px; } .catalog-page .advert-item .price .old { width: 100%; } } @media (max-width: 767px) { .catalog-page .advert-item .price .box-amplitude-change { margin-right: 8px; } } @media (max-width: 767px) { .catalog-page .advert-item .price .old { margin-left: 0; } } .catalog-page .advert-item .name { margin-bottom: 8px; } .catalog-page .advert-item .region { margin-bottom: 4px; font-size: 12px; } .catalog-page .advert-item .list-type { padding-bottom: 6px; } @media (max-width: 991px) { .catalog-page .advert-item .list-type { padding-bottom: 0; } } .catalog-page .advert-item .list-type > *:last-child { margin-right: 0; } .catalog-page .advert-item .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 767px) { .catalog-page { margin: 0 -6px; } } @media (max-width: 767px) { .catalog-page .metro .time { display: none; } .catalog-page .tags-product-list, .catalog-page .agency-block { display: none; } .catalog-page .name { font-size: 14px !important; } } .catalog-page .item { width: 33.3%; padding: 0 10px 20px; } @media (max-width: 767px) { .catalog-page .item { width: 50%; margin-bottom: 24px; padding: 0 6px; } .catalog-page .item .line-buttons-product .btn-more { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 359px) { .catalog-page .item { width: 100%; } } .catalog-page .item:nth-child(3n) .wrapper-small-tbn .drop { margin-right: 0; } .catalog-page .item:nth-child(3n + 1) .box-amplitude-change .drop-amplitude { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } @media (max-width: 767px) { .catalog-page.list .advert-item .price { font-size: 20px; } .catalog-page.list .advert-item .price .old { width: initial; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 767px) { .catalog-page.list .statistic-flat { display: block; } } .catalog-page.list .item { padding-bottom: 0; } .catalog-page.list .item .box-img-box { margin-bottom: 0; } @media (max-width: 767px) { .catalog-page.list .item .box-img-box { margin-bottom: 16px; } } .catalog-page.list .item:nth-child(3n + 1) .box-amplitude-change .drop-amplitude { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .catalog-page.list .item { margin: 16px 0; position: relative; } .catalog-page.list .item:before { height: 1px; left: 10px; right: 10px; top: -16px; position: absolute; content: ''; display: block; background-color: rgba(0, 0, 0, 0.08); } .catalog-page.list .item:first-child { margin-top: 0; } .catalog-page.list .item:first-child:before { display: none; } .catalog-page.list .list-type > * { margin-right: 8px; font-size: 16px; } @media (max-width: 767px) { .catalog-page.list .list-type > * { font-size: 14px; } } @media (max-width: 767px) { .catalog-page.list .list-type > * i { display: none; } } @media (max-width: 991px) { .catalog-page.list .call-btn { width: initial; height: 40px; margin-right: 8px; } } @media (max-width: 767px) { .catalog-page.list .call-btn { width: 100%; } } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn .drop { position: relative; padding: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; width: initial; margin-right: 0; bottom: initial; display: block !important; } } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn .drop .btn-ico { margin-bottom: 4px; border: 1px solid #D6D6D6; color: #81949B; } .catalog-page.list .wrapper-small-tbn .drop .btn-ico:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } .catalog-page.list .wrapper-small-tbn .drop .btn-ico span { display: none; } } .catalog-page.list .wrapper-small-tbn .drop .btn-favorite, .catalog-page.list .wrapper-small-tbn .drop .btn-compare { display: none; } @media (max-width: 991px) { .catalog-page.list .wrapper-small-tbn .drop .btn-favorite, .catalog-page.list .wrapper-small-tbn .drop .btn-compare { display: none; } } .catalog-page.list .wrapper-small-tbn > *.btn-ico { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn .btn-more { display: none !important; } } @media (min-width: 992px) { .catalog-page.list .wrapper-small-tbn { position: absolute; top: 0; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-page.list .wrapper-small-tbn .btn-ico { margin-right: 0; margin-bottom: 4px; } } @media (min-width: 1100px) { .catalog-page.list .advert-item { -webkit-box-align: initial !important; -ms-flex-align: initial !important; align-items: initial !important; } .catalog-page.list .box-img-box { margin-bottom: 0 !important; } .catalog-page.list .all-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-page.list .all-description .agency-block { margin-top: auto; } } @media (min-width: 768px) { .catalog-page.list .advert-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog-page.list .item { width: 100%; position: relative; } .catalog-page.list .item .box-img-box { width: 397px; max-height: 298px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 768px) and (max-width: 1279px) { .catalog-page.list .item .box-img-box { width: calc(33.3%); } } @media (min-width: 768px) { .catalog-page.list .item .all-description { width: calc(100% - 420px); } } @media (min-width: 768px) and (max-width: 1279px) { .catalog-page.list .item .all-description { width: calc(100% - 36%); } } @media (min-width: 768px) { .catalog-page.list .item .advert-item { padding-right: 50px; } } @media (max-width: 767px) { .catalog-page.list .tags-product-list, .catalog-page.list .metro, .catalog-page.list .agency-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-page.list .advert-item .novobud-line .type-novo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .catalog-page.list .name { font-size: 16px !important; } } @media (max-width: 991px) { .catalog-page.list .item { width: 100%; } .catalog-page.list .line-buttons-product .btn-more { width: 40px; height: 40px; } } .catalog-page.list .flat-statistic.style-residential > * { width: calc(33.3% - 16px); } @media (max-width: 1279px) { .catalog-page.list .flat-statistic.style-residential > * { width: calc(50% - 16px); } } @media (max-width: 1279px) { .catalog-page .flat-statistic.style-residential > * { width: 100%; } } .slider-one-hover a { display: block; } .box-amplitude-change { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .box-amplitude-change .btn-amplitude { width: 20px; height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: white; border-radius: 4px; cursor: pointer; font-size: 16px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .box-amplitude-change .btn-amplitude:hover { border: 0 !important; } } .box-amplitude-change .btn-amplitude i.ico-trending-up, .box-amplitude-change .btn-amplitude i.ico-trending-down { margin-left: 0; } .box-amplitude-change .btn-amplitude img { width: initial; } .box-amplitude-change .btn-amplitude.success img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-amplitude-change .drop-amplitude { padding: 16px; z-index: 6; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 8px; background: #FFFFFF; font-size: 12px; font-weight: 500; } .box-amplitude-change .drop-amplitude .btn-light { width: 100%; } .box-amplitude-change .drop-amplitude .wrapper-table { max-height: 200px; margin: 0 -16px 10px; overflow: auto; padding: 0 16px; } @media (min-width: 768px) { .box-amplitude-change .drop-amplitude { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); width: 320px; position: absolute; top: 28px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .box-amplitude-change .drop-amplitude table { width: 100%; } .box-amplitude-change .drop-amplitude table td { padding: 6px 10px 6px 0; } .box-amplitude-change.open .btn-amplitude { border: 1px solid rgba(0, 0, 0, 0.08) !important; } .box-amplitude-change.open .btn-amplitude .ico-trending-up { font-size: 10px; } .box-amplitude-change.open .btn-amplitude .ico-trending-up:before { content: "\e97d"; } .box-amplitude-change.open .btn-amplitude .ico-trending-down { font-size: 10px; } .box-amplitude-change.open .btn-amplitude .ico-trending-down:before { content: "\e97c"; } .price-a { padding-right: 0; text-align: right; color: #2A9D8F; } .price-a.down { color: #E7513B; } @media (min-width: 768px) { .owl-carousel .advert-item .custom-drop.open .body-drop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .owl-carousel .advert-item .box-amplitude-change { position: initial; } @media (min-width: 768px) { .owl-carousel .advert-item .box-amplitude-change .drop-amplitude { width: calc(100% - 1px); top: 0; bottom: 0; padding: 12px; border: 1px solid #4B6570; -webkit-box-shadow: none; box-shadow: none; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude tr { position: relative; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude tr td { padding-bottom: 20px; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude tr .price-a { position: absolute; padding-bottom: 0; left: 0; bottom: 2px; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude .wrapper-table { max-height: initial; margin: 0 -12px 10px; padding: 0 12px; } .owl-carousel .advert-item .box-amplitude-change .drop-amplitude .btn-dark { font-size: 12px; } } .custom-drop .body-drop { display: none; } .custom-drop.open .body-drop { display: block; } .category-filter { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .category-filter { margin-bottom: 12px; } } .category-filter .left-select { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .category-filter .left-select > * { margin-right: 8px; } .category-filter .left-select > *:last-child { margin-right: 0; } @media (max-width: 991px) { .category-filter .left-select .head-select i, .category-filter .left-select .main-filter-btn i { margin-right: 0; } .category-filter .left-select .head-select span, .category-filter .left-select .main-filter-btn span { display: none; } } @media (max-width: 767px) { .category-filter .left-select .head-select { padding: 5px 9px; } } .category-filter .right-buttons { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .category-filter .right-buttons > * { margin-left: 8px; } @media (max-width: 767px) { .category-filter .right-buttons .save-on-map i { margin: 0 -10px; } .category-filter .right-buttons .save-on-map span { display: none; } } .save-on-map.active .ico-search:before { content: "\e929"; } .select-drop { position: relative; } @media (min-width: 768px) { .select-drop .body-select { width: 240px; top: 108%; left: 0; display: none; position: absolute; border-radius: 4px; background: #FFFFFF; z-index: 5; overflow: hidden; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .select-drop .body-select.right { left: initial; right: 0; } } @media (max-width: 767px) { .select-drop .body-select { position: fixed; bottom: -4000px; padding-top: 30px; display: block; left: 0; z-index: 21; width: 100%; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 12px 12px 0 0; background-color: white; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .select-drop .body-select ul { position: relative; z-index: 3; } .select-drop .body-select.body-select-top { padding-top: 40px; } .select-drop .body-select .caption-filter { margin-bottom: 16px; text-align: center; font-size: 16px; font-weight: 600; line-height: 24px; } .select-drop .body-select .box-padding-filter { padding: 0 16px 24px; } } .select-drop .body-select li a { padding: 10px 16px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #4B6570; } .select-drop .body-select li a.active { color: #264653; background-color: #E1F4F0; } @media (min-width: 768px) { .select-drop .body-select li a:hover { background-color: #E1F4F0; color: #264653; } } @media (min-width: 768px) { .select-drop.open .body-select { display: block; } } @media (max-width: 767px) { .select-drop.open .body-select { bottom: 0; } } @media (max-width: 359px) { .change-show-product { display: none; } } .change-show-product.open .ico-grid:before { content: "\e928"; } .show-phone-number { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .show-phone-number .phone-number { display: none; } .show-phone-number.open .phone-number { display: block; } .show-phone-number.open .btn-text { display: none; } .btn-favorite.active .ico-heart:before { content: "\e915"; } .btn-compare.active .ico-libra:before { content: "\e91b"; } .tags-product-list { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .tags-product-list { margin-bottom: 8px; } } .tags-product-list li { margin-right: 8px; margin-bottom: 8px; padding: 8px; border-radius: 4px; white-space: nowrap; color: #264653; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #EAF5F4; } .tags-product-list li i { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .main-filter-btn { position: relative; } .main-filter-btn .active-filter { width: 8px; height: 8px; position: absolute; top: 4px; right: 4px; content: ''; display: block; border-radius: 50%; background-color: #E76F51; } .main-filter-btn.filter-type-btn { display: none; } @media (max-width: 767px) { .main-filter-btn.filter-type-btn { width: 100%; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } } .catalog-top-filter { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .catalog-top-filter { margin-right: -12px; } } .catalog-top-filter .box-wrapper-search { margin-left: 8px; } .catalog-top-filter .main-filter-btn { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .catalog-top-filter .main-filter-btn { padding: 5px; } .catalog-top-filter .main-filter-btn i { margin-right: 0; } .catalog-top-filter .main-filter-btn span { display: none; } } .catalog-top-filter .catalog-desk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-top-filter .wrapper-catalog-desk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .catalog-top-filter .wrapper-catalog-desk { height: 40px; max-width: calc(100vw - 60px); display: block; overflow: hidden; } .catalog-top-filter .wrapper-catalog-desk .catalog-desk { width: 100%; padding-right: 12px; padding-bottom: 10px; overflow: auto; } .catalog-top-filter .wrapper-catalog-desk .small-select { margin-right: 8px; } .catalog-top-filter .wrapper-catalog-desk .head-select { height: 40px; padding: 10px 16px; border-radius: 4px; border: 1px solid #D6D6D6; background: white; font-size: 14px; margin-left: 0; } .catalog-top-filter .wrapper-catalog-desk .head-select span { padding-right: 0; font-size: 14px; color: #4B6570; font-weight: 500; } .catalog-top-filter .wrapper-catalog-desk .body-select { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; top: initial !important; } } .catalog-top-filter .select-filter { margin-right: 8px; position: relative; z-index: 5; border-right: 0; } .catalog-top-filter .select-filter:last-child { margin-right: 0; } .catalog-top-filter .select-filter .head-select { height: 40px; padding: 10px 16px; border-radius: 4px; border: 1px solid #D6D6D6; background: white; } .catalog-top-filter .select-filter .head-select span { padding-right: 0; font-size: 14px; color: #4B6570; font-weight: 500; } .catalog-top-filter .select-filter .head-select:after { display: none; } @media (min-width: 768px) { .catalog-top-filter .select-filter .head-select:hover { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } .catalog-top-filter .select-filter .head-select:hover span { color: #264653; } } .catalog-top-filter .select-filter .body-select { top: 44px; } .catalog-top-filter .apartment-select { max-width: 250px; } .catalog-top-filter .one-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .catalog-top-filter .one-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { #searchBox .caption-modal { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { #searchBox .caption-modal .close-btn-style { display: none; } } #searchBox .btn-back { width: 40px; height: 40px; position: absolute; left: 0; top: -6px; color: #81949b; -ms-flex-negative: 0; flex-shrink: 0; display: none !important; } @media (max-width: 767px) { #searchBox .btn-back { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (max-width: 767px) { .catalog-top-filter .box-wrapper-search { margin-left: 0 !important; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; background-color: white; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .box-wrapper-search { width: 100%; position: relative; } .box-wrapper-search .caption-modal, .box-wrapper-search .buttons-footer { display: none; } @media (max-width: 767px) { .box-wrapper-search .buttons-footer { padding: 12px 24px; border-top: 1px solid rgba(0, 0, 0, 0.08); display: block; -ms-flex-negative: 0; flex-shrink: 0; } .box-wrapper-search .buttons-footer .btn-border { width: 100%; margin-bottom: 12px; } .box-wrapper-search .caption-modal { padding: 12px 24px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; font-size: 18px; line-height: 28px; font-weight: 600; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-wrapper-search .caption-modal .close-btn-style { width: 40px; height: 40px; top: 4px; right: 4px; position: absolute; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 24px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-wrapper-search .search-field { height: initial; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 0; border: 0; } .box-wrapper-search .search-field input { height: 40px; margin: 0 24px 8px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .box-wrapper-search .search-field i { left: 36px; top: 19px; } .box-wrapper-search .change-address-type { width: 100%; padding: 0 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-wrapper-search .change-address-type a { width: 100%; margin-left: 0 !important; margin-bottom: 8px; padding: 10px 16px; text-align: center; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); color: #4B6570 !important; display: block; font-size: 14px; font-weight: 500; } .box-wrapper-search .counter-address { margin-left: 24px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .box-wrapper-search .drop-search-helper { display: block; position: relative; } .box-wrapper-search .drop-search-helper .address-checked { display: block !important; } .box-wrapper-search .drop-search-helper .address-checked li { width: 100%; margin-bottom: 20px; background-color: transparent; font-size: 16px; font-weight: 400; } .box-wrapper-search .drop-search-helper .address-checked li.metro { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .box-wrapper-search .drop-search-helper .address-checked li span { width: 100%; } .box-wrapper-search .drop-search-helper .address-checked li .delete-this-address { font-size: 20px; } .box-wrapper-search .drop-search-helper .address-checked li:last-child { margin-bottom: 0; } .box-wrapper-search .drop-search-helper #dropResult, .box-wrapper-search .drop-search-helper #dropResultTop { position: absolute; top: -100px; right: 24px; left: 24px; z-index: 1; max-height: 50vh; overflow: auto; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-wrapper-search .search-scroll-full { height: 100%; padding: 24px 0; overflow: auto; } } .box-wrapper-search.active .drop-search-helper { display: block; } @media (min-width: 768px) { .box-wrapper-search.active .search-field { border: 1px solid rgba(0, 0, 0, 0.24); } } .box-wrapper-search2 { margin-bottom: auto; position: relative; display: none; } @media (max-width: 991px) { .box-wrapper-search2 { display: block; } } .box-wrapper-search2 #dropResult, .box-wrapper-search2 #dropResultTop { max-height: calc(100vh - 440px); top: 68px; right: 0 !important; left: 0; } @media (max-width: 767px) { .box-wrapper-search2.main-page-search .search-scroll-full, .box-wrapper-search.main-page-search .search-scroll-full { padding: 0; } } @media (max-width: 767px) { .box-wrapper-search2.main-page-search .search-field i, .box-wrapper-search.main-page-search .search-field i { top: 50%; left: 12px; } .box-wrapper-search2.main-page-search .search-field input, .box-wrapper-search.main-page-search .search-field input { margin: 0; } } @media (max-width: 991px) { .box-wrapper-search2.main-page-search .drop-search-helper, .box-wrapper-search.main-page-search .drop-search-helper { right: 0 !important; max-height: calc(100vh - 410px); position: absolute; top: 44px; left: 0; z-index: 7; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-wrapper-search2.main-page-search .drop-search-helper #dropResult, .box-wrapper-search2.main-page-search .drop-search-helper #dropResultTop, .box-wrapper-search.main-page-search .drop-search-helper #dropResult, .box-wrapper-search.main-page-search .drop-search-helper #dropResultTop { max-height: calc(100vh - 410px); top: 0; right: 0 !important; left: 0; } } @media (min-width: 768px) { .box-wrapper-search2 .drop-search-helper, .box-wrapper-search .drop-search-helper { max-height: calc(100vh - 140px); position: absolute; top: 44px; left: 0; right: 0; display: none; overflow: auto; z-index: 7; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } .box-wrapper-search2 .drop-search-helper .caption-helper, .box-wrapper-search .drop-search-helper .caption-helper { padding: 16px 8px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; color: #4B6570; } .box-wrapper-search2 .drop-search-helper .caption-helper i, .box-wrapper-search .drop-search-helper .caption-helper i { margin-right: 8px; font-size: 16px; color: #81949b; } .box-wrapper-search2 .drop-search-helper .list-helper li a, .box-wrapper-search .drop-search-helper .list-helper li a { padding: 8px 16px 8px 32px; display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: black; } .box-wrapper-search2 .drop-search-helper .list-helper li a .small-text, .box-wrapper-search .drop-search-helper .list-helper li a .small-text { display: block; font-size: 12px; color: #4B6570; } @media (min-width: 768px) { .box-wrapper-search2 .drop-search-helper .list-helper li a:hover, .box-wrapper-search .drop-search-helper .list-helper li a:hover { color: white; background-color: #2A9D8F; } .box-wrapper-search2 .drop-search-helper .list-helper li a:hover .small-text, .box-wrapper-search .drop-search-helper .list-helper li a:hover .small-text { color: rgba(255, 255, 255, 0.8); } } .box-search-mobile { display: none; } @media (max-width: 767px) { .box-search-mobile { width: 100%; margin-left: 8px; display: block; position: relative; } .box-search-mobile .btn-open-mobile-search { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; display: block; } } .search-field { width: 100%; height: 40px; padding-right: 16px; border: 1px solid #D6D6D6; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; } .search-field input { width: 100%; padding-left: 42px; padding-right: 16px; font-size: 14px; border: 0; position: relative; z-index: 2; background-color: transparent; } .search-field i { position: absolute; top: 50%; left: 12px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 18px; color: #2A9D8F; } .search-field .change-address-type { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-field .change-address-type a { margin-left: 12px; color: #2A9D8F; } @media (min-width: 768px) { .search-field .change-address-type a:hover { color: #227F74; } } .search-field .counter-address { padding: 4px 8px; background-color: #2A9D8F; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; border-radius: 4px; color: white; } .custom-tag-select { position: relative; } .custom-tag-select .select2-search.select2-search--dropdown { display: none; } .custom-tag-select.full { width: 100%; } .custom-tag-select .select2-container + .select2-container.select2-container--default.select2-container--open { top: 46px !important; } .custom-tag-select .select2-container .select2-selection--multiple { min-height: 44px; } .custom-tag-select .select2 { width: 100% !important; } .custom-tag-select .select2-search input { width: 100% !important; height: 100%; margin-top: 0 !important; padding-left: 16px !important; padding-right: 16px !important; } .custom-tag-select .select2-search.select2-search--inline { height: 44px; width: 100%; position: absolute; top: 0; left: 0; border-radius: 4px; border: 1px solid #D6D6D6 !important; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top: 50px; } .custom-tag-select .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0 !important; } .custom-tag-select .select2-container--default .select2-selection--multiple { border: 0 !important; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 5px 24px 5px 12px; border-radius: 30px; font-size: 12px; color: #264653; position: relative; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { width: 12px; height: 12px; overflow: hidden; position: absolute; right: 6px; top: 8px; font-size: 12px; letter-spacing: 1000px; color: #E1F4F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .custom-tag-select .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before { position: absolute; color: #4B6570; left: 0; top: 0; content: "\e907"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom-tag-select.select-with-add { margin-bottom: 14px; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 8px 0 0; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 8px 8px 0 0; padding: 5px 28px 5px 12px; color: #81949B; font-weight: 400; font-size: 14px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.16); background-color: white; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { top: 8px; right: 8px; font-size: 16px; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before { color: #81949B; } @media (min-width: 768px) { .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid rgba(0, 0, 0, 0.24); } } .custom-tag-select.select-with-add .box-top { display: -webkit-box; display: -ms-flexbox; display: flex; } .custom-tag-select.select-with-add .box-top input { width: 100%; } .custom-tag-select.select-with-add .box-top button { width: 100px; margin-left: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .custom-tag-select.select-with-add .select2-search.select2-search--inline { height: 40px; margin-top: -40px; right: 104px; width: initial; } .custom-tag-select.select-with-add .select2-search.select2-search--inline input { border-radius: 4px; background-color: white; } .custom-tag-select.select-with-add .select2-search.select2-search--inline input:focus { opacity: 1; } .custom-tag-select.select-with-add .select2-container--default .select2-selection--multiple .select2-selection__choice { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; } .select2-container--open .select2-dropdown--above.drop-tag-select, .select2-container--open .select2-dropdown--below.drop-tag-select { border-radius: 4px; background: white; overflow: hidden; border: 0 !important; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option, .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option { margin-bottom: 1px; padding: 10px 16px; color: #4B6570; font-size: 14px; } .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option:last-child, .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option:last-child { margin-bottom: 0; } .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option.select2-results__option--highlighted, .select2-container--open .select2-dropdown--above.drop-tag-select .select2-results__option[aria-selected=true], .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option.select2-results__option--highlighted, .select2-container--open .select2-dropdown--below.drop-tag-select .select2-results__option[aria-selected=true] { background-color: #E1F4F0; color: #264653; } .buy-sell .body-select .head-tab { margin-bottom: 0; } .close-modal-bg { display: none; } .open-modal header { z-index: 2; } .open-modal .close-modal-bg { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; display: block; overflow: auto; } @media (max-width: 767px) { .catalog-map.active { position: initial !important; left: 0; right: 0; bottom: 0; height: 100%; top: 116px; } } .map-contact { height: calc(100vh - 128px); } @media (max-width: 767px) { .map-contact { height: 100%; } } .catalog-album { display: none; } .catalog-album.active { display: block; } .catalog-album.style2 .show-view-prof .ico-rows:before { content: "\e91e"; } .catalog-album.style2 .prof-search-line .box-left-desc { -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-album.style2 .prof-search-line .box-left-desc .wrap-box-img { width: 100%; margin-bottom: 12px; margin-right: 0; } .catalog-map { position: relative; overflow: hidden; display: none; } .catalog-map.active { display: block; } .catalog-map .gm-fullscreen-control { display: none; } .catalog-map .category-filter { position: absolute; top: 12px; right: 12px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-map .close-btn { width: 40px; height: 40px; right: -44px; top: 4px; position: absolute; border-radius: 4px; background: white; font-size: 24px; color: #81949b; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .catalog-map .close-btn:hover { color: black; } } @media (min-width: 768px) { .catalog-map .map-catalog-left { width: 320px; left: -400px; top: 0; bottom: 0; padding: 12px 0 0 20px; position: absolute; z-index: 2; background-color: white; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } } @media (max-width: 767px) { .catalog-map .map-catalog-left { position: fixed; bottom: -500px; padding: 50px 0 12px 20px; display: block; left: 0; right: 0; max-height: 50vh; z-index: 50; width: 100%; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 12px 12px 0 0; background-color: white; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .catalog-map .map-catalog-left .wrapper-pr { height: calc(50vh - 60px) !important; } } .catalog-map .map-catalog-left.open { left: 0; } @media (max-width: 767px) { .catalog-map .map-catalog-left.open { left: initial; bottom: 0; } } .catalog-map .map-catalog-left .wrapper-pr { height: 100%; padding-right: 20px; padding-bottom: 12px; overflow: auto; } .catalog-map .map-catalog-left .item { margin-bottom: 24px; } .catalog-map .map-catalog-left .item:last-child { margin-bottom: 0; } .catalog-map .map-catalog-left .item .advert-item .price { margin-bottom: 6px; } .catalog-map .map-catalog-left .item .advert-item .tags-product-list { margin-bottom: 8px; } .catalog-map .map-catalog-left .item .advert-item .name { margin-bottom: 8px; } .catalog-map .map-catalog-left .item .advert-item .line-buttons-product .show-phone-number { width: 100%; -ms-flex-negative: 5; flex-shrink: 5; } .catalog-map.favorite-map { margin-top: -40px; } .gm-style .gm-style-iw-tc::after { display: none !important; } .gm-style .gm-style-iw-c { padding: 0 !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate3d(-50%, -70%, 0); transform: translate3d(-50%, -70%, 0); } .gm-style .gm-style-iw-tc, .gm-style .gm-ui-hover-effect { display: none !important; } .gm-style .gm-style-iw-d::-webkit-scrollbar { width: 0; height: 0; background-color: red; border-radius: 60px !important; } .filter-category-scroll { margin: -24px -24px 0; max-height: calc(100vh - 210px); padding: 24px 24px 10px; overflow: auto; } .filter-category-scroll.tab-click-for-caption { height: calc(100vh - 210px); } @media (max-width: 767px) { .filter-category-scroll { max-height: calc(100vh - 190px); } .filter-category-scroll.tab-click-for-caption { height: calc(100vh - 190px); } } @media (max-width: 480px) { .filter-category-scroll { margin: -14px -14px 0; padding: 14px 14px 0; } } .filter-category-scroll.size-2 { max-height: calc(100vh - 250px); } @media (max-width: 767px) { .filter-category-scroll.size-2 { max-height: calc(100vh - 230px); } } .filter-category-scroll.size-3 { max-height: calc(100vh - 180px); } @media (max-width: 767px) { .filter-category-scroll.size-3 { max-height: calc(100vh - 290px); margin-bottom: 20px; } } .filter-category-scroll.size-4 { max-height: calc(100vh - 140px); } @media (max-width: 767px) { .filter-category-scroll.size-4 { max-height: calc(100vh - 250px); margin-bottom: 20px; } } .filter-category-scroll .term-service-adv { margin-bottom: 0; } .open-map footer, .hidden-footer footer { display: none; } .btn-up { width: 48px; height: 48px; display: none; position: fixed; bottom: 16px; right: 16px; font-size: 20px; z-index: 9; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08); color: #4B6570; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn-up span { width: 100%; height: 100%; padding: 10px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .btn-up:hover { background-color: #E1F4F0; color: #264653; } } .btn-back-modal { margin-bottom: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .code-from-sms { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .code-from-sms input { width: 100%; height: 48px; margin-right: 4px; font-size: 16px; text-align: center; } .code-from-sms input:focus { border: 1px solid #2A9D8F; } .code-from-sms input:last-child { margin-right: 0; } .timeCounter { margin-bottom: 16px; font-size: 12px; color: #4B6570; } .sms-input::-webkit-outer-spin-button, .sms-input::-webkit-inner-spin-button, .sms-input2::-webkit-outer-spin-button, .sms-input2::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sms-input, .sms-input2 { -moz-appearance: textfield; } .clean-catalog-box { margin-bottom: 20px; padding: 40px 12px; border-radius: 4px; background: #E1F4F0; } .style-inform-1 { text-align: center; } .style-inform-1 .name { max-width: 600px; margin: 0 auto 12px; font-size: 24px; font-weight: 600; } @media (max-width: 767px) { .style-inform-1 .name { font-size: 20px; } } .style-inform-1 p { max-width: 600px; margin: 0 auto 24px; font-size: 15px; line-height: 22px; } @media (max-width: 767px) { .style-inform-1 p { font-size: 14px; line-height: 20px; } } .style-inform-1 .box-img { width: 112px; margin: 0 auto 24px; line-height: 0; } .style-inform-1 .box-img.size2 { width: 200px; } .style-inform-1 .box-img.size3 { width: 124px; } .one-product-page { margin: 24px 0; padding-right: 420px; position: relative; } @media (max-width: 991px) { .one-product-page { padding-right: 0; } } @media (min-width: 992px) { .one-product-page.bottom-sticky .right-inform-box { position: absolute; top: initial; bottom: 0; right: 0; } } .one-product-page .right-inform-box { width: 397px; position: absolute; top: 0; right: 0; } .one-product-page .right-inform-box.sticky { top: 70px; position: fixed; right: 50%; z-index: 10; margin-right: -616px; } .one-product-page .right-inform-box.bottom-sticky { position: absolute; bottom: 0; } @media (max-width: 1279px) { .one-product-page .right-inform-box.sticky { right: 24px; margin-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .one-product-page .right-inform-box .box-border-shadow { padding: 24px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } } @media (max-width: 991px) { .one-product-page .right-inform-box { width: 100%; margin-bottom: 24px; position: relative; } .one-product-page .right-inform-box .box-calculate-order-btn { display: none; } .one-product-page .right-inform-box .show-phone-number { display: none; } .one-product-page .right-inform-box.sticky { top: initial; position: relative; right: initial; margin-left: initial; } } .one-product-page h2 { font-size: 20px; font-weight: 600; line-height: 30px; } .one-product-page hr { margin: 24px 0; } .one-product-page .one-item .box-corpus-wr { margin-bottom: 8px; display: none; } .one-product-page .one-item .box-corpus-wr.active { display: block; } .one-product-page .one-item .box-corpus-wr:last-child { margin-bottom: 0; } .one-product-page .one-item .box-corpus-wr .studio-accordion { margin-bottom: 8px; } .one-product-page .one-item .box-corpus-wr .studio-accordion:last-child { margin-bottom: 0; } .one-product-page .box-about-product { font-size: 15px; line-height: 25px; } .flat-statistic { margin: 0 -10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flat-statistic li { width: calc(50% - 20px); margin: 0 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media (max-width: 1279px) { .flat-statistic li { width: 100%; } } @media (max-width: 991px) { .flat-statistic li { width: calc(50% - 20px); } } @media (max-width: 767px) { .flat-statistic li { width: 100%; } } .flat-statistic li:before { bottom: 4px; left: 0; right: 0; z-index: -1; display: inline-block; content: ''; position: absolute; border-bottom: 1px dashed #81949b; } .flat-statistic li .left-box { padding-right: 10px; margin-right: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; background-color: white; } .flat-statistic li .left-box i, .flat-statistic li .left-box img { width: 20px; height: 20px; margin-right: 8px; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .flat-statistic li .right-box { padding-left: 8px; font-size: 14px; text-align: right; background-color: white; } .flat-statistic.full li { width: 100%; } .flat-statistic.style-residential { max-width: 700px; margin: 0 0 8px; } .flat-statistic.style-residential > * { width: calc(33.3% - 16px); margin: 0 16px 8px 0; } .additional-information { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .additional-information .column { width: 50%; padding-right: 20px; } @media (max-width: 767px) { .additional-information .column { width: 100%; margin-bottom: 20px; padding-right: 0; } .additional-information .column:last-child { margin-bottom: 0; } } .additional-information .column .caption { margin-bottom: 10px; color: #4B6570; } .additional-information .column ul li { margin-bottom: 12px; padding-left: 24px; position: relative; } .additional-information .column ul li:last-child { margin-bottom: 0; } .additional-information .column ul li:before { position: absolute; top: 1px; left: 0; color: #2A9D8F; font-size: 20px; display: inline-block; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .about-house { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .about-house { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .about-house .left-a { width: 100%; padding-right: 20px; } @media (max-width: 1279px) { .about-house .left-a { padding-right: 0; } } .about-house .right-a { width: 396px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .about-house .right-a { width: 100%; } } .box-with-right-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .box-with-right-btn { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-with-right-btn .left-q { width: 100%; } @media (max-width: 767px) { .box-with-right-btn .left-q { margin-bottom: 24px; } } .box-with-right-btn .left-q h2 { margin-bottom: 5px; } .box-with-right-btn .right-q { -ms-flex-negative: 0; flex-shrink: 0; } .list-area-ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px; } @media (max-width: 767px) { .list-area-ul { grid-template-columns: 1fr 1fr; } } .list-area-ul li { padding-right: 10px; position: relative; padding-left: 24px; } .list-area-ul li:before { position: absolute; top: 0; left: 0; font-size: 20px; content: "\e91f"; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-area-ul.metro li:before { content: "\e930"; } .list-area-ul.metro2 li:before { width: 20px; height: 20px; content: ''; background: url("../img/metro-ico.svg") no-repeat center/contain; } .btn-show-more, .btn-show-more2 { color: #2A9D8F; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-show-more:after, .btn-show-more2:after { margin-left: 4px; font-size: 18px; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .box-read-more { overflow: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-read-more.flat-statistic li { display: none; } .box-read-more.flat-statistic li:nth-child(1), .box-read-more.flat-statistic li:nth-child(2), .box-read-more.flat-statistic li:nth-child(3), .box-read-more.flat-statistic li:nth-child(4), .box-read-more.flat-statistic li:nth-child(5), .box-read-more.flat-statistic li:nth-child(6), .box-read-more.flat-statistic li:nth-child(7), .box-read-more.flat-statistic li:nth-child(8) { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-read-more.flat-statistic.size2 li { display: none; } .box-read-more.flat-statistic.size2 li:nth-child(1), .box-read-more.flat-statistic.size2 li:nth-child(2), .box-read-more.flat-statistic.size2 li:nth-child(3), .box-read-more.flat-statistic.size2 li:nth-child(4) { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-read-more.box-about-product { max-height: 100px; margin-bottom: 15px; } .box-read-more.list-area-ul { margin-bottom: 15px; } .box-read-more.list-area-ul li { display: none; } @media (min-width: 768px) { .box-read-more.list-area-ul li:nth-child(5), .box-read-more.list-area-ul li:nth-child(6) { display: block; } } .box-read-more.list-area-ul li:nth-child(1), .box-read-more.list-area-ul li:nth-child(2), .box-read-more.list-area-ul li:nth-child(3), .box-read-more.list-area-ul li:nth-child(4) { display: block; } .box-read-more.style-height-0 { max-height: 0; } .box-read-more.style-height-0 p { margin-bottom: 10px; } .box-read-more.style-height-0 p:last-child { margin-bottom: 0; } .box-read-more.about-agent { max-height: 75px; margin-bottom: 15px; } .box-with-short-information.open .box-read-more li { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .box-with-short-information.open .btn-show-more:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-with-short-information.open .style-height-0 { margin-top: 20px; } .box-with-short-information2 .style-height-0 { max-height: 0; } .box-with-short-information2.open .box-read-more li { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .box-with-short-information2.open .box-read-more.box-about-product, .box-with-short-information2.open .box-read-more.list-area-ul { max-height: initial; } .box-with-short-information2.open .btn-show-more:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-with-short-information2.open .style-height-0 { margin-top: 20px; max-height: initial; } @media (min-width: 768px) { .slider-btn-on-hover .slider-one-hover .slick-btn.slick-next, .slider-btn-on-hover .slider-one-hover-no-swipe .slick-btn.slick-next { right: 4px; } .slider-btn-on-hover .slider-one-hover .slick-btn.slick-prev, .slider-btn-on-hover .slider-one-hover-no-swipe .slick-btn.slick-prev { left: 4px; } .slider-btn-on-hover .slider-one-hover .slick-dots, .slider-btn-on-hover .slider-one-hover-no-swipe .slick-dots { bottom: 4px; } } .map-location { height: 360px; border-radius: 4px; overflow: hidden; } .map-location.size-2 { height: 320px; } @media (max-width: 767px) { .map-location.size-2 { height: 240px; } } @media (max-width: 767px) { .map-location { height: 240px; } } .map-location .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom, .map-location .gmnoprint.gm-style-mtc-bbw { display: none; } @media (min-width: 992px) { .box-border-shadow { padding: 24px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } } .product-main-buttons { margin: 0 -20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .product-main-buttons { margin: 0 -10px; } } @media (max-width: 767px) { .product-main-buttons { margin: 0; } } .product-main-buttons .one-btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.08); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } @media (max-width: 767px) { .product-main-buttons .one-btn { font-size: 12px; } } .product-main-buttons .one-btn:hover i, .product-main-buttons .one-btn:hover span { color: #2A9D8F; } .product-main-buttons .one-btn:last-child { border-right: 0; } .product-main-buttons .one-btn i { width: 24px; height: 24px; margin-bottom: 8px; font-size: 24px; color: #81949b; } .product-main-buttons .one-btn span { width: 100%; text-align: center; color: #4B6570; } .product-info-right { margin-bottom: 8px; } @media (max-width: 991px) { .product-info-right { margin-bottom: 24px; } } .product-info-right .time { margin-bottom: 16px; font-size: 12px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-info-right .tags-product-list { margin-bottom: 6px; } .product-info-right .list-type { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-info-right .list-type > * { margin-right: 8px; margin-bottom: 8px; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product-info-right .list-type > * img { width: 20px; margin-right: 6px; } .product-info-right .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product-info-right .price-product { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-info-right .price-product .current-price { margin-right: 8px; font-size: 28px; font-weight: 600; } .product-info-right .price-product .old { width: 100%; padding-top: 4px; font-size: 16px; color: #4B6570; } .product-info-right .name { margin-bottom: 16px; font-size: 16px; } .product-info-right .show-phone-number { height: 48px; margin-bottom: 16px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-info-right .type-novobud { color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-info-right .type-novobud li { padding-top: 4px; margin-right: 8px; } .product-info-right .name-res { margin-bottom: 8px; font-size: 24px; font-weight: 600; line-height: 36px; } .product-info-right .prices { margin-bottom: 4px; font-size: 16px; font-weight: 600; line-height: 24px; } .product-info-right .area-res { margin-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 20px; } .product-info-right .type-res { color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; line-height: 20px; } .product-info-right .type-res li { margin-right: 8px; margin-bottom: 8px; } .product-info-right .user-ads { padding-top: 16px; text-align: center; } .modal-product-i .one-property-item .left-q { width: 100%; -ms-flex-negative: 20; flex-shrink: 20; } .modal-product-i .one-property-item .left-q .top-t { margin-bottom: 4px; font-size: 16px; font-weight: 500; line-height: 24px; } .modal-product-i .one-property-item .left-q p { font-size: 12px; font-weight: 400; line-height: 16px; } .modal-product-i .one-property-item .right-q { width: initial; } .box-calculate-order-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-calculate-order-btn > * { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .box-calculate-order-btn > * { margin-left: 8px; } } .box-calculate-order-btn > *:nth-child(1) { margin-left: 0; } .box-calculate-order-btn > *.big { width: 100%; -ms-flex-negative: 10; flex-shrink: 10; } .promote-adv-buttons { margin: 0 -4px; display: -webkit-box; display: -ms-flexbox; display: flex; } .promote-adv-buttons .item { width: 50%; margin: 0 4px; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; border-radius: 4px; border: 1px solid #E1F4F0; } .promote-adv-buttons .item:hover { background-color: #E1F4F0; } .promote-adv-buttons .item img { width: 16px; margin-top: 2px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .promote-adv-buttons .item .description { margin-top: -2px; font-size: 12px; color: #264653; font-weight: 500; display: block; } .promote-adv-buttons .item .description .text { display: block; font-weight: 600; font-size: 14px; } @media (max-width: 359px) { .promote-adv-buttons .item .description .text { font-size: 12px; } } .one-benefit-modal { margin-bottom: 16px; } .one-benefit-modal:last-child { margin-bottom: 0; } .one-benefit-modal .caption-m { margin-bottom: 12px; font-size: 14px; } .one-benefit-modal .radio-check-list li { width: 100%; margin-right: 0; } .one-benefit-modal .radio-check-list li span { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .list-social-share { margin: 0 -4px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-social-share .item { width: 33.3%; margin-bottom: 8px; padding: 0 4px; } .list-social-share .item a { height: 88px; border-radius: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-social-share .item a .box-img { width: 48px; height: 48px; margin-bottom: 4px; border-radius: 50%; font-size: 24px; background-color: white; color: #2C64F6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .list-social-share .item a:hover { background: rgba(44, 100, 246, 0.04); color: black; } } .list-social-share .item a.LinkedIn .box-img { background: rgba(45, 100, 188, 0.08); color: #2D64BC; } @media (min-width: 768px) { .list-social-share .item a.LinkedIn:hover { background: rgba(45, 100, 188, 0.04); } } .list-social-share .item a.WhatsApp .box-img { background: rgba(91, 180, 81, 0.08); color: #5bb451; } @media (min-width: 768px) { .list-social-share .item a.WhatsApp:hover { background: rgba(91, 180, 81, 0.04); } } .list-social-share .item a.Telegram .box-img { background: rgba(78, 142, 229, 0.08); color: #4e8ee5; } @media (min-width: 768px) { .list-social-share .item a.Telegram:hover { background: rgba(78, 142, 229, 0.04); } } .list-social-share .item a.Email .box-img { background: rgba(34, 128, 116, 0.08); color: #228074; } @media (min-width: 768px) { .list-social-share .item a.Email:hover { background: rgba(34, 128, 116, 0.04); } } .list-social-share .item a.SMS .box-img { background: rgba(102, 102, 102, 0.08); color: #666666; } @media (min-width: 768px) { .list-social-share .item a.SMS:hover { background: rgba(102, 102, 102, 0.04); } } .copy-link-wrapper { height: 44px; padding: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background-color: #E1F4F0; } .copy-link-wrapper.copied { -webkit-animation: flash-bg 0.5s ease-in-out 1; animation: flash-bg 0.5s ease-in-out 1; } .copy-link-wrapper span { width: 100%; padding-left: 12px; margin-right: 16px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #4B6570; } .copy-link-wrapper .copy-link { width: 36px; height: 36px; font-size: 20px; color: #2A9D8F; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @keyframes flash-bg { 0%, 100% { background-color: #E1F4F0; /* Звичайний фон */ } 50% { background-color: #b6d6d0; /* Жовтий для привертання уваги */ } } .preloader { width: 64px; height: 64px; } .wrapper-preloader-page { width: 100%; height: 100%; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .wrapper-one-product-slider { position: relative; } .wrapper-one-product-slider .slider-product { opacity: 0; } .wrapper-one-product-slider .preloader { position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrapper-one-product-slider.active .preloader { display: none; } .wrapper-one-product-slider.active .slider-product { opacity: 1; } .slider-product { height: 584px; margin-bottom: 24px; position: relative; } @media (max-width: 991px) { .slider-product { height: initial; } } .slider-product .count-photo { display: none; } @media (max-width: 991px) { .slider-product .count-photo { top: 12px; left: 12px; z-index: 2; padding: 4px 12px; border-radius: 4px; background: rgba(0, 0, 0, 0.32); display: block; position: absolute; font-size: 12px; color: white; } } @media (min-width: 768px) { .slider-product:hover .show-all-photo-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-product:hover .slider-for .slick-btn.slick-next { right: 16px; } .slider-product:hover .slider-for .slick-btn.slick-prev { left: 16px; } } .slider-product .show-all-photo-mobile { display: none; width: 40px; height: 40px; top: 12px; right: 12px; position: absolute; z-index: 1; font-size: 24px; color: white; background: rgba(0, 0, 0, 0.32); border-radius: 50%; } @media (max-width: 767px) { .slider-product .show-all-photo-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .slider-product .slider-for { margin-bottom: 8px; position: relative; overflow: hidden; } .slider-product .slider-for iframe { width: 100%; height: 100%; } @media (max-width: 991px) { .slider-product .slider-for iframe { position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; } } @media (max-width: 991px) { .slider-product .slider-for { margin-bottom: 0; } } .slider-product .slider-for .slick-btn.slick-next { right: -40px; } .slider-product .slider-for .slick-btn.slick-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slider-product .slider-for .slick-btn.slick-prev { left: -40px; } .slider-product .slider-for .slick-btn.slick-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slider-product .slider-for .slick-btn.slick-next, .slider-product .slider-for .slick-btn.slick-prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-product .slider-for .slick-btn.slick-next:before, .slider-product .slider-for .slick-btn.slick-prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .slider-product .slider-for .slick-btn.slick-next span, .slider-product .slider-for .slick-btn.slick-prev span { display: none; } .slider-product .slider-for .slick-btn.slick-next.disabled, .slider-product .slider-for .slick-btn.slick-prev.disabled { display: none; } @media (min-width: 768px) { .slider-product .slider-for .slick-btn.slick-next:hover, .slider-product .slider-for .slick-btn.slick-prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .slider-product .slider-for .slick-dots { position: absolute; bottom: 16px; left: 0; right: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider-product .slider-for .slick-dots li { width: 8px; height: 8px; margin: 0 4px; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; cursor: pointer; } .slider-product .slider-for .slick-dots li.slick-active { background-color: white; } .slider-product .slider-for .slick-dots li button { display: none; } .slider-product .slider-for .one-box { width: 100%; height: 480px; border-radius: 4px; overflow: hidden; background-color: rgba(0, 0, 0, 0.04); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-product .slider-for .one-box img { max-width: 100%; max-height: 100%; } @media (max-width: 991px) { .slider-product .slider-for .one-box { height: initial; position: relative; } .slider-product .slider-for .one-box img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; } .slider-product .slider-for .one-box:before { content: ''; display: block; padding-top: 75%; } } .slider-product .slider-nav { margin: 0 -5px; } @media (max-width: 991px) { .slider-product .slider-nav { display: none; } } .slider-product .slider-nav .one-box-wrapper { padding: 0 4px; position: relative; } .slider-product .slider-nav .one-box-wrapper.slick-current.slick-active:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; border-radius: 4px; border: 2px solid #2A9D8F; } .slider-product .slider-nav .one-box-wrapper.slick-current.slick-active .one-box { height: 88px; margin: 4px 0; border-radius: 0; } @media (max-width: 1279px) { .slider-product .slider-nav .one-box-wrapper.slick-current.slick-active .one-box { height: 52px; } } .slider-product .slider-nav .one-box { height: 96px; border-radius: 4px; cursor: pointer; position: relative; display: block; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; overflow: hidden; } @media (max-width: 1279px) { .slider-product .slider-nav .one-box { height: 60px; } } .slider-product .slider-nav .one-box.video:before { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; display: block; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; background: url("../img/youtube.webp") no-repeat center/contain; } .slider-product .slider-nav .one-box .all-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 10px; font-size: 16px; color: white; font-weight: 500; border-radius: 4px; background: rgba(0, 0, 0, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1279px) { .slider-product .slider-nav .one-box .all-img { font-size: 12px; } } .slider-product .slider-nav .one-box img { -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .custom-tag-select2 .select2-dropdown { display: none; } .fancybox-thumbs__list a:before { border: 2px solid #2A9D8F; } .fancybox-infobar { display: none; } @media (max-width: 991px) { .fancybox-infobar { display: block; opacity: 1; visibility: visible; bottom: 0; top: initial; left: 0; right: 0; font-size: 12px; color: white; text-align: center; } } .fancybox-toolbar > *:nth-child(1) { display: none !important; } @media (max-width: 991px) { .fancybox-toolbar { opacity: 1; visibility: visible; } } .fancybox-is-open .fancybox-bg { background: black; opacity: 1; } .fancybox-active .box-border-shadow .product-main-buttons { margin: 0; padding: 8px 16px; position: fixed; left: 0; top: 0; z-index: 99993; } .fancybox-active .box-border-shadow .product-main-buttons .one-btn { width: 44px; height: 44px; margin-right: 8px; font-size: 24px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .fancybox-active .box-border-shadow .product-main-buttons span { display: none; } .fancybox-thumbs { background: rgba(255, 255, 255, 0.1); } .fancybox-button.fancybox-button--arrow_left { margin-left: 16px; } .fancybox-button.fancybox-button--arrow_left:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fancybox-button.fancybox-button--arrow_right { margin-right: 16px; } .fancybox-button.fancybox-button--arrow_right:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right { width: 44px; height: 44px; padding: 0; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .fancybox-button.fancybox-button--arrow_left:before, .fancybox-button.fancybox-button--arrow_right:before { color: #81949b; font-size: 24px; position: relative; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .fancybox-button.fancybox-button--arrow_left div, .fancybox-button.fancybox-button--arrow_right div { display: none; } .list-complaint li { margin-bottom: 4px; padding: 12px 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); color: #4B6570; cursor: pointer; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; } @media (min-width: 768px) { .list-complaint li:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } } .list-complaint li:last-child { margin-bottom: 0; } .btn-back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-back i { position: relative; display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .modal-with-steps .caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .modal-with-steps .caption .btn-back { width: 28px; height: 28px; margin-right: 16px; color: #81949b; -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; } .modal-with-steps .second-step, .modal-with-steps .step2 { display: none; } .modal-with-steps.step2 .first-step, .modal-with-steps.step2 .step1 { display: none; } .modal-with-steps.step2 .second-step { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-with-steps.step2 .step2 { display: block; } .list-form-complaint li { margin-bottom: 4px; padding: 12px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #4B6570; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid rgba(0, 0, 0, 0.12); } .list-form-complaint li textarea { background-color: white; } .list-form-complaint li:last-child { margin-bottom: 0; } .list-form-complaint li .form-box { padding-top: 8px; display: none; font-weight: 400; } .list-form-complaint li.open { background: #E1F4F0; border: 1px solid #E1F4F0; } .list-form-complaint li.open .name { color: #264653; } .list-form-complaint li.open .form-box { display: block; } .quick-menu { position: relative; } @media (max-width: 767px) { .quick-menu { margin: 0 -12px; padding: 0 12px; overflow: hidden; } } @media (max-width: 767px) { .quick-menu .btn-construction { display: none; } } .btn-arrow-circle .swiper-initialized + .btn-construction, .btn-arrow-circle .swiper-initialized + .btn-construction + .btn-construction { opacity: 1; } .btn-arrow-circle .btn-construction { position: absolute; z-index: 1; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 72px; top: 0; bottom: 0; height: initial; margin-top: 0; opacity: 0; } .btn-arrow-circle .btn-construction.swiper-button-disabled { display: none; } .btn-arrow-circle .btn-construction i:hover { background-color: #264653 !important; color: white !important; } .btn-arrow-circle .btn-construction i { width: 40px; height: 40px; border-radius: 50%; font-size: 20px; color: #81949B; background-color: white; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .btn-arrow-circle .btn-construction:after { display: none; } .btn-arrow-circle .btn-construction.swiper-button-disabled { opacity: 0; } .btn-arrow-circle .btn-construction.swiper-button-prev, .btn-arrow-circle .btn-construction.swiper-button-prev2, .btn-arrow-circle .btn-construction.prev, .btn-arrow-circle .btn-construction.swiper-button-prev3 { background: transparent; left: -30px; } @media (max-width: 1279px) { .btn-arrow-circle .btn-construction.swiper-button-prev, .btn-arrow-circle .btn-construction.swiper-button-prev2, .btn-arrow-circle .btn-construction.prev, .btn-arrow-circle .btn-construction.swiper-button-prev3 { left: 0; } } .btn-arrow-circle .btn-construction.swiper-button-prev i:before, .btn-arrow-circle .btn-construction.swiper-button-prev2 i:before, .btn-arrow-circle .btn-construction.prev i:before, .btn-arrow-circle .btn-construction.swiper-button-prev3 i:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .btn-arrow-circle .btn-construction.next, .btn-arrow-circle .btn-construction.swiper-button-next, .btn-arrow-circle .btn-construction.swiper-button-next2, .btn-arrow-circle .btn-construction.swiper-button-next3 { background: transparent; right: -30px; } @media (max-width: 1279px) { .btn-arrow-circle .btn-construction.next, .btn-arrow-circle .btn-construction.swiper-button-next, .btn-arrow-circle .btn-construction.swiper-button-next2, .btn-arrow-circle .btn-construction.swiper-button-next3 { right: 0; } } .btn-arrow-circle .btn-construction.next i:before, .btn-arrow-circle .btn-construction.swiper-button-next i:before, .btn-arrow-circle .btn-construction.swiper-button-next2 i:before, .btn-arrow-circle .btn-construction.swiper-button-next3 i:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media (max-width: 767px) { .btn-arrow-circle .btn-construction { display: none; } } .service-menu { height: 214px; } @media (max-width: 767px) { .service-menu { height: 181px; } } .simple-page { padding: 24px 0; } .simple-page h1 { margin-bottom: 8px; } .simple-page h1.mb-24 { margin-bottom: 24px; } .order-steps-sticky { padding-top: 64px; } .order-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .order-steps { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .order-steps .text-save-adv { margin-top: 16px; } @media (max-width: 767px) { .order-steps .info-desktop { display: none; } } @media (max-width: 767px) { .order-steps .help-line { position: absolute; top: 14px; right: 0; } .order-steps .help-line .brand-link i { margin-right: 0; font-size: 20px !important; } .order-steps .help-line .brand-link span { display: none; } } .order-steps .left-q { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .order-steps .left-q .item { padding: 24px; margin-bottom: 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } @media (max-width: 767px) { .order-steps .left-q .item { margin-bottom: 8px; padding: 16px; } } .order-steps .left-q .item:last-child { margin-bottom: 0; } .order-steps .left-q .item .custom-input input { height: 48px; font-size: 16px; } .order-steps .left-q .item.collapse-box { padding: 0; } .order-steps .left-q .item.collapse-box .collapse-header { padding: 24px; } @media (max-width: 767px) { .order-steps .left-q .item.collapse-box .collapse-header { padding: 16px; } } .order-steps .left-q .box-with-short-information, .order-steps .left-q .box-with-short-information2 { margin-bottom: 20px; } .order-steps .left-q .box-with-short-information:last-child, .order-steps .left-q .box-with-short-information2:last-child { margin-bottom: 0; } @media (max-width: 767px) { .order-steps .left-q .list-btn-wrapper { height: 72px; padding-top: 24px; } } .order-steps .left-q .list-btn { display: none; } @media (max-width: 767px) { .order-steps .left-q .list-btn { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.08); position: fixed; bottom: 0; padding: 12px; background: white; left: 0; right: 0; z-index: 20; } } @media (max-width: 767px) { .order-steps .left-q .mb-20 { margin-bottom: 16px; } } .order-steps .right-q { width: 294px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; position: -webkit-sticky; position: sticky; top: 80px; } @media (max-width: 767px) { .order-steps .right-q { width: 100%; position: relative; top: initial; margin-bottom: 24px; margin-left: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .order-steps .right-q .one-item { margin-bottom: 32px; } @media (max-width: 767px) { .order-steps .right-q .one-item { margin-bottom: 0; } } .order-steps .right-q .one-item:last-child { margin-bottom: 0; } .order-steps .right-q .one-item p { color: #4B6570; line-height: 20px; } @media (max-width: 767px) { .order-steps .right-q .list-btn { display: none; } } .order-steps .list-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .order-steps .list-btn .btn-border, .order-steps .list-btn .btn-dark { width: 100%; height: 48px; font-size: 16px; } .order-steps .list-btn .btn-border { margin-right: 8px; } .order-steps .list-btn .box-next { width: 100%; } .order-steps .list-btn .box-next a { display: none; } .order-steps .list-btn .box-next.active a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .order-steps .list-btn .box-next.active div { display: none; } .text-save-adv { text-align: center; color: #4B6570; } .caption-style-1, .order-steps h2.small { margin-bottom: 12px; font-weight: 500; font-size: 16px; } .caption-style-2 { margin-bottom: 8px; min-height: 21px; font-weight: 500; color: #4B6570; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-style-2.must:after { width: 6px; height: 6px; margin-left: 8px; border-radius: 50%; display: block; content: ''; background-color: #E7513B; } .caption-style-2 i { margin-right: 6px; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .caption-style-2 img { width: 20px; margin-right: 6px; -ms-flex-negative: 0; flex-shrink: 0; } .steps-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .steps-list div { width: 50%; height: 8px; margin-right: 4px; background-color: #E1F4F0; } .steps-list div.active { background-color: #2A9D8F; } .steps-list div:first-child { border-radius: 5px 0 0 5px; } .steps-list div:last-child { margin-right: 0; border-radius: 0 5px 5px 0; } .adv-radio-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 16px; } @media (max-width: 991px) { .adv-radio-list { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 767px) { .adv-radio-list { grid-template-columns: 1fr 1fr; } } .adv-radio-list > * { -ms-flex-negative: 0; flex-shrink: 0; } label.adv-radio { cursor: pointer; } label.adv-radio .adv-wrapper:hover { border: 1px solid #2A9D8F; } .adv-radio { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .adv-radio input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .adv-radio input:checked + .adv-wrapper { border: 2px solid #2A9D8F; } .adv-radio input:disabled + .adv-wrapper { cursor: default; border: 1px solid rgba(0, 0, 0, 0.16) !important; } .adv-radio input:disabled + .adv-wrapper .box-img { opacity: 0.6; } .adv-radio input:disabled + .adv-wrapper .name { color: #81949b; } .adv-radio .soon { position: absolute; top: 5px; right: 5px; padding: 3px 6px; border-radius: 4px; font-size: 8px; font-weight: 600; color: #2A9D8F; background-color: #E1F4F0; } .adv-radio.disabled .box-img { opacity: 0.6; } .adv-radio.disabled .name { color: #81949b; } .adv-radio .adv-wrapper { height: 132px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.16); } .adv-radio .adv-wrapper .box-img { width: 56px; height: 56px; margin-bottom: 8px; border-radius: 50%; overflow: hidden; } .adv-radio .adv-wrapper .box-img.color1 { background-color: #FDDFDF; } .adv-radio .adv-wrapper .box-img.color2 { background-color: #FCF7DE; } .adv-radio .adv-wrapper .box-img.color3 { background-color: #DEFDE0; } .adv-radio .adv-wrapper .box-img.color4 { background-color: #DEF3FD; } .adv-radio .adv-wrapper .box-img.color5 { background-color: #F0DEFD; } .term-service-adv { margin: 0 -8px -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .term-service-adv { margin: 0 -8px -8px; } } .term-service-adv > * { width: calc(25% - 16px); margin: 0 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .term-service-adv > * { width: calc(50% - 16px); } } @media (max-width: 767px) { .term-service-adv > * { width: 100%; margin-bottom: 8px; } } .style-service-adv { margin: 0 -8px 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .style-service-adv { margin-bottom: 8px; } } .style-service-adv > * { width: calc(33.3% - 16px); margin: 0 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .style-service-adv > * { width: calc(50% - 16px); } } @media (max-width: 767px) { .style-service-adv > * { width: 100%; margin-bottom: 8px; } } .radio-border { position: relative; } .radio-border input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .radio-border input:checked + .inside-radio:before { border: 2px solid #2A9D8F; } .radio-border input:disabled + .inside-radio { color: #81949b; cursor: default; } .radio-border input:disabled + .inside-radio:before { border: 1px solid rgba(0, 0, 0, 0.12); } .radio-border.disabled .name { color: #81949b; } .radio-border .inside-radio { width: 100%; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .radio-border .inside-radio:hover:before { border: 1px solid #2A9D8F; } } .radio-border .inside-radio:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); } .radio-border .term-radio { text-align: center; } @media (max-width: 767px) { .radio-border .term-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .radio-border .term-radio .top-box { margin-bottom: 8px; font-size: 16px; font-weight: 600; display: block; } @media (max-width: 767px) { .radio-border .term-radio .top-box { margin-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; } } .radio-border .term-radio .bottom-box { font-weight: 500; } @media (max-width: 767px) { .radio-border .term-radio .bottom-box { text-align: right; } } .radio-border .term-radio .bottom-box .small-text { display: block; font-weight: 400; font-size: 12px; color: #4B6570; } .radio-border .type-service-radio { display: block; text-align: center; } .radio-border .type-service-radio .box-ico { width: 48px; height: 48px; margin: 0 auto 8px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .radio-border .type-service-radio .box-ico.color1 { background: rgba(244, 162, 97, 0.16); } .radio-border .type-service-radio .box-ico.color2 { background: rgba(42, 157, 143, 0.12); } .radio-border .type-service-radio .box-ico.color3 { background: rgba(231, 111, 81, 0.16); } .radio-border .type-service-radio .caption { margin-bottom: 8px; font-size: 16px; font-weight: 600; display: block; } .radio-border .type-service-radio .text { display: block; font-size: 12px; color: #4B6570; line-height: 16px; } .login-page { max-width: 320px; margin: 0 auto; padding: 40px 0; } .login-wrapper .tab1, .login-wrapper .tab2 { position: relative; display: none; } .login-wrapper .tab1.active, .login-wrapper .tab2.active { display: block; } .list-metro-change { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -8px; } .list-metro-change li { margin-right: 8px; margin-bottom: 8px; padding: 8px 12px; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; border-radius: 4px; border: 1px solid #E1F4F0; } @media (max-width: 767px) { .list-metro-change li { font-size: 12px; } } .list-metro-change li img { width: 14px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .list-metro-change li span { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .list-metro-change li .delete-metro { margin-left: 12px; color: #4B6570; line-height: 0; font-size: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .list-metro-change li .delete-metro { font-size: 14px; } } .list-metro-change li .delete-metro:hover { color: #2A9D8F; } .drag-photo-box { width: 100%; height: 108px; padding: 20px; border: 1px dashed #2A9D8F; text-align: center; line-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; font-size: 14px; color: black; border-radius: 4px; } @media (min-width: 768px) { .drag-photo-box.hover { border-color: #227F74; } } .drag-photo-box .text-line { margin-bottom: 8px; text-align: center; font-size: 14px; color: #4B6570; } .drag-photo-box .inside { line-height: 20px; } .drag-photo-box .box-ico { margin-bottom: 12px; font-size: 24px; text-align: center; color: #2A9D8F; } .drag-photo-box.style2 { height: 124px; } .file-line-upload { color: #2A9D8F; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .file-line-upload input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; opacity: 0; z-index: 1; } .lds-ring { display: block; position: relative; width: 32px; height: 32px; margin: 10px auto 30px; } .lds-ring div { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; width: 32px; height: 32px; border: 3px solid #2A9D8F; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #2A9D8F transparent transparent transparent; } .lds-ring div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .lds-ring div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .lds-ring div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .box-call { display: none; } @media (max-width: 991px) { .box-call { display: block; position: fixed; padding: 12px; left: 0; bottom: 0; right: 0; z-index: 10; -webkit-box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.08); background-color: white; } .box-call.only-scroll { display: none; } .box-call.only-scroll.active { display: block; } .box-call .primary-btn { width: 100%; height: 48px; font-size: 16px; } .box-call.hide { display: none; } } .box-call .box-calculate-order-btn { margin-top: 8px; } .dark-page { background: #FBFBFB; } .list-photos-upload { display: grid; grid-gap: 16px; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1279px) { .list-photos-upload { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 991px) { .list-photos-upload { grid-template-columns: 1fr 1fr; grid-gap: 16px 30px; } } .list-photos-upload .sortable-ghost .badge { display: none; } .list-photos-upload .box-loading-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-photos-upload .box-loading-img .lds-ring { margin: 0; } .list-photos-upload .one-block { width: 100%; position: relative; border-radius: 4px; } .list-photos-upload .one-block:before { content: ''; display: block; padding-top: 75%; } .list-photos-upload .one-block:hover .buttons-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-photos-upload .one-block .main-photo, .list-photos-upload .one-block .plan-btn { display: none; } .list-photos-upload .one-block.layout .plan-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .list-photos-upload .one-block:first-child .main-photo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .list-photos-upload .one-block:first-child .badge { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-photos-upload .one-block.layout .badge { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-photos-upload .one-block .img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .list-photos-upload .one-block.right img { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .list-photos-upload .one-block.bottom img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .list-photos-upload .one-block.left img { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .list-photos-upload .one-block .badge { position: absolute; z-index: 1; bottom: 4px; left: 4px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-photos-upload .one-block .badge li { margin-top: 2px; padding: 4px 8px; color: #264653; font-size: 12px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: white; } .list-photos-upload .one-block .badge li i { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .list-photos-upload .one-block .buttons-list { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 12; } @media (min-width: 768px) { .list-photos-upload .one-block .buttons-list { top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.48); } } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list { display: -webkit-box; display: -ms-flexbox; display: flex; top: 4px; right: 4px; } .list-photos-upload .one-block .buttons-list.open { z-index: 13; } } .list-photos-upload .one-block .buttons-list .drop { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list .drop { position: absolute; top: 34px; right: 0; display: none; border-radius: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: white; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } } .list-photos-upload .one-block .buttons-list .head-drop { display: none; } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list .head-drop { width: 32px; height: 32px; background-color: white; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list.open .drop { display: -webkit-box; display: -ms-flexbox; display: flex; } } .list-photos-upload .one-block .buttons-list .one-btn { width: 32px; height: 32px; border-radius: 3px; background-color: white; font-size: 20px; color: #264653; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 767px) { .list-photos-upload .one-block .buttons-list .one-btn { font-size: 17px; } } .list-photos-upload .one-block .buttons-list .one-btn:hover { color: #2A9D8F; } .list-photos-upload .one-block.sortable-chosen { opacity: 0.6; } .list-counters { margin-bottom: -4px; } .list-counters > * { margin-right: 4px; margin-bottom: 4px; } .list-counters > *:last-child { margin-right: 0; } .counter-wr { min-height: 48px; padding: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; border: 1px solid #D6D6D6; } .counter-wr span { padding: 0 4px; } .counter-wr .counter-wrapper { margin-left: 12px; } .counter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -4px; } .counter-wrapper a { width: 20px; height: 20px; margin: 0 4px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; color: rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .counter-wrapper a:hover { color: #2A9D8F; } .counter-wrapper a.increment { color: #2A9D8F; } .counter-wrapper input { width: 24px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; color: #4B6570; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; border-radius: 5px; background-color: transparent; border: 0; } .tab-wrapper textarea { font-size: 16px; } .textarea-length-box { position: relative; border-radius: 4px; border: 1px solid #D6D6D6; } .textarea-length-box.active { border: 1px solid #81949b; } .textarea-length-box textarea { height: 168px; margin-bottom: 8px; padding: 12px 16px; z-index: 1; line-height: 24px; border: 0 !important; font-family: 'Inter', sans-serif; font-weight: 400; } .textarea-length-box .length-line { padding: 0 16px 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 12px; color: #81949b; } .language-radio-list { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; } .language-radio-list li { margin-right: 4px; } .language-radio-list li:last-child { margin-right: 0; } .language-radio-list li a { padding: 8px 16px; display: block; font-size: 14px; font-weight: 500; color: #4B6570; cursor: pointer; border-radius: 4px; border: 1px solid #D6D6D6; } @media (min-width: 768px) { .language-radio-list li a:hover { border: 1px solid #2A9D8F; background-color: #2A9D8F; color: white; } } .language-radio-list li a.active { border: 1px solid #2A9D8F; background-color: #2A9D8F; color: white; } .price-owner { display: -webkit-box; display: -ms-flexbox; display: flex; } .price-owner .custom-input { width: 280px; margin-right: 8px; } @media (max-width: 767px) { .price-owner .custom-input { width: 100%; } } @media (max-width: 767px) { .price-owner .select2-without-search { width: 80px; } } .price-owner .select2-custom-field .select2-container--default .select2-selection--single { border-radius: 4px; } .max-width-280 { max-width: 280px; } .select2-dropdown { overflow: hidden; border-radius: 4px !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .cost-placement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { .cost-placement { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cost-placement > * { width: calc(50% - 10px); } @media (max-width: 991px) { .cost-placement > * { width: 100%; } .cost-placement > * .balance-top-up { margin-bottom: 16px; } } .cost-placement .to-buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; font-weight: 600; } .cost-placement .line-balance-money { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cost-placement .line-balance-money .left-money { margin-right: 10px; } .cost-placement .line-balance-money .right-money { text-align: right; } .cost-placement .line-balance-money .small { margin-top: 2px; font-size: 12px; color: gray; } .cost-placement .line-balance-money .success { color: #2A9D8F; } .cost-placement .line-balance-money .danger { color: #E7513B; } .balance-top-up { padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .balance-top-up .btn-border { -ms-flex-negative: 0; flex-shrink: 0; } .balance-top-up .left-q { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; font-weight: 500; } .balance-top-up .left-q i { margin-right: 12px; font-size: 18px; color: #227F74; } .balance-top-up .left-q span { margin-left: 3px; color: black; font-weight: 600; } .balance-top-up3 { padding: 16px 16px 16px 44px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .balance-top-up3 { margin-bottom: 12px; padding: 12px 12px 12px 44px; } } .balance-top-up3 .left-img { position: absolute; color: #227F74; font-size: 20px; } @media (min-width: 992px) { .balance-top-up3 .left-img { left: 16px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 991px) { .balance-top-up3 .left-img { top: 14px; left: 12px; } } .balance-top-up3 .primary-btn { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .balance-top-up3 .left-q { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; font-weight: 500; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } @media (max-width: 767px) { .balance-top-up3 .left-q { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .balance-top-up3 .left-q .value-balance { margin-left: 3px; color: black; white-space: nowrap; font-weight: 600; } .balance-top-up3 .left-q .t-c { width: 100%; text-align: left; } @media (max-width: 767px) { .balance-top-up3 .left-q .t-c { margin-bottom: 4px; } } .balance-top-up3 .text { margin-right: 5px; } @media (max-width: 767px) { .balance-top-up3 .text { display: none; } } .balance-top-up3 .block-tag-style { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; line-height: 20px; position: relative; } @media (min-width: 768px) { .balance-top-up3 .block-tag-style { margin-left: 8px; padding: 8px 12px; border-radius: 4px; background: #E1F4F0; } } @media (max-width: 767px) { .balance-top-up3 .block-tag-style { margin-right: 15px; } } .balance-top-up3 .block-tag-style .l-i { margin-right: 5px; font-size: 16px; } .balance-top-up3 .block-tag-style .ico-circle-warning { margin-left: 4px; font-size: 18px; } @media (max-width: 767px) { .balance-top-up3 .block-tag-style .ico-circle-warning { display: none; } } .balance-top-up3 .drop-show { width: 220px; position: absolute; left: 0; top: 40px; padding: 8px; border-radius: 4px; background: white; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); color: #264653; font-size: 12px; font-weight: 400; text-align: left; line-height: 16px; display: none; } .balance-top-up3 .drop-show ol { margin-bottom: 5px; padding-left: 25px; padding-top: 3px; list-style: disc; list-style-position: outside; } .balance-top-up3 .drop-show ol:last-child { margin-bottom: 0; } .balance-top-up3 .drop-show ol li { padding-top: 2px; } @media (min-width: 992px) { .balance-top-up3 .show-drop-desktop { cursor: pointer; } .balance-top-up3 .show-drop-desktop:hover .drop-show { display: block; } } .balance-top-up2 { padding: 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .balance-top-up2 { margin-bottom: 20px; } } .balance-top-up2 .wrapper-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .balance-top-up2 .btn-border { -ms-flex-negative: 0; flex-shrink: 0; } .balance-top-up2 .left-q { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; font-weight: 500; } .balance-top-up2 .left-q i { margin-right: 12px; font-size: 18px; color: #227F74; } .balance-top-up2 .left-q span { margin-left: 3px; color: black; font-weight: 600; } .box-with-radio-collapse { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-with-radio-collapse.open .head-c { margin-bottom: 20px; } .box-with-radio-collapse.open .head-c .btn-check-collapse:before { background-color: #2A9D8F; } .box-with-radio-collapse.open .head-c .btn-check-collapse:after { left: 20px; } .box-with-radio-collapse.open .body-c { display: block; } .box-with-radio-collapse .head-c { position: relative; } .box-with-radio-collapse .head-c .btn-check-collapse { top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; cursor: pointer; } .box-with-radio-collapse .head-c .btn-check-collapse:before { width: 42px; height: 24px; border-radius: 20px; background-color: #E1F4F0; } .box-with-radio-collapse .head-c .btn-check-collapse:after { width: 20px; height: 20px; position: absolute; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .box-with-radio-collapse .head-c .btn-check-collapse:before, .box-with-radio-collapse .head-c .btn-check-collapse:after { content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-with-radio-collapse .head-c .btn-check-collapse:hover:before { background-color: #2A9D8F; } .box-with-radio-collapse .body-c { display: none; } .box-with-radio-collapse.style-1 .head-c { position: relative; padding-right: 60px; } .box-with-radio-collapse.style-1 .head-c h2 { margin-bottom: 4px; } .box-save-and-enter { padding-top: 16px; } .box-save-and-enter .btn-border { width: 100%; } .box-save-and-enter .btn-border.width-initial { width: initial; } @media (max-width: 767px) { .box-save-and-enter .btn-border.width-initial { width: 100%; } } .ui-menu.ui-autocomplete { background-color: white; position: absolute !important; top: 106% !important; z-index: 2; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); color: black; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .ui-menu.ui-autocomplete .ui-menu-item-wrapper { padding: 10px 16px; font-size: 14px; color: black; } .ui-menu.ui-autocomplete .ui-menu-item-wrapper:hover { cursor: pointer; color: black; background-color: #E1F4F0; } .adv-radio-list, .box-list-adv { position: relative; } .adv-radio-list.block-radio:after, .box-list-adv.block-radio:after { left: 0; top: 0; right: 0; bottom: 0; display: block; content: ''; position: absolute; z-index: 3; } .adv-radio-list.block-radio input:not(:checked) + .adv-wrapper .box-img, .box-list-adv.block-radio input:not(:checked) + .adv-wrapper .box-img { opacity: 0.6; } .adv-radio-list.block-radio input:not(:checked) + .adv-wrapper .name, .box-list-adv.block-radio input:not(:checked) + .adv-wrapper .name { color: #81949b; } .box-list-adv { display: none; } .address-checked { padding: 16px 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .address-checked li { margin-right: 4px; margin-bottom: 4px; padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; font-size: 12px; font-weight: 500; position: relative; background: rgba(0, 0, 0, 0.04); } .address-checked li.metro:before { width: 8px; height: 8px; margin-right: 8px; content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; } .address-checked li.metro.red:before { background-color: #EC2327; } .address-checked li.metro.green:before { background-color: #00AB5D; } .address-checked li.metro.violet:before { background-color: #90197D; } .address-checked li .delete-this-address { width: 16px; height: 16px; margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; color: #81949b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .address-checked li .delete-this-address:hover { color: #4B6570; } } .area-line-search, .metro-line { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .area-line-search:last-child, .metro-line:last-child { margin-bottom: 0; border-bottom: 0; } .area-line-search .title { margin-bottom: 24px; } .area-line-search .title .custom-checkbox { font-size: 18px; font-weight: 500; } .area-line-search .title .custom-checkbox span:before, .area-line-search .title .custom-checkbox span:after { top: 2px; } .metro-line.red .title i { color: #EC2327; } .metro-line.red .custom-checkbox:before { background-color: #EC2327; } .metro-line.green .title i { color: #00AB5D; } .metro-line.green .custom-checkbox:before { background-color: #00AB5D; } .metro-line.violet .title i { color: #90197D; } .metro-line.violet .custom-checkbox:before { background-color: #90197D; } .metro-line .title { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .metro-line .title i { margin-right: 12px; font-size: 20px; } .metro-line .custom-checkbox { padding-left: 0; } .metro-line .custom-checkbox:before { width: 12px; height: 12px; border-radius: 50%; content: ''; display: block; position: absolute; left: 34px; top: 4px; } .metro-line .custom-checkbox span { padding-left: 60px; position: relative; } .metro-columns, .area-columns { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 767px) { .metro-columns, .area-columns { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .metro-columns, .area-columns { grid-template-columns: 1fr; } } @media (max-width: 767px) { .big-search-mobile .box-wrapper-search { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .map-modal { margin-bottom: 16px; } .map-modal #mapModal, .map-modal .height-map { height: 420px; } .map-modal .map-name-address-modal { margin-top: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; display: none; font-weight: 500; } .map-modal .map-name-address-modal i { margin-right: 6px; font-size: 20px; color: #2A9D8F; vertical-align: text-bottom; } .address-map-choose { border-radius: 4px; overflow: hidden; position: relative; } .address-map-choose .gm-fullscreen-control, .address-map-choose .gmnoprint { display: none; } .address-map-choose .btn-change-modal { background-color: white; } @media (min-width: 768px) { .address-map-choose .btn-change-modal:hover { background-color: #A8D7D1; } } .address-map-choose #mapAddress { height: 120px; } .address-map-choose .btn2 { display: none; } .address-map-choose.size-2 #mapAddress { height: 320px; } .address-map-choose.size-2 .btn-change-address-modal { top: initial; bottom: 24px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .address-map-choose.size-2 .btn1 { display: none; } .address-map-choose.size-2 .btn2 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .address-map-choose .btn-change-address-modal { position: absolute; z-index: 4; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .address-map-choose .btn-change-address-modal { width: 90%; } } .collapse-box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .collapse-box .collapse-header { cursor: pointer; } .collapse-box .collapse-body { width: 100%; padding: 0 24px 24px; display: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .collapse-box .collapse-body { padding: 0 16px 16px; } } .collapse-box.open .collapse-body { display: block; } .collapse-box.open .collapse-header:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .collapse-box.style-1 .collapse-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 500; color: black; position: relative; } @media (max-width: 767px) { .collapse-box.style-1 .collapse-header { font-size: 18px; } } .collapse-box.style-1 .collapse-header span { width: 100%; } .collapse-box.style-1 .collapse-header:after { width: 32px; height: 32px; margin-left: 24px; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 32px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; content: "\e90a"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .collapse-box.style-1.style-collapse-2 .collapse-header { padding: 12px 6px 12px 16px; font-size: 16px; } .collapse-box.style-1.style-collapse-2 .collapse-header i { width: 16px; height: 16px; margin-right: 8px; font-size: 16px; color: #2A9D8F; } .collapse-box.style-1.style-collapse-2 .collapse-header:after { font-size: 24px; } .collapse-box.style-1.style-collapse-2 .collapse-body { padding: 0 16px 12px; } .ui-helper-hidden-accessible { display: none; } .editing-right-list { padding: 24px; margin-bottom: 20px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } .editing-right-list h2 { margin-top: -4px; margin-bottom: 16px; font-size: 18px; font-weight: 500; line-height: 28px; } .editing-right-list ul li { margin-bottom: 15px; } .editing-right-list ul li:last-child { margin-bottom: 0; } .editing-right-list ul li a { position: relative; color: black; font-size: 14px; padding-left: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .editing-right-list ul li a:before { width: 14px; height: 14px; border-radius: 50%; content: ''; font-size: 22px; position: absolute; left: 0; top: 0; display: block; border: 2px solid #81949b; } .editing-right-list ul li.success a:before { top: -1px; left: -2px; border: 0; color: #2A9D8F; content: "\e93c"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .editing-right-list ul li.error a:before { top: -1px; left: -2px; border: 0; color: #E7513B; content: "\e93f"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .item-editing { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .item-editing { margin-bottom: 16px; padding-bottom: 16px; } } .item-editing:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { .change-adv-right { display: none; } } .inform-page { padding: 24px 0; } @media (max-width: 767px) { .inform-page { padding: 12px 0 24px; } } .inform-page h1 { margin-bottom: 24px; } .inform-page p { margin-bottom: 15px; font-size: 16px; line-height: 24px; } .inform-page p:last-child { margin-bottom: 0; } .news-list { margin-bottom: 20px; } .news-list.column-2 { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr; } .news-list.column-3 { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; } .news-from-list { border-radius: 8px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.08); overflow: hidden; } .news-from-list .box-img { width: 100%; position: relative; display: block; overflow: hidden; line-height: 0; background-color: #227F74; } .news-from-list .box-img img { width: 100%; height: 100%; position: absolute; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; left: 0; -o-object-fit: cover; object-fit: cover; } .news-from-list .box-img:before { content: ''; display: block; padding-top: 56.25%; } .news-from-list .box-img .list-news-tags { position: absolute; top: 4px; left: 4px; right: 4px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-from-list .box-img .list-news-tags .one-tag { margin-right: 8px; padding: 4px 8px; font-size: 12px; font-weight: 600; line-height: 16px; border-radius: 3px; display: block; background: rgba(0, 0, 0, 0.32); color: white; } .news-from-list .box-img .list-news-tags .one-tag:last-child { margin-right: 0; } .news-from-list .info-part { padding: 16px; display: block; } .news-from-list .info-part .name { margin-bottom: 8px; display: block; font-size: 16px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: black; line-height: 24px; } .news-from-list .info-part .time { display: block; color: #4B6570; font-size: 14px; } .news-from-list:hover .box-img img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: 0.9; } .news-from-list:hover .info-part .name { color: #2A9D8F; } .list-small-news { margin-bottom: 20px; display: grid; grid-gap: 0 40px; grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { .list-small-news { display: block; } } .list-small-news .item { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.08); position: relative; } @media (min-width: 768px) { .list-small-news .item:nth-child(2n-1):before { width: 1px; top: 0; right: -20px; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.08); content: ''; display: block; } } .list-small-news .item .text-info { width: 100%; } .list-small-news .item .text-info .type { margin-bottom: 5px; font-size: 12px; font-weight: 600; color: #2A9D8F; } .list-small-news .item .text-info .name { margin-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 24px; } .list-small-news .item .text-info .name a { color: black; } .list-small-news .item .text-info .name a:hover { color: #2A9D8F; } .list-small-news .item .text-info .time { font-size: 14px; color: #4B6570; } .list-small-news .item .box-img { width: 112px; height: 64px; margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; display: block; overflow: hidden; border-radius: 4px; line-height: 0; } .list-small-news .item .box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news-slider { margin-bottom: 16px; } .news-slider .item { width: 280px; } .news-slider .item .news-from-list { display: block; } .news-slider .item .news-from-list * { display: block; } .news-slider .item .news-from-list .box-img .list-news-tags { display: -webkit-box; display: -ms-flexbox; display: flex; } .news-slider .item .news-from-list .info-part .name { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; /* Кількість рядків для відображення */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .wrapper-news-slider { margin: 0 -12px; padding: 0 12px; overflow: hidden; display: none; } @media (max-width: 767px) { .wrapper-news-slider { display: block; } } .wrapper-news-slider .owl-carousel .owl-stage-outer { overflow: initial; } .wrapper-tabs-tag { margin-bottom: 10px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .wrapper-tabs-tag .tabs-tag { display: -webkit-box; display: -ms-flexbox; display: flex; } .wrapper-tabs-tag .tabs-tag li { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .wrapper-tabs-tag .tabs-tag li:last-child { margin-right: 0; } .wrapper-tabs-tag .tabs-tag li a { padding: 9px 16px; font-size: 14px; white-space: nowrap; border-radius: 4px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgba(0, 0, 0, 0.08); } .wrapper-tabs-tag .tabs-tag li a:hover { color: #264653; background-color: #E1F4F0; } .wrapper-tabs-tag .tabs-tag li a.active { color: white; background-color: #2A9D8F; } .overflow-scroll-box { margin-bottom: -10px; padding-bottom: 10px; overflow: auto; } .overflow-scroll-box > * { margin-bottom: 0 !important; } .one-news { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .one-news { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .one-news .left-part { width: 100%; } .one-news .box-img { width: 100%; margin-bottom: 24px; position: relative; display: block; border-radius: 4px; overflow: hidden; line-height: 0; background-color: #227F74; } @media (max-width: 767px) { .one-news .box-img { margin-bottom: 18px; } } .one-news .box-img img { width: 100%; height: 100%; position: absolute; top: 0; border-radius: 4px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; left: 0; -o-object-fit: cover; object-fit: cover; } .one-news .box-img:before { content: ''; display: block; padding-top: 56.25%; } .one-news h1 { margin-bottom: 8px; } @media (max-width: 767px) { .one-news h1 { font-size: 20px; line-height: 30px; } } .one-news .type-news { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: #2A9D8F; } .one-news .time-news { margin-bottom: 24px; color: #4B6570; font-size: 14px; } .one-news .right-part { width: 294px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .one-news .right-part { width: 100%; margin-top: 24px; margin-left: 0; } } .one-news .right-part h3 { margin-bottom: 16px; font-size: 18px; font-weight: 600; text-transform: initial; } .one-news .right-part .list-small-news { display: block; } .one-news .right-part .list-small-news .item:before { display: none; } .one-news .right-part .list-small-news .item .text-info .name { font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .one-news .right-part .list-small-news .item .box-img { width: 96px; height: 54px; } .one-news .wrapper-tabs-tag { margin-bottom: 24px; padding: 24px 0; border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .one-news .wrapper-tabs-tag { margin-bottom: 16px; padding: 16px 0; } } .one-news .wrapper-tabs-tag .tabs-tag { margin-bottom: -4px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .one-news .wrapper-tabs-tag .tabs-tag li { margin-bottom: 4px; } @media (max-width: 767px) { .one-news .share-buttons .btn-border { width: 100%; } .one-news .share-buttons .btn-border span { display: none; } .one-news .share-buttons .btn-border span i { margin-right: 0 !important; } } .one-news .list-small-news { margin-bottom: 0; } .one-news .list-small-news .item { padding-bottom: 0; } .share-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .share-buttons .btn-border { margin-right: 8px; } .share-buttons .btn-border:last-child { margin-right: 0; } .contact-buttons { margin-bottom: 48px; display: grid; grid-gap: 24px; grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 767px) { .contact-buttons { margin-bottom: 24px; display: block; } } .contact-buttons a { height: 96px; padding: 24px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .contact-buttons a { height: 68px; margin-bottom: 8px; padding: 16px; } .contact-buttons a:last-child { margin-bottom: 0; } } .contact-buttons a:hover { border: 1px solid #E1F4F0; background-color: #E1F4F0; } .contact-buttons a .box-img { width: 48px; height: 48px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 767px) { .contact-buttons a .box-img { width: 36px; height: 36px; } } .contact-buttons a .name { font-size: 18px; color: black; font-weight: 600; } @media (max-width: 767px) { .contact-buttons a .name { font-size: 16px; } } .contact-buttons a .name .number { display: none; } .contact-buttons a.active .name .text { display: none; } .contact-buttons a.active .name .number { display: block; } .contact-buttons a.call-btn-mobile { display: none; } @media (max-width: 767px) { .contact-buttons a.call-btn-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .contact-buttons .call-btn { display: none; } } .form-contact { margin-bottom: 48px; padding: 24px; border-radius: 4px; border: rgba(0, 0, 0, 0.08); background: #FFFFFF; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .form-contact { margin-bottom: 24px; padding: 16px; } } .one-contact-collapse { margin-bottom: 48px; } @media (max-width: 767px) { .one-contact-collapse { margin-bottom: 24px; } } .one-contact-collapse:last-child { margin-bottom: 0; } .one-contact-collapse .collapse-box { margin-bottom: 8px; } .one-contact-collapse .collapse-box:last-child { margin-bottom: 0; } .one-contact-collapse .caption { margin-bottom: 16px; font-size: 18px; font-weight: 600; } .one-contact-collapse .collapse-box { border-radius: 4px; background: #F0FAF8; } .one-contact-collapse .collapse-box.open .collapse-header .btn:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .one-contact-collapse .collapse-header { padding: 24px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 500; } @media (max-width: 767px) { .one-contact-collapse .collapse-header { padding: 16px; font-size: 16px; } } .one-contact-collapse .collapse-header .btn { width: 28px; height: 28px; margin-left: 24px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .one-contact-collapse .collapse-header .btn:before, .one-contact-collapse .collapse-header .btn:after { width: 2px; height: 16px; margin-top: -8px; margin-left: -1px; content: ''; display: block; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #81949b; border-radius: 5px; } .one-contact-collapse .collapse-header .btn:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .one-contact-collapse .collapse-body { margin-top: -4px; font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .one-contact-collapse .collapse-body { font-size: 14px; line-height: 20px; } } .faq-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } @media (max-width: 767px) { .faq-wrapper { display: block; } } .faq-wrapper .left-q { width: 294px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; position: -webkit-sticky; position: sticky; top: 80px; } @media (max-width: 767px) { .faq-wrapper .left-q { width: initial; top: initial; margin-bottom: 12px; margin-right: 0; overflow: auto; } } .faq-wrapper .left-q li { margin-bottom: 16px; } @media (max-width: 767px) { .faq-wrapper .left-q li { margin-bottom: 0; margin-right: 8px; } .faq-wrapper .left-q li:last-child { margin-right: 0; } } .faq-wrapper .left-q li a { color: #4B6570; font-size: 18px; font-weight: 500; display: block; line-height: 28px; } @media (max-width: 767px) { .faq-wrapper .left-q li a { padding: 16px; border-radius: 8px; border: 1px solid #E1F4F0; } } .faq-wrapper .left-q li a.active { color: black; } @media (max-width: 767px) { .faq-wrapper .left-q li a.active { border: 1px solid #2A9D8F; } } @media (min-width: 768px) { .faq-wrapper .left-q li a:hover { color: black; } } @media (max-width: 767px) { .faq-wrapper .left-q ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .faq-wrapper .left-q ul li { width: 200px; padding-bottom: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .faq-wrapper .left-q ul li a { height: 100%; font-size: 16px; line-height: 24px; } } .faq-wrapper .right-q { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .faq-wrapper.revers .left-q { margin-left: 20px; margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .doc-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } @media (max-width: 767px) { .doc-wrapper { display: block; } } .doc-wrapper .right-q { width: 380px; margin-left: 36px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .doc-wrapper .right-q { width: 100%; margin-left: 0; padding-top: 24px; } } .doc-wrapper .left-q { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .compare-page { margin-bottom: -20px; padding-bottom: 20px; overflow: auto; } .compare-page sub, .compare-page sup { top: -5px; } @media (max-width: 1279px) { .compare-page { margin: 0 -24px -20px; padding: 0 24px 20px; } } @media (max-width: 767px) { .compare-page { margin: 0 -12px -20px; padding: 0 12px 20px; } } .compare-page .list-product { padding-left: 212px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .compare-page .list-product { padding-left: 0; } } .compare-page .list-product .item { width: 300px; margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .compare-page .list-product .item { width: 156px; margin-right: 12px; } } .compare-page .list-product .item.old-product > * span { opacity: 0.4; color: #4B6570; } .compare-page .list-product .item.old-product > * .caption-name { opacity: 1; color: black; } .compare-page .list-product .item.old-product > * .agency-block, .compare-page .list-product .item.old-product > * .developer-company, .compare-page .list-product .item.old-product > *.subway-column > .metro { opacity: 0.4; } .compare-page .list-product .item.old-product .photo-column img { opacity: 0.16; } .compare-page .list-product .item.old-product .photo-column .text-for-clean { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 40px; font-size: 16px; line-height: 24px; font-weight: 500; z-index: 1; color: #4B6570; background-color: rgba(255, 255, 255, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .compare-page .list-product .item > * { padding-bottom: 24px; } @media (max-width: 767px) { .compare-page .list-product .item > * { padding-top: 38px; padding-bottom: 20px; } } .compare-page .list-product .item .metro .name-metro { line-height: 20px; } .compare-page .list-product .item .caption-block { height: 52px; } @media (max-width: 767px) { .compare-page .list-product .item .caption-block { height: 30px; padding-top: 0; } } .compare-page .list-product .item .caption-block span { position: absolute; left: 24px; font-size: 18px; font-weight: 500; visibility: hidden; display: block; } @media (max-width: 991px) { .compare-page .list-product .item .caption-block span { left: 12px; } } .compare-page .list-product .item .simple-block { height: 52px; } @media (max-width: 767px) { .compare-page .list-product .item .simple-block { height: 76px; } } .compare-page .list-product .item:nth-child(1) .caption-block span { visibility: visible; } .compare-page .list-product .item:nth-child(1) .caption-before:before { width: 212px; background-color: white; position: absolute; z-index: 2; left: 24px; color: #4B6570; display: block; font-weight: 500; content: attr(data-caption); } @media (max-width: 1279px) { .compare-page .list-product .item:nth-child(1) .caption-before:before { width: 208px; padding-left: 24px; left: 0; } } @media (max-width: 991px) { .compare-page .list-product .item:nth-child(1) .caption-before:before { width: 204px; left: 0; padding-left: 12px; } } @media (max-width: 767px) { .compare-page .list-product .item:nth-child(1) .caption-before:before { width: initial; margin-top: -30px; height: initial; } } .compare-page .list-product .item .agency-block { margin-bottom: 0; } .compare-page .list-product .item .photo-column { height: 250px; } .compare-page .list-product .item .photo-column .text-for-clean { display: none; } @media (max-width: 767px) { .compare-page .list-product .item .photo-column { height: 126px; padding-top: 0; } .compare-page .list-product .item .photo-column:before { display: none !important; } } .compare-page .list-product .item .developer-company { max-width: 160px; width: 100%; display: inline-block; } .compare-page .list-product .item .developer-company .box-img { width: 100%; height: 120px; margin-bottom: 12px; display: block; } .compare-page .list-product .item .developer-company .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .compare-page .list-product .item .developer-company .name { font-size: 16px; line-height: 24px; } .compare-page .list-product .item .box-img-box { width: 100%; height: 225px; position: relative; } @media (max-width: 767px) { .compare-page .list-product .item .box-img-box { height: 116px; } } .compare-page .list-product .item .box-img-box .btn-favorite, .compare-page .list-product .item .box-img-box .btn-delete { width: 32px; height: 32px; top: 4px; z-index: 1; margin-left: 4px; position: absolute; border-radius: 3px; background: rgba(0, 0, 0, 0.32); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; font-size: 20px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .compare-page .list-product .item .box-img-box .btn-favorite:hover, .compare-page .list-product .item .box-img-box .btn-delete:hover { background: rgba(0, 0, 0, 0.64); } } .compare-page .list-product .item .box-img-box .btn-favorite { left: 4px; } .compare-page .list-product .item .box-img-box .btn-delete { right: 4px; } .compare-page .list-product .item .box-img-box img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .compare-page .list-product .item .btn-dark.secondary { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 767px) { .compare-page .list-product .item .btn-dark.secondary.show-phone-number { display: none; } } @media (max-width: 767px) { .compare-page .list-product .item .call-button-column { margin-bottom: 20px; padding-top: 0; padding-bottom: 0; } } .compare-page.left-scr .btn-compare-scroll.btn-compare-left { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-page.right-scr .btn-compare-scroll.btn-compare-right { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-page .agency-block { z-index: 1; } .btn-compare-scroll { width: 40px; height: 40px; position: absolute; z-index: 3; top: 220px; cursor: pointer; background-color: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); border-radius: 50%; font-size: 24px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; display: none; } @media (min-width: 768px) { .btn-compare-scroll:hover { background-color: #E1F4F0; color: #264653; } } @media (max-width: 767px) { .btn-compare-scroll { top: 215px; } } .btn-compare-scroll:before { position: relative; display: inline-block; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .btn-compare-scroll.btn-compare-right { right: 48px; } @media (max-width: 767px) { .btn-compare-scroll.btn-compare-right { right: 20px; } } .btn-compare-scroll.btn-compare-right:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .btn-compare-scroll.btn-compare-left { left: 284px; } @media (max-width: 767px) { .btn-compare-scroll.btn-compare-left { left: 20px; } } .btn-compare-scroll.btn-compare-left:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .box-compare-top-wrapper { visibility: hidden; top: -150px; position: fixed; left: 0; right: 0; padding: 0 0 4px; z-index: 5; overflow: hidden; background-color: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .box-compare-top-wrapper { top: 52px; } } .box-compare-top-wrapper .box-compare-top { margin-left: 212px; margin-bottom: -40px; padding-bottom: 40px; overflow: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .box-compare-top-wrapper .box-compare-top { margin-top: -55px; } } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top { margin-left: 0; } } .box-compare-top-wrapper .box-compare-top .item { width: 300px; margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item { width: 156px; margin-right: 12px; } } .box-compare-top-wrapper .box-compare-top .item .box-img { width: 90px; height: 68px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item .box-img { width: 32px; height: 32px; margin-right: 8px; } } .box-compare-top-wrapper .box-compare-top .item .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-compare-top-wrapper .box-compare-top .item .description { width: 100%; } .box-compare-top-wrapper .box-compare-top .item .description .name { margin-bottom: 4px; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; /* Кількість рядків для відображення */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item .description .name { margin-bottom: 2px; font-size: 12px; line-height: 15px; } } .box-compare-top-wrapper .box-compare-top .item .description .price { font-size: 16px; font-weight: 600; } @media (max-width: 767px) { .box-compare-top-wrapper .box-compare-top .item .description .price { font-size: 12px; } } .box-compare-top-wrapper .custom-checkbox2 { position: absolute; left: 24px; } @media (max-width: 991px) { .box-compare-top-wrapper .custom-checkbox2 { left: 16px; } } @media (max-width: 767px) { .box-compare-top-wrapper .custom-checkbox2 { display: none; } } .sticky-compare .box-compare-top-wrapper { top: 64px; visibility: visible; } @media (max-width: 767px) { .sticky-compare .box-compare-top-wrapper { top: 52px; } } .sticky-compare .btn-compare-scroll { position: fixed; top: 100px; z-index: 5; } @media (max-width: 767px) { .sticky-compare .btn-compare-scroll { top: 80px; } } .sticky-compare .btn-compare-scroll.btn-compare-left { left: 50%; margin-left: -410px; } @media (max-width: 1279px) { .sticky-compare .btn-compare-scroll.btn-compare-left { left: 240px; margin-left: initial; } } @media (max-width: 767px) { .sticky-compare .btn-compare-scroll.btn-compare-left { left: 20px; } } .sticky-compare .btn-compare-scroll.btn-compare-right { right: 50%; margin-right: -620px; } @media (max-width: 1279px) { .sticky-compare .btn-compare-scroll.btn-compare-right { right: 50px; margin-right: initial; } } .agent-page { padding: 24px 0 48px; } .wallpaper-agent { height: 360px; overflow: hidden; line-height: 0; } @media (max-width: 991px) { .wallpaper-agent { height: 280px; } } @media (max-width: 767px) { .wallpaper-agent { height: 98px; } } .wallpaper-agent img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar-box { position: relative; z-index: 1; text-align: center; margin: -80px auto 28px; } @media (max-width: 767px) { .avatar-box { margin: -32px auto 24px; } } .avatar-box .box-img { width: 160px; height: 160px; margin: 0 auto 20px; border-radius: 50%; line-height: 0; border: 4px solid white; overflow: hidden; } .avatar-box .box-img.agency { border-radius: 2px; } @media (max-width: 767px) { .avatar-box .box-img { width: 64px; height: 64px; margin-bottom: 20px; } } .avatar-box .box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar-box h1 { margin-bottom: 8px; font-size: 24px; text-align: center; color: black; font-weight: 600; } @media (max-width: 767px) { .avatar-box h1 { font-size: 20px; } } .avatar-box .type { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; } .avatar-box .type i { margin-right: 4px; color: #2A9D8F; } .description-agent { max-width: 814px; margin: 0 auto 24px; } .description-agent h3 { text-transform: initial; font-size: 20px; line-height: 30px; } @media (max-width: 767px) { .description-agent h3 { font-size: 18px; line-height: 28px; } } .description-agent hr { margin: 24px 0; } .description-agent .main-description { margin-bottom: 24px; padding: 24px; border-radius: 8px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; background: #E1F4F0; } @media (max-width: 767px) { .description-agent .main-description { padding: 0 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .description-agent .main-description .one-d { width: 100%; padding: 0 16px; border-right: 1px solid rgba(0, 0, 0, 0.08); } .description-agent .main-description .one-d:last-child { border-right: 0; } @media (max-width: 767px) { .description-agent .main-description .one-d { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .description-agent .main-description .one-d:last-child { border-bottom: 0; } } .description-agent .main-description .one-d .title { margin-bottom: 8px; font-size: 14px; } @media (max-width: 767px) { .description-agent .main-description .one-d .title { margin-bottom: 0; } } .description-agent .main-description .one-d span { font-size: 18px; font-weight: 600; } @media (max-width: 767px) { .description-agent .main-description .one-d span { font-size: 14px; } } .social-list li { margin-bottom: 4px; padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; border-radius: 4px; color: black; background: rgba(225, 245, 240, 0.48); } .social-list li i { width: 20px; margin-right: 16px; text-align: center; color: #264653; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; } .social-list li:last-child { margin-bottom: 0; } .text-agent { font-size: 15px; line-height: 25px; } .user-settings .left-board { width: 300px; padding: 12px; -ms-flex-negative: 0; flex-shrink: 0; background-color: white; border-right: 1px solid rgba(0, 0, 0, 0.08); } .user-settings .left-board.subscriptions-left { width: 360px; padding: 0 0 16px; background-color: #FBFBFB; } .user-settings .user-agent { margin-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .user-settings .user-agent .box-img { width: 48px; height: 48px; margin-right: 12px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; } .user-settings .user-agent .box-img.square { border-radius: 10px; } .user-settings .user-agent .box-img.square img { border-radius: 10px; } .user-settings .user-agent .box-img.letter { text-align: center; background-color: #EAF5F4; color: #264653; font-size: 24px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .user-settings .user-agent .box-img img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .user-settings .user-agent .title { margin-bottom: 2px; font-size: 16px; } .user-settings .user-agent .id { font-size: 12px; color: #4B6570; } .user-settings .balance-top-up .btn-border { width: 32px; height: 32px; padding: 2px; } .user-settings .balance-top-up .ico-plus { font-size: 20px; color: #2A9D8F; } .user-settings .balance-top-up .ico-wallet { width: 18px; height: 18px; font-size: 19px; -ms-flex-negative: 0; flex-shrink: 0; } .user-settings .link-rout { padding: 12px 16px; } .user-settings .link-rout .name { margin-bottom: 8px; font-size: 16px; font-weight: 500; } .user-settings .link-rout p { padding-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 20px; } .user-settings .link-rout .brand-link { font-weight: 500; } .user-settings .head-subscribe { padding: 16px; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .user-settings .title-16 { margin-bottom: 8px; color: #000; font-size: 16px; font-weight: 500; line-height: 24px; } .user-settings .title-16:last-child { margin-bottom: 0; } .user-settings .caption-subscribe { padding: 16px; background: #FBFBFB; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .user-settings .caption-subscribe.disabled { opacity: 0.5; } .user-settings .caption-subscribe:last-child { border-bottom: 0; } .user-settings .small-text { color: #4B6570; font-size: 12px; font-weight: 400; line-height: 16px; } .user-settings .small-text a { color: #4B6570; text-decoration: underline; } @media (min-width: 768px) { .user-settings .small-text a:hover { text-decoration: none; color: #227F74; } } .user-settings .style-sub-check li { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 16px; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .user-settings .style-sub-check li.disabled { opacity: 0.5; } .user-settings .style-sub-check li .text { width: 100%; } .user-settings .style-sub-check li .custom-checkbox2 { margin-left: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .user-settings .box-with-arrow-right { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media (min-width: 768px) { .user-settings .box-with-arrow-right.active { background-color: #E1F4F0; } } .user-settings .box-with-arrow-right.disabled { opacity: 0.5; } .user-settings .box-with-arrow-right .ico-down { margin-left: 10px; color: #2A9D8F; -ms-flex-negative: 0; flex-shrink: 0; position: relative; display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 24px; } .user-settings .box-with-arrow-right .text { width: 100%; font-size: 14px; font-weight: 400; color: black; line-height: 20px; } .user-settings .saved-box { display: none; } .user-settings .saved-box.active { display: block; } .user-settings .balance-top-up { margin-bottom: 12px; background-color: white; } .page-board { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; } @media (max-width: 991px) { .page-board .left-board { display: none; } } .page-board hr { margin: 16px 0; } .page-board .wrapper-btn-notification { display: none; } @media (max-width: 767px) { .page-board .wrapper-btn-notification { display: block; } } .page-board .wrapper-btn-notification .drop-block { right: 0; } .page-board .right-board { padding: 24px 0 24px 24px; width: calc(100% - 300px); } @media (max-width: 991px) { .page-board .right-board { width: 100%; padding: 12px 0; } } .page-board .one-search { padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .page-board .one-search:last-child { border-bottom: 0; } .page-board .one-search .name { margin-bottom: 4px; font-weight: 500; } .page-board .one-search .city { color: #4B6570; } .page-board .favorite-in-board { margin: 16px; padding-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .page-board .favorite-in-board:last-child { padding-bottom: 0; border-bottom: 0; } .page-board .favorite-in-board .box-img { width: 60px; margin-right: 12px; display: block; -ms-flex-negative: 0; flex-shrink: 0; } .page-board .favorite-in-board .box-img img { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .page-board .favorite-in-board .description { width: calc(100% - 74px); } .page-board .favorite-in-board .description .name { margin-bottom: 4px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-board .favorite-in-board .description .name .inside { color: black; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (min-width: 768px) { .page-board .favorite-in-board .description .name .inside:hover { color: #2A9D8F; } } .page-board .favorite-in-board .description .name .value { -ms-flex-negative: 0; flex-shrink: 0; } .page-board .favorite-in-board .description .address { color: #4B6570; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:before, .page-board .owl-arrows-style-1 .owl-nav .owl-next:before { position: relative; z-index: 3; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev span, .page-board .owl-arrows-style-1 .owl-nav .owl-next span { width: 40px; height: 40px; top: 50%; margin-top: -20px; position: absolute; border-radius: 50%; color: white !important; z-index: 2; font-size: 24px; background-color: white !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:after, .page-board .owl-arrows-style-1 .owl-nav .owl-next:after { position: absolute; width: 80px; top: -40px; bottom: -40px; left: -30px; z-index: -1; content: ''; display: block; background: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)); background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb); background: -o-linear-gradient(left, rgba(251, 251, 251, 0.2), #fbfbfb); background: linear-gradient(to right, rgba(251, 251, 251, 0.2), #fbfbfb); } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:hover span, .page-board .owl-arrows-style-1 .owl-nav .owl-next:hover span { color: #264653 !important; background-color: #264653 !important; } .page-board .owl-arrows-style-1 .owl-nav .owl-prev:after { left: 0; background: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0.2)), to(#fbfbfb)); background: -webkit-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb); background: -o-linear-gradient(right, rgba(251, 251, 251, 0.2), #fbfbfb); background: linear-gradient(to left, rgba(251, 251, 251, 0.2), #fbfbfb); } .page-board h1 { margin-bottom: 12px; } .page-board .caption-h-btn { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .page-board .caption-h-btn.mobile-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .page-board .caption-h-btn h1 { width: 100%; margin-bottom: 0; } .page-board .caption-h-btn .list-buttons-board { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; } @media (max-width: 767px) { .page-board .caption-h-btn .list-buttons-board { display: none; } } .page-board .caption-h-btn .small-search-field { width: 160px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .page-board .caption-h-btn .small-search-field { width: 100%; margin-top: 12px; margin-left: 0; } } .page-board.subscriptions-wrapper .wrapper-back { margin-bottom: 12px; display: none; } @media (max-width: 767px) { .page-board.subscriptions-wrapper { display: block; } .page-board.subscriptions-wrapper .wrapper-back { display: block; } } @media (max-width: 991px) { .page-board.subscriptions-wrapper .left-board { width: 300px; display: block; } } @media (max-width: 767px) { .page-board.subscriptions-wrapper .left-board { width: initial; margin-left: -12px; margin-right: -12px; border-right: 0; } } @media (max-width: 991px) { .page-board.subscriptions-wrapper .right-board { width: 100%; padding: 12px 0 12px 12px; } } @media (max-width: 767px) { .page-board.subscriptions-wrapper .right-board { display: none; padding-left: 0; } } @media (max-width: 767px) { .page-board.subscriptions-wrapper.active .left-board { display: none; } .page-board.subscriptions-wrapper.active .right-board { display: block; } } .search-field-like-input { position: relative; display: none; } .search-field-like-input:before { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; display: block; content: ''; } @media (max-width: 767px) { .search-field-like-input { display: block; margin-bottom: auto; } } .search-field-like-input i { position: absolute; top: 50%; left: 12px; font-size: 16px; color: #4B6570; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .search-field-like-input input { width: 100%; height: 64px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; z-index: 1; position: relative; background-color: transparent; padding-left: 36px; padding-right: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .small-search-field { position: relative; } .small-search-field i { position: absolute; top: 50%; left: 12px; font-size: 16px; color: #4B6570; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .small-search-field input { width: 100%; height: 36px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 12px; z-index: 1; position: relative; background-color: transparent; padding-left: 36px; padding-right: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .small-search-field input:focus { border: 1px solid rgba(0, 0, 0, 0.24); } .small-search-field.white { border-radius: 4px; background-color: white; } .small-search-field.white input { height: 40px; } .menu-board li { margin-bottom: 4px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .menu-board li:last-child { margin-bottom: 0; } .menu-board li a, .menu-board li .like-link { padding: 10px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .menu-board li a:hover, .menu-board li .like-link:hover { background-color: #E1F4F0; } } .menu-board li a.active, .menu-board li .like-link.active { background-color: #E1F4F0; } .menu-board li a.disabled, .menu-board li .like-link.disabled { cursor: default; background-color: transparent; } .menu-board li a.disabled .name, .menu-board li a.disabled i, .menu-board li .like-link.disabled .name, .menu-board li .like-link.disabled i { color: #81949B; } .menu-board li a i, .menu-board li .like-link i { width: 18px; height: 18px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 19px; color: #2A9D8F; } .menu-board li a .name, .menu-board li .like-link .name { width: 100%; color: #264653; font-size: 14px; font-weight: 500; position: relative; } .menu-board li a .count, .menu-board li .like-link .count { min-width: 24px; height: 24px; margin: -2px 0 -2px 12px; padding: 4px 7px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; color: #264653; border-radius: 50%; background-color: #E1F4F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .menu-board li.new-i .count { position: relative; } .menu-board li.new-i .count:before { width: 10px; height: 10px; position: absolute; top: -4px; right: -5px; content: ''; border-radius: 50%; background: #E76F51; border: 2px solid white; } .menu-board li .drop-links { cursor: pointer; } .menu-board li .drop-links .ico-down { margin-right: 4px; margin-left: 10px; color: #81949B; } .menu-board li .btn-after-pay { width: 24px; height: 24px; color: red; font-size: 23px; position: absolute; right: 12px; top: 7px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .menu-board li .btn-after-pay i { position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-board li .box-after-pay { width: 85%; position: absolute; bottom: 35px; right: 0; padding: 8px 12px; border-radius: 4px; background: white; z-index: 3; font-size: 12px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); color: #264653; font-weight: 400; display: none; } .menu-board li .box-after-pay a { padding: 0; background-color: transparent !important; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .menu-board li.showPay .box-after-pay { display: block; } .menu-board li .drop-links-ul { display: none; } .menu-board li .drop-links-ul li > a, .menu-board li .drop-links-ul li > .like-link { margin-bottom: 2px; padding: 4px 42px; } .menu-board li .drop-links-ul .btn-after-pay { top: 2px; font-size: 20px; } .menu-board li .ico-down { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-board li.open-drop .ico-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-board li.open-drop .drop-links-ul { display: block; } .box-board-border { margin-top: 12px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; background-color: white; } .box-board-border .caption { padding: 12px 16px; font-size: 16px; font-weight: 500; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .caption2 { padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .caption2 .title { width: 100%; font-size: 16px; font-weight: 500; } .box-board-border .caption2 .right-q { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-board-border .caption2 .right-q .list-counter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .box-board-border .caption2 .right-q .list-counter-btn { display: none; } } .box-board-border .caption2 .right-q .list-counter-btn .change-time { margin-right: 4px; padding: 8px 12px; color: #4B6570; font-size: 12px; font-weight: 500; border-radius: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .box-board-border .caption2 .right-q .list-counter-btn .change-time.active { background-color: #EAF5F4; color: #264653; } @media (min-width: 768px) { .box-board-border .caption2 .right-q .list-counter-btn .change-time:hover { background-color: #EAF5F4; color: #264653; } } .box-board-border .caption3 { margin-bottom: 4px; font-size: 16px; font-weight: 500; } .box-board-border .one-adv-board { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .one-adv-board:last-child { border-bottom: 0; } .box-board-border .one-adv-board.old .top-part { opacity: 0.5; } .box-board-border .one-adv-board .status-board-adv { margin-bottom: 16px; padding: 5px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 3px; font-size: 12px; font-weight: 500; color: #4B6570; background-color: rgba(0, 0, 0, 0.08); } .box-board-border .one-adv-board .top-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-board-border .one-adv-board .top-part .box-img { width: 80px; height: 60px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .box-board-border .one-adv-board .top-part .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-board-border .one-adv-board .top-part .description { width: 100%; line-height: 20px; } .box-board-border .one-adv-board .top-part .type-flat { margin-bottom: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-board-border .one-adv-board .top-part .type-flat li { margin-right: 10px; margin-bottom: 10px; } .box-board-border .one-adv-board .top-part .des-number { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .box-board-border .one-adv-board .top-part .des-number { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-board-border .one-adv-board .top-part .des-number .price, .box-board-border .one-adv-board .top-part .des-number .price-clean { width: 100%; } .box-board-border .one-adv-board .top-part .des-number .number-adv { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; color: #4B6570; } @media (max-width: 991px) { .box-board-border .one-adv-board .top-part .des-number .number-adv { width: 100%; margin-top: 4px; margin-left: 0; } } .box-board-border .one-adv-board .top-part .price { margin-bottom: 2px; font-size: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-weight: 600; } .box-board-border .one-adv-board .top-part .price .old-price { margin-left: 8px; color: #4B6570; font-size: 14px; font-weight: 500; } .box-board-border .one-adv-board .top-part .price-clean { margin-bottom: 4px; font-size: 18px; font-weight: 600; color: #4B6570; } .box-board-border .one-adv-board .statistic { margin-bottom: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-board-border .one-adv-board .statistic .one-stat { width: 96px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; margin-bottom: 16px; font-size: 12px; color: #264653; } .box-board-border .one-adv-board .statistic .one-stat .number { margin-bottom: 4px; font-size: 20px; font-weight: 600; } .box-board-border .footer-board { padding: 12px 16px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .box-board-border .inside-block { padding: 12px 16px; } .box-board-border .range-select-style { -ms-flex-negative: 0; flex-shrink: 0; } .clean-field { padding: 16px; min-height: 124px; color: #4B6570; font-size: 14px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-buttons-board { margin-bottom: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-buttons-board a { margin-bottom: 8px; margin-right: 8px; padding: 8px 12px; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; color: #264653; background-color: #E1F4F0; } .list-buttons-board a:last-child { margin-right: 0; } @media (min-width: 768px) { .list-buttons-board a:hover { background-color: #2A9D8F; color: white; } } .list-buttons-board a.active { background-color: #2A9D8F; color: white; } .list-buttons-board a i { margin-right: 8px; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0; } .statistics-feed { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .statistics-feed { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .statistics-feed .column { margin-right: 12px; width: 50%; } @media (max-width: 767px) { .statistics-feed .column { width: 100%; margin-right: 0; } } .statistics-feed .column:last-child { margin-right: 0; } .buttons-style-1 { margin-bottom: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buttons-style-1 > * { height: 36px !important; margin-right: 8px; margin-bottom: 8px; padding: 6px 16px; font-size: 14px; font-weight: 500; } .buttons-style-1 > *:last-child { margin-right: 0; } .saved-searches .one-item { margin-bottom: 12px; padding: 16px; border-radius: 4px; position: relative; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .saved-searches .one-item:last-child { margin-bottom: 0; } .saved-searches .one-item .title { padding-right: 50px; margin-bottom: 4px; font-size: 16px; font-weight: 500; color: #264653; line-height: 24px; } .saved-searches .one-item .city { margin-bottom: 4px; font-size: 14px; color: #4B6570; } .saved-searches .one-item.subscriptions { padding-right: 100px; } .saved-searches .delete-saved-search { width: 40px; height: 40px; position: absolute; cursor: pointer; right: 4px; top: 4px; font-size: 24px; color: #81949b; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .saved-searches .delete-saved-search:hover { color: black; background: rgba(0, 0, 0, 0.08); } } .saved-searches .box-checked-r { position: absolute; top: 16px; right: 16px; } .saved-searches .box-checked-r .custom-checkbox2 { padding-left: 40px; } .status-search { padding: 8px 12px; border-radius: 3px; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .status-search.danger { color: #FFA500; background: rgba(255, 165, 0, 0.08); } .status-search.error { color: #E7513B; background: rgba(231, 81, 59, 0.08); } .status-search.gray { color: #4B6570; background: rgba(0, 0, 0, 0.04); } .status-search.full { width: 100%; } .list-statuses { margin-bottom: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-statuses li { margin-right: 8px; margin-bottom: 8px; } .list-statuses li:last-child { margin-right: 0; } .notification-wrapper { border: 1px solid rgba(0, 0, 0, 0.08); background-color: white; border-radius: 4px; overflow: hidden; } .notification-wrapper .one-note { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; } .notification-wrapper .one-note:last-child { border-bottom: 0; } .notification-wrapper .one-note.unread { background: rgba(225, 245, 240, 0.48); } .notification-wrapper .one-note .description { width: 100%; margin-right: 16px; font-size: 12px; color: black; } .notification-wrapper .one-note .description > * { margin-bottom: 4px; } .notification-wrapper .one-note .description > *:last-child { margin-bottom: 0; } .notification-wrapper .one-note .title { font-size: 14px; font-weight: 500; } .notification-wrapper .one-note .title a { color: #000000; font-weight: 500; } .notification-wrapper .one-note .title a:hover { color: #2A9D8F; } .notification-wrapper .one-note p { font-size: 12px; line-height: 16px; } .notification-wrapper .one-note .time { color: #4B6570; } .notification-wrapper .one-note .box-img { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; } .notification-wrapper .one-note .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .notification-wrapper .text-description { margin-bottom: 16px; font-size: 16px; line-height: 24px; } .wrapper-btn-notification { -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wrapper-btn-notification .drop-btn { width: 24px; height: 24px; font-size: 20px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .wrapper-btn-notification .drop-block { width: 230px; position: absolute; top: 30px; right: -12px; padding: 16px; z-index: 3; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; display: none; } .wrapper-btn-notification .drop-block li { margin-bottom: 16px; } .wrapper-btn-notification .drop-block li:last-child { margin-bottom: 0; } .wrapper-btn-notification .drop-block a { font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wrapper-btn-notification .drop-block a i { width: 16px; margin-right: 8px; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; } .wrapper-btn-notification.open .drop-block { display: block; } .change-mail .buttons-style-1 { display: none; } .change-mail.active .brand-link { display: none; } .change-mail.active .buttons-style-1 { display: -webkit-box; display: -ms-flexbox; display: flex; } .ui-datepicker .ui-datepicker-prev { left: 2px !important; } .ui-datepicker .ui-datepicker-next { right: 2px !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 2px !important; border: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background-image: none; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content: ''; display: inline-block; position: relative; font-size: 18px; content: "\e90a"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker .ui-datepicker-prev:hover:before, .ui-datepicker .ui-datepicker-next:hover:before { color: #2A9D8F; } .ui-datepicker .ui-datepicker-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ui-datepicker .ui-datepicker-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover { background-color: #E1F4F0 !important; border: 1px solid #E1F4F0; color: #2A9D8F; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background-color: #2A9D8F !important; border: 1px solid #2A9D8F; color: white; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { width: 100%; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; } .ui-widget.ui-widget-content { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; } .user-image-box { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .user-image-box .box-img { width: 96px; height: 96px; margin-bottom: 16px; border-radius: 50%; } .user-image-box .box-img img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .user-image-box.style-2 { padding: 0; position: relative; z-index: 1; } .user-image-box.style-2 .box-img { width: 104px; height: 104px; margin-top: -28px; border-radius: 16px; border: 4px solid white; background: #E1F5F0; } .user-image-box.style-2 .box-img img { border-radius: 16px; } .clean-drop-box { height: 310px; padding: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .clean-drop-box img { margin-bottom: 16px; } .clean-drop-box .name { margin-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 24px; } .clean-drop-box p { font-size: 12px; line-height: 16px; color: #4B6570; } .box-center-page { width: 100%; height: 100%; padding: 40px 15%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .box-center-page { padding: 40px 12px; } } .list-style-check li { margin-bottom: 16px; position: relative; padding-left: 24px; font-size: 14px; line-height: 20px; } .list-style-check li:before { top: 0; left: 0; display: inline-block; position: absolute; color: #2A9D8F; font-size: 20px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-style-check li:last-child { margin-bottom: 0; } .list-style-check.bold li { font-size: 16px; padding-left: 26px; font-weight: 500; } .list-style-check.bold li:before { font-size: 22px; } .list-check-form { margin-bottom: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-check-form li { width: 33.3%; margin-bottom: 16px; padding-right: 10px; overflow: hidden; } @media (max-width: 767px) { .list-check-form li { width: 50%; } } .box-house-type { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } .box-house-type .box-ico { width: 64px; height: 64px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-house-type .box-ico img { max-height: 100%; } .box-house-type .box-ico.color1 { background: rgba(217, 246, 242, 0.5); } .box-house-type .box-ico.color2 { background: #E1F5F0; } .box-house-type .box-ico.color3 { background: rgba(237, 229, 255, 0.5); } .box-house-type .box-ico.color4 { background: rgba(255, 243, 217, 0.5); } .box-house-type .box-ico.color5 { background: rgba(229, 246, 255, 0.5); } .box-house-type .box-ico.color6 { background: rgba(229, 239, 255, 0.5); } .box-house-type .name { margin-bottom: 4px; font-size: 18px; font-weight: 500; line-height: 28px; } .box-house-type .name:last-child { margin-bottom: 0; } .box-house-type .address { margin-bottom: 4px; color: #666; font-size: 14px; } .box-house-type .address:last-child { margin-bottom: 0; } .box-house-type .link-house { font-weight: 500; } .box-house-type .description { width: 100%; } .box-last-adv { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-last-adv .list-buttons .one-btn { margin-bottom: 5px; } .box-last-adv .left-tabs { width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 767px) { .box-last-adv .left-tabs .left-last-adv { position: absolute; left: 0; right: 0; top: 42px; padding: 4px; display: none; z-index: 3; border-radius: 4px; background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-last-adv .left-tabs .left-last-adv .one-btn { width: 100%; margin-bottom: 4px; margin-right: 0; border: 0; } .box-last-adv .left-tabs .left-last-adv .one-btn:last-child { margin-bottom: 0; } } .box-last-adv .left-tabs.open-mobile .left-last-adv { display: block; } .box-last-adv .left-tabs.open-mobile .head:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-last-adv .right-tabs { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .box-last-adv { margin-bottom: 12px; } } .box-last-adv .head { padding: 8px 44px 8px 16px; border-radius: 4px; font-size: 14px; position: relative; font-weight: 500; color: #666; display: none; border: 1px solid #E1F4F0; } .box-last-adv .head span { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 767px) { .box-last-adv .head { display: block; } } .box-last-adv .head:before { position: absolute; top: 8px; right: 12px; font-size: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .list-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-buttons .one-btn { margin-right: 4px; padding: 8px 16px; color: #4B6570; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 1px solid #EAF5F4; border-radius: 4px; } .list-buttons .one-btn.active { cursor: default; } .list-buttons .one-btn:hover, .list-buttons .one-btn.active { background-color: #E1F4F0; border: 1px solid #E1F4F0; color: #264653; } .list-buttons .one-btn:last-child { margin-right: 0; } .more-adv-click { width: 100%; margin-top: 20px; } .more-adv-click i.ico-down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .search-box-main { display: none; } @media (max-width: 991px) { .search-box-main { margin-bottom: 16px; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; font-size: 16px; border-radius: 8px; border: 4px solid #EAF5F4; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search-box-main i { margin-right: 8px; } } .list-mb-18 li { margin-bottom: 18px; } .list-mb-18 li:last-child { margin-bottom: 0; } .agent-product { margin-bottom: 22px; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .agent-product .agency-block:last-child { margin-bottom: 0; } .agent-product .list-statistic { margin-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .agent-product .list-statistic:last-child { margin-bottom: -16px; border-bottom: 0; } .agent-product .list-statistic li { margin-bottom: 16px; margin-right: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #4B6570; line-height: 16px; } @media (max-width: 767px) { .agent-product .list-statistic li { width: 50%; margin-right: 0; padding-right: 16px; } } .agent-product .list-statistic li:last-child { margin-right: 0; } .agent-product .list-statistic li .text { width: 80px; -ms-flex-negative: 0; flex-shrink: 0; } .agent-product .list-statistic li .number { margin-right: 8px; padding: 4px 8px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; line-height: 32px; font-weight: 700; color: #264653; background-color: #E1F4F0; border-radius: 4px; } @media (max-width: 359px) { .agent-product .list-statistic li .number { font-size: 15px; } } .slider-novobud { height: 610px; overflow: hidden; position: relative; opacity: 0; } .slider-novobud.slick-initialized { opacity: 1; height: initial !important; } @media (max-width: 1279px) { .slider-novobud { height: 410px; } } @media (max-width: 991px) { .slider-novobud { height: 560px; } } @media (max-width: 767px) { .slider-novobud { height: 200px; } } .slider-novobud img { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } .slider-novobud .slick-btn.slick-next { right: 8px; } .slider-novobud .slick-btn.slick-next:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slider-novobud .slick-btn.slick-prev { left: 8px; } .slider-novobud .slick-btn.slick-prev:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slider-novobud .slick-btn.slick-next, .slider-novobud .slick-btn.slick-prev { width: 32px; height: 32px; top: 50%; margin-top: -16px; position: absolute; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FFFFFF !important; z-index: 2; font-size: 20px; background: rgba(0, 0, 0, 0.32) !important; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .slider-novobud .slick-btn.slick-next:before, .slider-novobud .slick-btn.slick-prev:before { font-size: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .slider-novobud .slick-btn.slick-next span, .slider-novobud .slick-btn.slick-prev span { display: none; } .slider-novobud .slick-btn.slick-next.disabled, .slider-novobud .slick-btn.slick-prev.disabled { display: none; } @media (min-width: 768px) { .slider-novobud .slick-btn.slick-next:hover, .slider-novobud .slick-btn.slick-prev:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6) !important; } } .slider-full-and-dots { width: 100%; position: relative; } .slider-full-and-dots .slick-dots { position: absolute; bottom: 15px; left: 0; right: 0; z-index: 2; text-align: center; } .slider-full-and-dots .slick-dots li { margin: 0 4px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; cursor: pointer; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .slider-full-and-dots .slick-dots li button { display: none; } .slider-full-and-dots .slick-dots li.slick-active { background-color: rgba(255, 255, 255, 0.8); } .btn-ico.btn-favorite.big { color: #81949b; } @media (min-width: 768px) { .btn-ico.btn-favorite.big:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .btn-ico.btn-favorite.big.active { color: #E76F51; background-color: white; } @media (min-width: 768px) { .btn-ico.btn-favorite.big.active:hover { border: 1px solid #ebebeb; background-color: rgba(0, 0, 0, 0.08); } } .btn-ico.btn-favorite.big.without-border { border: 0 !important; } .btn-ico.btn-compare.big, .btn-ico.btn-more { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #81949b; } @media (min-width: 768px) { .btn-ico.btn-compare.big:hover, .btn-ico.btn-more:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .btn-ico.btn-compare.big.active, .btn-ico.btn-more.active { color: #81949b; background-color: white; } @media (min-width: 768px) { .btn-ico.btn-compare.big.active:hover, .btn-ico.btn-more.active:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .btn-ico.btn-compare.big.primary, .btn-ico.btn-more.primary { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } @media (min-width: 768px) { .btn-ico.btn-compare.big.primary:hover, .btn-ico.btn-more.primary:hover { cursor: pointer; border: 1px solid #2A9D8F; background-color: #2A9D8F; color: white; } } .btn-ico.btn-change-modal.big { color: #81949b; } @media (min-width: 768px) { .btn-ico.btn-change-modal.big:hover { background-color: rgba(0, 0, 0, 0.08); color: black; border: 1px solid #ebebeb; } } .planning-list { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.08); } .planning-list .one-planing { padding-bottom: 16px; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .planning-list .one-planing .box-img { width: 112px; margin-right: 16px; display: block; -ms-flex-negative: 0; flex-shrink: 0; } .planning-list .one-planing:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .planning-list .one-planing .description { width: 100%; } .planning-list .one-planing .description .price { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .planning-list .one-planing .description .price .old { margin-left: 8px; margin-bottom: 4px; color: #4B6570; } @media (max-width: 767px) { .planning-list .one-planing .description .price .old { display: none; } } .planning-list .one-planing .description .price .current-price { margin-bottom: 4px; margin-right: 8px; font-size: 16px; font-weight: 500; } .planning-list .one-planing .description .corpus-line { margin-bottom: -8px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .planning-list .one-planing .description .corpus-line { margin-bottom: 4px; } } .planning-list .one-planing .description .corpus-line li { margin-right: 8px; margin-bottom: 8px; } @media (max-width: 767px) { .planning-list .one-planing .description .corpus-line li { width: 100%; margin-bottom: 4px; font-size: 12px; } } .planning-list .one-planing .description .corpus-line li:last-child { margin-right: 0; } .planning-list .one-planing .description .region { margin-bottom: 4px; font-size: 12px; } .planning-list .one-planing .description .list-type { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .planning-list .one-planing .description .list-type { display: none; } } .planning-list .one-planing .description .list-type > * { margin-right: 8px; margin-bottom: 4px; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .planning-list .one-planing .description .list-type > *:last-child { margin-right: 0; } .planning-list .one-planing .description .list-type > * i { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 18px; } .planning-list .one-planing .description .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .planning-list .one-planing .btn-favorite { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .price-apartment-now { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .price-apartment-now { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .price-apartment-now .caption { margin-bottom: 4px; color: #4B6570; } .price-apartment-now .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .price-apartment-now .price .current-price { margin-right: 10px; font-weight: 600; font-size: 28px; } .price-apartment-now .price .old { font-size: 12px; font-weight: 500; color: #2A9D8F; } .price-apartment-now .price .old.error { color: #E7513B; } .price-apartment-now .left-q { width: 50%; } @media (max-width: 767px) { .price-apartment-now .left-q { width: 100%; margin-bottom: 16px; } } .price-apartment-now .right-q { width: 50%; margin-left: 16px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; background: #F0FAF8; } @media (max-width: 767px) { .price-apartment-now .right-q { width: 100%; margin-left: 0; } } .price-apartment-now .right-q .box-img { width: 56px; margin-right: 16px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; } .price-apartment-now .right-q .text b { font-weight: 600; display: block; } @media (min-width: 992px) and (max-width: 1279px) { .price-apartment-now.column-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .price-apartment-now.column-3 .right-q { margin-left: 0; margin-top: 16px; } } .canvas-prices { margin-bottom: 16px; } .map-popup { padding: 0 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #fff; background-color: #264653; font-size: 12px; border-radius: 30px; font-weight: 500; } .map-popup .flat-count { min-width: 16px; height: 16px; padding: 4px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; font-size: 12px; color: #264653; } .map-popup .price { padding: 0 6px; } .special-wrapper-box { position: relative; } @media (max-width: 767px) { .special-wrapper-box { margin: 0 -12px; padding: 0 12px; overflow: hidden; } } .wrapper-for-scroll-hide { position: relative; } @media (max-width: 767px) { .wrapper-for-scroll-hide { margin: 0 -12px -10px; overflow: hidden; } } @media (max-width: 767px) { .wrapper-for-scroll-hide > * { margin-bottom: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; padding-left: 9px; padding-bottom: 30px; } .wrapper-for-scroll-hide > * .item { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 767px) { .wrapper-for-scroll-hide.style2 { margin-bottom: 0; } .wrapper-for-scroll-hide.style2 > * { padding-left: 12px; } } @media (max-width: 767px) { .list-last-advert .slider-one-hover.slider-advert-small .slide, .list-last-advert .slider-one-hover-no-swipe.slider-advert-small .slide { width: 156px; } } @media (max-width: 991px) { .list-last-advert .owl-height { height: initial !important; } .list-last-advert .owl-height .owl-stage { height: 255px; overflow: hidden; } } .small-select .custom-input.with-left-text input { padding-left: 36px; } @media (max-width: 767px) { .wrapper-for-scroll-hide .box-img-box { z-index: initial; } .wrapper-for-scroll-hide .slider-one-hover-no-swipe { z-index: -3; } } @media (max-width: 767px) { .gmnoprint.gm-style-mtc-bbw { top: initial !important; bottom: 14px !important; } } .list-premium-advert .advert-item .box-img-box { z-index: 1; } .list-premium-advert .metro { margin-bottom: 4px; } .list-premium-advert .metro .name-metro { max-width: 100%; font-size: 12px; } .map-catalog-left .wrapper-small-tbn { position: relative; z-index: 2; } .map-catalog-left .advert-item .wrapper-description-item { margin-bottom: 8px; } .map-catalog-left .advert-item .box-img-box { margin-bottom: 16px; } .map-catalog-left .advert-item .line-buttons-product { padding-top: 8px; } .wrapper-btn-modal { padding: 40px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper-btn-modal > * { margin: 0 10px 10px 0; } .badge-color-contact { padding: 12px 16px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; font-size: 16px; color: #264653; background: #EAF5F4; } .badge-color-contact i { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; color: #2A9D8F; font-size: 20px; } .img-document-static { width: 150px; margin-bottom: 12px; } @media (max-width: 767px) { .img-document-static { display: none; } } .caption-doc { margin-bottom: 12px; font-size: 18px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 28px; } .caption-doc .box-ico { width: 36px; height: 36px; margin-right: 12px; font-size: 20px; color: #264653; background-color: #EAF5F4; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; display: none; } @media (max-width: 767px) { .caption-doc .box-ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .text-for-doc { margin-bottom: 24px; } .text-for-doc p { margin-bottom: 12px; font-size: 14px; line-height: 20px; } .text-for-doc p:last-child { margin-bottom: 0; } .call-me-box { padding: 24px; border-radius: 8px; background: #EAF5F4; } .call-me-box .title { margin-bottom: 16px; font-size: 18px; font-weight: 600; line-height: 28px; } .call-me-box .code-block { display: none; } .call-me-box .code-block .code-from-sms input { padding-left: 5px; padding-right: 5px; background-color: white; } .call-me-box.send-code-doc .phone-block { display: none; } .call-me-box.send-code-doc .code-block { display: block; } .list-doc li { margin-bottom: 8px; } .list-doc li:last-child { margin-bottom: 0; } .check-for-doc { display: block; } @media (min-width: 768px) { .check-for-doc:hover .wrap-content { background: #EAF5F4; } } .check-for-doc input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; visibility: hidden; } .check-for-doc .box-ico { width: 36px; height: 36px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; font-size: 20px; background: #EAF5F4; color: #264653; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .check-for-doc .name { font-size: 16px; font-weight: 500; color: black; } .check-for-doc .wrap-content { padding: 16px 60px 16px 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .check-for-doc .wrap-content:before { width: 20px; height: 20px; position: absolute; right: 16px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); content: ''; display: block; border-radius: 4px; border: 1px solid #D6D6D6; background-color: #FFFFFF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .check-for-doc .wrap-content:after { position: absolute; right: 16px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: white; z-index: 1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 19px; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .check-for-doc input:checked + .wrap-content { background: #EAF5F4; } .check-for-doc input:checked + .wrap-content:before { border: 1px solid #2A9D8F; background-color: #2A9D8F; } .check-for-doc input:checked + .wrap-content:after { opacity: 1; } .doc-button-footer { padding: 12px 24px; background-color: white; position: fixed; left: 0; right: 0; bottom: 0; display: none; z-index: 10; border-top: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .doc-button-footer.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .doc-button-footer .left-q { width: 100%; color: #4B6570; } .doc-button-footer .right-q { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .doc-button-footer .right-q > * { height: 36px; margin-left: 12px; } .slider-one-hover-no-swipe { opacity: 0; display: none; } .slider-one-hover-no-swipe img { width: 0; } .slider-one-hover-no-swipe.slick-initialized { opacity: 1; display: block; } .slider-one-hover-no-swipe.slick-initialized img { width: 100%; } .gallery-fancy-hide { display: none; } .box-residential-top { width: 100%; position: relative; } .box-residential-top .count-photo-top { top: 12px; left: 12px; position: absolute; z-index: 2; cursor: pointer; display: none; padding: 4px 8px; font-size: 12px; border-radius: 4px; background: rgba(0, 0, 0, 0.32); color: white; font-weight: 500; } @media (max-width: 767px) { .box-residential-top .count-photo-top { display: block; } } .box-residential-top .screen-expand-top { width: 40px; height: 40px; top: 12px; right: 12px; position: absolute; z-index: 2; cursor: pointer; display: none; padding: 4px 8px; font-size: 25px; background: rgba(0, 0, 0, 0.32); color: white; border-radius: 50%; } @media (max-width: 767px) { .box-residential-top .screen-expand-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } .box-residential-top .description-res { left: 24px; bottom: 24px; position: absolute; z-index: 2; color: white; font-weight: 600; max-width: calc(100vw - 300px); } @media (max-width: 767px) { .box-residential-top .description-res { display: none; } } .box-residential-top .description-res .title { margin-bottom: 8px; font-size: 40px; font-weight: 600; line-height: 60px; } .box-residential-top .description-res .price { margin-bottom: 4px; font-size: 24px; line-height: 32px; } .box-residential-top .description-res .area { font-size: 14px; line-height: 20px; } .box-residential-top .show-photo-res { height: 40px; padding: 5px 12px; position: absolute; right: 132px; bottom: 24px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background: rgba(0, 0, 0, 0.48); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); font-size: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: white; z-index: 3; font-weight: 500; } @media (max-width: 767px) { .box-residential-top .show-photo-res { display: none; } } @media (min-width: 768px) { .box-residential-top .show-photo-res:hover { background: rgba(0, 0, 0, 0.7); } } .box-residential-top .show-photo-res i { margin-right: 8px; font-size: 16px; } .top-residential-slider { height: calc(100vh - 64px); position: relative; } @media (max-width: 767px) { .top-residential-slider { height: 270px; } } .top-residential-slider .slick-btn { width: 40px; height: 40px; position: absolute; bottom: 24px; border-radius: 360px; background: white; color: #81949b; font-size: 24px; z-index: 2; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .top-residential-slider .slick-btn.slick-prev { right: 72px; } .top-residential-slider .slick-btn.slick-prev span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .top-residential-slider .slick-btn.slick-next { right: 24px; } .top-residential-slider .slick-btn.slick-next span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .top-residential-slider .slick-btn span { position: relative; display: inline-block; } .top-residential-slider .owl-stage-outer, .top-residential-slider .owl-stage, .top-residential-slider .owl-item { height: 100%; } .top-residential-slider .item { height: calc(100vh - 64px); position: relative; } @media (max-width: 767px) { .top-residential-slider .item { height: 270px; } } .top-residential-slider .item:before { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; display: block; content: ''; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.64))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.64) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.64) 100%); background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.64) 100%); } .top-residential-slider .item img { width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .top-residential-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 16px; z-index: 2; left: 0; right: 0; } .top-residential-slider .slick-dots li { width: 8px; height: 8px; margin: 0 4px; border-radius: 50%; background-color: rgba(225, 225, 225, 0.4); } .top-residential-slider .slick-dots li.slick-active { background-color: #E1E1E1; } .top-residential-slider .slick-dots li button { display: none; } } @media (max-width: 767px) { .range-prices-res { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .range-prices-res .line-filter-selects { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .block-like-table { font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .block-like-table { border: 0; background-color: transparent; } } .block-like-table .head-box { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; } @media (max-width: 767px) { .block-like-table .head-box { display: none; } } .block-like-table .head-box > * { width: 50%; padding: 12px 16px; } .block-like-table .body-box .one-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.08); } .block-like-table .body-box .one-line .btn-change-modal { width: 100%; } @media (max-width: 767px) { .block-like-table .body-box .one-line { margin-bottom: 4px; padding: 16px; border-radius: 4px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.08); display: block; } .block-like-table .body-box .one-line:last-child { margin-bottom: 0; } } .block-like-table .body-box .one-line > * { width: 50%; padding: 12px 16px; } @media (max-width: 767px) { .block-like-table .body-box .one-line > * { width: 100%; margin-bottom: 8px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .block-like-table .body-box .one-line > *:last-child { margin-bottom: 0; } .block-like-table .body-box .one-line > *:before { width: 100px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 14px; display: block; content: attr(data-title); } .block-like-table .body-box .one-line > *.without-title:before { display: none; } } .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 150px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 120px; } } @media (max-width: 991px) { .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 150px; } } @media (max-width: 767px) { .block-like-table.history-table .head-box > div, .block-like-table.history-table .one-line > div { width: 100%; } } .block-like-table.history-table .head-box > div:nth-child(1), .block-like-table.history-table .one-line > div:nth-child(1) { width: 100%; -ms-flex-negative: 4; flex-shrink: 4; } .block-like-table.history-table .head-box > div:nth-child(5), .block-like-table.history-table .one-line > div:nth-child(5) { width: 142px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .block-like-table.history-table .head-box > div:nth-child(5), .block-like-table.history-table .one-line > div:nth-child(5) { width: 100%; } } .block-like-table.history-table .head-box > div:nth-child(5) .btn-change-modal, .block-like-table.history-table .one-line > div:nth-child(5) .btn-change-modal { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 3px; padding-right: 3px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .construction-slider { overflow: hidden; position: relative; } .construction-slider .item { width: 240px; } .construction-slider .item img { border-radius: 4px; } .swiper-buttons .btn-construction { width: 72px; top: 0; bottom: 0; height: initial; margin-top: 0; } .swiper-buttons .btn-construction:hover i { color: #264653; } .swiper-buttons .btn-construction i { width: 40px; height: 40px; border-radius: 50%; font-size: 20px; color: #81949B; background-color: white; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .swiper-buttons .btn-construction:after { display: none; } .swiper-buttons .btn-construction.swiper-button-disabled { opacity: 0; } .swiper-buttons .btn-construction.swiper-button-prev, .swiper-buttons .btn-construction.swiper-button-prev2 { background: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%); left: 0; } .swiper-buttons .btn-construction.swiper-button-prev i:before, .swiper-buttons .btn-construction.swiper-button-prev2 i:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .swiper-buttons .btn-construction.swiper-button-next, .swiper-buttons .btn-construction.swiper-button-next2 { background: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, #FFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%); right: 0; } .swiper-buttons .btn-construction.swiper-button-next i:before, .swiper-buttons .btn-construction.swiper-button-next2 i:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .corpus-slider { margin-bottom: 16px; position: relative; overflow: hidden; } .corpus-slider .item { width: initial; } .corpus-slider .one-box-wrapper { height: 64px; padding: 12px; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.08); } .corpus-slider .one-box-wrapper.active { border-radius: 4px; border: 1px solid #2A9D8F; background: #E1F4F0; } .corpus-slider .one-box-wrapper .all-corpus { font-size: 14px; } .corpus-slider .one-box-wrapper .name { margin-bottom: 4px; font-size: 14px; font-weight: 500; } .corpus-slider .one-box-wrapper .time { font-size: 12px; line-height: 16px; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .corpus-slider .one-box-wrapper .time i { margin-right: 4px; font-size: 20px; color: #2A9D8F; } .line-filter-selects { padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .line-filter-selects { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .line-filter-selects > * { margin-right: 8px; margin-bottom: 8px; } .line-filter-selects > *:last-child { margin-right: 0; } .line-filter-selects .full-select { width: 100%; } @media (max-width: 767px) { .line-filter-selects .full-select { margin-right: 0; } } .line-filter-selects .year-length { width: 120px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .line-filter-selects .year-length { width: calc(50% - 4px); } } .line-filter-selects .select-length { width: 200px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .line-filter-selects .select-length { width: calc(50% - 4px); } } .line-filter-selects .radio-check-list { margin-bottom: -4px; } .line-filter-selects .check-studio { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .line-filter-selects .check-studio { width: 100%; } } .planning-rooms-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .planning-rooms-box { width: initial; margin: 0 -12px; overflow: hidden; } } .planning-rooms-box .left-box { width: 326px; position: relative; } @media (max-width: 1279px) { .planning-rooms-box .left-box { width: 218px; } } @media (max-width: 991px) { .planning-rooms-box .left-box { width: initial; margin: 0 0 -20px; overflow: auto; } } .planning-rooms-box .left-box .has-scroll { max-height: 370px; padding-right: 10px; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .planning-rooms-box .left-box .has-scroll { padding: 0 0 20px 12px; overflow: inherit; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .planning-rooms-box .left-box .scroll-indicator { height: 80px; position: absolute; left: 0; right: 0; display: block; bottom: 0; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%); } @media (max-width: 991px) { .planning-rooms-box .left-box .scroll-indicator { display: none !important; } } .planning-rooms-box .right-box { width: calc(100% - 332px); height: 370px; margin-left: 6px; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .planning-rooms-box .right-box img { max-height: 100%; } @media (max-width: 1279px) { .planning-rooms-box .right-box { width: calc(100% - 224px); } } @media (max-width: 991px) { .planning-rooms-box .right-box { display: none; } } .planning-rooms-box .full-inform { width: 100%; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .planning-rooms-box .full-inform { display: none; } } .planning-rooms-box .full-inform .floor-value { margin-right: 3px; } .planning-rooms-box .full-inform .one-inf { width: 50%; padding-right: 10px; font-size: 12px; color: #4B6570; } .planning-rooms-box .full-inform .one-inf .caption { color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 600; } .planning-rooms-box .full-inform .one-inf .caption sub, .planning-rooms-box .full-inform .one-inf .caption sup { font-weight: 600; } .planning-rooms-box .full-inform .one-inf .caption span { color: #81949b; } .planning-rooms-box .full-inform .btn-dark { padding: 5px 24px; -ms-flex-negative: 0; flex-shrink: 0; } .planning-rooms-box .one-box-layout { width: 240px; padding: 8px; margin-right: 8px; margin-bottom: 8px; border-radius: 4px; font-size: 12px; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; position: relative; } .planning-rooms-box .one-box-layout:before { left: 0; right: 0; bottom: 0; top: 0; z-index: 0; display: block; position: absolute; content: ''; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .planning-rooms-box .one-box-layout > * { position: relative; z-index: 1; } .planning-rooms-box .one-box-layout:nth-child(3n+3) { margin-right: 0; } @media (max-width: 1279px) { .planning-rooms-box .one-box-layout:nth-child(3n+3) { margin-right: 8px; } } @media (max-width: 1279px) { .planning-rooms-box .one-box-layout:nth-child(2n+2) { margin-right: 0; } } @media (max-width: 991px) { .planning-rooms-box .one-box-layout { margin-right: 8px !important; margin-bottom: 0; } } @media (min-width: 992px) { .planning-rooms-box .one-box-layout { width: 100px; } .planning-rooms-box .one-box-layout:hover:before { border: 1px solid #D6D6D6; } } @media (min-width: 992px) { .planning-rooms-box .one-box-layout.active:before { border: 2px solid #2A9D8F; } } .planning-rooms-box .one-box-layout .box-img { height: 166px; margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .planning-rooms-box .one-box-layout .box-img img { max-height: 100%; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .box-img { height: 62px; } } .planning-rooms-box .one-box-layout .price { margin-bottom: 4px; font-weight: 600; font-size: 14px; display: none; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .price { display: none; } } .planning-rooms-box .one-box-layout .room-desc { font-size: 12px; font-weight: 500; text-align: center; } @media (max-width: 991px) { .planning-rooms-box .one-box-layout .room-desc { display: none; } } .planning-rooms-box .one-box-layout .room-des { margin-bottom: 4px; font-weight: 500; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .room-des { display: none; } } .planning-rooms-box .one-box-layout .corpus { margin-bottom: 8px; color: #4B6570; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .corpus { display: none; } } .planning-rooms-box .one-box-layout .btn-dark { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .planning-rooms-box .one-box-layout .btn-dark { display: none; } } .studio-accordion { border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); overflow: hidden; } .studio-accordion .head { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .studio-accordion .head { padding: 10px; } } .studio-accordion .head .description { width: 100%; } .studio-accordion .head .description .top { font-size: 16px; font-weight: 600; line-height: 25px; } @media (max-width: 767px) { .studio-accordion .head .description .top { font-size: 14px; line-height: 20px; } } .studio-accordion .head .description .bottom { padding-top: 4px; font-size: 14px; color: #4B6570; line-height: 20px; } @media (max-width: 767px) { .studio-accordion .head .description .bottom { font-size: 12px; line-height: 16px; } } .studio-accordion .head .offers { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 14px; } @media (max-width: 767px) { .studio-accordion .head .offers { font-size: 12px; margin-left: 10px; } } .studio-accordion .head .btn-change { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; color: #81949b; font-size: 24px; } .studio-accordion .head .btn-change i { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; } @media (min-width: 768px) { .studio-accordion .head:hover { background: #E1F4F0; } } .studio-accordion .body { display: none; } .studio-accordion .body .planning-list { border: 0; } .studio-accordion .watch-all { padding: 16px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .studio-accordion.open .head { background: #E1F4F0; } .studio-accordion.open .head .btn-change i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .caption-slider { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-slider.caption-h2 { margin-bottom: 20px; } .caption-slider h5, .caption-slider h4, .caption-slider h3, .caption-slider h2, .caption-slider h1 { width: 100%; margin-bottom: 0; } .caption-slider .btn-construction { width: 36px; height: 36px; top: initial; margin-top: 0; margin-left: 8px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; color: #4B6570; z-index: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; border: 1px solid rgba(0, 0, 0, 0.08); } .caption-slider .btn-construction:hover { background: #E1F4F0; color: #264653; } .caption-slider .btn-construction i { font-size: 20px; display: inline-block; position: relative; } .caption-slider .btn-construction:after { display: none; } .caption-slider .btn-construction.swiper-button-disabled { opacity: 0.5; } .caption-slider .btn-construction.swiper-button-prev { left: initial; } .caption-slider .btn-construction.swiper-button-prev i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .caption-slider .btn-construction.swiper-button-next { right: 0; } .caption-slider .btn-construction.swiper-button-next i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .recommend-block, .box-hide-sl { overflow: hidden; } @media (max-width: 767px) { .recommend-block, .box-hide-sl { margin: 0 -12px; padding: 0 12px; } .recommend-block .caption-slider.caption-h2, .box-hide-sl .caption-slider.caption-h2 { width: calc(100vw - 24px); } .recommend-block .slider-top-right-controls, .box-hide-sl .slider-top-right-controls { width: 120vw; } } .slider-style-column { position: relative; -ms-touch-action: auto; touch-action: auto; } @media (max-width: 767px) { .slider-style-column .swiper-slide { width: 156px; } } .special-complex-slider { position: relative; overflow: hidden; } @media (max-width: 767px) { .special-complex-slider { overflow: initial; } } .special-complex-slider .item { width: 240px; } .special-complex-slider .one-box-wrapper { width: 100%; height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-radius: 4px; overflow: hidden; cursor: pointer; } .special-complex-slider .one-box-wrapper:after, .special-complex-slider .one-box-wrapper:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 4px; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; content: ''; display: block; opacity: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.48))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.48) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.48) 100%); background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.48) 100%); } .special-complex-slider .one-box-wrapper:after { opacity: 1; } .special-complex-slider .one-box-wrapper:hover:before { opacity: 0.5; } .special-complex-slider .one-box-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .special-complex-slider .one-box-wrapper .title { padding: 16px; color: white; font-size: 14px; font-weight: 600; line-height: 20px; position: absolute; z-index: 2; bottom: 0; } .mortgage-offers .body-table .one-item { margin-bottom: 8px; padding: 16px 8px; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 14px; font-weight: 500; } @media (max-width: 767px) { .mortgage-offers .body-table .one-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mortgage-offers .body-table .one-item .agency-in-table { width: 100%; margin-top: 0; } .mortgage-offers .body-table .one-item .agency-in-table:before { display: none; } } .mortgage-offers .body-table .one-item:last-child { margin-bottom: 0; } .mortgage-offers .body-table .one-item > * { padding: 0 8px; } @media (max-width: 767px) { .mortgage-offers .body-table .one-item > * { width: 50%; margin-top: 16px; } .mortgage-offers .body-table .one-item > *:before { margin-bottom: 4px; display: block; font-size: 12px; color: #4B6570; position: relative; font-weight: 400; content: attr(data-title); } } .style-table-1 > div { width: 50%; } .style-table-1 > div:nth-child(2), .style-table-1 > div:nth-child(4) { width: 90px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1200px) { .style-table-1 > div:nth-child(2), .style-table-1 > div:nth-child(4) { width: 80px; } } .style-table-1 > div:nth-child(3) { width: 130px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1200px) { .style-table-1 > div:nth-child(3) { width: 90px; } } .style-table-1 > div:nth-child(5) { width: 150px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1200px) { .style-table-1 > div:nth-child(5) { width: 100px; } } .style-table-1 .agency-in-table { font-weight: 400; } .style-table-1 .agency-in-table .agency-block { margin-bottom: 0; } .style-table-1 .agency-in-table .agency-block .logo-agency { margin-right: 16px; } @media (max-width: 1279px) { .style-table-1 .agency-in-table .agency-block .logo-agency { margin-right: 8px; } } @media (max-width: 767px) { .style-table-1 .agency-in-table .agency-block .logo-agency { margin-right: 16px; } } .style-table-1 .agency-in-table .agency-block .description .agency-name { font-weight: 400; } .head-table.style-like-table { padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; line-height: 16px; color: #4B6570; } @media (max-width: 767px) { .head-table.style-like-table { display: none; } } .head-table.style-like-table > * { padding: 0 8px; } .swiper-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 768px) { .slider-top-right-controls > .swiper-container .item { width: 293px; margin-right: 20px; } } @media (min-width: 768px) and (max-width: 1279px) { .slider-top-right-controls > .swiper-container .item { width: calc(25vw - 27px); } } @media (min-width: 768px) and (max-width: 991px) { .slider-top-right-controls > .swiper-container .item { width: calc(25vw - 22px); } } @media (min-width: 768px) { .slider-top-right-controls > .swiper-container.swiper-initialized .item { width: inherit; margin-right: inherit; } } .sliders-list { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .sliders-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .sliders-list .caption { margin-bottom: 4px; font-size: 14px; color: #4B6570; } .sliders-list > * { width: 50%; margin-right: 16px; position: relative; } @media (max-width: 1279px) { .sliders-list > * { width: calc(50% - 8px); margin-bottom: 16px; margin-right: 0; } .sliders-list > *:nth-child(3) { width: 100%; margin-bottom: 0; } } @media (max-width: 767px) { .sliders-list > * { width: 100%; } } .sliders-list > * .percentInput { position: absolute; bottom: 14px; right: 16px; font-size: 14px; color: #4B6570; } .sliders-list > *:last-child { margin-right: 0; } .slider-ui-style { position: relative; } .slider-ui-style .ui-slider-horizontal { height: 4px; bottom: 4px; left: 0; right: 0; z-index: 2; } .slider-ui-style .ui-widget-header { border-radius: 0 0 0 4px; background-color: #2A9D8F; } .slider-ui-style .ui-widget.ui-widget-content { border-radius: 0 0 4px 4px; background: #EAF5F4; border: 0; } .slider-ui-style .ui-slider-handle { width: 16px; height: 16px; top: 0; margin: -6px 0 0 -8px; border: 0; border-radius: 50%; background-color: white; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.16); box-shadow: 0 0 2px rgba(0, 0, 0, 0.16); } .wr-box-slide-tab { width: 100%; } .box-slide-tab { margin: 0 -24px -23px; padding: 0 24px 10px; } .tab-list-simple > * { width: initial; margin-right: 24px; padding: 12px 0; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 20px; font-weight: 600; border-bottom: 2px solid transparent; } .tab-list-simple > *:last-child { margin-right: 0; } @media (min-width: 768px) { .tab-list-simple > *:hover { color: #2A9D8F; } } .tab-list-simple > *.active { color: #2A9D8F; border-bottom: 2px solid #2A9D8F; } .box-for-tab-slide { display: none; } .box-for-tab-slide.active { display: block; } .box-for-tab-slide img { margin-bottom: 16px; border-radius: 8px; } .box-for-tab-slide img:last-child { margin-bottom: 0; } .box-for-tab-slide p { margin-bottom: 16px; font-size: 14px; font-weight: 400; color: black; line-height: 20px; } .box-for-tab-slide p:last-child { margin-bottom: 0; } .table-copy-adv { font-size: 14px; line-height: 20px; } .table-copy-adv .header { padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .table-copy-adv .header { display: none; } } .table-copy-adv .header div { width: 25%; padding: 8px; color: #4B6570; } .table-copy-adv .line { margin-bottom: 8px; padding: 8px; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; color: black; background: #EAF5F4; } @media (min-width: 768px) { .table-copy-adv .line:hover { background: #A8D7D1; } } @media (max-width: 767px) { .table-copy-adv .line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .table-copy-adv .line:last-child { margin-bottom: 0; } .table-copy-adv .line > * { width: 25%; padding: 8px; } @media (max-width: 767px) { .table-copy-adv .line > * { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .table-copy-adv .line > *:before { width: 100px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; content: attr(data-caption); } } .box-svg-flats { position: relative; } .box-svg-flats .svg-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .box-svg-flats .svg-container svg { width: 100%; height: 100%; } .box-svg-flats .one-flat-svg { position: absolute; z-index: 1; } .box-svg-flats .one-flat-svg .one-point { width: 16px; height: 16px; border-radius: 50%; position: relative; background-color: #264653; border: 2px solid white; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); } .box-svg-flats .one-flat-svg .one-point:before { width: 300%; height: 300%; content: ''; left: 50%; top: 50%; position: absolute; display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box-svg-flats .one-flat-svg .one-point .name { height: 20px; max-width: 200px; position: absolute; bottom: 17px; white-space: nowrap; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 1px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); color: black; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-svg-flats .one-flat-svg .one-point .box-list { width: 240px; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 16px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; border-radius: 8px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); color: black; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-svg-flats .one-flat-svg .one-point .box-list .caption { margin-bottom: 4px; font-size: 16px; font-weight: 500; } .box-svg-flats .one-flat-svg .one-point .box-list .caption a { color: black; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point .box-list .caption a:hover { color: #227F74; } } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul { font-size: 12px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul li { margin-bottom: 4px; margin-right: 15px; position: relative; } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul li:before { width: 5px; height: 5px; top: 5px; right: -10px; position: absolute; border-radius: 50%; content: ''; background-color: #4B6570; display: block; } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul li:last-child:before { display: none; } .box-svg-flats .one-flat-svg .one-point .box-list .agency-bl { margin-bottom: 16px; } .box-svg-flats .one-flat-svg .one-point .box-list .agency-bl a { padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 4px; color: #264653; background-color: #E1F4F0; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point .box-list .agency-bl a:hover { color: #227F74; } } .box-svg-flats .one-flat-svg .one-point .box-list .counts-flat { font-size: 12px; font-weight: 500; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price { margin-bottom: 8px; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a { margin-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; color: black; font-size: 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a:last-child { margin-bottom: 0; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a:hover { color: #227F74; } } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a .left-q { margin-right: 10px; font-weight: 500; white-space: break-spaces; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a .right-q { word-wrap: break-word; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point:hover .name { display: none; } .box-svg-flats .one-flat-svg .one-point:hover .box-list { display: block; } } .box-svg-flats .one-flat-svg.passed .one-point { background-color: #D6D6D6; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg.active .name { display: none; } .box-svg-flats .one-flat-svg.active .box-list { display: block; } } .box-svg-flats .mobile-general-plan { display: none; } @media (max-width: 767px) { .box-svg-flats .desktop-general-plan { display: none; } .box-svg-flats .mobile-general-plan { top: 0; left: 0; right: 0; bottom: 0; padding: 16px; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 4px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0.32))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%); color: white; font-weight: 500; font-size: 14px; } .box-svg-flats .mobile-general-plan span { padding-top: 8px; } .box-svg-flats .mobile-general-plan i { width: 40px; height: 40px; border-radius: 50%; font-size: 24px; color: #264653; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } @media (max-width: 767px) { .list-last-advert .advert-item .box-img-box:after, .slider-top-right-controls .advert-item .box-img-box:after { left: 0; top: 0; bottom: 0; right: 0; content: ''; position: absolute; display: block; } } .code-from-sms.custom-input input { padding-left: 10px; padding-right: 10px; } .order-steps .edit-form.left-q .collapse-body .item { margin-bottom: 24px; padding: 0 0 24px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0; } @media (max-width: 767px) { .order-steps .edit-form.left-q .collapse-body .item { margin-bottom: 16px; padding-bottom: 16px; } } .order-steps .edit-form.left-q .collapse-body .item:last-child, .order-steps .edit-form.left-q .collapse-body .item.clean { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .compare-page .box-img-box .btn-favorite span { display: none; } @media (max-width: 767px) { .compare-page .metro { display: block; } .compare-page .metro .name-metro { max-width: initial; } .compare-page .metro .time { display: none; } } #whenNotEmpty { overflow: hidden; } .status-account { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: 500; color: #264653; } .status-account .box-ico { width: 24px; height: 24px; margin-right: 8px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; color: #2A9D8F; font-size: 16px; background-color: #EAF5F4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .status-account .box-ico .ico-check { font-size: 18px; } .status-account.not-active { color: #E7513B; } .status-account.not-active .box-ico { background: #FDF1EF; color: #E7513B; } .fw-500 { font-weight: 500; } .wrapper-statistic-cabinet { margin-bottom: 16px; overflow: hidden; } .wrapper-statistic-cabinet .list { margin-bottom: -20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .wrapper-statistic-cabinet .item { width: 143px; margin-right: 8px; padding: 12px; color: #264653; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; position: relative; } .wrapper-statistic-cabinet .item i { top: 12px; right: 12px; position: absolute; font-size: 16px; } .wrapper-statistic-cabinet .item.active { color: white; border: 1px solid #2A9D8F; -webkit-box-shadow: none; box-shadow: none; background-color: #2A9D8F; } @media (min-width: 768px) { .wrapper-statistic-cabinet .item:hover { color: white; border: 1px solid #2A9D8F; -webkit-box-shadow: none; box-shadow: none; background-color: #2A9D8F; } } .wrapper-statistic-cabinet .item .name { margin-bottom: 4px; margin-right: 28px; font-size: 12px; line-height: 16px; } .wrapper-statistic-cabinet .item .number { font-size: 20px; font-weight: 600; } .box-graph-tab { display: none; } .box-graph-tab.active { display: block; } .box-graph-tab .text-graph { color: black; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .box-graph-tab .text-graph { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-graph-tab .text-graph .left-part { width: 100%; padding-right: 48px; -ms-flex-negative: 3; flex-shrink: 3; } @media (max-width: 1279px) { .box-graph-tab .text-graph .left-part { margin-bottom: 32px; padding-right: 0; } } .box-graph-tab .text-graph .box-graph-st { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 768px) { .box-graph-tab .text-graph .box-graph-st { width: 550px; } } .box-graph-tab .text-graph .caption-graph { margin-bottom: 4px; font-size: 16px; font-weight: 500; } .box-graph-tab .text-graph .under-caption { margin-bottom: 16px; color: #264653; font-size: 12px; font-weight: 400; line-height: 16px; } .box-graph-tab .line-big { margin-bottom: 20px; } .box-graph-tab .line-big .bottom { padding-top: 4px; color: #264653; font-size: 12px; } .box-graph-tab .line-big .top { font-weight: 500; font-size: 14px; } .box-graph-tab .line-big .top, .box-graph-tab .line-big .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-graph-tab .line-big .top .left, .box-graph-tab .line-big .bottom .left { width: 100%; } .box-graph-tab .line-big .top .right, .box-graph-tab .line-big .bottom .right { margin-left: 15px; -ms-flex-negative: 0; flex-shrink: 0; } .wrapper-dots-popup { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .wrapper-dots-popup .btn-more { margin-right: 0 !important; } .wrapper-dots-popup .drop { width: 160px; position: absolute; bottom: 48px; right: 0; padding: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none !important; background-color: white; z-index: 5; border-radius: 4px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .wrapper-dots-popup .drop { padding-top: 20px; width: initial; position: fixed; left: 0; right: 0; z-index: 10; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-right: 0; bottom: -300px; border-radius: 8px 8px 0 0; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFF; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } .wrapper-dots-popup .drop .close-drop { display: none; } .wrapper-dots-popup .drop .btn-ico.big { width: 100%; height: initial; padding: 5px 8px; border: 0; text-align: left; color: #264653; background-color: transparent; margin-right: 0; margin-bottom: 8px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (max-width: 767px) { .wrapper-dots-popup .drop .btn-ico.big { padding: 8px; } } @media (min-width: 768px) { .wrapper-dots-popup .drop .btn-ico.big:hover { background-color: #EAF5F4; } } .wrapper-dots-popup .drop .btn-ico.big:last-child { margin-bottom: 0; } .wrapper-dots-popup .drop .btn-ico.big span { display: block; } .wrapper-dots-popup .drop .btn-favorite, .wrapper-dots-popup .drop .btn-compare { display: none; } @media (max-width: 991px) { .wrapper-dots-popup .drop .btn-favorite, .wrapper-dots-popup .drop .btn-compare { display: -webkit-box; display: -ms-flexbox; display: flex; } } .wrapper-dots-popup .btn-more { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 991px) { .wrapper-dots-popup > *.btn-ico { display: none; } } .wrapper-dots-popup.open .drop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 767px) { .wrapper-dots-popup.open .drop { bottom: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } } .ranges [data-range-key="Default"] { display: none; } .range-select-style { height: 32px; padding: 5px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; font-size: 12px; background-color: white; font-weight: 500; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .range-select-style span { width: 100%; padding-right: 10px; } .range-select-style i { font-size: 20px; } .daterangepicker { font-family: 'Inter', sans-serif; border: 1px solid #ebebeb; } .daterangepicker:before, .daterangepicker:after { display: none; } .daterangepicker .drp-buttons { border-top: 1px solid #ebebeb; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ebebeb; } .daterangepicker .btn.applyBtn, .daterangepicker .btn.cancelBtn { height: 30px !important; padding: 6px 16px; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Inter', sans-serif; border-radius: 4px; border: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .daterangepicker .btn.applyBtn { background-color: #264653; color: white; } @media (min-width: 768px) { .daterangepicker .btn.applyBtn:hover { background-color: #227F74; } } .daterangepicker .btn.cancelBtn { color: #4B6570; background-color: white; border: 1px solid #A6B3B8 !important; } @media (min-width: 768px) { .daterangepicker .btn.cancelBtn:hover { color: #264653; background-color: #A8D7D1; border: 1px solid #A8D7D1 !important; } } .daterangepicker td.in-range { background-color: #E9EDEE; } .daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #2A9D8F; } .corpus-parent-settings { padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #4B6570; font-size: 14px; } @media (max-width: 1279px) { .corpus-parent-settings { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .corpus-parent-settings .left-q { padding-right: 20px; } @media (max-width: 1279px) { .corpus-parent-settings .left-q { margin-bottom: 12px; } } @media (max-width: 1279px) { .residential.catalog-page.list .item .box-img-box { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .residential .flat-statistic li .left-box { margin-right: 0; white-space: nowrap; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .agency-box-border { padding: 12px; border-radius: 4px; border: 1px solid #EAF5F4; color: #264653; } .agency-box-border .list-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .agency-box-border .list-btn > * { margin-right: 4px; } .agency-box-border p { margin-bottom: 10px; } .bg-agent-wrapper { height: 125px; border-radius: 4px; position: relative; background: url("../img/bg-agent.webp") no-repeat center/cover; } .bg-agent-wrapper img { width: 100%; height: 125px; position: absolute; left: 0; top: 0; z-index: 0; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } .bg-agent-wrapper .drop-box-agent { top: 4px; left: 4px; z-index: 1; position: absolute; z-index: 2; } .bg-agent-wrapper .drop-box-agent .box-drop-file { width: 220px; position: absolute; top: 36px; left: 0; display: none; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .bg-agent-wrapper .drop-box-agent .info-d { color: #4B6570; font-size: 12px; line-height: 16px; } .bg-agent-wrapper .drop-box-agent .list-b li { margin-bottom: 16px; } .bg-agent-wrapper .drop-box-agent .list-b li:last-child { margin-bottom: 0; } .bg-agent-wrapper .drop-box-agent .btn-inside { margin: 0; padding: 0; font-family: 'Inter', sans-serif; color: #264653; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 0; } @media (min-width: 768px) { .bg-agent-wrapper .drop-box-agent .btn-inside:hover { cursor: pointer; color: #2A9D8F; } } .bg-agent-wrapper .drop-box-agent .btn-inside i { margin-right: 8px; font-size: 14px; } .bg-agent-wrapper .drop-box-agent.open .box-drop-file { display: block; } .small-inform-text { font-size: 12px; color: #4B6570; line-height: 16px; } .style-upload-2 .list-photos-upload { grid-template-columns: 1fr 1fr 1fr; } .style-upload-2 .list-photos-upload .one-block .buttons-list { top: 4px; right: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; left: initial; bottom: initial; } .style-upload-2 .list-photos-upload .one-block .buttons-list .one-btn { border-radius: 3px; background: rgba(0, 0, 0, 0.32); color: white; } @media (min-width: 768px) { .style-upload-2 .list-photos-upload .one-block .buttons-list .one-btn:hover { background: rgba(0, 0, 0, 0.64); } } .style-upload-2 .btn-border { height: 36px; } .style-upload-2 .drag-photo-box .finish-add { display: none; } .style-upload-2 .btn-border.border-primary-light2 { -webkit-transition: 0s; -o-transition: 0s; transition: 0s; cursor: pointer; } .style-upload-2 .drag-photo-box.active { width: initial; height: initial; margin: 16px -16px 0; padding: 12px 12px 0; border-radius: 0; text-align: left; display: block; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .style-upload-2 .drag-photo-box.active .text-line { display: none; } .style-upload-2 .drag-photo-box.active .finish-add { display: inline-block; } .style-upload-2 .drag-photo-box.active .start-text { display: none; } .style-upload-2 .drag-photo-box.active .btn-border.border-primary-light2 { height: initial; padding: 0; border: 0; color: #2A9D8F; font-weight: 500; font-size: 14px; } @media (min-width: 768px) { .style-upload-2 .drag-photo-box.active .btn-border.border-primary-light2:hover { color: #264653; background-color: transparent; } } .box-timer-slider { position: relative; } .box-timer-slider .drop { position: absolute; top: 44px; left: 0; right: 0; z-index: 2; padding: 8px; display: none; background-color: white; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-timer-slider .drop > * { width: 48%; } .box-timer-slider .drop .btn-dark { width: 100%; margin-top: 12px; } .box-timer-slider .open-call-drop { cursor: pointer; } .box-timer-slider.open .drop { display: -webkit-box; display: -ms-flexbox; display: flex; } .ui-timepicker-wrapper { width: 140px; margin-top: 4px; background: white; border: 1px solid rgba(0, 0, 0, 0.08); color: #333; font-family: 'Inter', sans-serif; font-weight: 400; padding: 5px; border-radius: 4px; } .ui-timepicker-list li { padding: 10px; cursor: pointer; } .ui-timepicker-list li:hover { background: #A8D7D1; color: #fff; } .ui-timepicker-list .ui-timepicker-selected { background: #2A9D8F !important; color: #fff !important; } .open-call-drop { position: relative; } .open-call-drop:after { top: 0; left: 0; right: 0; bottom: 0; content: ''; position: absolute; z-index: 1; } @media (max-width: 767px) { .drp-calendar.left .table-condensed thead .prev + th + th:before { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; content: ''; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } @media (max-width: 1279px) { .slider-top-right-controls .advert-item .price .old { display: none; } } .caption-style-3 { margin-top: -15px; margin-bottom: 24px; font-size: 16px; font-weight: 400; } .check-list { margin-bottom: 24px; } .check-list li { margin-bottom: 4px; padding: 16px; font-size: 16px; line-height: 24px; border-radius: 4px; background: #F0FAF8; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .check-list li { font-size: 14px; line-height: 20px; } } .check-list li:before { margin-right: 8px; font-size: 24px; color: #2A9D8F; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .check-list li:before { font-size: 20px; } } .check-list li:last-child { margin-bottom: 0; } .agents-list { margin-bottom: 12px; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFF; } .agents-list .wr-one-agent { margin-bottom: 8px; padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .agents-list .wr-one-agent:last-child, .agents-list .wr-one-agent .one-agent { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { .agents-list .wr-one-agent.full-mobile .one-agent { -ms-flex-wrap: wrap; flex-wrap: wrap; } .agents-list .wr-one-agent.full-mobile .one-agent .right-btn { width: 100%; margin-left: 0; padding-top: 8px; } } .agents-list .one-agent { width: 100%; margin-bottom: 8px; padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .agents-list .one-agent:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .agents-list .one-agent .box-img { width: 32px; height: 32px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 8px; } .agents-list .one-agent .box-img img { border-radius: 8px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .agents-list .one-agent .name { width: 100%; } .agents-list .one-agent .name a { color: black; font-size: 14px; font-weight: 400; } .agents-list .one-agent .name a:hover { color: #2A9D8F; } .agents-list .one-agent .agent-list-cab { width: 100%; } .agents-list .one-agent .agent-list-cab .title a { color: black; font-size: 14px; font-weight: 500; } .agents-list .one-agent .agent-list-cab .title a:hover { color: #2A9D8F; } .agents-list .one-agent .description-agent-st { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .agents-list .one-agent .description-agent-st .item { margin-right: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; } .agents-list .one-agent .description-agent-st .item span { margin-left: 4px; font-weight: 500; } .agents-list .one-agent .right-btn { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .agents-list .one-agent .right-btn > * { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .agents-list .one-agent .right-btn > .btn-border, .agents-list .one-agent .right-btn > .primary-btn { height: 32px; padding: 7px; font-size: 12px; } .static-agent-ic { width: 100%; margin-top: 8px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #E1F4F0; } .static-agent-ic .one { margin: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .static-agent-ic .one i { margin-right: 5px; font-size: 16px; line-height: 0; color: #4B6570; } .static-agent-ic .one i.ico-money { font-size: 12px; } .static-agent-ic .one i.ico-crown { font-size: 17px; } .static-agent-ic .one span { font-size: 14px; font-weight: 500; } .text-des-st { margin-bottom: 16px; color: black; font-size: 14px; font-weight: 400; line-height: 20px; } .buttons-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .buttons-box.style-1 > * { width: 50%; height: 48px; margin-right: 8px; font-size: 16px; font-weight: 500 !important; } .buttons-box.style-1 > *:last-child { margin-right: 0; } .buttons-box.style-2 { display: block; } .buttons-box.style-2 > * { width: 100%; height: 48px; font-size: 16px; font-weight: 500; margin-bottom: 16px; } .buttons-box.style-2 > *:last-child { margin-bottom: 0; } .list-check-st-1 .item { margin-bottom: 8px; padding: 12px 16px; border-radius: 4px; background: #EAF5F4; color: #4B6570; font-size: 14px; font-weight: 400; line-height: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } @media (min-width: 768px) { .list-check-st-1 .item:hover { background: #A8D7D1; } } .list-check-st-1 .item:last-child { margin-bottom: 0; } .list-check-st-1 .item .name { margin-bottom: 2px; color: black; font-size: 16px; font-weight: 600; line-height: 24px; } .company-found-1 { margin-bottom: 16px; padding: 12px 16px; border-radius: 4px; background: #EAF5F4; } .company-found-1 .line { margin-bottom: 8px; color: #264653; } .company-found-1 .line:last-child { margin-bottom: 0; } .company-found-1 .line .type { margin-right: 2px; display: inline-block; font-weight: 600; } .box-another-product { padding: 24px; border-radius: 4px; text-align: center; background: #EAF5F4; } .box-another-product .name { margin-bottom: 8px; font-size: 16px; font-weight: 600; line-height: 24px; } .box-another-product p { margin-bottom: 16px; color: #4B6570; font-size: 14px; line-height: 20px; } .residential-rout { display: none; } @media (max-width: 767px) { .residential-rout { display: inline; } } .box-top-brand { margin-bottom: 20px; padding: 24px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: #EAF5F4; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .box-top-brand { display: none; } } .box-top-brand .left-q { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-top-brand .swiper-buttons .swiper-pagination { bottom: 8px !important; } .box-top-brand .right-q { width: 480px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .box-top-brand .right-q { width: 400px; } } @media (max-width: 991px) { .box-top-brand .right-q { width: 360px; } } .box-top-brand .swiper-buttons .btn-one-hide.next { right: 8px !important; } .box-top-brand .swiper-buttons .btn-one-hide.prev { left: 8px !important; } .box-top-brand .one-slider-swipe .slide { height: 270px; } .box-top-brand .name { margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 36px; } .box-top-brand .name a { color: black; } @media (min-width: 768px) { .box-top-brand .name a:hover { color: #2A9D8F; } } .box-top-brand .description-text { margin-bottom: 12px; font-size: 16px; line-height: 24px; } .box-top-brand .main-description { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .box-top-brand .main-description .item { width: 33%; max-width: 170px; } .box-top-brand .main-description .item .caption { color: #4B6570; font-size: 14px; line-height: 20px; } .box-top-brand .main-description .item .value { font-size: 16px; font-weight: 500; } .box-top-brand .line-buttons-product { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-top-brand .line-buttons-product .btn-dark, .box-top-brand .line-buttons-product .btn-border { padding: 5px 24px; } .box-top-brand .line-buttons-product .btn-ico { background-color: transparent; } .box-top-brand .line-buttons-product > * { margin-right: 8px; } .box-top-brand .line-buttons-product > *:last-child { margin-right: 0; } .column-2-16 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .column-2-16 > * { width: calc(50% - 8px); margin-right: 16px; margin-bottom: 16px; } @media (max-width: 767px) { .column-2-16 > * { width: 100%; margin-right: 0; } } .column-2-16 > *:nth-child(2n + 2) { margin-right: 0; } .box-show-other-company { margin-top: 16px; margin-bottom: -16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-show-other-company .btn-check-collapse { position: relative; cursor: pointer; } .box-show-other-company .btn-check-collapse:before { width: 42px; height: 24px; border-radius: 20px; background-color: #E1F4F0; } .box-show-other-company .btn-check-collapse:after { width: 20px; height: 20px; position: absolute; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .box-show-other-company .btn-check-collapse:before, .box-show-other-company .btn-check-collapse:after { content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-show-other-company .btn-check-collapse:hover:before { background-color: #2A9D8F; } .box-show-other-company.active .btn-check-collapse:before { background-color: #2A9D8F; } .box-show-other-company.active .btn-check-collapse:after { left: 20px; } .box-show-other-company input:checked + .btn-check-collapse:before { background-color: #2A9D8F; } .box-show-other-company input:checked + .btn-check-collapse:after { left: 20px; } .box-show-other-company .wrapper-box-list { margin-bottom: 16px; overflow: hidden; display: none; } .box-show-other-company.active .wrapper-box-list { display: block; } .box-show-other-company .box-list { margin-bottom: -20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .box-show-other-company .box-list .item { width: 171px; margin-right: 20px; } .box-show-other-company .box-list .item .box-img { height: 130px; margin-bottom: 8px; border-radius: 4px; overflow: hidden; display: block; line-height: 0; } .box-show-other-company .box-list .item .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-show-other-company .box-list .item .name { margin-bottom: 4px; font-size: 14px; font-weight: 500; } .box-show-other-company .box-list .item .name a { display: inherit; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-show-other-company .box-list .item .price { margin-bottom: 4px; font-size: 12px; font-weight: 600; } .box-show-other-company .box-list .item .address { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-show-other-company .box-list .item .insurance-price-line { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #4B6570; } .box-show-other-company .box-list .item .insurance-price-line .text { margin-right: 4px; } .box-show-other-company .box-list .item .insurance-price-line .price-insurance { font-weight: 500; color: #2A9D8F; } .box-show-other-company .wrapper-check { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-show-other-company .wrapper-check .btn-check-collapse { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .statistic-mortgage { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .statistic-mortgage { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .statistic-mortgage .item { width: 33.3%; margin-bottom: 8px; margin-right: 8px; padding: 8px; border: 1px solid #EAF5F4; } @media (max-width: 767px) { .statistic-mortgage .item { width: calc(50% - 4px); } .statistic-mortgage .item:nth-child(2) { margin-right: 0; } } @media (max-width: 767px) { .statistic-mortgage .item.long-mobile { width: 100%; } } .statistic-mortgage .item:last-child { margin-right: 0; } .statistic-mortgage .item .caption { margin-bottom: 4px; font-size: 12px; font-weight: 400; color: #4B6570; } .statistic-mortgage .item .value { font-weight: 500; } .mortgage-one-company { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage-one-company .box-img { width: 40px; height: 40px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .mortgage-one-company .box-img.style1 { border: 0; } .mortgage-one-company .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mortgage-one-company .desc { width: 100%; padding-right: 16px; } .mortgage-one-company .desc .type { margin-bottom: 2px; color: #4B6570; font-size: 12px; } .mortgage-one-company .button-box { min-width: 230px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .mortgage-one-company .button-box { min-width: initial; } } .mortgage-one-company .button-box > * { width: 100%; height: 40px; padding: 5px 24px; } @media (max-width: 767px) { .mortgage-one-company .button-box > * { width: 52px; } .mortgage-one-company .button-box > * span { display: none; } } .mortgage-one-company .button-box > * i { display: none; } @media (max-width: 767px) { .mortgage-one-company .button-box > * i { font-size: 20px; display: inline-block; } } @media (max-width: 767px) { .mortgage-one-company .button-box > *.show-phone-number { display: none; } } .mortgage-one-company .button-box > *.mobile-call { display: none; } @media (max-width: 767px) { .mortgage-one-company .button-box > *.mobile-call { display: -webkit-box; display: -ms-flexbox; display: flex; } } .slider-style-column.swiper-container { opacity: 1 !important; } @media (max-width: 767px) { .box-one-l.size-full-l { margin-bottom: 24px; } } .box-filter-mobile-modal .desk-title-drop { height: 40px; padding: 4px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; color: #4B6570; background-color: white; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #D6D6D6; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-filter-mobile-modal .desk-title-drop:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .box-filter-mobile-modal .desk-title-drop.disabled { cursor: default; color: #81949b; opacity: 0.8; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.08); } .box-filter-mobile-modal .one-drop-modal-1.open .desk-title-drop { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } @media (max-width: 767px) { .box-filter-mobile-modal { position: fixed; left: 0; right: 0; bottom: 0; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; z-index: 100; background-color: white; } .box-filter-mobile-modal .desk-title-drop { display: none; } .box-filter-mobile-modal .caption-modal { padding: 12px 40px 12px 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: #000; position: relative; font-size: 18px; font-weight: 600; line-height: 28px; } .box-filter-mobile-modal .caption-modal .close-btn-style { position: absolute; width: 40px; height: 40px; top: 4px; right: 4px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-filter-mobile-modal .filter-scroll { height: 100%; max-height: calc(100vh - 90px); padding: 24px 24px 10px; overflow: auto; } .box-filter-mobile-modal .buttons-footer { padding: 12px 24px; -ms-flex-negative: 0; flex-shrink: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .box-filter-mobile-modal .one-drop-modal-1 { margin-bottom: 24px; } .box-filter-mobile-modal .one-drop-modal-1:last-child { margin-bottom: 0; } .box-filter-mobile-modal .one-drop-modal-1 .drop-box-under { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .box-filter-mobile-modal { margin-bottom: 16px; } .box-filter-mobile-modal .filter-scroll { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-filter-mobile-modal .caption-modal, .box-filter-mobile-modal .buttons-footer { display: none; } .box-filter-mobile-modal .one-drop-modal-1 { margin-right: 8px; position: relative; } .box-filter-mobile-modal .one-drop-modal-1:last-child { margin-right: 0; } .box-filter-mobile-modal .one-drop-modal-1 .name-caption { display: none; } .box-filter-mobile-modal .one-drop-modal-1.open .drop-box-under { display: block; } .box-filter-mobile-modal .drop-box-under { width: 230px; position: absolute; top: 44px; left: 0; z-index: 4; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; overflow: hidden; display: none; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-filter-mobile-modal .drop-box-under .radio-check-list { margin-bottom: 0; display: block; } .box-filter-mobile-modal .drop-box-under .radio-check-list li { width: 100%; margin-bottom: 0; margin-right: 0; } .box-filter-mobile-modal .drop-box-under .radio-check { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .box-filter-mobile-modal .drop-box-under .radio-check span { width: 100%; color: #4B6570; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; font-size: 14px; padding: 8px 16px; border-radius: 0; border: 0 !important; } .box-filter-mobile-modal .drop-box-under .radio-check input:checked + span { background-color: #E1F4F0; color: #264653; border: 0; } .box-filter-mobile-modal .drop-box-under .radio-check input:disabled + span { background-color: white; color: #81949b; cursor: default; border: 0; } } @media (max-width: 1279px) { .box-filter-mobile-modal.style2 .select2-custom-field.select2-with-search .select2-selection__rendered { display: inline-block; max-width: 91%; padding: 5px 36px 5px 16px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; } .box-filter-mobile-modal.style2 .one-drop-modal-1 { margin: 0; } .box-filter-mobile-modal.style2 .shrink-0 { margin: 0 16px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .shrink-0 { margin: 8px 8px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 .shrink-0 { margin: 0 0 0 8px; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .input-size { max-width: 290px; margin-right: 16px; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .input-size { margin-right: 8px; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .input-size:last-child { margin-right: 0; } .box-filter-mobile-modal.style2 .size-full-l { width: 100%; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .size-full-l { margin-right: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 3; flex-shrink: 3; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 .size-full-l { -ms-flex-wrap: initial; flex-wrap: initial; margin-bottom: 8px; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .size-full { width: 100%; -ms-flex-negative: 1; flex-shrink: 1; } .box-filter-mobile-modal.style2 .filter-scroll { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .filter-scroll { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 .filter-scroll { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .box-one-l { display: -webkit-box; display: -ms-flexbox; display: flex; } } .box-filter-mobile-modal.style2 .one-drop-modal-1 .list-line-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-filter-mobile-modal.style2 .one-drop-modal-1 .list-line-2 > * { width: calc(50% - 2px); } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .one-drop-modal-1 .name-caption { display: block; } } .btn-drop-check .desk-title-drop { height: 40px; padding: 4px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; color: #4B6570; background-color: white; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #D6D6D6; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (min-width: 768px) and (min-width: 991px) { .btn-drop-check .desk-title-drop { padding: 4px 10px; } } .btn-drop-check .desk-title-drop:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .btn-drop-check .one-drop-modal-1.open .desk-title-drop { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .btn-drop-check .one-drop-modal-1.open .drop-box-under { display: block; } .btn-drop-check .one-drop-modal-1 { position: relative; } .btn-drop-check .drop-box-under { width: 230px; position: absolute; top: 44px; left: 0; z-index: 4; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; overflow: hidden; display: none; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .btn-drop-check .drop-box-under .radio-check-list { margin-bottom: 0; margin-right: 0; display: block; } .btn-drop-check .drop-box-under .radio-check-list li { width: 100%; margin-bottom: 0; margin-right: 0; } .btn-drop-check .drop-box-under .radio-check { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-drop-check .drop-box-under .radio-check span { width: 100%; color: #4B6570; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; font-size: 14px; padding: 8px 16px; border-radius: 0; border: 0 !important; } .btn-drop-check .drop-box-under .radio-check input:checked + span { background-color: #E1F4F0; color: #264653; border: 0; } .one-drop-modal-1 .name-caption { margin-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 20px; } @media (max-width: 767px) { .open-modal .box-filter-mobile-modal.active { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .wrapper-agent-filter { padding-top: 24px; } .wrapper-agent-filter .main-filter-btn { display: none; } } .application-cab-line-wr { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .application-cab-line-wr .application-cab-line { padding: 0; border: 0; } .application-cab-line-wr .status-search { margin-bottom: 16px; } .application-cab-line { padding: 16px; margin-bottom: 4px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .application-cab-line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .application-cab-line:last-child { margin-bottom: 0; } .application-cab-line .list-type { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .application-cab-line .list-type > * { margin-right: 8px; margin-bottom: 4px; font-size: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .application-cab-line .list-type > *:last-child { margin-right: 0; } .application-cab-line .list-type > * img { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; } .application-cab-line .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .application-cab-line .list-type > * span .sub-value { margin-left: 3px; } .application-cab-line .metro { width: 100%; } .application-cab-line .metro .name-metro { max-width: 100%; } .application-cab-line .name { margin-bottom: 4px; font-weight: 600; font-size: 14px; } .application-cab-line .type { margin-bottom: 12px; color: #264653; } @media (max-width: 767px) { .application-cab-line .type { margin-bottom: 0; } } .application-cab-line .desc-l { width: 140px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .application-cab-line .desc-l { width: 100%; margin-right: 0; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .application-cab-line .desc-l .tag { padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 4px; background-color: #E1F4F0; color: #264653; font-size: 12px; font-weight: 500; } .application-cab-line .long-block { width: 50%; overflow: hidden; padding-right: 16px; } @media (max-width: 767px) { .application-cab-line .long-block { width: 100%; margin-bottom: 16px; padding-right: 0; } } .application-cab-line .box-btn { -ms-flex-negative: 0; flex-shrink: 0; } .application-cab-line .box-btn .closed-order { padding: 8px 16px; color: #264653; font-weight: 500; font-size: 14px; } .application-cab-line .box-btn .date { margin-top: 12px; text-align: center; font-size: 12px; color: #4B6570; } @media (max-width: 767px) { .application-cab-line .box-btn .date { margin-top: 0; } } @media (max-width: 767px) { .application-cab-line .box-btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .application-cab-line .box-btn .primary-btn { height: 36px; } } .application-cab-line .box-name { margin-bottom: 16px; font-size: 20px; font-weight: 600; } .application-cab-line .simple-name { margin-bottom: 4px; font-size: 14px; color: #4B6570; } .application-cab-line .big-text-q { font-size: 16px; font-weight: 600; } .application-cab-line.style-2 { display: block; } .application-cab-line .btn-copy-order-wr { text-align: center; } @media (min-width: 768px) { .application-cab-line .btn-copy-order-wr { padding: 12px 0; } } @media (max-width: 767px) { .application-cab-line .btn-copy-order-wr { margin-right: auto; margin-left: 8px; } } .application-cab-line .btn-copy-order-wr .btn-copy-order { color: #4B6570; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .application-cab-line .btn-copy-order-wr .btn-copy-order { cursor: pointer; } .application-cab-line .btn-copy-order-wr .btn-copy-order:hover { color: #2A9D8F; } } @media (max-width: 767px) { .application-cab-line .btn-copy-order-wr .btn-copy-order { width: 36px; height: 36px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.16); background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .application-cab-line .btn-copy-order-wr .btn-copy-order span { display: none; } } .application-cab-line .btn-copy-order-wr .btn-copy-order i { margin-right: 8px; font-size: 16px; } @media (max-width: 767px) { .application-cab-line .btn-copy-order-wr .btn-copy-order i { margin-right: 0; font-size: 18px; } } .brand-link { cursor: pointer; } .line-filter-margin { margin: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) and (max-width: 1279px) { .line-filter-margin .btn-drop-check .desk-title-drop { font-size: 12px; } } .line-filter-margin .main-filter-btn { margin-right: 8px; } @media (max-width: 767px) { .line-filter-margin .main-filter-btn { margin-right: 0; width: 100%; } } .line-filter-margin .check-wrapper { line-height: 0; } @media (max-width: 767px) { .line-filter-margin .check-wrapper { display: none; } } .line-filter-margin .radio-check-list { margin-right: 8px; margin-bottom: 0; } .line-filter-margin .radio-check-list li { margin-right: 8px; margin-bottom: 0; } .line-filter-margin .radio-check-list li:last-child { margin-right: 0; } @media (min-width: 768px) and (max-width: 1279px) { .line-filter-margin .radio-check-list li .radio-check > span { padding: 5px 8px; } } @media (max-width: 767px) { .line-filter-margin .radio-check-list { display: none; } } .one-application-block { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .one-application-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .one-application-block:last-child { margin-bottom: 0; } .one-application-block .left-a { width: 100%; } .one-application-block .right-a { width: 380px; margin-left: 12px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .one-application-block .right-a { width: 320px; } } @media (max-width: 767px) { .one-application-block .right-a { width: 100%; margin-top: 12px; margin-left: 0; } } .static-border-box { margin-bottom: 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .static-border-box:last-child { margin-bottom: 0; } .static-border-box .inside { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .static-border-box .inside:last-child { border-bottom: 0; } .static-border-box .tag { padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 4px; background-color: #E1F4F0; color: #264653; font-size: 12px; font-weight: 500; } .static-border-box .box-buy { display: -webkit-box; display: -ms-flexbox; display: flex; } .static-border-box .box-buy .desc { width: 100%; } .static-border-box .box-buy .desc .number { margin-bottom: 4px; font-size: 20px; font-weight: 600; } .static-border-box .box-buy .desc p { font-size: 14px; line-height: 20px; color: #4B6570; } .static-border-box .box-buy .btn-form { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .wrap-show-id .call-mob { display: none; } @media (max-width: 991px) { .wrap-show-id .call-mob { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 991px) { .wrap-show-id .call-desk { display: none; } } .wrap-show-id.show .id-show-box .text { color: #264653; } .id-show-box { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .id-show-box .text { margin-right: 5px; font-size: 16px; font-weight: 600; color: #81949b; } .id-show-box input[type="password"] { letter-spacing: 2px; color: #81949b; } .id-show-box input { width: 100px; background-color: transparent; font-size: 16px; font-weight: 600; border: 0; color: #264653; } .top-box-filters { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .top-box-filters .box-filter-mobile-modal, .top-box-filters .main-filter-btn.filter-type-btn { margin-bottom: 0; } @media (max-width: 767px) { .top-box-filters { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .top-box-filters > * { width: calc(50% - 4px) !important; margin-left: 0 !important; margin-bottom: 0 !important; -ms-flex-negative: 10 !important; flex-shrink: 10 !important; } .top-box-filters > * .head-select { width: 100%; } } .top-box-filters .left-box { width: 100%; } .top-box-filters .select-drop { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .page-name-search { margin-bottom: 12px; } .page-name-search h1 { margin-bottom: 4px; } .page-name-search .counter-search { margin: 0; font-size: 14px; color: #264653; font-weight: 400; line-height: 20px; } .one-realtor { margin-bottom: 4px; padding: 16px; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .one-realtor { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 768px) { .one-realtor:hover { background-color: #E1F4F0; } .one-realtor:hover .btn-light { background-color: white; color: #264653; } .one-realtor:hover .box-img { background-color: white; } } @media (max-width: 550px) { .one-realtor { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .one-realtor:last-child { margin-bottom: 0; } .one-realtor .box-img { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; border-radius: 50%; font-size: 24px; font-weight: 500; overflow: hidden; color: #264653; background: #E1F4F0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .one-realtor .box-img img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .one-realtor .button-box { width: 170px; margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 550px) { .one-realtor .button-box { width: 100%; margin-left: 0; padding-top: 16px; } } .one-realtor .button-box .btn-inside { width: 100%; text-align: center; } .one-realtor .button-box .show-phone-number { width: 100%; text-align: center; } @media (max-width: 767px) { .one-realtor .button-box .show-phone-number { display: none; } } .one-realtor .button-box .call-btn { display: none; } @media (max-width: 991px) { .one-realtor .button-box .call-btn { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .one-realtor .desc-realtors { width: 100%; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 550px) { .one-realtor .desc-realtors { width: calc(100% - 56px); } } .one-realtor .desc-realtors .left-box { width: 100%; } .one-realtor .desc-realtors .left-box .name { margin-bottom: 2px; font-weight: 500; } .one-realtor .desc-realtors .left-box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #4B6570; font-size: 12px; } .one-realtor .desc-realtors .left-box ul li { margin-right: 4px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .one-realtor .desc-realtors .left-box ul li { display: none; } .one-realtor .desc-realtors .left-box ul li:after { display: none; } } .one-realtor .desc-realtors .left-box ul li:first-child { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .one-realtor .desc-realtors .left-box ul li:last-child { margin-right: 0; } .one-realtor .desc-realtors .left-box ul li:last-child:after { display: none; } @media (max-width: 767px) { .one-realtor .desc-realtors .left-box ul li:last-child { display: block; } } .one-realtor .desc-realtors .left-box ul li:after { margin-left: 4px; content: '•'; position: relative; } .one-realtor .desc-realtors .right-box { width: 240px; font-weight: 500; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .one-realtor .desc-realtors .right-box { display: none; } } .one-realtor.agency .box-img { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: lightgray; } .one-realtor.agency .box-img img { border-radius: 0; } .realtor-wrapper { margin-bottom: 20px; } .realtor-wrapper .head { padding: 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #4B6570; } @media (max-width: 767px) { .realtor-wrapper .head { display: none; } } .realtor-wrapper .head .column-1 { width: 100%; } .realtor-wrapper .head .column-2 { width: 240px; -ms-flex-negative: 0; flex-shrink: 0; } .realtor-wrapper .head .column-3 { width: 170px; margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .realtor-wrapper.style2 .head .column-2 { width: 150px; } } @media (max-width: 991px) { .realtor-wrapper.style2 .one-realtor .desc-realtors .right-box { width: 150px; } } .map-site .item { margin-bottom: 24px; } .map-site h2 { margin-bottom: 16px; font-size: 18px; line-height: 28px; } .map-site ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px 24px; } @media (max-width: 1279px) { .map-site ul { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 991px) { .map-site ul { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .map-site ul { grid-template-columns: 1fr; } } .map-site ul a { color: black; } .map-site ul a:hover { color: #227F74; } .page-name-search.p-24 { margin: 0; padding: 12px 0 24px 0; } .page-name-search.search-with-button { padding: 12px 0 5px 0; } @media (max-width: 767px) { .page-name-search.search-with-button { padding: 12px 0 0; } } .page-name-search.search-with-button .wrapper-s { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .page-name-search.search-with-button .wrapper-s { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 10px; } } .page-name-search.search-with-button .wrapper-s .left-search { width: 100%; } .page-name-search.search-with-button .wrapper-s .right-search { -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 768px) { .page-name-search.search-with-button .wrapper-s .right-search { margin-left: 20px; } } @media (max-width: 767px) { .page-name-search.search-with-button .wrapper-s .status-service { display: none; } } @media (min-width: 768px) { .page-name-search.search-with-button .sort-filter-search { display: none; } } @media (max-width: 767px) { .page-name-search.search-with-button .sort-filter-search { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } } .button-sort-search, .show-view-prof, .style-product-show { margin-left: 16px; color: #4B6570; font-size: 24px; } .status-service { position: relative; } .status-service .head-service { color: #4B6570; font-size: 14px; cursor: pointer; font-weight: 500; line-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .status-service .head-service i { margin-right: 10px; font-size: 23px; } .status-service .body-service { width: 320px; position: absolute; top: 32px; z-index: 3; display: none; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { .status-service .body-service { left: 0; } } @media (min-width: 768px) { .status-service .body-service { right: 0; } } @media (min-width: 992px) { .status-service:hover .head-service:before { width: 320px; height: 20px; position: absolute; top: 20px; right: 0; display: block; content: ''; } .status-service:hover .body-service { display: block; } } @media (max-width: 991px) { .status-service.open .body-service { display: block; } } @media (min-width: 768px) { .status-service.mobile { display: none; } } .list-sites-circle { padding: 16px 12px 12px 16px; } .list-sites-circle li { margin: 0 4px 4px 0; padding: 4px 8px; border-radius: 4px; background: rgba(0, 0, 0, 0.04); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-sites-circle li:before { width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; content: ''; background-color: #2A9D8F; } .list-sites-circle li.danger:before { background-color: #EC2327; } .show-phone { position: relative; z-index: 1; } .show-phone .phone, .show-phone .number { display: none; } .show-phone.active .phone, .show-phone.active .number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .show-phone.active .btn-show-phone { display: none; } .show-phone.style1 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #2A9D8F; cursor: pointer; font-size: 14px; font-weight: 500; } @media (min-width: 768px) { .show-phone.style1:hover { color: #227F74; } } .prof-search-line { width: 100%; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .prof-search-line .link-product { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 0; display: block; } .prof-search-line .link-product span { visibility: hidden; } .prof-search-line .top-wr { padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; position: relative; } @media (max-width: 767px) { .prof-search-line .top-wr { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; } } .prof-search-line .list { margin-bottom: 16px; display: none; } @media (min-width: 992px) { .prof-search-line .list .box-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prof-search-line .list .box-price .value { margin-right: 8px; } .prof-search-line .list .box-price .box-amplitude-change .btn-amplitude { background-color: transparent; } } @media (max-width: 991px) { .prof-search-line .list .box-price .box-amplitude-change { display: none; } } .prof-search-line .bottom-wr { margin-top: 16px; } .prof-search-line .bottom-wr .btn-show-more { cursor: pointer; } .prof-search-line .bottom-wr.open .list { display: block; } .prof-search-line .bottom-wr.open .btn-show-more:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .prof-search-line .bottom-wr .box-loading-search { margin-bottom: 16px; padding: 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); text-align: center; } .prof-search-line .bottom-wr .box-loading-search .text-inside { color: #4B6570; font-size: 14px; } .prof-search-line .item, .prof-search-line .box { width: 100%; margin-bottom: 4px; padding: 16px; background-color: #E1F4F0; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: relative; } @media (max-width: 767px) { .prof-search-line .item, .prof-search-line .box { padding: 12px 12px 40px; } } .prof-search-line .item:last-child, .prof-search-line .box:last-child { margin-bottom: 0; } .prof-search-line .item .author, .prof-search-line .box .author { width: 100%; padding-right: 16px; } @media (max-width: 767px) { .prof-search-line .item .author, .prof-search-line .box .author { width: 70%; } } .prof-search-line .item .author .type-i, .prof-search-line .box .author .type-i { display: none; } @media (max-width: 767px) { .prof-search-line .item .author .type-i, .prof-search-line .box .author .type-i { font-size: 12px; color: #4B6570; display: block; } } .prof-search-line .item .date, .prof-search-line .box .date { width: 96px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .prof-search-line .item .date, .prof-search-line .box .date { bottom: 12px; left: 12px; position: absolute; } } @media (max-width: 767px) { .prof-search-line .item .type, .prof-search-line .box .type { display: none; } } .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { width: 160px; } @media (max-width: 991px) { .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { width: 124px; } } @media (min-width: 768px) { .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; } } @media (max-width: 767px) { .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { width: initial; } } @media (max-width: 767px) { .prof-search-line .item .site, .prof-search-line .box .site { bottom: 12px; position: absolute; right: 33px; } } @media (max-width: 767px) { .prof-search-line .item .price, .prof-search-line .box .price { width: 30%; text-align: right; } } .prof-search-line .item .go-link, .prof-search-line .box .go-link { -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; line-height: 0; color: #264653; } @media (min-width: 768px) { .prof-search-line .item .go-link:hover, .prof-search-line .box .go-link:hover { color: #227F74; } } @media (max-width: 767px) { .prof-search-line .item .go-link, .prof-search-line .box .go-link { position: absolute; right: 12px; bottom: 14px; } } .prof-search-line:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .prof-search-line .box-left-desc { width: 100%; margin-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .prof-search-line .box-left-desc { margin-bottom: 12px; margin-right: 0; } } .prof-search-line .box-left-desc .wrap-box-img { width: 160px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .prof-search-line .box-left-desc .wrap-box-img .type { left: 4px; top: 4px; position: absolute; padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; z-index: 2; font-weight: 500; color: #264653; border-radius: 3px; background-color: white; } .prof-search-line .box-left-desc .wrap-box-img .count-photo { right: 4px; bottom: 4px; padding: 3px 6px; position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; border-radius: 3px; background: rgba(0, 0, 0, 0.32); color: white; font-size: 12px; font-weight: 600; } .prof-search-line .box-left-desc .wrap-box-img .count-photo i { margin-right: 4px; font-size: 16px; line-height: 0; } .prof-search-line .box-left-desc .box-img { position: relative; width: 100%; } .prof-search-line .box-left-desc .box-img:before { content: ""; display: block; padding-top: 75%; } .prof-search-line .box-left-desc .box-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .prof-search-line .box-left-desc .box-img > img { border-radius: 8px; } .prof-search-line .box-left-desc.closed .box-img img { opacity: 0.4; } .prof-search-line .box-left-desc.closed .ico-box-img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #4B6570; font-size: 32px; } .prof-search-line .box-desc { width: 100%; } .prof-search-line .box-desc .name { margin-bottom: 8px; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; /* Кількість рядків для відображення */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .prof-search-line .box-desc .date { font-size: 12px; line-height: 16px; color: #4B6570; } .prof-search-line .box-desc .metro-address { margin-bottom: 8px; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prof-search-line .box-desc .metro-address i { margin-right: 8px; color: #81949b; font-size: 16px; } .prof-search-line .data-value { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; } @media (max-width: 991px) { .prof-search-line .data-value { width: 40%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .prof-search-line .data-value { width: 100%; } } @media (min-width: 992px) { .prof-search-line .data-value .area-price { width: 100%; } } .prof-search-line .data-value .custom-drop { margin-left: 8px; } .prof-search-line .data-value .list-type { width: 240px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1279px) { .prof-search-line .data-value .list-type { width: 170px; } } @media (max-width: 991px) { .prof-search-line .data-value .list-type { width: 100%; } } .prof-search-line .data-value .list-type > span { margin: 0 8px 6px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prof-search-line .data-value .list-type > span img { margin-right: 4px; } @media (max-width: 767px) { .prof-search-line .data-value .list-type > span img { width: 16px; } } .prof-search-line .data-value .box-price { width: 160px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 14px; } @media (max-width: 1279px) { .prof-search-line .data-value .box-price { width: 130px; } } @media (max-width: 991px) { .prof-search-line .data-value .box-price { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } .prof-search-line .data-value .box-price .price1 { font-size: 18px; color: black; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .prof-search-line .data-value .box-price .price1 { margin-right: 10px; } } .prof-search-line .type-prof-search { width: 240px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .prof-search-line .type-prof-search { width: 160px; } } @media (max-width: 991px) { .prof-search-line .type-prof-search { width: 100%; } } @media (max-width: 767px) { .prof-search-line .type-prof-search { margin-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prof-search-line .type-prof-search > * { margin-right: 9px !important; padding: 4px 0 !important; margin-bottom: 0 !important; } } @media (max-width: 767px) { .prof-search-line .type-prof-search .show-phone { display: none; } } .prof-search-line .type-prof-search .title { font-size: 14px; color: #4B6570; } @media (max-width: 767px) { .prof-search-line .type-prof-search .title { display: none; } } .prof-search-line .type-prof-search .search-i { width: 14px; color: #264653; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0; } .prof-search-line .type-prof-search .search-i.ico-building { font-size: 18px; } .prof-search-line .type-prof-search .search-i.ico-agent, .prof-search-line .type-prof-search .search-i.ico-profile-user { font-size: 16px; } @media (min-width: 768px) { .prof-search-line .type-prof-search .search-i { display: none; } } .prof-search-line .type-prof-search .author { margin-bottom: 8px; font-size: 14px; font-weight: 500; color: black; } @media (max-width: 767px) { .prof-search-line .type-prof-search .author { font-size: 12px; } } .prof-search-line .type-prof-search .user-ads { padding-top: 5px; position: relative; z-index: 1; } @media (max-width: 767px) { .prof-search-line .type-prof-search .user-ads { padding-top: 0; } .prof-search-line .type-prof-search .user-ads .brand-link { font-size: 12px; } } .prof-search-line .buttons-box-prof { width: 160px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof { width: 100%; } } .prof-search-line .buttons-box-prof .wrapper-btn-mob { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .prof-search-line .buttons-box-prof .wrapper-btn-mob { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .prof-search-line .buttons-box-prof .wrapper-btn-mob .call-mob-i { display: none; position: relative; z-index: 1; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof .wrapper-btn-mob .call-mob-i { margin-right: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .prof-search-line .buttons-box-prof .line-btn { margin-bottom: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; line-height: 20px; position: relative; z-index: 1; color: #4B6570; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof .line-btn { width: 40px; height: 40px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.16); background: white; margin-bottom: 0; margin-right: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .prof-search-line .buttons-box-prof .line-btn span { display: none; } } @media (min-width: 768px) { .prof-search-line .buttons-box-prof .line-btn:hover { color: #227F74; } } .prof-search-line .buttons-box-prof .line-btn i { width: 21px; margin-right: 8px; font-size: 18px; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof .line-btn i { margin-right: 0; } } .prof-search-line .buttons-box-prof .line-btn.disabled { color: #81949B; } @media (min-width: 768px) { .prof-search-line .buttons-box-prof .line-btn.disabled:hover { color: #81949B; } } .prof-search-line .list-sites { position: absolute; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .prof-search-line .list-sites { margin-bottom: 8px; position: relative; bottom: initial; } } .prof-search-line .list-sites li { margin-left: 4px; padding: 4px 8px; display: inline-block; color: #4B6570; font-size: 12px; border-radius: 4px; background: #E1F4F0; } @media (max-width: 767px) { .prof-search-line .list-sites li { margin-left: 0; margin-right: 4px; } } .custom-tag-select .select2-search.select2-search--inline { border: 0 !important; } .box-developer-inform { padding: 24px 0 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .box-developer-inform { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-developer-inform .left-q { width: 100%; } .box-developer-inform .left-q .description-agent { margin-bottom: 0; max-width: 100%; } @media (min-width: 767px) and (max-width: 991px) { .box-developer-inform .left-q .description-agent .main-description { padding: 14px; } .box-developer-inform .left-q .description-agent .main-description .one-d { padding: 0 5px; } .box-developer-inform .left-q .description-agent .main-description .one-d span { font-size: 16px; } } .box-developer-inform .right-q { width: 400px; margin-left: 24px; padding: 24px; border-radius: 4px; -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .box-developer-inform .right-q { width: 300px; } } @media (max-width: 767px) { .box-developer-inform .right-q { width: 100%; margin-left: 0; margin-bottom: 24px; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } } .box-developer-inform .right-q .box-img { width: 160px; height: 160px; margin: 0 auto 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-developer-inform .right-q h1 { margin-bottom: 8px; font-size: 24px; font-weight: 600; text-align: center; } .box-developer-inform .right-q .type { margin-bottom: 24px; text-align: center; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; } .box-developer-inform .right-q .type i { margin-right: 4px; color: #2A9D8F; font-size: 18px; } .box-developer-inform .right-q .btn-border { width: 100%; height: 48px; } .box-clean-developer { padding: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-clean-developer img { width: 130px; margin: 0 auto 16px; } .box-clean-developer .title { margin-bottom: 8px; font-size: 18px; font-weight: 600; } .box-clean-developer p { font-size: 14px; color: #4B6570; line-height: 20px; } .all-company-developer { margin-bottom: 48px; } @media (max-width: 767px) { .all-company-developer { margin-bottom: 24px; } } .developer-map .catalog-map { display: block; } .developer-map .catalog-map .map-contact { height: 480px; } .children-mb-20 > h2 + .column-1-3:nth-last-child(3) { margin-bottom: 20px; } .filter-developer { margin-bottom: 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); } .custom-tag-select.select-with-add input { border: 0; } .with-search.style-width-2 { max-width: 200px; } @media (max-width: 767px) { .with-search.style-width-2 { max-width: initial; } } .line-price-balance { margin-top: 16px; color: #264653; font-weight: 500; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .line-price-balance img { width: 16px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .line-price-balance .value { margin-left: 5px; font-weight: 600; color: black; } .closed-site { max-width: 480px; height: 100%; margin: 0 auto; padding: 0 12px 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } @media (max-width: 767px) { .closed-site { padding: 0 12px 52px; } } .closed-site .caption { margin-bottom: 16px; font-size: 24px; font-weight: 600; line-height: 32px; } .closed-site .img-box { width: 130px; margin: 0 auto 64px; } .closed-site .img-box img { width: 100%; } .closed-site .description { font-size: 16px; color: #4B6570; line-height: 24px; } .animClosedSite { max-width: 480px; width: 100%; margin: 0 auto 64px; } @media (max-width: 991px) { .only-desk { display: none; } } .map-modal .gm-style .gm-style-iw-a { display: none; } @media (max-width: 991px) { .wrapper-custom-modal.fullMapModal .modal-custom { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal.fullMapModal .modal-custom .map-modal { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal.fullMapModal .modal-custom .map-modal #mapModal { height: 100%; } } @media (min-width: 992px) { .only-mob { display: none; } } .swiper-lazy-preloader { width: 104%; height: 100%; position: absolute; left: -2%; top: 0; margin: 0 !important; bottom: 0; right: -2%; border: 0; border-radius: 0; background: transparent url("/img/default-img.webp") no-repeat center/cover; } .my-benefits { margin: 0 -6px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .my-benefits { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .my-benefits .one-item { width: calc(20% - 12px); min-height: 98px; margin: 0 6px; padding: 16px 10px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; background-color: white; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); text-align: center; color: #264653; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 767px) { .my-benefits .one-item { width: calc(50% - 12px); margin-bottom: 12px; } } .my-benefits .one-item:last-child { margin-right: 0; } @media (max-width: 767px) { .my-benefits .one-item:last-child { width: calc(100% - 12px); margin-bottom: 0; } } .my-benefits .one-item .number { margin-bottom: 4px; font-weight: 600; line-height: 30px; font-size: 20px; } .my-benefits .one-item .name { font-size: 12px; line-height: 16px; } .box-tooltip { position: absolute; left: 0; top: 0; z-index: 11; right: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-tooltip .box-description { width: 310px; min-width: 100%; max-width: 90vw; position: absolute; left: 0; display: none; top: 32px; padding: 8px 12px; border-radius: 4px; background: #264653; color: #FFF; font-size: 12px; line-height: 16px; text-align: left; } @media (max-width: 767px) { .box-tooltip .box-description { min-width: 100px; } } .box-tooltip .box-description p { font-size: 12px; line-height: 16px; } .box-tooltip .box-description .txt { margin-bottom: 20px; } .box-tooltip .box-description .txt:last-child { margin-bottom: 0; } .box-tooltip.style-2 .tooltip-box { width: 24px; height: 24px; position: absolute; top: 4px; right: 4px; border-radius: 4px; background: rgba(231, 81, 59, 0.08); font-size: 16px; color: #E7513B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .box-tooltip.style-2 .tooltip-box:hover { background: rgba(231, 81, 59, 0.12); cursor: pointer; } .box-tooltip.style-2 .tooltip-box:hover + .box-description { display: block; } } @media (max-width: 767px) { .box-tooltip.style-2.open .box-description { display: block; } } @media (min-width: 768px) { .wrapper-description-item .priceNow.max-weight + .old { display: none; } } .notification-wrapper a { color: #2A9D8F; } .notification-wrapper a:hover { color: #227F74; } @media (max-width: 767px) { .fancybox-slide { padding: 0; } .fancybox-slide .fancybox-content iframe { width: 100vw !important; height: 100vh !important; position: fixed; left: 0; right: 0; bottom: 0; top: 0; } } @media (max-width: 767px) { .fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right { visibility: visible; opacity: 1; } } @media (max-width: 767px) { .slider-product .slider-for { padding-bottom: 20px; } .slider-product .slider-for .slick-dots { bottom: 0; } .slider-product .slider-for .slick-dots li { background-color: rgba(128, 128, 128, 0.5); } .slider-product .slider-for .slick-dots li.slick-active { background-color: #2A9D8F; } } button, input, a { outline: none; -webkit-tap-highlight-color: transparent; } button:focus, input:focus, a:focus { outline: none; } button:active, input:active, a:active { outline: none; } .caption-form-above { margin-bottom: 4px; position: relative; color: #4B6570; font-size: 14px; font-weight: 500; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-form-above.must:after { width: 6px; height: 6px; margin-top: 2px; margin-left: 8px; border-radius: 50%; display: inline-block; content: ''; background-color: #E7513B; } .agencyShow { display: none; } .agencyShow.active { display: block; } .box-plan-account { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .box-plan-account { margin-bottom: 16px; padding: 12px 12px 28px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } } @media (max-width: 991px) { .box-plan-account { margin-bottom: 12px; padding: 12px 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: #E1F4F0; } } .box-plan-account i { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; color: #227F74; } .box-plan-account .des { width: 100%; color: #264653; } .box-plan-account .des .title { margin-bottom: 4px; font-size: 14px; font-weight: 500; line-height: 20px; } .box-plan-account .des .txt { font-size: 12px; line-height: 16px; } .box-plan-account .des .btn-change-modal { margin-top: 12px; height: 32px; font-size: 12px; } .your-site { margin-bottom: 12px; padding: 12px 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .your-site .caption-t { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .your-site .caption-t .left-side { width: 100%; } .your-site .caption-t .right-side { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; } .your-site .caption-t .right-side i { margin-right: 4px; font-size: 16px; } .your-site .body-t { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .your-site .body-t { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .your-site .body-t .btn-circle2 { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .your-site .body-t .btn-circle2:last-child { margin-right: 0; } .your-site .body-t .link-t { width: 100%; height: 36px; margin-right: 8px; padding: 2px 16px; border-radius: 30px; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.04); color: #4B6570; font-size: 14px; } @media (max-width: 767px) { .your-site .body-t .link-t { margin-bottom: 12px; margin-right: 0; } } .your-site.copied .link-t { -webkit-animation: flash-bg-city 0.5s ease-in-out 1; animation: flash-bg-city 0.5s ease-in-out 1; } @-webkit-keyframes flash-bg-city { 0%, 100% { border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.04); } 50% { border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.1); } } @keyframes flash-bg-city { 0%, 100% { border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.04); } 50% { border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.1); } } .check-item-ico li { margin-bottom: 8px; padding-left: 20px; position: relative; font-size: 12px; line-height: 16px; } .check-item-ico li:last-child { margin-bottom: 0; } .check-item-ico li:before { position: absolute; top: 1px; left: 0; color: #2A9D8F; font-size: 16px; display: inline-block; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-packages { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-packages .item-wrapper { width: 328px; margin-bottom: 8px; padding: 0 4px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .list-packages .item-wrapper { width: 100%; } } .list-packages .bought-package { margin-bottom: 12px; height: 36px; background-color: #E9EDEE; font-size: 14px; font-weight: 500; color: #4B6570; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-packages .item { height: 100%; padding: 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } @media (min-width: 768px) { .list-packages .item:hover { border: 1px solid #D6D6D6; -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08); } } @media (min-width: 768px) { .list-packages .item.bought:hover { border: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } } .list-packages .item .title { margin-bottom: 12px; font-size: 14px; font-weight: 500; color: #4B6570; } .list-packages .item .btn-to-buy { height: 36px; margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-packages .item .price-block { margin-bottom: 12px; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-packages .item .price-block .old-price { color: #81949b; font-weight: 500; text-decoration: line-through; font-size: 12px; } .list-packages .item .price-block .price { font-weight: 700; font-size: 20px; } .list-packages-wr { margin: 0 -4px 16px; overflow: auto; } .drop-box-under.disabled .radio-check-list li { display: none; } .drop-box-under.disabled .radio-check-list li:first-child { display: block; } .modal-user-box { margin-bottom: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-user-box .box-img { width: 32px; height: 32px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; } .modal-user-box .box-img img { border-radius: 8px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .modal-user-box .name-owner { font-weight: 500; font-size: 14px; } .wr-box-top-agent-st { margin-bottom: 4px; padding-bottom: 8px; overflow: auto; } .box-top-agent-st { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-top-agent-st .agent-st-item { width: 140px; height: 90px; margin-right: 8px; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); } .box-top-agent-st .agent-st-item .agent-st-name { margin-bottom: 5px; font-size: 12px; color: #264653; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-top-agent-st .agent-st-item .agent-st-name i { margin-left: 4px; margin-right: -2px; font-size: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .box-top-agent-st .agent-st-item .agent-st-name i.ico-money { padding-top: 2px; font-size: 12px; } .box-top-agent-st .agent-st-item .agent-st-name i.ico-crown { font-size: 17px; } .box-top-agent-st .agent-st-item .agent-st-info { font-size: 18px; font-weight: 600; } .box-top-agent-st .agent-st-item .agent-st-info.clean { color: #81949B; } .top-compare-filter { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .top-compare-filter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .top-compare-filter { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .top-compare-filter .type-property { margin-right: 16px; } } @media (max-width: 767px) { .top-compare-filter .type-property { margin-bottom: 16px; width: 100%; } } .top-compare-filter .box-check-scroll { -ms-flex-negative: 0; flex-shrink: 0; } .btn-need-help { margin-bottom: 24px; } .btn-need-help i { margin-right: 6px; font-size: 18px; } .product-info-right.product-modal { margin-bottom: 24px; } .product-info-right.product-modal .show-phone-number { margin-bottom: 0; } .one-property-item { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .one-property-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .one-property-item .name-block { margin-bottom: 16px; font-size: 20px; font-weight: 600; line-height: 30px; } .one-property-item .name-block2 { margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 24px; } @media (min-width: 768px) { .modal-product-i { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .modal-product-i .left-q { margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; width: 440px; top: 0; position: -webkit-sticky; position: sticky; } } @media (max-width: 991px) { .modal-product-i .left-q { width: 320px; } } @media (max-width: 767px) { .modal-product-i .left-q { width: 100%; } } .modal-product-i .right-q { width: 100%; } .modal-product-i .slider-product { border-radius: 4px; overflow: hidden; } .modal-product-i .slider-product, .modal-product-i .slider-product .slider-for .one-box { height: 330px; } @media (max-width: 991px) { .modal-product-i .slider-product, .modal-product-i .slider-product .slider-for .one-box { height: 240px; } } @media (max-width: 767px) { .modal-product-i .slider-product, .modal-product-i .slider-product .slider-for .one-box { height: initial; } } .modal-product-i .slider-product .slider-for .slick-btn.slick-next { right: 16px; } .modal-product-i .slider-product .slider-for .slick-btn.slick-prev { left: 16px; } .modal-product-i .slider-product { opacity: 0; } .modal-product-i.active .slider-product { opacity: 1; } .form-field .full-width { width: 100%; } .top-compare-filter .type-property { opacity: 1; will-change: auto; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (min-width: 768px) { .sticky-compare .top-compare-filter { height: 48px; } } .sticky-compare .top-compare-filter .type-property { opacity: 0; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; pointer-events: none; } .form-list-check { padding-top: 12px; position: relative; z-index: 5; } .form-list-check .show-box-for-checkbox { display: none; padding-top: 12px; } .form-list-check.open .show-box-for-checkbox { display: block; } .map-catalog-left .all-description { background-color: white; } @media (min-width: 768px) { .close-drop-d { display: none; } } @media (max-width: 767px) { .close-drop-d { width: 40px; height: 40px; position: absolute; right: 0; top: 0; font-size: 30px; z-index: 4; color: #D6D6D6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .close-drop-d:before { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; } } .compare-page:before { width: 232px; left: 0; top: 140px; bottom: 30px; position: absolute; z-index: 2; content: ''; background-color: white; display: block; } @media (max-width: 767px) { .compare-page:before { top: 170px; display: none; } } .box-over-map { background-color: rgba(0, 0, 0, 0.1); position: fixed; left: 0; top: 0; right: 0; bottom: 0; content: ''; z-index: 15; display: none; } @media (max-width: 767px) { .open-map.map-product-mobile .box-over-map { display: block; } } @media (max-width: 767px) { .drop-open-mobile .catalog-map .map-catalog-left .wrapper-pr { overflow: hidden; } } .advert-item .line-buttons-product .wrapper-small-tbn .drop .btn-ico { z-index: 3; } .advert-item .line-buttons-product .wrapper-small-tbn .drop .btn-ico i { width: 22px; } @media (max-width: 767px) { .open-map main, .open-map .top-wrapper-page { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .title-with-btn { width: 100%; margin-bottom: 16px; padding: 24px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .title-with-btn { margin-bottom: 12px; padding: 16px 12px 0; } } .title-with-btn h1 { width: 100%; margin-bottom: 0 !important; } .title-with-btn .category-filter { margin-bottom: 0; margin-left: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .link-box-favorite { display: none; } .wrapper-page-favorite { height: 100%; } @media (min-width: 768px) { .wrapper-page-favorite .catalog-with-map .catalog-page .advert-item { width: 50%; } } @media (max-width: 767px) { .wrapper-page-favorite .catalog-with-map .catalog-page .advert-item { margin-bottom: 0; } } @media (max-width: 991px) { .wrapper-page-favorite .catalog-with-map .catalog-page { min-width: 400px; } } @media (min-width: 768px) { .wrapper-page-favorite .catalog-with-map .catalog-page { min-width: 600px; padding: 0 14px !important; } } @media (max-width: 767px) { .wrapper-page-favorite .catalog-with-map .catalog-page { min-width: 0; } } @media (max-width: 991px) { .wrapper-page-favorite .catalog-with-map .catalog-map { max-height: 100%; height: 100%; } .wrapper-page-favorite .category-filter .btn-border { padding: 5px 9px; border: 0; } .wrapper-page-favorite .category-filter .btn-border i { font-size: 24px; } .wrapper-page-favorite .list-buttons { padding: 0 12px 12px; } .wrapper-page-favorite .catalog-with-map { width: 100%; position: fixed; top: 50px; height: initial !important; bottom: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: 0; } .wrapper-page-favorite .catalog-with-map > * { width: 100%; } .wrapper-page-favorite .catalog-with-map .catalog-map #map { height: 100%; } .wrapper-page-favorite .catalog-with-map .catalog-page { position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .wrapper-page-favorite .link-box-favorite { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .wrapper-page-favorite .link-box-favorite span { display: none; } } .page-favorite { height: 100%; } @media (min-width: 992px) { .page-favorite .catalog-with-map .catalog-map #map, .page-favorite .catalog-with-map .catalog-page { height: 100%; } } .page-favorite > *, .page-favorite .simple-page, .page-favorite .catalog-album, .page-favorite .catalog-with-map { height: 100%; padding: 0; } .mobile-fav { display: none; } @media (max-width: 991px) { .mobile-fav { width: 100% !important; display: block !important; } } .desktop-fav { width: 100%; } .desktop-fav .list-buttons { padding: 0 14px 6px; } @media (max-width: 991px) { .desktop-fav { display: none; } } .list-favorite-product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .list-favorite-product { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .trash-all-compare { position: absolute; right: 0; top: 65px; } } .page-favorite .catalog-page { -ms-flex-wrap: initial; flex-wrap: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .import-input-button { display: -webkit-box; display: -ms-flexbox; display: flex; } .import-input-button input { width: 100%; } .import-input-button .btn-inside { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) { .import-input-button .btn-inside { min-width: 110px; } } .load-import-ico { width: 54px; height: 54px; margin: -16px 0 -16px -16px; -ms-flex-negative: 0; flex-shrink: 0; } .import-size { width: 54px; height: 54px; margin: -16px 0 -16px -16px !important; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .error-import { padding-top: 12px; } .error-import .info-badge { margin-bottom: 12px; } .error-import .info-badge:last-child { margin-bottom: 0; } .select2-custom-field.simple-text-select { width: initial; min-width: 80px; -ms-flex-negative: 0; flex-shrink: 0; } .select2-custom-field.simple-text-select .select2-container--default .select2-selection--single { background: transparent; border: 0; } .select2-custom-field.simple-text-select .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; background: transparent; } .select2-custom-field.simple-text-select .select2-selection__arrow { display: none !important; } .info-steps-ico-mob { display: none; } @media (min-width: 768px) { .fixed-step-page { margin-bottom: 32px; } .fixed-step-page .one-item.help-line { display: none; } } @media (max-width: 767px) { .fixed-step-page { height: 68px; margin-top: -12px; position: relative; } .fixed-step-page .main-step-mob { padding: 12px 0; } .fixed-step-page .info-steps-ico-mob { position: absolute; top: 14px; right: 30px; display: block; } .fixed-step-page .info-steps-ico-mob a { font-size: 20px; } .fixed-step-page .info-steps-ico-mob i.ico-circle-warning:before { content: "\e9a8"; } .fixed-step-page.fixed .main-step-mob { padding: 12px; background-color: white; position: fixed; top: 52px; left: 0; right: 0; z-index: 19; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } .fixed-step-page.fixed .help-line { right: 12px; } .fixed-step-page.fixed .info-steps-ico-mob { right: 42px; } } @media (max-width: 767px) { .help-line.desktop-help { display: none; } } @media (max-width: 767px) { .help-line { display: none; } } @media (max-width: 767px) { .main-step-mob .help-line { display: block; } } .user-settings .balance-top-up3 { margin-bottom: 12px; background-color: white; } @media (max-width: 767px) { .category-filter.filter-search { display: none; } } .catalog-page-search { margin: 0; } .top-filter-mobile { display: none; } @media (max-width: 767px) { .top-filter-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .top-filter-mobile .btn-open-mobile-search { z-index: 4; font-size: 12px; font-weight: 500; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-filter-mobile .btn-open-mobile-search i { margin-right: 4px; font-size: 16px; } .top-filter-mobile .right-buttons { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; } .top-filter-mobile .right-buttons .btn-border { min-width: 28px; height: 28px; margin-left: 2px; font-size: 12px; padding: 4px 0; border: 0; } .top-filter-mobile .right-buttons .btn-border i { font-size: 16px; } } .wrapper-catalog-height { height: 64px; position: relative; } @media (max-width: 767px) { .wrapper-catalog-height { height: 102px; padding-top: 10px; background-color: white; } .wrapper-catalog-height.fixed .inside-filter-search { position: fixed; top: 52px; left: 0; right: 0; padding: 0 12px; background: white; z-index: 19; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } } .wrapper-catalog-height .wrapper-catalog-top { background-color: white; z-index: 20; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } @media (min-width: 768px) { .wrapper-catalog-height .wrapper-catalog-top { position: fixed; top: 64px; padding-top: 10px; left: 0; right: 0; } .wrapper-catalog-height .wrapper-catalog-top .catalog-top-filter { padding-top: 2px; } } .box-fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; display: none; } @media (max-width: 767px) { .box-fixed-bottom.show { display: -webkit-box; display: -ms-flexbox; display: flex; } } .box-fixed-bottom .btn-show-on-map { position: absolute; left: 12px; bottom: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .box-fixed-bottom .btn-go-up { position: absolute; right: 12px; bottom: 12px; padding: 2px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 21px; } .modal-product-i .box-read-more.flat-statistic { margin-bottom: 0; } .modal-product-i .box-read-more.flat-statistic li { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-product-i .box-read-more.flat-statistic li:last-child { margin-bottom: 0; } .top-filter-mobile .btn-open-mobile-search { z-index: 3 !important; } .drop-open-mobile .wrapper-catalog-height.fixed .inside-filter-search { z-index: 3; } .btn-ico1 { -webkit-animation: pulse-scale 1s ease-in-out 3; animation: pulse-scale 1s ease-in-out 3; } @-webkit-keyframes pulse-scale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse-scale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @media (max-width: 767px) { .open-map .wrapper-catalog-height { height: 64px; padding-top: 0; } } .open-map .map-contact { height: calc(100vh - 128px); } @media (max-width: 767px) { .open-map .map-contact { height: calc(100vh - 116px); } } @media (max-width: 767px) { .open-map .top-filter-mobile { display: none; } } .save-on-map .ico-search:before { content: "\e929"; } @media (max-width: 767px) { .body-select.squad-filter { width: 100% !important; } .body-select.squad-filter .prices-columns { padding-top: 30px; position: relative; } .body-select.squad-filter .prices-columns .label-mask { position: absolute; top: 0; left: 0; margin: 0; } } .drop-mobile-bottom .wrapper-catalog-height.fixed .inside-filter-search, .drop-mobile-bottom .box-fixed-bottom { z-index: 9; } .map-product-mobile header, .map-product-mobile .catalog-top-filter .select-filter { z-index: 0; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body main { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media (max-width: 991px) { .wrapper-catalog-vip { margin: 0 -12px; } } .sliders-list { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .sliders-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .sliders-list .caption { margin-bottom: 4px; font-size: 14px; color: #4B6570; } .sliders-list > * { width: 50%; margin-right: 16px; position: relative; } @media (max-width: 1279px) { .sliders-list > * { width: calc(50% - 8px); margin-bottom: 16px; margin-right: 0; } .sliders-list > *:nth-child(3) { width: 100%; margin-bottom: 0; } } @media (max-width: 767px) { .sliders-list > * { width: 100%; } } .sliders-list > * .percentInput { position: absolute; bottom: 14px; right: 16px; font-size: 14px; color: #4B6570; } .sliders-list > *:last-child { margin-right: 0; } .slider-ui-style { position: relative; } .slider-ui-style .ui-slider-horizontal { height: 4px; bottom: 4px; left: 0; right: 0; z-index: 2; } .slider-ui-style .ui-widget-header { border-radius: 0 0 0 4px; background-color: #2A9D8F; } .slider-ui-style .ui-widget.ui-widget-content { border-radius: 0 0 4px 4px; background: #EAF5F4; border: 0; } .slider-ui-style .ui-slider-handle { width: 16px; height: 16px; top: 0; margin: -6px 0 0 -8px; border: 0; border-radius: 50%; background-color: white; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.16); box-shadow: 0 0 2px rgba(0, 0, 0, 0.16); } .wr-box-slide-tab { width: 100%; } .box-slide-tab { margin: 0 -24px -23px; padding: 0 24px 10px; } .tab-list-simple > * { width: initial; margin-right: 24px; padding: 12px 0; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 20px; font-weight: 600; border-bottom: 2px solid transparent; } .tab-list-simple > *:last-child { margin-right: 0; } @media (min-width: 768px) { .tab-list-simple > *:hover { color: #2A9D8F; } } .tab-list-simple > *.active { color: #2A9D8F; border-bottom: 2px solid #2A9D8F; } .box-for-tab-slide { display: none; } .box-for-tab-slide.active { display: block; } .box-for-tab-slide img { margin-bottom: 16px; border-radius: 8px; } .box-for-tab-slide img:last-child { margin-bottom: 0; } .box-for-tab-slide p { margin-bottom: 16px; font-size: 14px; font-weight: 400; color: black; line-height: 20px; } .box-for-tab-slide p:last-child { margin-bottom: 0; } .table-copy-adv { font-size: 14px; line-height: 20px; } .table-copy-adv .header { padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .table-copy-adv .header { display: none; } } .table-copy-adv .header div { width: 25%; padding: 8px; color: #4B6570; } .table-copy-adv .line { margin-bottom: 8px; padding: 8px; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; color: black; background: #EAF5F4; } @media (min-width: 768px) { .table-copy-adv .line:hover { background: #A8D7D1; } } @media (max-width: 767px) { .table-copy-adv .line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .table-copy-adv .line:last-child { margin-bottom: 0; } .table-copy-adv .line > * { width: 25%; padding: 8px; } @media (max-width: 767px) { .table-copy-adv .line > * { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .table-copy-adv .line > *:before { width: 100px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; content: attr(data-caption); } } .box-svg-flats { position: relative; } .box-svg-flats .svg-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .box-svg-flats .svg-container svg { width: 100%; height: 100%; } .box-svg-flats .one-flat-svg { position: absolute; z-index: 1; } .box-svg-flats .one-flat-svg .one-point { width: 16px; height: 16px; border-radius: 50%; position: relative; background-color: #264653; border: 2px solid white; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); } .box-svg-flats .one-flat-svg .one-point:before { width: 300%; height: 300%; content: ''; left: 50%; top: 50%; position: absolute; display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box-svg-flats .one-flat-svg .one-point .name { height: 20px; max-width: 200px; position: absolute; bottom: 17px; white-space: nowrap; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 1px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); color: black; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-svg-flats .one-flat-svg .one-point .box-list { width: 240px; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 16px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; border-radius: 8px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); color: black; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-svg-flats .one-flat-svg .one-point .box-list .caption { margin-bottom: 4px; font-size: 16px; font-weight: 500; } .box-svg-flats .one-flat-svg .one-point .box-list .caption a { color: black; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point .box-list .caption a:hover { color: #227F74; } } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul { font-size: 12px; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul li { margin-bottom: 4px; margin-right: 15px; position: relative; } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul li:before { width: 5px; height: 5px; top: 5px; right: -10px; position: absolute; border-radius: 50%; content: ''; background-color: #4B6570; display: block; } .box-svg-flats .one-flat-svg .one-point .box-list .type-ul li:last-child:before { display: none; } .box-svg-flats .one-flat-svg .one-point .box-list .agency-bl { margin-bottom: 16px; } .box-svg-flats .one-flat-svg .one-point .box-list .agency-bl a { padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 4px; color: #264653; background-color: #E1F4F0; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point .box-list .agency-bl a:hover { color: #227F74; } } .box-svg-flats .one-flat-svg .one-point .box-list .counts-flat { font-size: 12px; font-weight: 500; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price { margin-bottom: 8px; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a { margin-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; color: black; font-size: 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a:last-child { margin-bottom: 0; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a:hover { color: #227F74; } } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a .left-q { margin-right: 10px; font-weight: 500; white-space: break-spaces; } .box-svg-flats .one-flat-svg .one-point .box-list .list-flat-price a .right-q { word-wrap: break-word; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg .one-point:hover .name { display: none; } .box-svg-flats .one-flat-svg .one-point:hover .box-list { display: block; } } .box-svg-flats .one-flat-svg.passed .one-point { background-color: #D6D6D6; } @media (min-width: 768px) { .box-svg-flats .one-flat-svg.active .name { display: none; } .box-svg-flats .one-flat-svg.active .box-list { display: block; } } .box-svg-flats .mobile-general-plan { display: none; } @media (max-width: 767px) { .box-svg-flats .desktop-general-plan { display: none; } .box-svg-flats .mobile-general-plan { top: 0; left: 0; right: 0; bottom: 0; padding: 16px; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 4px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0.32))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%); color: white; font-weight: 500; font-size: 14px; } .box-svg-flats .mobile-general-plan span { padding-top: 8px; } .box-svg-flats .mobile-general-plan i { width: 40px; height: 40px; border-radius: 50%; font-size: 24px; color: #264653; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } } @media (max-width: 767px) { .list-last-advert .advert-item .box-img-box:after, .slider-top-right-controls .advert-item .box-img-box:after { left: 0; top: 0; bottom: 0; right: 0; content: ''; position: absolute; display: block; } } .code-from-sms.custom-input input { padding-left: 10px; padding-right: 10px; } .order-steps .edit-form.left-q .collapse-body .item { margin-bottom: 24px; padding: 0 0 24px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0; } @media (max-width: 767px) { .order-steps .edit-form.left-q .collapse-body .item { margin-bottom: 16px; padding-bottom: 16px; } } .order-steps .edit-form.left-q .collapse-body .item:last-child, .order-steps .edit-form.left-q .collapse-body .item.clean { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .compare-page .box-img-box .btn-favorite span { display: none; } @media (max-width: 767px) { .compare-page .metro { display: block; } .compare-page .metro .name-metro { max-width: initial; } .compare-page .metro .time { display: none; } } #whenNotEmpty { overflow: hidden; } .status-account { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: 500; color: #264653; } .status-account .box-ico { width: 24px; height: 24px; margin-right: 8px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; color: #2A9D8F; font-size: 16px; background-color: #EAF5F4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .status-account .box-ico .ico-check { font-size: 18px; } .status-account.not-active { color: #E7513B; } .status-account.not-active .box-ico { background: #FDF1EF; color: #E7513B; } .fw-500 { font-weight: 500; } .wrapper-statistic-cabinet { margin-bottom: 16px; overflow: hidden; } .wrapper-statistic-cabinet .list { margin-bottom: -20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .wrapper-statistic-cabinet .item { width: 143px; margin-right: 8px; padding: 12px; color: #264653; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; position: relative; } .wrapper-statistic-cabinet .item i { top: 12px; right: 12px; position: absolute; font-size: 16px; } .wrapper-statistic-cabinet .item.active { color: white; border: 1px solid #2A9D8F; -webkit-box-shadow: none; box-shadow: none; background-color: #2A9D8F; } @media (min-width: 768px) { .wrapper-statistic-cabinet .item:hover { color: white; border: 1px solid #2A9D8F; -webkit-box-shadow: none; box-shadow: none; background-color: #2A9D8F; } } .wrapper-statistic-cabinet .item .name { margin-bottom: 4px; margin-right: 28px; font-size: 12px; line-height: 16px; } .wrapper-statistic-cabinet .item .number { font-size: 20px; font-weight: 600; } .box-graph-tab { display: none; } .box-graph-tab.active { display: block; } .box-graph-tab .text-graph { color: black; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .box-graph-tab .text-graph { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-graph-tab .text-graph .left-part { width: 100%; padding-right: 48px; -ms-flex-negative: 3; flex-shrink: 3; } @media (max-width: 1279px) { .box-graph-tab .text-graph .left-part { margin-bottom: 32px; padding-right: 0; } } .box-graph-tab .text-graph .box-graph-st { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 768px) { .box-graph-tab .text-graph .box-graph-st { width: 550px; } } .box-graph-tab .text-graph .caption-graph { margin-bottom: 4px; font-size: 16px; font-weight: 500; } .box-graph-tab .text-graph .under-caption { margin-bottom: 16px; color: #264653; font-size: 12px; font-weight: 400; line-height: 16px; } .box-graph-tab .line-big { margin-bottom: 20px; } .box-graph-tab .line-big .bottom { padding-top: 4px; color: #264653; font-size: 12px; } .box-graph-tab .line-big .top { font-weight: 500; font-size: 14px; } .box-graph-tab .line-big .top, .box-graph-tab .line-big .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-graph-tab .line-big .top .left, .box-graph-tab .line-big .bottom .left { width: 100%; } .box-graph-tab .line-big .top .right, .box-graph-tab .line-big .bottom .right { margin-left: 15px; -ms-flex-negative: 0; flex-shrink: 0; } .wrapper-dots-popup { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .wrapper-dots-popup .btn-more { margin-right: 0 !important; } .wrapper-dots-popup .drop { width: 160px; position: absolute; bottom: 48px; right: 0; padding: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none !important; background-color: white; z-index: 5; border-radius: 4px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .wrapper-dots-popup .drop { padding-top: 20px; width: initial; position: fixed; left: 0; right: 0; z-index: 10; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-right: 0; bottom: -300px; border-radius: 8px 8px 0 0; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFF; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } } .wrapper-dots-popup .drop .close-drop { display: none; } .wrapper-dots-popup .drop .btn-ico.big { width: 100%; height: initial; padding: 5px 8px; border: 0; text-align: left; color: #264653; background-color: transparent; margin-right: 0; margin-bottom: 8px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (max-width: 767px) { .wrapper-dots-popup .drop .btn-ico.big { padding: 8px; } } @media (min-width: 768px) { .wrapper-dots-popup .drop .btn-ico.big:hover { background-color: #EAF5F4; } } .wrapper-dots-popup .drop .btn-ico.big:last-child { margin-bottom: 0; } .wrapper-dots-popup .drop .btn-ico.big span { display: block; } .wrapper-dots-popup .drop .btn-favorite, .wrapper-dots-popup .drop .btn-compare { display: none; } @media (max-width: 991px) { .wrapper-dots-popup .drop .btn-favorite, .wrapper-dots-popup .drop .btn-compare { display: -webkit-box; display: -ms-flexbox; display: flex; } } .wrapper-dots-popup .btn-more { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 991px) { .wrapper-dots-popup > *.btn-ico { display: none; } } .wrapper-dots-popup.open .drop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 767px) { .wrapper-dots-popup.open .drop { bottom: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } } .ranges [data-range-key="Default"] { display: none; } .range-select-style { height: 32px; padding: 5px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; font-size: 12px; background-color: white; font-weight: 500; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .range-select-style span { width: 100%; padding-right: 10px; } .range-select-style i { font-size: 20px; } .daterangepicker { font-family: 'Inter', sans-serif; border: 1px solid #ebebeb; } .daterangepicker:before, .daterangepicker:after { display: none; } .daterangepicker .drp-buttons { border-top: 1px solid #ebebeb; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ebebeb; } .daterangepicker .btn.applyBtn, .daterangepicker .btn.cancelBtn { height: 30px !important; padding: 6px 16px; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Inter', sans-serif; border-radius: 4px; border: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .daterangepicker .btn.applyBtn { background-color: #264653; color: white; } @media (min-width: 768px) { .daterangepicker .btn.applyBtn:hover { background-color: #227F74; } } .daterangepicker .btn.cancelBtn { color: #4B6570; background-color: white; border: 1px solid #A6B3B8 !important; } @media (min-width: 768px) { .daterangepicker .btn.cancelBtn:hover { color: #264653; background-color: #A8D7D1; border: 1px solid #A8D7D1 !important; } } .daterangepicker td.in-range { background-color: #E9EDEE; } .daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #2A9D8F; } .corpus-parent-settings { padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #4B6570; font-size: 14px; } @media (max-width: 1279px) { .corpus-parent-settings { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .corpus-parent-settings .left-q { padding-right: 20px; } @media (max-width: 1279px) { .corpus-parent-settings .left-q { margin-bottom: 12px; } } @media (max-width: 1279px) { .residential.catalog-page.list .item .box-img-box { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .residential .flat-statistic li .left-box { margin-right: 0; white-space: nowrap; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .agency-box-border { padding: 12px; border-radius: 4px; border: 1px solid #EAF5F4; color: #264653; } .agency-box-border .list-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .agency-box-border .list-btn > * { margin-right: 4px; } .agency-box-border p { margin-bottom: 10px; } .bg-agent-wrapper { height: 125px; border-radius: 4px; position: relative; background: url("../img/bg-agent.webp") no-repeat center/cover; } .bg-agent-wrapper img { width: 100%; height: 125px; position: absolute; left: 0; top: 0; z-index: 0; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } .bg-agent-wrapper .drop-box-agent { top: 4px; left: 4px; z-index: 1; position: absolute; z-index: 2; } .bg-agent-wrapper .drop-box-agent .box-drop-file { width: 220px; position: absolute; top: 36px; left: 0; display: none; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .bg-agent-wrapper .drop-box-agent .info-d { color: #4B6570; font-size: 12px; line-height: 16px; } .bg-agent-wrapper .drop-box-agent .list-b li { margin-bottom: 16px; } .bg-agent-wrapper .drop-box-agent .list-b li:last-child { margin-bottom: 0; } .bg-agent-wrapper .drop-box-agent .btn-inside { margin: 0; padding: 0; font-family: 'Inter', sans-serif; color: #264653; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 0; } @media (min-width: 768px) { .bg-agent-wrapper .drop-box-agent .btn-inside:hover { cursor: pointer; color: #2A9D8F; } } .bg-agent-wrapper .drop-box-agent .btn-inside i { margin-right: 8px; font-size: 14px; } .bg-agent-wrapper .drop-box-agent.open .box-drop-file { display: block; } .small-inform-text { font-size: 12px; color: #4B6570; line-height: 16px; } .style-upload-2 .list-photos-upload { grid-template-columns: 1fr 1fr 1fr; } .style-upload-2 .list-photos-upload .one-block .buttons-list { top: 4px; right: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; left: initial; bottom: initial; } .style-upload-2 .list-photos-upload .one-block .buttons-list .one-btn { border-radius: 3px; background: rgba(0, 0, 0, 0.32); color: white; } @media (min-width: 768px) { .style-upload-2 .list-photos-upload .one-block .buttons-list .one-btn:hover { background: rgba(0, 0, 0, 0.64); } } .style-upload-2 .btn-border { height: 36px; } .style-upload-2 .drag-photo-box .finish-add { display: none; } .style-upload-2 .btn-border.border-primary-light2 { -webkit-transition: 0s; -o-transition: 0s; transition: 0s; cursor: pointer; } .style-upload-2 .drag-photo-box.active { width: initial; height: initial; margin: 16px -16px 0; padding: 12px 12px 0; border-radius: 0; text-align: left; display: block; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .style-upload-2 .drag-photo-box.active .text-line { display: none; } .style-upload-2 .drag-photo-box.active .finish-add { display: inline-block; } .style-upload-2 .drag-photo-box.active .start-text { display: none; } .style-upload-2 .drag-photo-box.active .btn-border.border-primary-light2 { height: initial; padding: 0; border: 0; color: #2A9D8F; font-weight: 500; font-size: 14px; } @media (min-width: 768px) { .style-upload-2 .drag-photo-box.active .btn-border.border-primary-light2:hover { color: #264653; background-color: transparent; } } .box-timer-slider { position: relative; } .box-timer-slider .drop { position: absolute; top: 44px; left: 0; right: 0; z-index: 2; padding: 8px; display: none; background-color: white; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-timer-slider .drop > * { width: 48%; } .box-timer-slider .drop .btn-dark { width: 100%; margin-top: 12px; } .box-timer-slider .open-call-drop { cursor: pointer; } .box-timer-slider.open .drop { display: -webkit-box; display: -ms-flexbox; display: flex; } .ui-timepicker-wrapper { width: 140px; margin-top: 4px; background: white; border: 1px solid rgba(0, 0, 0, 0.08); color: #333; font-family: 'Inter', sans-serif; font-weight: 400; padding: 5px; border-radius: 4px; } .ui-timepicker-list li { padding: 10px; cursor: pointer; } .ui-timepicker-list li:hover { background: #A8D7D1; color: #fff; } .ui-timepicker-list .ui-timepicker-selected { background: #2A9D8F !important; color: #fff !important; } .open-call-drop { position: relative; } .open-call-drop:after { top: 0; left: 0; right: 0; bottom: 0; content: ''; position: absolute; z-index: 1; } @media (max-width: 767px) { .drp-calendar.left .table-condensed thead .prev + th + th:before { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; content: ''; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } @media (max-width: 1279px) { .slider-top-right-controls .advert-item .price .old { display: none; } } .caption-style-3 { margin-top: -15px; margin-bottom: 24px; font-size: 16px; font-weight: 400; } .check-list { margin-bottom: 24px; } .check-list li { margin-bottom: 4px; padding: 16px; font-size: 16px; line-height: 24px; border-radius: 4px; background: #F0FAF8; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .check-list li { font-size: 14px; line-height: 20px; } } .check-list li:before { margin-right: 8px; font-size: 24px; color: #2A9D8F; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .check-list li:before { font-size: 20px; } } .check-list li:last-child { margin-bottom: 0; } .agents-list { margin-bottom: 12px; padding: 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: #FFF; } .agents-list .wr-one-agent { margin-bottom: 8px; padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .agents-list .wr-one-agent:last-child, .agents-list .wr-one-agent .one-agent { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { .agents-list .wr-one-agent.full-mobile .one-agent { -ms-flex-wrap: wrap; flex-wrap: wrap; } .agents-list .wr-one-agent.full-mobile .one-agent .right-btn { width: 100%; margin-left: 0; padding-top: 8px; } } .agents-list .one-agent { width: 100%; margin-bottom: 8px; padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .agents-list .one-agent:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .agents-list .one-agent .box-img { width: 32px; height: 32px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 8px; } .agents-list .one-agent .box-img img { border-radius: 8px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .agents-list .one-agent .name { width: 100%; } .agents-list .one-agent .name a { color: black; font-size: 14px; font-weight: 400; } .agents-list .one-agent .name a:hover { color: #2A9D8F; } .agents-list .one-agent .agent-list-cab { width: 100%; } .agents-list .one-agent .agent-list-cab .title a { color: black; font-size: 14px; font-weight: 500; } .agents-list .one-agent .agent-list-cab .title a:hover { color: #2A9D8F; } .agents-list .one-agent .description-agent-st { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .agents-list .one-agent .description-agent-st .item { margin-right: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #264653; } .agents-list .one-agent .description-agent-st .item span { margin-left: 4px; font-weight: 500; } .agents-list .one-agent .right-btn { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .agents-list .one-agent .right-btn > * { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .agents-list .one-agent .right-btn > .btn-border, .agents-list .one-agent .right-btn > .primary-btn { height: 32px; padding: 7px; font-size: 12px; } .static-agent-ic { width: 100%; margin-top: 8px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #E1F4F0; } .static-agent-ic .one { margin: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .static-agent-ic .one i { margin-right: 5px; font-size: 16px; line-height: 0; color: #4B6570; } .static-agent-ic .one i.ico-money { font-size: 12px; } .static-agent-ic .one i.ico-crown { font-size: 17px; } .static-agent-ic .one span { font-size: 14px; font-weight: 500; } .text-des-st { margin-bottom: 16px; color: black; font-size: 14px; font-weight: 400; line-height: 20px; } .buttons-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .buttons-box.style-1 > * { width: 50%; height: 48px; margin-right: 8px; font-size: 16px; font-weight: 500 !important; } .buttons-box.style-1 > *:last-child { margin-right: 0; } .buttons-box.style-2 { display: block; } .buttons-box.style-2 > * { width: 100%; height: 48px; font-size: 16px; font-weight: 500; margin-bottom: 16px; } .buttons-box.style-2 > *:last-child { margin-bottom: 0; } .list-check-st-1 .item { margin-bottom: 8px; padding: 12px 16px; border-radius: 4px; background: #EAF5F4; color: #4B6570; font-size: 14px; font-weight: 400; line-height: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } @media (min-width: 768px) { .list-check-st-1 .item:hover { background: #A8D7D1; } } .list-check-st-1 .item:last-child { margin-bottom: 0; } .list-check-st-1 .item .name { margin-bottom: 2px; color: black; font-size: 16px; font-weight: 600; line-height: 24px; } .company-found-1 { margin-bottom: 16px; padding: 12px 16px; border-radius: 4px; background: #EAF5F4; } .company-found-1 .line { margin-bottom: 8px; color: #264653; } .company-found-1 .line:last-child { margin-bottom: 0; } .company-found-1 .line .type { margin-right: 2px; display: inline-block; font-weight: 600; } .box-another-product { padding: 24px; border-radius: 4px; text-align: center; background: #EAF5F4; } .box-another-product .name { margin-bottom: 8px; font-size: 16px; font-weight: 600; line-height: 24px; } .box-another-product p { margin-bottom: 16px; color: #4B6570; font-size: 14px; line-height: 20px; } .residential-rout { display: none; } @media (max-width: 767px) { .residential-rout { display: inline; } } .box-top-brand { margin-bottom: 20px; padding: 24px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); background: #EAF5F4; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .box-top-brand { display: none; } } .box-top-brand .left-q { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-top-brand .swiper-buttons .swiper-pagination { bottom: 8px !important; } .box-top-brand .right-q { width: 480px; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .box-top-brand .right-q { width: 400px; } } @media (max-width: 991px) { .box-top-brand .right-q { width: 360px; } } .box-top-brand .swiper-buttons .btn-one-hide.next { right: 8px !important; } .box-top-brand .swiper-buttons .btn-one-hide.prev { left: 8px !important; } .box-top-brand .one-slider-swipe .slide { height: 270px; } .box-top-brand .name { margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 36px; } .box-top-brand .name a { color: black; } @media (min-width: 768px) { .box-top-brand .name a:hover { color: #2A9D8F; } } .box-top-brand .description-text { margin-bottom: 12px; font-size: 16px; line-height: 24px; } .box-top-brand .main-description { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .box-top-brand .main-description .item { width: 33%; max-width: 170px; } .box-top-brand .main-description .item .caption { color: #4B6570; font-size: 14px; line-height: 20px; } .box-top-brand .main-description .item .value { font-size: 16px; font-weight: 500; } .box-top-brand .line-buttons-product { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-top-brand .line-buttons-product .btn-dark, .box-top-brand .line-buttons-product .btn-border { padding: 5px 24px; } .box-top-brand .line-buttons-product .btn-ico { background-color: transparent; } .box-top-brand .line-buttons-product > * { margin-right: 8px; } .box-top-brand .line-buttons-product > *:last-child { margin-right: 0; } .column-2-16 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .column-2-16 > * { width: calc(50% - 8px); margin-right: 16px; margin-bottom: 16px; } @media (max-width: 767px) { .column-2-16 > * { width: 100%; margin-right: 0; } } .column-2-16 > *:nth-child(2n + 2) { margin-right: 0; } .box-show-other-company { margin-top: 16px; margin-bottom: -16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-show-other-company .btn-check-collapse { position: relative; cursor: pointer; } .box-show-other-company .btn-check-collapse:before { width: 42px; height: 24px; border-radius: 20px; background-color: #E1F4F0; } .box-show-other-company .btn-check-collapse:after { width: 20px; height: 20px; position: absolute; top: 2px; left: 2px; z-index: 1; background-color: white; border-radius: 50%; } .box-show-other-company .btn-check-collapse:before, .box-show-other-company .btn-check-collapse:after { content: ''; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-show-other-company .btn-check-collapse:hover:before { background-color: #2A9D8F; } .box-show-other-company.active .btn-check-collapse:before { background-color: #2A9D8F; } .box-show-other-company.active .btn-check-collapse:after { left: 20px; } .box-show-other-company input:checked + .btn-check-collapse:before { background-color: #2A9D8F; } .box-show-other-company input:checked + .btn-check-collapse:after { left: 20px; } .box-show-other-company .wrapper-box-list { margin-bottom: 16px; overflow: hidden; display: none; } .box-show-other-company.active .wrapper-box-list { display: block; } .box-show-other-company .box-list { margin-bottom: -20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .box-show-other-company .box-list .item { width: 171px; margin-right: 20px; } .box-show-other-company .box-list .item .box-img { height: 130px; margin-bottom: 8px; border-radius: 4px; overflow: hidden; display: block; line-height: 0; } .box-show-other-company .box-list .item .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-show-other-company .box-list .item .name { margin-bottom: 4px; font-size: 14px; font-weight: 500; } .box-show-other-company .box-list .item .name a { display: inherit; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-show-other-company .box-list .item .price { margin-bottom: 4px; font-size: 12px; font-weight: 600; } .box-show-other-company .box-list .item .address { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .box-show-other-company .box-list .item .insurance-price-line { margin-bottom: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #4B6570; } .box-show-other-company .box-list .item .insurance-price-line .text { margin-right: 4px; } .box-show-other-company .box-list .item .insurance-price-line .price-insurance { font-weight: 500; color: #2A9D8F; } .box-show-other-company .wrapper-check { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-show-other-company .wrapper-check .btn-check-collapse { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .statistic-mortgage { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .statistic-mortgage { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .statistic-mortgage .item { width: 33.3%; margin-bottom: 8px; margin-right: 8px; padding: 8px; border: 1px solid #EAF5F4; } @media (max-width: 767px) { .statistic-mortgage .item { width: calc(50% - 4px); } .statistic-mortgage .item:nth-child(2) { margin-right: 0; } } @media (max-width: 767px) { .statistic-mortgage .item.long-mobile { width: 100%; } } .statistic-mortgage .item:last-child { margin-right: 0; } .statistic-mortgage .item .caption { margin-bottom: 4px; font-size: 12px; font-weight: 400; color: #4B6570; } .statistic-mortgage .item .value { font-weight: 500; } .mortgage-one-company { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage-one-company .box-img { width: 40px; height: 40px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); } .mortgage-one-company .box-img.style1 { border: 0; } .mortgage-one-company .box-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mortgage-one-company .desc { width: 100%; padding-right: 16px; } .mortgage-one-company .desc .type { margin-bottom: 2px; color: #4B6570; font-size: 12px; } .mortgage-one-company .button-box { min-width: 230px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .mortgage-one-company .button-box { min-width: initial; } } .mortgage-one-company .button-box > * { width: 100%; height: 40px; padding: 5px 24px; } @media (max-width: 767px) { .mortgage-one-company .button-box > * { width: 52px; } .mortgage-one-company .button-box > * span { display: none; } } .mortgage-one-company .button-box > * i { display: none; } @media (max-width: 767px) { .mortgage-one-company .button-box > * i { font-size: 20px; display: inline-block; } } @media (max-width: 767px) { .mortgage-one-company .button-box > *.show-phone-number { display: none; } } .mortgage-one-company .button-box > *.mobile-call { display: none; } @media (max-width: 767px) { .mortgage-one-company .button-box > *.mobile-call { display: -webkit-box; display: -ms-flexbox; display: flex; } } .slider-style-column.swiper-container { opacity: 1 !important; } @media (max-width: 767px) { .box-one-l.size-full-l { margin-bottom: 24px; } } .box-filter-mobile-modal .desk-title-drop { height: 40px; padding: 4px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; color: #4B6570; background-color: white; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #D6D6D6; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .box-filter-mobile-modal .desk-title-drop:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .box-filter-mobile-modal .desk-title-drop.disabled { cursor: default; color: #81949b; opacity: 0.8; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.08); } .box-filter-mobile-modal .one-drop-modal-1.open .desk-title-drop { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } @media (max-width: 767px) { .box-filter-mobile-modal { position: fixed; left: 0; right: 0; bottom: 0; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; z-index: 100; background-color: white; } .box-filter-mobile-modal .desk-title-drop { display: none; } .box-filter-mobile-modal .caption-modal { padding: 12px 40px 12px 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: #000; position: relative; font-size: 18px; font-weight: 600; line-height: 28px; } .box-filter-mobile-modal .caption-modal .close-btn-style { position: absolute; width: 40px; height: 40px; top: 4px; right: 4px; line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #81949b; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-filter-mobile-modal .filter-scroll { height: 100%; max-height: calc(100vh - 90px); padding: 24px 24px 10px; overflow: auto; } .box-filter-mobile-modal .buttons-footer { padding: 12px 24px; -ms-flex-negative: 0; flex-shrink: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .box-filter-mobile-modal .one-drop-modal-1 { margin-bottom: 24px; } .box-filter-mobile-modal .one-drop-modal-1:last-child { margin-bottom: 0; } .box-filter-mobile-modal .one-drop-modal-1 .drop-box-under { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .box-filter-mobile-modal { margin-bottom: 16px; } .box-filter-mobile-modal .filter-scroll { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-filter-mobile-modal .caption-modal, .box-filter-mobile-modal .buttons-footer { display: none; } .box-filter-mobile-modal .one-drop-modal-1 { margin-right: 8px; position: relative; } .box-filter-mobile-modal .one-drop-modal-1:last-child { margin-right: 0; } .box-filter-mobile-modal .one-drop-modal-1 .name-caption { display: none; } .box-filter-mobile-modal .one-drop-modal-1.open .drop-box-under { display: block; } .box-filter-mobile-modal .drop-box-under { width: 230px; position: absolute; top: 44px; left: 0; z-index: 4; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; overflow: hidden; display: none; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .box-filter-mobile-modal .drop-box-under .radio-check-list { margin-bottom: 0; display: block; } .box-filter-mobile-modal .drop-box-under .radio-check-list li { width: 100%; margin-bottom: 0; margin-right: 0; } .box-filter-mobile-modal .drop-box-under .radio-check { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .box-filter-mobile-modal .drop-box-under .radio-check span { width: 100%; color: #4B6570; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; font-size: 14px; padding: 8px 16px; border-radius: 0; border: 0 !important; } .box-filter-mobile-modal .drop-box-under .radio-check input:checked + span { background-color: #E1F4F0; color: #264653; border: 0; } .box-filter-mobile-modal .drop-box-under .radio-check input:disabled + span { background-color: white; color: #81949b; cursor: default; border: 0; } } @media (max-width: 1279px) { .box-filter-mobile-modal.style2 .select2-custom-field.select2-with-search .select2-selection__rendered { display: inline-block; max-width: 91%; padding: 5px 36px 5px 16px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; } .box-filter-mobile-modal.style2 .one-drop-modal-1 { margin: 0; } .box-filter-mobile-modal.style2 .shrink-0 { margin: 0 16px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .shrink-0 { margin: 8px 8px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 .shrink-0 { margin: 0 0 0 8px; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .input-size { max-width: 290px; margin-right: 16px; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .input-size { margin-right: 8px; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .input-size:last-child { margin-right: 0; } .box-filter-mobile-modal.style2 .size-full-l { width: 100%; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .size-full-l { margin-right: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 3; flex-shrink: 3; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 .size-full-l { -ms-flex-wrap: initial; flex-wrap: initial; margin-bottom: 8px; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .size-full { width: 100%; -ms-flex-negative: 1; flex-shrink: 1; } .box-filter-mobile-modal.style2 .filter-scroll { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } } @media (min-width: 768px) and (max-width: 1279px) { .box-filter-mobile-modal.style2 .filter-scroll { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 .filter-scroll { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) and (max-width: 991px) { .box-filter-mobile-modal.style2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .box-one-l { display: -webkit-box; display: -ms-flexbox; display: flex; } } .box-filter-mobile-modal.style2 .one-drop-modal-1 .list-line-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-filter-mobile-modal.style2 .one-drop-modal-1 .list-line-2 > * { width: calc(50% - 2px); } @media (min-width: 768px) { .box-filter-mobile-modal.style2 .one-drop-modal-1 .name-caption { display: block; } } .btn-drop-check .desk-title-drop { height: 40px; padding: 4px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; color: #4B6570; background-color: white; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #D6D6D6; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (min-width: 768px) and (min-width: 991px) { .btn-drop-check .desk-title-drop { padding: 4px 10px; } } .btn-drop-check .desk-title-drop:hover { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .btn-drop-check .one-drop-modal-1.open .desk-title-drop { color: #264653; background-color: #E1F4F0; border: 1px solid #E1F4F0; } .btn-drop-check .one-drop-modal-1.open .drop-box-under { display: block; } .btn-drop-check .one-drop-modal-1 { position: relative; } .btn-drop-check .drop-box-under { width: 230px; position: absolute; top: 44px; left: 0; z-index: 4; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; overflow: hidden; display: none; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } .btn-drop-check .drop-box-under .radio-check-list { margin-bottom: 0; margin-right: 0; display: block; } .btn-drop-check .drop-box-under .radio-check-list li { width: 100%; margin-bottom: 0; margin-right: 0; } .btn-drop-check .drop-box-under .radio-check { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-drop-check .drop-box-under .radio-check span { width: 100%; color: #4B6570; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; font-size: 14px; padding: 8px 16px; border-radius: 0; border: 0 !important; } .btn-drop-check .drop-box-under .radio-check input:checked + span { background-color: #E1F4F0; color: #264653; border: 0; } .one-drop-modal-1 .name-caption { margin-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 20px; } @media (max-width: 767px) { .open-modal .box-filter-mobile-modal.active { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .wrapper-agent-filter { padding-top: 24px; } .wrapper-agent-filter .main-filter-btn { display: none; } } .application-cab-line-wr { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .application-cab-line-wr .application-cab-line { padding: 0; border: 0; } .application-cab-line-wr .status-search { margin-bottom: 16px; } .application-cab-line { padding: 16px; margin-bottom: 4px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .application-cab-line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .application-cab-line:last-child { margin-bottom: 0; } .application-cab-line .list-type { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .application-cab-line .list-type > * { margin-right: 8px; margin-bottom: 4px; font-size: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .application-cab-line .list-type > *:last-child { margin-right: 0; } .application-cab-line .list-type > * img { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; } .application-cab-line .list-type > * span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .application-cab-line .list-type > * span .sub-value { margin-left: 3px; } .application-cab-line .metro { width: 100%; } .application-cab-line .metro .name-metro { max-width: 100%; } .application-cab-line .name { margin-bottom: 4px; font-weight: 600; font-size: 14px; } .application-cab-line .type { margin-bottom: 12px; color: #264653; } @media (max-width: 767px) { .application-cab-line .type { margin-bottom: 0; } } .application-cab-line .desc-l { width: 140px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .application-cab-line .desc-l { width: 100%; margin-right: 0; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .application-cab-line .desc-l .tag { padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 4px; background-color: #E1F4F0; color: #264653; font-size: 12px; font-weight: 500; } .application-cab-line .long-block { width: 50%; overflow: hidden; padding-right: 16px; } @media (max-width: 767px) { .application-cab-line .long-block { width: 100%; margin-bottom: 16px; padding-right: 0; } } .application-cab-line .box-btn { -ms-flex-negative: 0; flex-shrink: 0; } .application-cab-line .box-btn .closed-order { padding: 8px 16px; color: #264653; font-weight: 500; font-size: 14px; } .application-cab-line .box-btn .date { margin-top: 12px; text-align: center; font-size: 12px; color: #4B6570; } @media (max-width: 767px) { .application-cab-line .box-btn .date { margin-top: 0; } } @media (max-width: 767px) { .application-cab-line .box-btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .application-cab-line .box-btn .primary-btn { height: 36px; } } .application-cab-line .box-name { margin-bottom: 16px; font-size: 20px; font-weight: 600; } .application-cab-line .simple-name { margin-bottom: 4px; font-size: 14px; color: #4B6570; } .application-cab-line .big-text-q { font-size: 16px; font-weight: 600; } .application-cab-line.style-2 { display: block; } .application-cab-line .btn-copy-order-wr { text-align: center; } @media (min-width: 768px) { .application-cab-line .btn-copy-order-wr { padding: 12px 0; } } @media (max-width: 767px) { .application-cab-line .btn-copy-order-wr { margin-right: auto; margin-left: 8px; } } .application-cab-line .btn-copy-order-wr .btn-copy-order { color: #4B6570; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .application-cab-line .btn-copy-order-wr .btn-copy-order { cursor: pointer; } .application-cab-line .btn-copy-order-wr .btn-copy-order:hover { color: #2A9D8F; } } @media (max-width: 767px) { .application-cab-line .btn-copy-order-wr .btn-copy-order { width: 36px; height: 36px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.16); background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .application-cab-line .btn-copy-order-wr .btn-copy-order span { display: none; } } .application-cab-line .btn-copy-order-wr .btn-copy-order i { margin-right: 8px; font-size: 16px; } @media (max-width: 767px) { .application-cab-line .btn-copy-order-wr .btn-copy-order i { margin-right: 0; font-size: 18px; } } .brand-link { cursor: pointer; } .line-filter-margin { margin: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) and (max-width: 1279px) { .line-filter-margin .btn-drop-check .desk-title-drop { font-size: 12px; } } .line-filter-margin .main-filter-btn { margin-right: 8px; } @media (max-width: 767px) { .line-filter-margin .main-filter-btn { margin-right: 0; width: 100%; } } .line-filter-margin .check-wrapper { line-height: 0; } @media (max-width: 767px) { .line-filter-margin .check-wrapper { display: none; } } .line-filter-margin .radio-check-list { margin-right: 8px; margin-bottom: 0; } .line-filter-margin .radio-check-list li { margin-right: 8px; margin-bottom: 0; } .line-filter-margin .radio-check-list li:last-child { margin-right: 0; } @media (min-width: 768px) and (max-width: 1279px) { .line-filter-margin .radio-check-list li .radio-check > span { padding: 5px 8px; } } @media (max-width: 767px) { .line-filter-margin .radio-check-list { display: none; } } .one-application-block { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .one-application-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .one-application-block:last-child { margin-bottom: 0; } .one-application-block .left-a { width: 100%; } .one-application-block .right-a { width: 380px; margin-left: 12px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .one-application-block .right-a { width: 320px; } } @media (max-width: 767px) { .one-application-block .right-a { width: 100%; margin-top: 12px; margin-left: 0; } } .static-border-box { margin-bottom: 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .static-border-box:last-child { margin-bottom: 0; } .static-border-box .inside { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .static-border-box .inside:last-child { border-bottom: 0; } .static-border-box .tag { padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 4px; background-color: #E1F4F0; color: #264653; font-size: 12px; font-weight: 500; } .static-border-box .box-buy { display: -webkit-box; display: -ms-flexbox; display: flex; } .static-border-box .box-buy .desc { width: 100%; } .static-border-box .box-buy .desc .number { margin-bottom: 4px; font-size: 20px; font-weight: 600; } .static-border-box .box-buy .desc p { font-size: 14px; line-height: 20px; color: #4B6570; } .static-border-box .box-buy .btn-form { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .wrap-show-id .call-mob { display: none; } @media (max-width: 991px) { .wrap-show-id .call-mob { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 991px) { .wrap-show-id .call-desk { display: none; } } .wrap-show-id.show .id-show-box .text { color: #264653; } .id-show-box { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .id-show-box .text { margin-right: 5px; font-size: 16px; font-weight: 600; color: #81949b; } .id-show-box input[type="password"] { letter-spacing: 2px; color: #81949b; } .id-show-box input { width: 100px; background-color: transparent; font-size: 16px; font-weight: 600; border: 0; color: #264653; } .top-box-filters { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .top-box-filters .box-filter-mobile-modal, .top-box-filters .main-filter-btn.filter-type-btn { margin-bottom: 0; } @media (max-width: 767px) { .top-box-filters { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .top-box-filters > * { width: calc(50% - 4px) !important; margin-left: 0 !important; margin-bottom: 0 !important; -ms-flex-negative: 10 !important; flex-shrink: 10 !important; } .top-box-filters > * .head-select { width: 100%; } } .top-box-filters .left-box { width: 100%; } .top-box-filters .select-drop { margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .page-name-search { margin-bottom: 12px; } .page-name-search h1 { margin-bottom: 4px; } .page-name-search .counter-search { margin: 0; font-size: 14px; color: #264653; font-weight: 400; line-height: 20px; } .one-realtor { margin-bottom: 4px; padding: 16px; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .one-realtor { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 768px) { .one-realtor:hover { background-color: #E1F4F0; } .one-realtor:hover .btn-light { background-color: white; color: #264653; } .one-realtor:hover .box-img { background-color: white; } } @media (max-width: 550px) { .one-realtor { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .one-realtor:last-child { margin-bottom: 0; } .one-realtor .box-img { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; border-radius: 50%; font-size: 24px; font-weight: 500; overflow: hidden; color: #264653; background: #E1F4F0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .one-realtor .box-img img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .one-realtor .button-box { width: 170px; margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 550px) { .one-realtor .button-box { width: 100%; margin-left: 0; padding-top: 16px; } } .one-realtor .button-box .btn-inside { width: 100%; text-align: center; } .one-realtor .button-box .show-phone-number { width: 100%; text-align: center; } @media (max-width: 767px) { .one-realtor .button-box .show-phone-number { display: none; } } .one-realtor .button-box .call-btn { display: none; } @media (max-width: 991px) { .one-realtor .button-box .call-btn { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .one-realtor .desc-realtors { width: 100%; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 550px) { .one-realtor .desc-realtors { width: calc(100% - 56px); } } .one-realtor .desc-realtors .left-box { width: 100%; } .one-realtor .desc-realtors .left-box .name { margin-bottom: 2px; font-weight: 500; } .one-realtor .desc-realtors .left-box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #4B6570; font-size: 12px; } .one-realtor .desc-realtors .left-box ul li { margin-right: 4px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .one-realtor .desc-realtors .left-box ul li { display: none; } .one-realtor .desc-realtors .left-box ul li:after { display: none; } } .one-realtor .desc-realtors .left-box ul li:first-child { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .one-realtor .desc-realtors .left-box ul li:last-child { margin-right: 0; } .one-realtor .desc-realtors .left-box ul li:last-child:after { display: none; } @media (max-width: 767px) { .one-realtor .desc-realtors .left-box ul li:last-child { display: block; } } .one-realtor .desc-realtors .left-box ul li:after { margin-left: 4px; content: '•'; position: relative; } .one-realtor .desc-realtors .right-box { width: 240px; font-weight: 500; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .one-realtor .desc-realtors .right-box { display: none; } } .one-realtor.agency .box-img { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: lightgray; } .one-realtor.agency .box-img img { border-radius: 0; } .realtor-wrapper { margin-bottom: 20px; } .realtor-wrapper .head { padding: 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #4B6570; } @media (max-width: 767px) { .realtor-wrapper .head { display: none; } } .realtor-wrapper .head .column-1 { width: 100%; } .realtor-wrapper .head .column-2 { width: 240px; -ms-flex-negative: 0; flex-shrink: 0; } .realtor-wrapper .head .column-3 { width: 170px; margin-left: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .realtor-wrapper.style2 .head .column-2 { width: 150px; } } @media (max-width: 991px) { .realtor-wrapper.style2 .one-realtor .desc-realtors .right-box { width: 150px; } } .map-site .item { margin-bottom: 24px; } .map-site h2 { margin-bottom: 16px; font-size: 18px; line-height: 28px; } .map-site ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px 24px; } @media (max-width: 1279px) { .map-site ul { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 991px) { .map-site ul { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .map-site ul { grid-template-columns: 1fr; } } .map-site ul a { color: black; } .map-site ul a:hover { color: #227F74; } .page-name-search.p-24 { margin: 0; padding: 12px 0 24px 0; } .page-name-search.search-with-button { padding: 12px 0 5px 0; } @media (max-width: 767px) { .page-name-search.search-with-button { padding: 12px 0 0; } } .page-name-search.search-with-button .wrapper-s { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .page-name-search.search-with-button .wrapper-s { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 10px; } } .page-name-search.search-with-button .wrapper-s .left-search { width: 100%; } .page-name-search.search-with-button .wrapper-s .right-search { -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 768px) { .page-name-search.search-with-button .wrapper-s .right-search { margin-left: 20px; } } @media (max-width: 767px) { .page-name-search.search-with-button .wrapper-s .status-service { display: none; } } @media (min-width: 768px) { .page-name-search.search-with-button .sort-filter-search { display: none; } } @media (max-width: 767px) { .page-name-search.search-with-button .sort-filter-search { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } } .button-sort-search, .show-view-prof, .style-product-show { margin-left: 16px; color: #4B6570; font-size: 24px; } .status-service { position: relative; } .status-service .head-service { color: #4B6570; font-size: 14px; cursor: pointer; font-weight: 500; line-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .status-service .head-service i { margin-right: 10px; font-size: 23px; } .status-service .body-service { width: 320px; position: absolute; top: 32px; z-index: 3; display: none; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { .status-service .body-service { left: 0; } } @media (min-width: 768px) { .status-service .body-service { right: 0; } } @media (min-width: 992px) { .status-service:hover .head-service:before { width: 320px; height: 20px; position: absolute; top: 20px; right: 0; display: block; content: ''; } .status-service:hover .body-service { display: block; } } @media (max-width: 991px) { .status-service.open .body-service { display: block; } } @media (min-width: 768px) { .status-service.mobile { display: none; } } .list-sites-circle { padding: 16px 12px 12px 16px; } .list-sites-circle li { margin: 0 4px 4px 0; padding: 4px 8px; border-radius: 4px; background: rgba(0, 0, 0, 0.04); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-sites-circle li:before { width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; content: ''; background-color: #2A9D8F; } .list-sites-circle li.danger:before { background-color: #EC2327; } .show-phone { position: relative; z-index: 1; } .show-phone .phone { display: none; } .show-phone.active .phone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .show-phone.active .btn-show-phone { display: none; } .show-phone.style1 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #2A9D8F; cursor: pointer; font-size: 14px; font-weight: 500; } @media (min-width: 768px) { .show-phone.style1:hover { color: #227F74; } } .prof-search-line { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .prof-search-line .link-product { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 0; display: block; } .prof-search-line .link-product span { visibility: hidden; } .prof-search-line .top-wr { padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; position: relative; } @media (max-width: 767px) { .prof-search-line .top-wr { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; } } .prof-search-line .list { margin-bottom: 16px; display: none; } @media (min-width: 992px) { .prof-search-line .list .box-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prof-search-line .list .box-price .value { margin-right: 8px; } .prof-search-line .list .box-price .box-amplitude-change .btn-amplitude { background-color: transparent; } } @media (max-width: 991px) { .prof-search-line .list .box-price .box-amplitude-change { display: none; } } .prof-search-line .bottom-wr { margin-top: 16px; } .prof-search-line .bottom-wr .btn-show-more { cursor: pointer; } .prof-search-line .bottom-wr.open .list { display: block; } .prof-search-line .bottom-wr.open .btn-show-more:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .prof-search-line .bottom-wr .box-loading-search { margin-bottom: 16px; padding: 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); text-align: center; } .prof-search-line .bottom-wr .box-loading-search .text-inside { color: #4B6570; font-size: 14px; } .prof-search-line .item, .prof-search-line .box { width: 100%; margin-bottom: 4px; padding: 16px; background-color: #E1F4F0; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: relative; } @media (max-width: 767px) { .prof-search-line .item, .prof-search-line .box { padding: 12px 12px 40px; } } .prof-search-line .item:last-child, .prof-search-line .box:last-child { margin-bottom: 0; } .prof-search-line .item .author, .prof-search-line .box .author { width: 100%; padding-right: 16px; } @media (max-width: 767px) { .prof-search-line .item .author, .prof-search-line .box .author { width: 70%; } } .prof-search-line .item .author .type-i, .prof-search-line .box .author .type-i { display: none; } @media (max-width: 767px) { .prof-search-line .item .author .type-i, .prof-search-line .box .author .type-i { font-size: 12px; color: #4B6570; display: block; } } .prof-search-line .item .date, .prof-search-line .box .date { width: 96px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .prof-search-line .item .date, .prof-search-line .box .date { bottom: 12px; left: 12px; position: absolute; } } @media (max-width: 767px) { .prof-search-line .item .type, .prof-search-line .box .type { display: none; } } .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { width: 160px; } @media (max-width: 991px) { .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { width: 124px; } } @media (min-width: 768px) { .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; } } @media (max-width: 767px) { .prof-search-line .item .type, .prof-search-line .item .site, .prof-search-line .item .price, .prof-search-line .box .type, .prof-search-line .box .site, .prof-search-line .box .price { width: initial; } } @media (max-width: 767px) { .prof-search-line .item .site, .prof-search-line .box .site { bottom: 12px; position: absolute; right: 33px; } } @media (max-width: 767px) { .prof-search-line .item .price, .prof-search-line .box .price { width: 30%; text-align: right; } } .prof-search-line .item .go-link, .prof-search-line .box .go-link { -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; line-height: 0; color: #264653; } @media (min-width: 768px) { .prof-search-line .item .go-link:hover, .prof-search-line .box .go-link:hover { color: #227F74; } } @media (max-width: 767px) { .prof-search-line .item .go-link, .prof-search-line .box .go-link { position: absolute; right: 12px; bottom: 14px; } } .prof-search-line:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .prof-search-line .box-left-desc { width: 100%; margin-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .prof-search-line .box-left-desc { margin-bottom: 12px; margin-right: 0; } } .prof-search-line .box-left-desc .wrap-box-img { width: 160px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .prof-search-line .box-left-desc .wrap-box-img .type { left: 4px; top: 4px; position: absolute; padding: 4px 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; z-index: 2; font-weight: 500; color: #264653; border-radius: 3px; background-color: white; } .prof-search-line .box-left-desc .wrap-box-img .count-photo { right: 4px; bottom: 4px; padding: 3px 6px; position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; border-radius: 3px; background: rgba(0, 0, 0, 0.32); color: white; font-size: 12px; font-weight: 600; } .prof-search-line .box-left-desc .wrap-box-img .count-photo i { margin-right: 4px; font-size: 16px; line-height: 0; } .prof-search-line .box-left-desc .box-img { position: relative; width: 100%; } .prof-search-line .box-left-desc .box-img:before { content: ""; display: block; padding-top: 75%; } .prof-search-line .box-left-desc .box-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .prof-search-line .box-left-desc .box-img > img { border-radius: 8px; } .prof-search-line .box-left-desc.closed .box-img img { opacity: 0.4; } .prof-search-line .box-left-desc.closed .ico-box-img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #4B6570; font-size: 32px; } .prof-search-line .box-desc { width: 100%; } .prof-search-line .box-desc .name { margin-bottom: 8px; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; /* Кількість рядків для відображення */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .prof-search-line .box-desc .date { font-size: 12px; line-height: 16px; color: #4B6570; } .prof-search-line .box-desc .metro-address { margin-bottom: 8px; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prof-search-line .box-desc .metro-address i { margin-right: 8px; color: #81949b; font-size: 16px; } .prof-search-line .data-value { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; } @media (max-width: 991px) { .prof-search-line .data-value { width: 40%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .prof-search-line .data-value { width: 100%; } } @media (min-width: 992px) { .prof-search-line .data-value .area-price { width: 100%; } } .prof-search-line .data-value .custom-drop { margin-left: 8px; } .prof-search-line .data-value .list-type { width: 240px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1279px) { .prof-search-line .data-value .list-type { width: 170px; } } @media (max-width: 991px) { .prof-search-line .data-value .list-type { width: 100%; } } .prof-search-line .data-value .list-type > span { margin: 0 8px 6px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prof-search-line .data-value .list-type > span img { margin-right: 4px; } @media (max-width: 767px) { .prof-search-line .data-value .list-type > span img { width: 16px; } } .prof-search-line .data-value .box-price { width: 160px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; color: #4B6570; font-size: 14px; } @media (max-width: 1279px) { .prof-search-line .data-value .box-price { width: 130px; } } @media (max-width: 991px) { .prof-search-line .data-value .box-price { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } .prof-search-line .data-value .box-price .price1 { font-size: 18px; color: black; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .prof-search-line .data-value .box-price .price1 { margin-right: 10px; } } .prof-search-line .type-prof-search { width: 240px; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1279px) { .prof-search-line .type-prof-search { width: 160px; } } @media (max-width: 991px) { .prof-search-line .type-prof-search { width: 100%; } } @media (max-width: 767px) { .prof-search-line .type-prof-search { margin-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prof-search-line .type-prof-search > * { margin-right: 9px !important; padding: 4px 0 !important; margin-bottom: 0 !important; } } @media (max-width: 767px) { .prof-search-line .type-prof-search .show-phone { display: none; } } .prof-search-line .type-prof-search .title { font-size: 14px; color: #4B6570; } @media (max-width: 767px) { .prof-search-line .type-prof-search .title { display: none; } } .prof-search-line .type-prof-search .search-i { color: #264653; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 768px) { .prof-search-line .type-prof-search .search-i { display: none; } } .prof-search-line .type-prof-search .author { margin-bottom: 8px; font-size: 14px; font-weight: 500; color: black; } @media (max-width: 767px) { .prof-search-line .type-prof-search .author { font-size: 12px; } } .prof-search-line .type-prof-search .user-ads { padding-top: 5px; position: relative; z-index: 1; } @media (max-width: 767px) { .prof-search-line .type-prof-search .user-ads { padding-top: 0; } .prof-search-line .type-prof-search .user-ads .brand-link { font-size: 12px; } } .prof-search-line .buttons-box-prof { width: 160px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof { width: 100%; } } .prof-search-line .buttons-box-prof .wrapper-btn-mob { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .prof-search-line .buttons-box-prof .wrapper-btn-mob { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .prof-search-line .buttons-box-prof .wrapper-btn-mob .call-mob-i { display: none; position: relative; z-index: 1; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof .wrapper-btn-mob .call-mob-i { margin-right: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .prof-search-line .buttons-box-prof .line-btn { margin-bottom: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; line-height: 20px; position: relative; z-index: 1; color: #4B6570; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof .line-btn { width: 40px; height: 40px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.16); background: white; margin-bottom: 0; margin-right: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .prof-search-line .buttons-box-prof .line-btn span { display: none; } } @media (min-width: 768px) { .prof-search-line .buttons-box-prof .line-btn:hover { color: #227F74; } } .prof-search-line .buttons-box-prof .line-btn i { width: 21px; margin-right: 8px; font-size: 18px; } @media (max-width: 767px) { .prof-search-line .buttons-box-prof .line-btn i { margin-right: 0; } } .prof-search-line .buttons-box-prof .line-btn.disabled { color: #81949B; } @media (min-width: 768px) { .prof-search-line .buttons-box-prof .line-btn.disabled:hover { color: #81949B; } } .prof-search-line .list-sites { position: absolute; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .prof-search-line .list-sites { margin-bottom: 8px; position: relative; bottom: initial; } } .prof-search-line .list-sites li { margin-left: 4px; padding: 4px 8px; display: inline-block; color: #4B6570; font-size: 12px; border-radius: 4px; background: #E1F4F0; } @media (max-width: 767px) { .prof-search-line .list-sites li { margin-left: 0; margin-right: 4px; } } .custom-tag-select .select2-search.select2-search--inline { border: 0 !important; } .box-developer-inform { padding: 24px 0 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .box-developer-inform { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .box-developer-inform .left-q { width: 100%; } .box-developer-inform .left-q .description-agent { margin-bottom: 0; max-width: 100%; } @media (min-width: 767px) and (max-width: 991px) { .box-developer-inform .left-q .description-agent .main-description { padding: 14px; } .box-developer-inform .left-q .description-agent .main-description .one-d { padding: 0 5px; } .box-developer-inform .left-q .description-agent .main-description .one-d span { font-size: 16px; } } .box-developer-inform .right-q { width: 400px; margin-left: 24px; padding: 24px; border-radius: 4px; -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .box-developer-inform .right-q { width: 300px; } } @media (max-width: 767px) { .box-developer-inform .right-q { width: 100%; margin-left: 0; margin-bottom: 24px; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } } .box-developer-inform .right-q .box-img { width: 160px; height: 160px; margin: 0 auto 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-developer-inform .right-q h1 { margin-bottom: 8px; font-size: 24px; font-weight: 600; text-align: center; } .box-developer-inform .right-q .type { margin-bottom: 24px; text-align: center; color: #4B6570; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; } .box-developer-inform .right-q .type i { margin-right: 4px; color: #2A9D8F; font-size: 18px; } .box-developer-inform .right-q .btn-border { width: 100%; height: 48px; } .box-clean-developer { padding: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .box-clean-developer img { width: 130px; margin: 0 auto 16px; } .box-clean-developer .title { margin-bottom: 8px; font-size: 18px; font-weight: 600; } .box-clean-developer p { font-size: 14px; color: #4B6570; line-height: 20px; } .all-company-developer { margin-bottom: 48px; } @media (max-width: 767px) { .all-company-developer { margin-bottom: 24px; } } .developer-map .catalog-map { display: block; } .developer-map .catalog-map .map-contact { height: 480px; } .children-mb-20 > h2 + .column-1-3:nth-last-child(3) { margin-bottom: 20px; } .filter-developer { margin-bottom: 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); } .custom-tag-select.select-with-add input { border: 0; } .with-search.style-width-2 { max-width: 200px; } @media (max-width: 767px) { .with-search.style-width-2 { max-width: initial; } } .line-price-balance { margin-top: 16px; color: #264653; font-weight: 500; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .line-price-balance img { width: 16px; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .line-price-balance .value { margin-left: 5px; font-weight: 600; color: black; } .closed-site { max-width: 480px; height: 100%; margin: 0 auto; padding: 0 12px 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } @media (max-width: 767px) { .closed-site { padding: 0 12px 52px; } } .closed-site .caption { margin-bottom: 16px; font-size: 24px; font-weight: 600; line-height: 32px; } .closed-site .img-box { width: 130px; margin: 0 auto 64px; } .closed-site .img-box img { width: 100%; } .closed-site .description { font-size: 16px; color: #4B6570; line-height: 24px; } .animClosedSite { max-width: 480px; width: 100%; margin: 0 auto 64px; } @media (max-width: 991px) { .only-desk { display: none; } } .map-modal .gm-style .gm-style-iw-a { display: none; } @media (max-width: 991px) { .wrapper-custom-modal.fullMapModal .modal-custom { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal.fullMapModal .modal-custom .map-modal { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper-custom-modal.fullMapModal .modal-custom .map-modal #mapModal { height: 100%; } } @media (min-width: 992px) { .only-mob { display: none; } } .swiper-lazy-preloader { width: 104%; height: 100%; position: absolute; left: -2%; top: 0; margin: 0 !important; bottom: 0; right: -2%; border: 0; border-radius: 0; background: transparent url("/img/default-img.webp") no-repeat center/cover; } .my-benefits { margin: 0 -6px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .my-benefits { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .my-benefits .one-item { width: calc(20% - 12px); min-height: 98px; margin: 0 6px; padding: 16px 10px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; background-color: white; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); text-align: center; color: #264653; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 767px) { .my-benefits .one-item { width: calc(50% - 12px); margin-bottom: 12px; } } .my-benefits .one-item:last-child { margin-right: 0; } @media (max-width: 767px) { .my-benefits .one-item:last-child { width: calc(100% - 12px); margin-bottom: 0; } } .my-benefits .one-item .number { margin-bottom: 4px; font-weight: 600; line-height: 30px; font-size: 20px; } .my-benefits .one-item .name { font-size: 12px; line-height: 16px; } .box-tooltip { position: absolute; left: 0; top: 0; z-index: 11; right: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-tooltip .box-description { width: 310px; min-width: 100%; max-width: 90vw; position: absolute; left: 0; display: none; top: 32px; padding: 8px 12px; border-radius: 4px; background: #264653; color: #FFF; font-size: 12px; line-height: 16px; text-align: left; } @media (max-width: 767px) { .box-tooltip .box-description { min-width: 100px; } } .box-tooltip .box-description p { font-size: 12px; line-height: 16px; } .box-tooltip .box-description .txt { margin-bottom: 20px; } .box-tooltip .box-description .txt:last-child { margin-bottom: 0; } .box-tooltip.style-2 .tooltip-box { width: 24px; height: 24px; position: absolute; top: 4px; right: 4px; border-radius: 4px; background: rgba(231, 81, 59, 0.08); font-size: 16px; color: #E7513B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 768px) { .box-tooltip.style-2 .tooltip-box:hover { background: rgba(231, 81, 59, 0.12); cursor: pointer; } .box-tooltip.style-2 .tooltip-box:hover + .box-description { display: block; } } @media (max-width: 767px) { .box-tooltip.style-2.open .box-description { display: block; } } @media (min-width: 768px) { .wrapper-description-item .priceNow.max-weight + .old { display: none; } } .notification-wrapper a { color: #2A9D8F; } .notification-wrapper a:hover { color: #227F74; } @media (max-width: 767px) { .fancybox-slide { padding: 0; } .fancybox-slide .fancybox-content iframe { width: 100vw !important; height: 100vh !important; position: fixed; left: 0; right: 0; bottom: 0; top: 0; } } @media (max-width: 767px) { .fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right { visibility: visible; opacity: 1; } } @media (max-width: 767px) { .slider-product .slider-for { padding-bottom: 20px; } .slider-product .slider-for .slick-dots { bottom: 0; } .slider-product .slider-for .slick-dots li { background-color: rgba(128, 128, 128, 0.5); } .slider-product .slider-for .slick-dots li.slick-active { background-color: #2A9D8F; } } button, input, a { outline: none; -webkit-tap-highlight-color: transparent; } button:focus, input:focus, a:focus { outline: none; } button:active, input:active, a:active { outline: none; } .caption-form-above { margin-bottom: 4px; position: relative; color: #4B6570; font-size: 14px; font-weight: 500; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-form-above.must:after { width: 6px; height: 6px; margin-top: 2px; margin-left: 8px; border-radius: 50%; display: inline-block; content: ''; background-color: #E7513B; } .agencyShow { display: none; } .agencyShow.active { display: block; } .box-plan-account { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .box-plan-account { margin-bottom: 16px; padding: 12px 12px 28px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } } @media (max-width: 991px) { .box-plan-account { margin-bottom: 12px; padding: 12px 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: #E1F4F0; } } .box-plan-account i { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; color: #227F74; } .box-plan-account .des { width: 100%; color: #264653; } .box-plan-account .des .title { margin-bottom: 4px; font-size: 14px; font-weight: 500; line-height: 20px; } .box-plan-account .des .txt { font-size: 12px; line-height: 16px; } .box-plan-account .des .btn-change-modal { margin-top: 12px; height: 32px; font-size: 12px; } .your-site { margin-bottom: 12px; padding: 12px 16px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; } .your-site .caption-t { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .your-site .caption-t .left-side { width: 100%; } .your-site .caption-t .right-side { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4B6570; } .your-site .caption-t .right-side i { margin-right: 4px; font-size: 16px; } .your-site .body-t { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .your-site .body-t { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .your-site .body-t .btn-circle2 { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .your-site .body-t .btn-circle2:last-child { margin-right: 0; } .your-site .body-t .link-t { width: 100%; height: 36px; margin-right: 8px; padding: 2px 16px; border-radius: 30px; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.04); color: #4B6570; font-size: 14px; } @media (max-width: 767px) { .your-site .body-t .link-t { margin-bottom: 12px; margin-right: 0; } } .your-site.copied .link-t { -webkit-animation: flash-bg-city 0.5s ease-in-out 1; animation: flash-bg-city 0.5s ease-in-out 1; } @keyframes flash-bg-city { 0%, 100% { border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.04); } 50% { border: 1px solid #D6D6D6; background: rgba(0, 0, 0, 0.1); } } .check-item-ico li { margin-bottom: 8px; padding-left: 20px; position: relative; font-size: 12px; line-height: 16px; } .check-item-ico li:last-child { margin-bottom: 0; } .check-item-ico li:before { position: absolute; top: 1px; left: 0; color: #2A9D8F; font-size: 16px; display: inline-block; content: "\e906"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-packages { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-packages .item-wrapper { width: 328px; margin-bottom: 8px; padding: 0 4px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .list-packages .item-wrapper { width: 100%; } } .list-packages .bought-package { margin-bottom: 12px; height: 36px; background-color: #E9EDEE; font-size: 14px; font-weight: 500; color: #4B6570; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-packages .item { height: 100%; padding: 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } @media (min-width: 768px) { .list-packages .item:hover { border: 1px solid #D6D6D6; -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08); } } @media (min-width: 768px) { .list-packages .item.bought:hover { border: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } } .list-packages .item .title { margin-bottom: 12px; font-size: 14px; font-weight: 500; color: #4B6570; } .list-packages .item .btn-to-buy { height: 36px; margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-packages .item .price-block { margin-bottom: 12px; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-packages .item .price-block .old-price { color: #81949b; font-weight: 500; text-decoration: line-through; font-size: 12px; } .list-packages .item .price-block .price { font-weight: 700; font-size: 20px; } .list-packages-wr { margin: 0 -4px 16px; overflow: auto; } .drop-box-under.disabled .radio-check-list li { display: none; } .drop-box-under.disabled .radio-check-list li:first-child { display: block; } .modal-user-box { margin-bottom: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-user-box .box-img { width: 32px; height: 32px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; } .modal-user-box .box-img img { border-radius: 8px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .modal-user-box .name-owner { font-weight: 500; font-size: 14px; } .wr-box-top-agent-st { margin-bottom: 4px; padding-bottom: 8px; overflow: auto; } .box-top-agent-st { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-top-agent-st .agent-st-item { width: 140px; height: 90px; margin-right: 8px; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); background: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); } .box-top-agent-st .agent-st-item .agent-st-name { margin-bottom: 5px; font-size: 12px; color: #264653; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-top-agent-st .agent-st-item .agent-st-name i { margin-left: 4px; margin-right: -2px; font-size: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .box-top-agent-st .agent-st-item .agent-st-name i.ico-money { padding-top: 2px; font-size: 12px; } .box-top-agent-st .agent-st-item .agent-st-name i.ico-crown { font-size: 17px; } .box-top-agent-st .agent-st-item .agent-st-info { font-size: 18px; font-weight: 600; } .box-top-agent-st .agent-st-item .agent-st-info.clean { color: #81949B; } .top-compare-filter { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .top-compare-filter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .top-compare-filter { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .top-compare-filter .type-property { margin-right: 16px; } } @media (max-width: 767px) { .top-compare-filter .type-property { margin-bottom: 16px; width: 100%; } } .top-compare-filter .box-check-scroll { -ms-flex-negative: 0; flex-shrink: 0; } .btn-need-help { margin-bottom: 24px; } .btn-need-help i { margin-right: 6px; font-size: 18px; } .product-info-right.product-modal { margin-bottom: 24px; } .product-info-right.product-modal .show-phone-number { margin-bottom: 0; } .one-property-item { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .one-property-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .one-property-item .name-block { margin-bottom: 16px; font-size: 20px; font-weight: 600; line-height: 30px; } .one-property-item .name-block2 { margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 24px; } @media (min-width: 768px) { .modal-product-i { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .modal-product-i .left-q { margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; width: 440px; top: 0; position: -webkit-sticky; position: sticky; } } @media (max-width: 991px) { .modal-product-i .left-q { width: 320px; } } @media (max-width: 767px) { .modal-product-i .left-q { width: 100%; } } .modal-product-i .right-q { width: 100%; } .modal-product-i .slider-product { border-radius: 4px; overflow: hidden; } .modal-product-i .slider-product, .modal-product-i .slider-product .slider-for .one-box { height: 330px; } @media (max-width: 991px) { .modal-product-i .slider-product, .modal-product-i .slider-product .slider-for .one-box { height: 240px; } } @media (max-width: 767px) { .modal-product-i .slider-product, .modal-product-i .slider-product .slider-for .one-box { height: initial; } } .modal-product-i .slider-product .slider-for .slick-btn.slick-next { right: 16px; } .modal-product-i .slider-product .slider-for .slick-btn.slick-prev { left: 16px; } .modal-product-i .slider-product { opacity: 0; } .modal-product-i.active .slider-product { opacity: 1; } .form-field .full-width { width: 100%; } .top-compare-filter .type-property { opacity: 1; will-change: auto; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (min-width: 768px) { .sticky-compare .top-compare-filter { height: 48px; } } .sticky-compare .top-compare-filter .type-property { opacity: 0; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; pointer-events: none; } .form-list-check { padding-top: 12px; position: relative; z-index: 5; } .form-list-check .show-box-for-checkbox { display: none; padding-top: 12px; } .form-list-check.open .show-box-for-checkbox { display: block; } .map-catalog-left .all-description { background-color: white; } @media (min-width: 768px) { .close-drop-d { display: none; } } @media (max-width: 767px) { .close-drop-d { width: 40px; height: 40px; position: absolute; right: 0; top: 0; font-size: 30px; z-index: 4; color: #D6D6D6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .close-drop-d:before { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; } } .compare-page:before { width: 232px; left: 0; top: 140px; bottom: 30px; position: absolute; z-index: 2; content: ''; background-color: white; display: block; } @media (max-width: 767px) { .compare-page:before { top: 170px; display: none; } } .box-over-map { background-color: rgba(0, 0, 0, 0.1); position: fixed; left: 0; top: 0; right: 0; bottom: 0; content: ''; z-index: 15; display: none; } @media (max-width: 767px) { .open-map.map-product-mobile .box-over-map { display: block; } } @media (max-width: 767px) { .drop-open-mobile .catalog-map .map-catalog-left .wrapper-pr { overflow: hidden; } } .advert-item .line-buttons-product .wrapper-small-tbn .drop .btn-ico { z-index: 3; } .advert-item .line-buttons-product .wrapper-small-tbn .drop .btn-ico i { width: 22px; } @media (max-width: 767px) { .open-map main, .open-map .top-wrapper-page { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .title-with-btn { width: 100%; margin-bottom: 16px; padding: 24px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .title-with-btn { margin-bottom: 12px; padding: 16px 12px 0; } } .title-with-btn h1 { width: 100%; margin-bottom: 0 !important; } .title-with-btn .category-filter { margin-bottom: 0; margin-left: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .link-box-favorite { display: none; } .wrapper-page-favorite { height: 100%; } @media (min-width: 992px) { .wrapper-page-favorite .catalog-with-map .catalog-page .advert-item { width: 50%; } } @media (max-width: 767px) { .wrapper-page-favorite .catalog-with-map .catalog-page .advert-item { margin-bottom: 0; } } @media (max-width: 991px) { .wrapper-page-favorite .catalog-with-map .catalog-page { min-width: 400px; } } @media (min-width: 992px) { .wrapper-page-favorite .catalog-with-map .catalog-page { min-width: 520px; padding: 0 14px !important; } } @media (max-width: 991px) { .wrapper-page-favorite .catalog-with-map .catalog-page { min-width: 0; } } @media (max-width: 991px) { .wrapper-page-favorite .catalog-with-map .catalog-map { max-height: 100%; height: 100%; } .wrapper-page-favorite .category-filter .btn-border { padding: 5px 9px; border: 0; } .wrapper-page-favorite .category-filter .btn-border i { font-size: 24px; } .wrapper-page-favorite .list-buttons { padding: 0 12px 12px; } .wrapper-page-favorite .catalog-with-map { width: 100%; position: fixed; top: 50px; height: initial !important; bottom: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: 0; } .wrapper-page-favorite .catalog-with-map > * { width: 100%; } .wrapper-page-favorite .catalog-with-map .catalog-map #map { height: 100%; } .wrapper-page-favorite .catalog-with-map .catalog-page { position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .wrapper-page-favorite .link-box-favorite { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .wrapper-page-favorite .link-box-favorite span { display: none; } } .page-favorite { height: 100%; } @media (min-width: 768px) { .page-favorite .catalog-with-map .catalog-map #map, .page-favorite .catalog-with-map .catalog-page { height: 100%; } } .page-favorite > *, .page-favorite .simple-page, .page-favorite .catalog-album, .page-favorite .catalog-with-map { height: 100%; padding: 0; } .mobile-fav { display: none; } @media (max-width: 767px) { .mobile-fav { display: block; width: 100%; } } .desktop-fav { width: 100%; } .desktop-fav .list-buttons { padding: 0 14px 6px; } @media (max-width: 767px) { .desktop-fav { display: none; } } .list-favorite-product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .list-favorite-product { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .trash-all-compare { position: absolute; right: 0; top: 65px; } } .page-favorite .catalog-page { -ms-flex-wrap: initial; flex-wrap: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .import-input-button { display: -webkit-box; display: -ms-flexbox; display: flex; } .import-input-button input { width: 100%; } .import-input-button .btn-inside { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) { .import-input-button .btn-inside { min-width: 110px; } } .load-import-ico { width: 54px; height: 54px; margin: -16px 0 -16px -16px; -ms-flex-negative: 0; flex-shrink: 0; } .import-size { width: 54px; height: 54px; margin: -16px 0 -16px -16px !important; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .error-import { padding-top: 12px; } .error-import .info-badge { margin-bottom: 12px; } .error-import .info-badge:last-child { margin-bottom: 0; } .select2-custom-field.simple-text-select { width: initial; min-width: 80px; -ms-flex-negative: 0; flex-shrink: 0; } .select2-custom-field.simple-text-select .select2-container--default .select2-selection--single { background: transparent; border: 0; } .select2-custom-field.simple-text-select .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; background: transparent; } .select2-custom-field.simple-text-select .select2-selection__arrow { display: none !important; } .info-steps-ico-mob { display: none; } @media (min-width: 768px) { .fixed-step-page { margin-bottom: 32px; } .fixed-step-page .one-item.help-line { display: none; } } @media (max-width: 767px) { .fixed-step-page { height: 68px; margin-top: -12px; position: relative; } .fixed-step-page .main-step-mob { padding: 12px 0; } .fixed-step-page .info-steps-ico-mob { position: absolute; top: 14px; right: 30px; display: block; } .fixed-step-page .info-steps-ico-mob a { font-size: 20px; } .fixed-step-page .info-steps-ico-mob i.ico-circle-warning:before { content: "\e9a8"; } .fixed-step-page.fixed .main-step-mob { padding: 12px; background-color: white; position: fixed; top: 52px; left: 0; right: 0; z-index: 19; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } .fixed-step-page.fixed .help-line { right: 12px; } .fixed-step-page.fixed .info-steps-ico-mob { right: 42px; } } @media (max-width: 767px) { .help-line.desktop-help { display: none; } } @media (max-width: 767px) { .help-line { display: none; } } @media (max-width: 767px) { .main-step-mob .help-line { display: block; } } .user-settings .balance-top-up3 { margin-bottom: 12px; background-color: white; } @media (max-width: 767px) { .category-filter.filter-search { display: none; } } .catalog-page-search { margin: 0; } .top-filter-mobile { display: none; } @media (max-width: 767px) { .top-filter-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .top-filter-mobile .btn-open-mobile-search { z-index: 4; font-size: 12px; font-weight: 500; color: #4B6570; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-filter-mobile .btn-open-mobile-search i { margin-right: 4px; font-size: 16px; } .top-filter-mobile .right-buttons { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; } .top-filter-mobile .right-buttons .btn-border { min-width: 28px; height: 28px; margin-left: 2px; font-size: 12px; padding: 4px 0; border: 0; } .top-filter-mobile .right-buttons .btn-border i { font-size: 16px; } } .wrapper-catalog-height { height: 64px; position: relative; } @media (max-width: 767px) { .wrapper-catalog-height { height: 102px; padding-top: 10px; background-color: white; } .wrapper-catalog-height.fixed .inside-filter-search { position: fixed; top: 52px; left: 0; right: 0; padding: 0 12px; background: white; z-index: 19; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } } .wrapper-catalog-height .wrapper-catalog-top { background-color: white; z-index: 20; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); } @media (min-width: 768px) { .wrapper-catalog-height .wrapper-catalog-top { position: fixed; top: 64px; padding-top: 10px; left: 0; right: 0; } .wrapper-catalog-height .wrapper-catalog-top .catalog-top-filter { padding-top: 2px; } } .box-fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; display: none; } @media (max-width: 767px) { .box-fixed-bottom.show { display: -webkit-box; display: -ms-flexbox; display: flex; } } .box-fixed-bottom .btn-show-on-map { position: absolute; left: 12px; bottom: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .box-fixed-bottom .btn-go-up { position: absolute; right: 12px; bottom: 12px; padding: 2px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 21px; } .modal-product-i .box-read-more.flat-statistic { margin-bottom: 0; } .modal-product-i .box-read-more.flat-statistic li { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-product-i .box-read-more.flat-statistic li:last-child { margin-bottom: 0; } .top-filter-mobile .btn-open-mobile-search { z-index: 3 !important; } .drop-open-mobile .wrapper-catalog-height.fixed .inside-filter-search { z-index: 3; } .btn-ico1 { -webkit-animation: pulse-scale 1s ease-in-out 3; animation: pulse-scale 1s ease-in-out 3; } @keyframes pulse-scale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @media (max-width: 767px) { .open-map .wrapper-catalog-height { height: 64px; padding-top: 0; } } .open-map .map-contact { height: calc(100vh - 128px); } @media (max-width: 767px) { .open-map .map-contact { height: calc(100vh - 116px); } } @media (max-width: 767px) { .open-map .top-filter-mobile { display: none; } } .save-on-map .ico-search:before { content: "\e929"; } @media (max-width: 767px) { .body-select.squad-filter { width: 100% !important; } .body-select.squad-filter .prices-columns { padding-top: 30px; position: relative; } .body-select.squad-filter .prices-columns .label-mask { position: absolute; top: 0; left: 0; margin: 0; } } .drop-mobile-bottom .wrapper-catalog-height.fixed .inside-filter-search, .drop-mobile-bottom .box-fixed-bottom { z-index: 9; } .map-product-mobile header, .map-product-mobile .catalog-top-filter .select-filter { z-index: 0; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body main { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media (max-width: 991px) { .wrapper-catalog-vip { margin: 0 -12px; } } .custom-select-wrapper { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .custom-select-wrapper .custom-select { position: relative; cursor: pointer; } .custom-select-wrapper .custom-select__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; padding: 11px 15px; border: 1px solid #ccc; border-radius: 6px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .custom-select-wrapper .custom-select__trigger span { color: #000000; font-size: 16px; } .custom-select-wrapper .custom-select .ico-down { position: relative; color: #81949b; font-size: 24px; margin-right: -4px; } .custom-select-wrapper .custom-select.open .ico-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .custom-select-wrapper .custom-select .custom-options { position: absolute; top: 100%; left: 0; right: 0; background: #fff; font-size: 14px; color: #000000; overflow: hidden; display: none; -webkit-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; z-index: 10; border-radius: 4px !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .custom-select-wrapper .custom-select .custom-options .custom-option { padding: 12px 16px; cursor: pointer; display: block; } @media (min-width: 992px) { .custom-select-wrapper .custom-select .custom-options .custom-option:hover { background-color: #2A9D8F; color: white; } } .custom-select-wrapper .custom-select .custom-options .custom-option.selected { background-color: #2A9D8F; color: white; } .custom-select-wrapper .custom-select.open .custom-options { display: block; } .styled-select-wrapper { position: relative; display: block; } .styled-select-wrapper:before { width: 48px; height: 48px; top: 0; right: 0; content: "\e90a"; position: absolute; color: #81949b; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .styled-select { height: 48px; position: relative; z-index: 2; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; padding: 10px 45px 10px 15px; color: #333; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; width: 100%; cursor: pointer; background-size: 16px; border: 1px solid #ccc; border-radius: 6px; outline: none; } .catalog-with-map .title-with-btn .select-drop .body-select { left: initial; right: 0; } @media (min-width: 768px) and (max-width: 991px) { .catalog-top-filter .select-filter:last-child .body-select { left: initial; right: 0; } .catalog-top-filter .select-filter .head-select { padding: 10px 9px; } .catalog-top-filter .select-filter .head-select span { font-size: 13px; } } @media (max-width: 991px) { .catalog-with-map .catalog-page { width: 100% !important; height: 300px !important; bottom: 0; background: white; z-index: 2; -ms-flex-wrap: nowrap; flex-wrap: nowrap; left: 0; } .catalog-with-map { height: calc(100vh - 175px); width: calc(100vw - 24px); overflow: hidden; } .catalog-with-map .catalog-page { width: 100%; height: 300px; position: absolute; bottom: 0; background: white; z-index: 2; -ms-flex-wrap: nowrap; flex-wrap: nowrap; left: 0; } .catalog-with-map .catalog-page .advert-item { width: 210px !important; -ms-flex-negative: 0; flex-shrink: 0; } .catalog-with-map .catalog-map { height: calc(100vh - 450px); z-index: 1; } .category-filter .only-mobile { display: block; } } .ui-datepicker-preset-buttons { margin: 0 0 5px; padding: 5px; border-top: 1px solid #ddd; background: #f9f9f9; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; } .ui-datepicker-preset-btn { padding: 6px 8px; background: #fff; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; text-align: center; font-size: 11px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .ui-datepicker-preset-btn:hover { background: #EAF5F4; border-color: #A8D7D1; } .ui-datepicker-preset-btn.active { background: #2A9D8F; color: white; border-color: #2A9D8F; } .phone { -webkit-touch-callout: none; -webkit-user-select: text; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } @media (max-width: 767px) { .catalog-page .wrapper-custom-modal .tags-product-list, .catalog-page .wrapper-custom-modal .agency-block { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flex-columns h2 { width: 100%; flex-shrink: 0; } .metro-line .custom-checkbox b { width: 12px; height: 12px; border-radius: 50%; content: ""; display: block; position: absolute; left: 34px; top: 4px; } .metro-line .custom-checkbox:before { display: none; } .counter-address[data-count="0"] { display: none; } .box-with-short-information { width: 100%; } .select2-container--default .select2-selection--single .select2-selection__clear { font-size: 22px; font-weight: normal; position: absolute; right: 44px; top: 9px; color: #81949b; z-index: 10; } .advert-item .list-type > * img { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.5); z-index: 999; display: none; align-items: center; justify-content: center; } .custom-input.error .select2-custom-field .select2-container--default .select2-selection--single { border: 1px solid #E7513B; } .box-img.letter { background-color: #EAF5F4; color: #264653; font-size: 24px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .item-editing .column-full { margin-bottom: 20px; } .item-editing .column-full:last-child { margin-bottom: 0; } .compare-page .list-product .item .simple-block { height: auto; } .pay-btn .enable { display: none !important; } .pay-btn.enable .enable { display: inline !important; } .pay-btn.enable .disabled { display: none !important; } .catalog-page .item .metro { display: none; } .catalog-page .item .adaptive-address { margin-bottom: 8px; display: flex; } @media (max-width: 767px) { .catalog-page .item .adaptive-address { margin-bottom: 4px; } } .catalog-page .item .statistic-flat { display: none; } .catalog-page.list .item .metro { display: flex; } .catalog-page.list .item .adaptive-address { display: none; } .catalog-page.list .item .statistic-flat { display: block; } .by-modal { z-index: 99; position: relative; } .mobile-search-other-page { display: none; } .advert-item .box-img-box .likes-compare a span { display: none; } .catalog-title { display: flex; align-items: center; } .catalog-title h1 { margin: 12px 0 20px; } .catalog-title .separator { margin: 12px 10px 20px; font-size: 24px; font-weight: 600; } .box-graph-st canvas { max-height: 260px; } .box-about-product { white-space: pre-wrap; word-wrap: break-word; } .adv-radio input:disabled:checked + .adv-wrapper { border: 2px solid #2A9D8F !important; } .adv-radio input:disabled:checked + .adv-wrapper .box-img { opacity: 1 !important; } .adv-radio input:disabled:checked + .adv-wrapper .name { color: black !important; } .box-about-product { white-space: pre-wrap; word-wrap: break-word; } .desc-danger { display: none; margin-top: 16px; } .input-with-mask { width: 100%; height: 40px; padding: 10px 16px; border-radius: 4px; background-color: transparent; border: 1px solid #D6D6D6; display: flex; align-items: center; margin-bottom: 16px; } .input-with-mask input { border: none; height: 20px; font-size: 14px; width: 100%; } .input-with-mask span { font-size: 14px; } .input-with-mask span.prefix { color: #81949B; margin-right: 10px; } .input-with-mask span.suffix { color: #4B6570; margin-left: 10px; } .map-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 3; } h2.must:after { width: 6px; height: 6px; margin-left: 8px; border-radius: 50%; display: block; content: ""; background-color: #E7513B; } h2.must { display: flex; align-items: center; } .squad-filter { width: 420px !important; } .squad-filter .prices-columns { display: flex; justify-content: flex-end; } .squad-filter .prices-columns .label-mask { margin: 10px 10px 0 0; } .map-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 3; } .image-placeholder { background: #EAF5F4; border-radius: 4px; display: flex; justify-content: center; align-items: center; } .one-block img { border-radius: 4px; } .drag-photo-box:hover { border: 2px dashed #15665c; } .drag-photo-box:hover .box-ico { color: #15665c; } .list-li { margin: 0 -4px -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-li li { width: calc(50% - 8px); margin: 0 4px 8px; cursor: pointer; padding: 10px 16px; border-radius: 4px; color: #4B6570; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 1px solid #D6D6D6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-line-pack: center; align-content: center; } .list-li li.active { background-color: #2A9D8F; border: 1px solid #2A9D8F; color: #FFFFFF; } .mini-number-adv { font-size: 12px !important; margin-left: 8px !important; } .mini-number-adv span { font-weight: 500; color: #264653; } .ad-profile-img { position: relative; } .ad-profile-img .list-rate { top: 4px; left: 4px; display: flex; flex-wrap: wrap; position: absolute; z-index: 1; } .ad-profile-img .list-rate li { width: 16px; margin-right: 4px; line-height: 0; } .ad-profile-img .list-rate li img { width: 100%; } button > .site-spinner, a > .site-spinner, div > .site-spinner { display: none; } button.wait, a.wait, div.wait { background: #4B6570 !important; } button.wait > .site-spinner, a.wait > .site-spinner, div.wait > .site-spinner { display: inline-block; } button.wait > *:not(.site-spinner), a.wait > *:not(.site-spinner), div.wait > *:not(.site-spinner) { display: none !important; } .loading-create-pay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, 0.24); justify-content: center; align-items: center; display: none; } .loading-create-pay.show { display: flex; } .loading-create-pay .load-body { width: 320px; height: 202px; background: white; border-radius: 8px; padding: 24px; } .loading-create-pay .load-body #animContainerPay { width: 160px; margin: 0 auto 24px; } .loading-create-pay .load-body .title { font-size: 14px; line-height: 20px; text-align: center; } .radio-check input:disabled + span { color: #E9EDEE; border: 1px solid #A6B3B8; background: #A6B3B8; } .now-pay { background: #EAF5F4; border-radius: 8px; padding: 12px 16px; color: #264653; font-size: 14px; line-height: 20px; margin-bottom: 24px; } .one-realtor { position: relative; } .one-realtor .link-agent { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; } .one-realtor .button-box { position: relative; z-index: 3; } .btn-edit { height: 48px; margin-bottom: 16px; font-size: 16px; display: flex; } .custom-cluster { width: 60px; height: 60px; background: url("/img/map-classter1.png") no-repeat center; background-size: contain; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px; } .leaflet-control-layers-base { display: flex; } .leaflet-control-layers-base label input { opacity: 0; } .leaflet-control-layers-base label > span > span { display: none; } .leaflet-control-layers-base label:has(.leaflet-control-layers-selector:checked) { border: 2px solid #2A9D8F; } .leaflet-control-layers-base label:nth-child(1) { width: 60px; height: 60px; background: url("/img/sattelite.png") no-repeat center/100%; display: block; margin-right: 10px; } .leaflet-control-layers-base label:nth-child(2) { width: 60px; height: 60px; background: url("/img/street.png") no-repeat center/100%; display: block; } .leaflet-control-layers-list { padding: 4px; } .leaflet-bottom.leaflet-right { display: none !important; } .trash-all-compare { margin-left: auto; cursor: pointer; } .catalog-with-map { display: flex; } .catalog-with-map .catalog-page { width: 40%; margin: 0; flex-shrink: 0; height: calc(100vh - 230px); overflow: auto; position: relative; } .catalog-with-map .catalog-page .advert-item { width: calc(50% - 5px); padding: 10px; height: auto; margin-bottom: 20px; } .catalog-with-map .catalog-page .advert-item.focus { background: #E1F4F0; } .catalog-with-map .catalog-map { display: block; width: 100%; } .catalog-with-map .catalog-map #map { width: 100%; height: calc(100vh - 230px); z-index: 1; } .catalog-with-map .catalog-map.favorite-map { margin-top: 0; } .category-filter .only-mobile { display: none; } .advert-item .text-for-clean { background: rgba(255, 255, 255, 0.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 1; text-align: center; font-size: 16px; line-height: 24px; font-weight: 500; color: #4B6570; } .map-location { z-index: 1; } #mapModal .gm-fullscreen-control, #mapModal .gmnoprint { display: none; } .label-right-input { height: 46px; line-height: 46px; border: 1px solid #D6D6D6; border-radius: 4px; background: #EEE; padding: 0 6px; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 991px) { .desc-danger { display: none; margin-top: 16px; } .mobile-search-other-page { display: block; } .btn-edit { display: none; } .catalog-with-map .catalog-page .advert-item { width: calc(100% - 5px); } } @media (max-width: 767px) { .catalog-title { display: block; } .catalog-title .separator { display: none; } .mobile-danger { display: none; } .desc-danger { display: block; } .mini-number-adv { margin-left: 0 !important; line-height: 12px; } .mini-number-adv-mob { margin-bottom: 4px; } .box-graph-tab .text-graph .left-part.left-part-mobile { margin-bottom: 0; } .box-graph-tab .text-graph .left-part.left-part-mobile .line-big:last-child { margin-bottom: 0; } .trash-all-compare { position: absolute; right: 0; top: 65px; } .top-compare-filter { position: relative; } .catalog-with-map { height: calc(100vh - 175px); width: calc(100vw - 24px); overflow: hidden; } .catalog-with-map .catalog-page { width: 100%; height: 300px; position: absolute; bottom: 0; background: white; z-index: 2; flex-wrap: nowrap; left: 0; } .catalog-with-map .catalog-page .advert-item { width: 210px; flex-shrink: 0; } .catalog-with-map .catalog-map { height: calc(100vh - 450px); z-index: 1; } .category-filter .only-mobile { display: block; } .catalog-map.active { position: fixed !important; } .catalog-footer footer { display: none; } } /*# sourceMappingURL=app.css.map */