/* Start:/local/templates/app/static/vendor/fancybox/jquery.fancybox.min.css?154054108114065*/ 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;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);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:.87;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,visibility 0s linear .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,visibility 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;text-align:center;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;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;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:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-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-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;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--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;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;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.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;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.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{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);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;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.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:#fff;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:transparent;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>ul{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>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;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-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;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 .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/app/static/vendor/ico2/style.css?1579849175840*/ @font-face { font-family: 'icomoon2'; src: url('/local/templates/app/static/vendor/ico2/fonts/icomoon2.eot?q14zvc'); src: url('/local/templates/app/static/vendor/ico2/fonts/icomoon2.eot?q14zvc#iefix') format('embedded-opentype'), url('/local/templates/app/static/vendor/ico2/fonts/icomoon2.ttf?q14zvc') format('truetype'), url('/local/templates/app/static/vendor/ico2/fonts/icomoon2.woff?q14zvc') format('woff'), url('/local/templates/app/static/vendor/ico2/fonts/icomoon2.svg?q14zvc#icomoon2') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon2' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-volleyball-ball-solid:before { content: "\e900"; } /* End */ /* Start:/local/templates/app/static/vendor/justijuedGallery/montage.css?15706936542229*/ /* * Justified Gallery - v3.6.3 * http://miromannino.com/projects/justified-gallery/ * Copyright (c) 2016 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .entry-visible > img, .justified-gallery > .entry-visible > a > img { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } /* End */ /* Start:/local/templates/app/static/vendor/slimselect/slimselect.min.css?15808094316240*/ .ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder,.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-single-selected .placeholder *{width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:#fff;background-color:#5897fb;border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px}.ss-content .ss-search.ss-hide,.ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-content .ss-addable{padding-top:0}.ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option *{display:inline-block}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,.1)}.ss-content .ss-list .ss-option.ss-hide{display:none}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c} /* End */ /* Start:/local/templates/app/static/css/style.css?157925461975398*/ @charset "UTF-8"; @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") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical > .swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0) } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * 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:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000 } .swiper-button-lock { display: none } .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-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; 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: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-progressbar { background: 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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #ffffff } .swiper-pagination-black { --swiper-pagination-color: #000000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); 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 } .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%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-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-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } @font-face { src: local("Garamond"), url(/local/templates/app/static/fonts/Garamond.ttf) format("truetype"); font-family: Garamond; font-weight: 400; font-display: swap } @font-face { src: local("Garamond Курсив"), url(/local/templates/app/static/fonts/Garamond-Italic.ttf) format("truetype"); font-family: Garamond; font-weight: 400; font-style: italic; font-display: swap } @font-face { src: local("Garamond Полужирный"), url(/local/templates/app/static/fonts/Garamond-Bold.ttf) format("truetype"); font-family: Garamond; font-weight: 600; font-display: swap } @font-face { src: url(/local/templates/app/static/fonts/rouble.ttf) format("truetype"); font-family: rouble; font-display: swap } @font-face { font-family: icomoon; src: url(/local/templates/app/static/fonts/icomoon/icomoon.ttf) format("truetype"), url(/local/templates/app/static/fonts/icomoon/icomoon.svg) format("svg"), url(/local/templates/app/static/fonts/icomoon/icomoon.eot) format("embedded-opentype"), url(/local/templates/app/static/fonts/icomoon/icomoon.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } .icon { display: -webkit-box; display: -ms-flexbox; display: flex } .icon .inherit-style { font-size: inherit; font-weight: inherit } .icon { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-telegram:before { content: "\e900" } .icon-hours:before { content: "\e901" } .icon-fb:before { content: "\e902" } .icon-forest:before { content: "\e903" } .icon-fork-knife:before { content: "\e904" } .icon-insta:before { content: "\e905" } .icon-left:before { content: "\e906" } .icon-right:before { content: "\e907" } .icon-service:before { content: "\e908" } .icon-twitter:before { content: "\e909" } .icon-vk:before { content: "\e90a" } .icon-wifi:before { content: "\e90b" } .icon-youtube:before { content: "\e90c" } .icon-outside:before { content: "\e90d" } .icon-star:before { content: "\e90e" } .icon-quote:before { content: "\e90f" } .icon-doc:before { content: "\e910" } .icon-clock:before { content: "\e911" } .icon-phone:before { content: "\e912" } .icon-menu:before { content: "\e913" } .icon-close:before { content: "\e914" } :root { --color1: #a12945; --color13: #b53755; --color2: #f3d14b; --color7: #dcbd82; --color11: #cbb48c; --color18: #bda475; --color3: #af986a; --color10: #c1a062; --color6: #372f23; --color12: #614e31; --color5: #63502b; --color16: #7f6b4c; --color17: #786850; --color4: #917b4f; --color14: #a09473; --color9: #c5b9a1; --color23: #f2eace; --color22: #dcd5c1; --color21: #f2eee5; --color19: #f0eeea; --color28: #fcfaf4; --color8: #f7f3e4; --color15: #867d6e; --color20: #46433f; --color26: rgba(99, 80, 43, 0.3); --color24: rgba(99, 80, 43, 0.5); --color25: rgba(175, 151, 103, 0.9); --color27: rgba(255, 255, 255, 0.95); --color-alt1: #5f9422 } .grid { display: grid; grid-gap: 2.8rem; grid-template-columns: repeat(12, 1fr) } .grid.gap-0 { grid-gap: 0 } .grid.center { justify-items: center } .grid_2 { grid-template-columns: repeat(2, 1fr) } .grid_3 { grid-template-columns: repeat(3, 1fr) } .grid_4 { grid-template-columns: repeat(4, 1fr) } .grid_5 { grid-template-columns: repeat(5, 1fr) } .grid_6 { grid-template-columns: repeat(6, 1fr) } .grid_7 { grid-template-columns: repeat(7, 1fr) } .grid_8 { grid-template-columns: repeat(8, 1fr) } .grid_9 { grid-template-columns: repeat(9, 1fr) } .grid_10 { grid-template-columns: repeat(10, 1fr) } .grid_11 { grid-template-columns: repeat(11, 1fr) } .grid-col-1 { grid-column: span 1 } .grid-col-2 { grid-column: span 2 } .grid-col-3 { grid-column: span 3 } .grid-col-4 { grid-column: span 4 } .grid-col-5 { grid-column: span 5 } .grid-col-6 { grid-column: span 6 } .grid-col-7 { grid-column: span 7 } .grid-col-8 { grid-column: span 8 } .grid-col-9 { grid-column: span 9 } .grid-col-10 { grid-column: span 10 } .grid-col-11 { grid-column: span 11 } .grid-col-12 { grid-column: span 12 } @media (max-width: 980px) { .grid-lg-center { justify-items: center } .grid-lg-1 { grid-column: span 1 } .grid-lg-2 { grid-column: span 2 } .grid-lg-3 { grid-column: span 3 } .grid-lg-4 { grid-column: span 4 } .grid-lg-5 { grid-column: span 5 } .grid-lg-6 { grid-column: span 6 } .grid-lg-7 { grid-column: span 7 } .grid-lg-8 { grid-column: span 8 } .grid-lg-9 { grid-column: span 9 } .grid-lg-10 { grid-column: span 10 } .grid-lg-11 { grid-column: span 11 } .grid-lg-12 { grid-column: span 12 } } @media (max-width: 860px) { .grid-md-1 { grid-column: span 1 } .grid-md-2 { grid-column: span 2 } .grid-md-3 { grid-column: span 3 } .grid-md-4 { grid-column: span 4 } .grid-md-5 { grid-column: span 5 } .grid-md-6 { grid-column: span 6 } .grid-md-7 { grid-column: span 7 } .grid-md-8 { grid-column: span 8 } .grid-md-9 { grid-column: span 9 } .grid-md-10 { grid-column: span 10 } .grid-md-11 { grid-column: span 11 } .grid-md-12 { grid-column: span 12 } } @media (max-width: 680px) { .grid { grid-gap: 2.8rem 15px } .grid-sm-0 { display: none } .grid-sm-1 { grid-column: span 1 } .grid-sm-2 { grid-column: span 2 } .grid-sm-3 { grid-column: span 3 } .grid-sm-4 { grid-column: span 4 } .grid-sm-5 { grid-column: span 5 } .grid-sm-6 { grid-column: span 6 } .grid-sm-7 { grid-column: span 7 } .grid-sm-8 { grid-column: span 8 } .grid-sm-9 { grid-column: span 9 } .grid-sm-10 { grid-column: span 10 } .grid-sm-11 { grid-column: span 11 } .grid-sm-12 { grid-column: span 12 } } .common { font-size: 10px; scroll-behavior: smooth } .common * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; outline: 0 } .common__body { font-family: Garamond, sans-serif; margin: 0; font-size: 2rem; color: var(--color6); position: relative } img { display: block; max-width: 100% } .app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; min-height: 100vh; position: relative; width: 100%; overflow-x: hidden; z-index: 1 } .app label { cursor: pointer } .app button, .app input, .app select, .app textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border: none; background: 0 0; font-family: inherit; font-size: 18px } .app input::-webkit-input-placeholder, .app select::-webkit-input-placeholder, .app textarea::-webkit-input-placeholder { font-size: 17px; font-weight: 400; color: var(--color6) } .app input:-moz-placeholder, .app select:-moz-placeholder, .app textarea:-moz-placeholder { font-size: 17px; font-weight: 400; color: var(--color6) } .app input::-moz-placeholder, .app select::-moz-placeholder, .app textarea::-moz-placeholder { font-size: 17px; font-weight: 400; color: var(--color6) } .app input:-ms-input-placeholder, .app select:-ms-input-placeholder, .app textarea:-ms-input-placeholder { font-size: 17px; font-weight: 400; color: var(--color6) } .app textarea { overflow: auto } .app select::-ms-expand, .app textarea::-ms-expand { display: none } .app input[type=number] { -moz-appearance: textfield } .app input[type=submit] { border: none } .app input::-webkit-inner-spin-button, .app input::-webkit-outer-spin-button { -webkit-appearance: none; display: none } .app a { text-decoration: none; color: inherit } .app .anchor { top: -10px; position: absolute } .app .main { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .app .hidden { display: none } .app .link-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer } .app .content-block { margin-bottom: 5rem } .app .content-block:last-child { margin-bottom: 0 } .app .content-item { margin-bottom: 10px } .app .content-item:last-child { margin-bottom: 0 } .app .section { position: relative; padding-top: 4.5rem; padding-bottom: 6rem } .app .section_pb { padding-top: 0 } .app .section_pt { padding-bottom: 0 } .app .section__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .app .section__content { margin-right: 8.5rem } .app .section__sidebar { width: 100%; min-width: 40rem } .app .section__slider { position: relative; padding: 0 6rem; margin: 0 -15px } .app .section__slider.top-navigation .swiper-button-next, .app .section__slider.top-navigation .swiper-button-prev { top: 10rem } .app .section__slider .swiper-container { padding: 0 15px } .app .section__block { margin-bottom: 3rem } .app .section__subtitle { margin-bottom: 2rem } .app .section__subtitle.center { text-align: center } .app .section__title { margin-bottom: 4rem } .app .section__title.center { text-align: center } .app .section__button { text-align: center; margin-top: 2.5rem } .app .inner { max-width: 1230px; padding: 0 30px; width: 100%; margin: 0 auto } .app .inner_large { max-width: 1880px } .app .bg-lightest { background: var(--color8); background-image: url(/local/templates/app/static/css/../img/main/flower.png); background-position: bottom -5rem left; background-repeat: no-repeat } .app .bg-light { background: var(--color3) } .app .bg-medium { background: var(--color4) } .app .bg-dark { background: var(--color5) } .app .delimiter { height: 2rem; background: var(--color8) } .app .desktop, .app .mobile, .app .mobile-lg, .app .notebook, .app .tablet { display: none } @media (max-width: 750px) { .app .mobile { display: block } } @media (min-width: 410px) and (max-width: 750px) { .app .mobile-lg { display: block } } @media (min-width: 750px) and (max-width: 960px) { .app .tablet { display: block } } @media (min-width: 960px) and (max-width: 1240px) { .app .notebook { display: block } } @media (min-width: 1240px) { .app .desktop { display: block } } @media (max-width: 1200px) { .app .section__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .app .section__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 4rem 0 0 0 } .app .section__sidebar { min-width: initial } } @media (max-width: 1100px) { .app .section__slider { padding: 0 3rem } } @media (max-width: 760px) { .app .inner { padding: 0 15px } .app .mobile-full { width: calc(100% + 3rem); margin-left: -15px } .app .content-block { margin-bottom: 3rem } .app .content-block:last-child { margin-bottom: 0 } } @media (max-width: 560px) { .app .section__slider { padding: 0 15px } } @media (max-width: 760px) { .common__body { font-size: 16px } } .app h1, .app h2, .app h3, .app h4, .app h5, .app h6 { font-weight: inherit; font-size: inherit; margin: 0 } .app p { font-size: inherit; margin: 0 0 3rem 0; line-height: 1.5 } .app p:last-child { margin-bottom: 0 } .app b { font-weight: 600 } .app .columns-text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10rem; -moz-column-gap: 10rem; column-gap: 10rem } .app .columns-text p { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid } .app .title { font-size: 4.2rem; font-weight: 600; line-height: 1 } .app .suptitle { color: var(--color15) } .app .title-secondary { font-size: 2.8rem; font-weight: 600; line-height: 1 } .app .link { color: var(--color1) } .app .link_with-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .link_with-icon i.icon { font-size: 13px; margin-right: 8px } .app .list { list-style-type: none; padding: 0; margin: 0 0 3rem 0 } .app .list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px; line-height: 1.5 } .app .list li:last-child { margin-bottom: 0 } .app .list li:before { content: ""; background: var(--color1); width: 10px; min-width: 10px; height: 10px; margin-right: 10px; border-radius: 100%; margin-top: 8.5px } .app .list:last-child { margin-bottom: 0 } .app .rouble { font-family: rouble; font-size: .9em } .app .table { border-collapse: collapse; font-size: 1.8rem } .app .table td { padding: 9px 10px } .app .table td:first-child { border-radius: 5px 0 0 5px; padding-left: 2rem } .app .table td:last-child { border-radius: 0 5px 5px 0; padding-right: 2rem } .app .table td.td-large { min-width: 29rem } .app .table td.td-price { white-space: nowrap } .app .table tr { border-bottom: 3px solid #fff; background-color: var(--color8) } .app .table tr:nth-child(2n) { background-color: var(--color28) } .app .float-right { float: right; margin: 0 0 6rem 7rem } .app .float-right:after { content: ""; clear: both } .app .float-left { float: left; margin: 0 7rem 6rem 0 } .app .float-left:after { content: ""; clear: both } @media (max-width: 1100px) { .app .columns-text { -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem } } @media (max-width: 900px) { .app .title { font-size: 3rem } } @media (max-width: 760px) { .app .columns-text { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } .app .table td.td-large { min-width: initial } .app .float-left, .app .float-right { float: none; margin: 0 0 3rem 0 } .app .float-left img, .app .float-right img { margin: auto } } .app .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; color: #fff; border-radius: 5rem; background: var(--color1); font-weight: 600; padding: 5px 3rem; min-height: 3.5rem; -webkit-transition: all .3s; transition: all .3s; cursor: pointer } .app .button i.icon { margin: 0 10px } .app .button i.icon:last-child { margin-right: 0 } .app .button i.icon:first-child { margin-left: 0 } .app .button:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3) } .app .button_full { width: 100% } .app .button_mini { min-height: 2.5rem; padding: 4px 15px; font-size: 15px } .app .button_alt { color: var(--color6); background: var(--color2) } .app .button_alt2 { background: var(--color4); font-weight: 400 } .app .input { background: #fff; width: 100%; display: block; height: 4rem; font-size: 2rem; padding: 7.5px 2rem; border-radius: 3px; -webkit-box-shadow: 0 2px 5px 0 var(--color26); box-shadow: 0 2px 5px 0 var(--color26) } .app .input_thin { -webkit-box-shadow: none; box-shadow: none; border-radius: 5rem; height: 3.5rem; resize: none } .app .input_textarea { resize: none; min-height: 16rem } .app .form { width: 100%; max-width: 55rem; margin: auto } .app .form__container { padding: 2.5rem 4rem 4rem 4rem } .app .form__title { margin-bottom: 2rem } .app .form__label { font-size: 2rem; margin-bottom: 5px } .app .form__rating { margin-bottom: 15px } .app .form__item { margin-bottom: 2.3rem } @media (max-width: 650px) { .app .form__container { padding: 2rem 15px } } .app .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .social__item { font-size: 2rem; color: var(--color18); margin-right: 15px } .app .social__item:last-child { margin-right: 0 } .app .icon-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(auto, 12rem)); grid-gap: 2rem 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .app .icon-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .icon-list__icon { font-size: 12rem; color: var(--color11); margin-bottom: 2.5rem; position: relative } .app .icon-list__icon span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #fff; padding-bottom: 40%; text-align: center } .app .icon-list__title { text-align: center; font-size: 2.4rem; font-weight: 600; max-width: 20rem } @media (max-width: 900px) { .app .icon-list__icon { font-size: 8rem; margin-bottom: 15px } .app .icon-list__icon span { font-size: 10px } .app .icon-list__title { font-size: 18px } } @media (max-width: 760px) { .app .icon-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); grid-gap: 2rem 0 } } .app .preview__illustration { height: 20rem; width: 100%; border-radius: 15px; -o-object-fit: cover; object-fit: cover; -webkit-box-shadow: 0 3px 10px 0 var(--color24); box-shadow: 0 3px 10px 0 var(--color24); margin-bottom: 2.5rem } .app .preview__description { line-height: 1.4 } .app .preview__date { margin-bottom: 10px } .app .preview__title { margin-bottom: 10px } .app .preview__link { margin-top: 10px } .app .preview__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(auto, 30rem)); grid-gap: 5rem 5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .app .swiper-button-next:after, .app .swiper-button-prev:after { font-family: icomoon; color: var(--color4); font-size: 6rem } .app .swiper-button-prev { left: 0 } .app .swiper-button-prev:after { content: "\e906" } .app .swiper-button-next { right: 0 } .app .swiper-button-next:after { content: "\e907" } .app .swiper-pagination-bullet { width: 2rem; height: 2rem; border: 2px solid #fff; background: 0 0; opacity: 1; margin: 0 5px } .app .swiper-pagination-bullet-active { background: #fff } @media (max-width: 900px) { .app .swiper-button-next:after, .app .swiper-button-prev:after { font-size: 4rem } .app .swiper-button-prev { left: 10px } .app .swiper-button-next { right: 10px } } @media (max-width: 560px) { .app .swiper-button-prev { left: 0 } .app .swiper-button-next { right: 0 } } .app .review__suptitle { margin-bottom: 10px } .app .review__title { margin-bottom: 10px } .app .review__rating { margin-bottom: 10px } .app .review__link { margin-top: 10px } .app .review__answer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 3rem; background: var(--color8); margin-left: 7rem; padding: 17px } .app .review__answer-icon { margin-right: 2rem; max-width: 5.5rem; max-height: 5rem; -o-object-fit: contain; object-fit: contain } .app .review__answer-description { color: var(--color16); padding-top: 5px } .app .swiper-slide .review { padding: 0 6rem } @media (max-width: 1800px) { .app .swiper-slide .review { padding: 0 } } @media (max-width: 560px) { .app .review__answer { margin-left: 0; padding: 15px } .app .review__answer-icon { margin-right: 10px; max-width: 4rem } .app .review__answer-description { padding-top: 0; margin-top: -5px } } .app .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .rating[data-raiting="1"] .rating__item:first-child { color: var(--color13) } .app .rating[data-raiting="2"] .rating__item:nth-of-type(-n+2) { color: var(--color13) } .app .rating[data-raiting="3"] .rating__item:nth-of-type(-n+3) { color: var(--color13) } .app .rating[data-raiting="4"] .rating__item:nth-of-type(-n+4) { color: var(--color13) } .app .rating[data-raiting="5"] .rating__item { color: var(--color13) } .app .rating__item { margin-right: 2.5px; color: var(--color22); font-size: 2rem } .app .rating__item:last-child { margin-right: 0 } .app .set-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .app .set-rating__item { color: var(--color14); margin-left: 2.5px; font-size: 2rem } .app .set-rating__item:first-child { margin-left: 0 } .app .set-rating__actication { display: none } .app .set-rating__actication:checked ~ .set-rating__item, .app .set-rating__actication:hover ~ .set-rating__item { color: var(--color13) } .app .apartment-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 5rem 0; border-bottom: 1px solid var(--color19) } .app .apartment-preview:last-child { padding-bottom: 0; border-bottom: none } .app .apartment-preview:first-child { padding-top: 0 } .app .apartment-preview__illustration-img { width: 32rem; min-width: 32rem; height: 22rem; -o-object-fit: cover; object-fit: cover; margin-right: 4rem; border-radius: 2rem; -webkit-box-shadow: 0 3px 10px 0 var(--color24); box-shadow: 0 3px 10px 0 var(--color24) } .app .apartment-preview__information-item { color: var(--color17); margin-bottom: 5px } .app .apartment-preview__information-item:last-child { margin-bottom: 0 } .app .apartment-preview__information-item b { color: var(--color6) } .app .apartment-preview__information { margin-top: 2rem } .app .apartment-preview__title { margin-bottom: 10px } .app .apartment-preview__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3rem } .app .apartment-preview__price { font-weight: 600; font-size: 3.6rem; margin-bottom: 10px; white-space: nowrap } .app .apartment-preview__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .app .apartment-preview__content-main { margin-right: 4rem } @media (max-width: 1100px) { .app .apartment-preview__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .app .apartment-preview__action { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .app .apartment-preview__price { margin: 0 15px 0 0 } .app .apartment-preview__content-main { margin: 0 } } @media (max-width: 900px) { .app .apartment-preview__illustration-img { width: 25rem; min-width: 25rem; height: 18rem } } @media (max-width: 760px) { .app .apartment-preview { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3rem 0 } .app .apartment-preview:last-child { padding-bottom: 0; border-bottom: none } .app .apartment-preview:first-child { padding-top: 0 } .app .apartment-preview__illustration-img { margin: 0 0 2rem 0; -ms-flex-item-align: center; align-self: center } } @media (max-width: 560px) { .app .apartment-preview__illustration { -ms-flex-item-align: center; align-self: center } } .app .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 2rem; border-top: 1px solid var(--color19) } .app .pagination__arrow { font-size: 2.7rem; color: var(--color4) } .app .pagination__numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .pagination__number { font-size: 2rem; font-weight: 600; color: var(--color1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 3.5rem; min-width: 3.5rem; height: 3.5rem; border-radius: 100% } .app .pagination__number.active { color: inherit; background: var(--color23) } .app .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 -15px 0 -2rem } .app .tabs.active .tabs__item { display: -webkit-box; display: -ms-flexbox; display: flex } .app .tabs__item { font-size: 18px; color: var(--color1); padding: 15px 15px 15px 2rem } .app .tabs__item.active { color: inherit; background: var(--color8); border-radius: 3px 3px 0 0 } .app .tabs__select { display: none } @media (max-width: 1100px) { .app .tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .app .tabs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; width: 100% } .app .tabs__item.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; pointer-events: none; width: auto } .app .tabs__item.active:after { content: "\e906"; font-family: icomoon; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 15px } } .app .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-weight: 600 } .app .logo__img { max-width: 6em; height: 5em; -o-object-fit: contain; object-fit: contain; margin-right: 2em } .app .logo__title { font-size: 3.4em } .app .logo__subtitle { font-size: 1.8em; padding-left: 2px } .app .lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; font-size: 13px; font-weight: 600 } .app .lang__item { border-radius: 5rem; background: var(--color1); color: #fff; padding: 5px 7px; margin-right: 5px } .app .lang__item.active { color: var(--color20); background: var(--color21) } .app .lang__item:last-child { margin-right: 0 } .app .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .app .price__count { font-size: 3.6rem; font-weight: 600; line-height: 1; white-space: nowrap } .app .price__object { font-size: 2.4rem; font-weight: 600; color: var(--color12) } .app .price__object:before { content: "/"; margin: 0 10px } .app .documents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -15px } .app .documents__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 3.5rem; margin-bottom: 15px } .app .documents__item:last-child { margin-right: 0 } .app .documents__icon { font-size: 2rem; color: var(--color11); margin-right: 10px } .app .documents__link { color: var(--color1) } @media (max-width: 650px) { .app .documents__item { margin-right: 2.5rem } .app .documents__item:last-child { margin-right: 0 } } .app .gallery-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .gallery-preview__title { margin: 15px 15px 15px 0 } .app .gallery-preview__item { width: 5rem; min-width: 5rem; height: 5rem; border-radius: 100%; background: var(--color11); margin-right: 10px; margin-bottom: 10px } .app .gallery-preview__item:last-child { margin-right: 0 } .app .gallery-preview__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -10px } .app .map { height: 40rem; background: url(/local/templates/app/static/css/../img/main/map.png) no-repeat center; background-size: cover } .app .sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr)); grid-gap: 5rem 5rem; margin-bottom: 5rem } .app .sections_mini .sections__item { max-height: 18rem; font-size: 18px } .app .sections_mini .sections__title { padding: 10px 3rem; height: 4rem } .app .sections:last-child { margin-bottom: 0 } .app .sections__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: 600; color: #fff; position: absolute; background: var(--color25); background-image: url(/local/templates/app/static/css/../img/main/flower2.png); background-position: top left; background-repeat: no-repeat; z-index: 1; width: 100%; height: 6.5rem; padding: 15px 5rem; left: 0; bottom: 0; border-radius: 0 0 15px 15px } .app .sections__item { position: relative; overflow: hidden; border-radius: 15px; height: 27rem; font-size: 2.6rem } .app .sections__item:first-child .sections__title { background-image: url(/local/templates/app/static/css/../img/main/bg-part3.png) } .app .sections__item:nth-child(2) .sections__title { background-image: url(/local/templates/app/static/css/../img/main/bg-part4.png) } .app .sections__item:nth-child(3) .sections__title { background-image: url(/local/templates/app/static/css/../img/main/bg-part.png); background-position: left 170% top } .app .sections__item:nth-child(4) .sections__title { background-image: url(/local/templates/app/static/css/../img/main/bg-part4.png) } .app .sections__item_large { font-size: 3.6rem; height: 47rem } .app .sections__item_large:first-child .sections__title { background-image: url(/local/templates/app/static/css/../img/main/bg-part.png) } .app .sections__item_large:nth-child(2) .sections__title { background-image: url(/local/templates/app/static/css/../img/main/bg-part2.png) } .app .sections__item_large .sections__title { height: 8rem; padding: 2rem 5rem } .app .sections__illustration { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1650px) { .app .sections__item { height: 20rem; font-size: 2rem } .app .sections__item_large { height: 40rem; font-size: 2.4rem } .app .sections__item_large .sections__title { height: auto; padding: 15px 2rem } .app .sections__title { padding: 10px 15px; height: auto } } @media (max-width: 1400px) { .app .sections { margin-bottom: 2rem; grid-gap: 2rem 2rem } .app .sections:last-child { margin-bottom: 0 } } @media (max-width: 1100px) { .app .sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 2rem), 1fr)); grid-gap: 2rem 2rem } .app .sections__item_large { height: 20rem; font-size: 2rem } .app .sections__item_large .sections__title { padding: 10px 15px } } @media (max-width: 560px) { .app .sections { grid-gap: 15px; margin-bottom: 15px } .app .sections:last-child { margin-bottom: 0 } .app .sections_mini .sections__item { max-height: 14rem; font-size: 16px } .app .sections_mini .sections__title { padding: 10px 15px } .app .sections__item { max-height: 14rem; font-size: 16px } } @media (max-width: 410px) { .app .sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr)); grid-gap: 2rem 2rem } } .app .slider__preview { background-image: url(/local/templates/app/static/css/../img/main/bg3.png); background-repeat: repeat no-repeat; background-position: center; padding: 2rem 0 } .app .slider__preview .swiper-slide { cursor: pointer; overflow: hidden; height: 6rem; width: 8.5rem !important; border-radius: 3px; border: 3px solid transparent } .app .slider__preview .swiper-slide-thumb-active { border-color: var(--color7) } .app .slider__preview .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .app .slider__preview-img { width: 100%; height: 100%; border-radius: 3px; -o-object-fit: cover; object-fit: cover } .app .slider__main { height: 96rem; max-height: calc(100vh - 10rem); overflow: hidden; position: relative } .app .slider__main .swiper-button-next:after, .app .slider__main .swiper-button-prev:after { color: #fff } .app .slider__main-container { height: 100% } .app .slider__main-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .app .slider__main-navigation { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; margin: auto; right: 0; pointer-events: none } .app .slider__main-next, .app .slider__main-prev { pointer-events: auto } .app .header-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; padding-bottom: 5rem } .app .header-slider__container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0 } .app .header-slider__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; z-index: 0 } .app .header-slider__pagination { position: static; margin-bottom: 2.5rem; z-index: 0 } .app .header-slider__item { height: 100% } .app .header-slider__item:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: linear-gradient(to top, rgba(15, 13, 11, .6) 0, rgba(16, 14, 12, .6), rgba(16, 14, 12, .6), rgba(16, 14, 12, .6), rgba(16, 14, 12, .5), rgba(16, 14, 12, .4), rgba(15, 13, 11, .4), rgba(15, 13, 11, .3), rgba(15, 13, 11, .1), rgba(139, 139, 139, .1) 60%, rgba(93, 93, 93, .1) 100%) } .app .header-slider__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: 600; color: #fff; padding-top: 10rem; z-index: 1; position: relative; height: 100% } .app .header-slider__title { font-size: 4.2rem; line-height: 1; margin-bottom: 15px } .app .header-slider__description { font-size: 2rem } .app .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 1; -webkit-box-shadow: 0 50px 75px 0 var(--color24); box-shadow: 0 50px 75px 0 var(--color24) } .app .header_arena .logo { color: var(--color-alt1) } .app .header_arena .logo__subtitle { font-size: 13px } .app .header_arena .logo__title { font-size: 3.7rem } .app .header_arena .logo__text { margin-top: -5px } .app .header__main { padding: 15px 0 18px 0; background: var(--color27) } .app .header__additional { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 4.5rem } .app .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .app .header__additional-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .header__submenu-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .header__logo { margin-right: 6.7rem; font-size: 10px } .app .header__address { font-size: 17px; line-height: 1.3; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .app .header__phone { font-weight: 600; font-size: 3rem; margin-right: 2rem; line-height: .8; white-space: nowrap } .app .header__phone i.icon { display: none } .app .header__extmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 15px } .app .header__extmenu-item { margin-right: 2.5rem } .app .header__extmenu-item:last-child { margin-right: 0 } .app .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: end; align-self: flex-end } .app .header__menu-item { font-size: 18px; background: var(--color2); padding: 10px 2rem; border-radius: 3px 3px 0 0 } .app .header__menu-item.active { font-weight: 600; background: #fff } .app .header__menu-item.active .header__submenu { display: block } .app .header__submenu { min-height: 4.5rem; background: #fff; padding: 9px 0; position: absolute; width: 100%; left: 0; top: 100%; display: none } .app .header__submenu-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 2rem } .app .header__submenu-item { font-size: 16px; font-weight: 600; color: var(--color1); margin-right: 3.5rem } .app .header__submenu-item.active { color: var(--color6) } .app .header__submenu-item:last-child { margin-right: 0 } .app .header__awards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .header__awards-item { margin-right: 10px; max-height: 2.7rem; -o-object-fit: contain; object-fit: contain } .app .header__awards-item:last-child { margin-right: 0 } .app .header__banner { height: 38rem; position: relative; overflow: hidden } .app .header__banner:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 13, 11, .3)), color-stop(20%, rgba(139, 139, 139, 0)), to(rgba(93, 93, 93, 0))); background-image: linear-gradient(to top, rgba(15, 13, 11, .3), rgba(139, 139, 139, 0) 20%, rgba(93, 93, 93, 0) 100%) } .app .header__wrapper { height: 85.5rem; overflow: hidden; position: relative } .app .header__wrapper .swiper-wrapper { height: 85.5rem } .app .header__banner-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .app .header__menu-btn { color: var(--color1); display: none; font-size: 3rem } .app .header__menu-close { position: absolute; right: 0; top: 0; display: none; color: #fff; padding: 15px; -ms-flex-item-align: end; align-self: flex-end } .app .header__menu-activation { display: none } .app .header__menu-activation:checked + .header__additional { right: 0 } .app .header__extmenu-button { display: none } @media (max-width: 1100px) { .app .header { -webkit-box-shadow: 0 5px 75px 0 var(--color24); box-shadow: 0 5px 75px 0 var(--color24) } .app .header__phone { color: var(--color4) } .app .header__phone i.icon { display: block } .app .header__phone span { display: none } .app .header__banner { height: 29rem } .app .header__menu-btn { display: block } .app .header__menu-close { display: block } .app .header__additional { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: felx-start; -ms-flex-pack: felx-start; justify-content: felx-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; right: -100%; -webkit-transition: all .5s; transition: all .5s; top: 0; z-index: 5; overflow-x: auto; height: 100vh; -webkit-box-shadow: 0 3px 10px 0 var(--color24); box-shadow: 0 3px 10px 0 var(--color24) } .app .header__additional-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3rem 15px 15px 15px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .app .header__menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; -ms-flex-item-align: initial; align-self: initial } .app .header__menu-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 0 } .app .header__menu-link:after { content: "\e906"; font-family: icomoon; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 15px } .app .header__menu-item { background: 0 0; color: #fff; padding: 0 } .app .header__menu-item.active { background: 0 0 } .app .header__submenu { position: static; border-radius: 5px } .app .header__submenu-inner { padding: 0 15px } .app .header__submenu-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 } .app .header__submenu-item { margin: 0; padding: 5px 0 } .app .header__extmenu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .app .header__extmenu-item { margin: 0; padding: 5px 0 } .app .header__awards { display: none } .app .header__lang { -ms-flex-item-align: center; align-self: center; padding: 0; margin-top: 2rem } .app .header__button { margin-right: 2rem } .app .header__wrapper { height: auto; max-height: initial } .app .header__wrapper .swiper-wrapper { height: auto } .app .header-slider { padding-bottom: 2rem } .app .header-slider__container { position: relative } .app .header-slider__content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 6rem; padding-top: 20rem } .app .header-slider__pagination { margin-top: -4rem; margin-bottom: 3.5rem } } @media (max-width: 900px) { .app .header { position: static; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .app .header__banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: auto; overflow: visible } .app .header__banner-img { height: 20rem } .app .header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: visible } .app .header__address { display: none } .app .header__logo { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 2rem; font-size: 8px } .app .header__main { padding: 15px 0 } .app .header__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app .header-slider__content { padding-top: 6rem; min-height: 35rem } .app .header-slider__title { font-size: 3rem; margin-bottom: 10px } .app .header-slider__description { font-size: 16px } } @media (max-width: 560px) { .app .header__button { display: none } .app .header__extmenu-button { display: block } .app .header__extmenu-button .button { width: 100% } .app .header__main { padding: 10px 0 } } .app .footer { font-size: 17px; padding: 4rem 0 7rem 0; background-image: url(/local/templates/app/static/css/../img/main/bg2.png); background-size: cover; background-repeat: repeat no-repeat } .app .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .app .footer__copyright { margin-bottom: 2.5rem; color: #fff } .app .footer__description { max-width: 62rem; color: var(--color9) } .app .footer__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; margin-left: 5rem } .app .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem } .app .footer__phone { font-size: 3rem; font-weight: 600; color: #fff; white-space: nowrap; margin-left: 5rem } .app .footer__address { color: #fff } .app .footer__link { color: var(--color10) } .app .footer__author { margin-top: 15px } .app .footer__author-img.green { display: none } .app .footer__author-img.blue { display: none } @media (max-width: 1100px) { .app .footer__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .app .footer__phone { margin: 15px 0 0 0 } } @media (max-width: 760px) { .app .footer { padding: 2rem 0 } .app .footer__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .app .footer__right { margin: 3rem 0 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } } .app .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.5rem; margin-bottom: -2.5rem } .app .breadcrumbs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 17px } .app .breadcrumbs__item:after { content: ""; width: 8px; height: 8px; background: var(--color3); border-radius: 100%; margin: 0 13px; display: block } .app .breadcrumbs__item:last-child { pointer-events: none } .app .breadcrumbs__item:last-child:after { content: none } .app .feedback { padding: 12px 0; min-height: 6rem } .app .feedback_high { padding: 19px 0; min-height: 8rem } .app .feedback.bg-medium { background-image: url(/local/templates/app/static/css/../img/main/bg.png); background-repeat: repeat no-repeat } .app .feedback.bg-lightest { background-image: url(/local/templates/app/static/css/../img/main/bg4.png); background-repeat: repeat no-repeat; background-position: top center } .app .feedback__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -15px } .app .feedback__inner_form { margin-bottom: 0 } .app .feedback__title { font-weight: 600; font-size: 18px; margin-right: 15px; color: #fff; min-width: 20rem } .app .feedback__inputs { display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-gap: 10px 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .app .feedback__inputs .feedback__input { width: 100%; margin: 0 } .app .feedback__input { margin-right: 10px; min-width: 25rem; margin-bottom: 15px } .app .feedback__input:last-child { margin-right: 0 } .app .feedback__input_large { grid-column: 2 span } .app .feedback__button { margin-left: 10px } .app .feedback__item { margin-right: 2.5rem; margin-bottom: 15px } .app .feedback__item:last-child { margin-right: 0 } .app .feedback__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 4.5rem; margin-bottom: 15px } .app .feedback__info:last-child { margin-right: 0 } .app .feedback__info-icon { font-size: 4rem; color: var(--color11); margin-right: 15px; width: 4rem; text-align: right } .app .feedback__info-icon i.icon { display: inline-block } .app .feedback__info-title { font-size: 18px; font-weight: 600 } .app .feedback__info-value { font-size: 17px; font-weight: 600; color: var(--color12) } @media (max-width: 1250px) { .app .feedback__inputs { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); grid-gap: 10px 10px } .app .feedback__input { min-width: initial } } @media (max-width: 1000px) { .app .feedback__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .app .feedback__title { width: 100%; margin-bottom: 10px; text-align: center } } @media (max-width: 760px) { .app .feedback .button { width: 100% } .app .feedback__inputs { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-gap: 10px 10px } .app .feedback__button { width: 100%; margin-top: 10px; margin-left: 0; text-align: center } .app .feedback__item { width: 100%; margin-right: 0 } .app .feedback__input { width: 100%; margin-right: 0 } .app .feedback__input_large { grid-column: auto } } .app .contacts__illustration { width: 100%; -o-object-fit: contain; object-fit: contain; max-width: 40rem; margin: auto } .app .green-theme { --color3: #5f9422; --color4: #3c680a; --color8: #ebf7e3; --color5: #5f9422; --color18: #acd877; --color9: #b1df8c; --color10: #b1df8c; --color25: rgba(111, 154, 49, 0.9) } .app .green-theme .bg-lightest { background-image: url(/local/templates/app/static/css/../img/main/flower_green.png) } .app .arena-theme .header__additional { background-image: url(/local/templates/app/static/css/../img/main/bg.png); background-repeat: repeat no-repeat } .app .arena-theme .feedback { background-color: var(--color3) } .app .arena-theme .footer__author-img { display: none } .app .arena-theme .footer__author-img.green { display: block } .app .blue-theme { --color3: #0097c4; --color4: #006786; --color8: #e6f1f4; --color5: #0097c4; --color9: #93dbf0; --color18: #b0e0ee; --color10: #f3d14b } .app .blue-theme .bg-lightest { background-image: url(/local/templates/app/static/css/../img/main/flower_blue.png) } .app .spa-theme .logo__img { max-width: 19rem; height: 7rem } .app .spa-theme .header__additional { background-image: url(/local/templates/app/static/css/../img/main/bg.png); background-repeat: repeat no-repeat } .app .spa-theme .feedback { background-color: var(--color3) } .app .spa-theme .button { background: var(--color2); color: var(--color6) } .app .spa-theme .button_alt2 { color: #fff; background: var(--color4) } .app .spa-theme .lang__item { background: var(--color2); color: var(--color6) } .app .spa-theme .lang__item.active { background: var(--color21) } .app .spa-theme .footer__author-img { display: none } .app .spa-theme .footer__author-img.blue { display: block } @media (max-width: 760px) { .app .spa-theme .logo__img { max-width: 15rem; height: 4rem } } /* End */ /* Start:/local/templates/app/static/css/over-style.css?159178008711725*/ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Manrope:wght@400;500;600;700;800&display=swap"); .common__body { font-family: "Manrope", sans-serif; } h1, h2, h3, h4, h5, h6, h7, .title { font-family: "Jost", sans-serif; } .ie-badge { padding: 20px; text-align: center; font-size: 20px; display: none; } .ie .app { display: none; } .ie .ie-badge { display: block; } .app .header__extmenu-item .header__link[href="/ob-otele/spetspredlozheniya/"] { min-height: 2.5rem; padding: 4px 15px; font-size: 15px; background-color: var(--color2); color: var(--color6); border-radius: 5rem; transition: 0.3s ease; } .app .header__extmenu-item .header__link[href="/ob-otele/spetspredlozheniya/"]:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } .app .tabs__item.active { pointer-events: auto; } .app .breadcrumbs { flex-wrap: wrap; } .app .table { margin-bottom: 3rem; } .app .blue-theme .slider__main { background-color: #e6f1f3; } .app .blue-theme .tabs-contents .bg-lightest { background-image: url(/local/templates/app/static/css/../img/main/bg.png); } .app .green-theme .slider__main { background-color: #ebf7e3; } .app .txt h2 { font-size: 2.8rem; font-weight: 600; line-height: 1; margin-bottom: 2rem; } .app .txt ul { list-style-type: none; padding: 0; margin: 0 0 3rem 0; } .app .txt ul li { display: block; margin-bottom: 15px; line-height: 1.5; padding-left: 20px; position: relative; } .app .txt ul li:last-child { margin-bottom: 0; } .app .txt ul li:before { content: ""; background: var(--color1); width: 10px; min-width: 10px; height: 10px; margin-right: 10px; border-radius: 100%; margin-top: 8.5px; position: absolute; left: 0; top: 1px; } .app .txt ul:last-child { margin-bottom: 0; } .app .txt a { color: var(--color1); } .app .mb-1 { margin-bottom: 1rem; } .app .mb-2 { margin-bottom: 2rem; } .app .mb-3 { margin-bottom: 3rem; } .app .pt-1 { padding-top: 1rem; } .app .pt-2 { padding-top: 2rem; } .app .pt-3 { padding-top: 3rem; } .app .sections_mini .sections__item { transition: 0.3s ease; } .app .sections_mini .sections__item:hover { transform: scale(1.05); } .app .section.map { padding: 0; } .app .review__img { position: relative; } .app .review__img img { margin-top: 0.8rem; height: 41rem; width: 100%; border-radius: 15px; -o-object-fit: contain; object-fit: contain; -webkit-box-shadow: 0 3px 10px 0 var(--color24); box-shadow: 0 3px 10px 0 var(--color24); margin-bottom: 2.5rem; } .app .review__img_trust img { height: 10rem; box-shadow: none; } .app .review__img_video img { height: 20rem; -o-object-fit: cover; object-fit: cover; } .app .icon-sports { font-family: icomoon2 !important; } .app .icon-sports:before { content: ""; } .app .section_map .section__button { position: absolute; top: 50%; left: 50%; margin-top: 0; opacity: 0.9; transform: translate(-50%, -100%); } .app .section_map img { width: 100%; height: 340px; object-fit: cover; } .app .video-preview { position: relative; transition: 0.2s ease-in; } .app .video-preview .review__img_video { position: relative; } .app .video-preview .icon-youtube { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #cbb48c; font-size: 42px; opacity: 0.9; transition: 0.3s ease-in; } .app .video-preview:hover { transform: translateY(-3px); } .app .video-preview:hover .icon-youtube { font-size: 52px; } .app .header { z-index: 3; } .app .header__submenu { padding: 0 !important; } .app .header__submenu-item_a { margin-right: 0 !important; display: flex; height: 100%; align-items: center; background: #fff; position: relative; z-index: 20; padding-right: 3.5rem; } .app .header__submenu__sub { display: none; overflow: hidden; position: absolute; background: #fff; transition: 0.3s ease-in; top: -100%; left: -20px; padding: 0 0 0; z-index: 10; flex-direction: column; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 177px; } .app .header__submenu__sub .header__submenu-item__sub-item { padding: 7px 20px; } .app .header__submenu__sub .header__submenu-item__sub-item.active { color: var(--color6); } .app .header__submenu__sub:before { content: ""; display: block; height: 1px; box-shadow: 2px 0 5px #2E260E; position: relative; top: -1px; margin: 0 -15px; } .app .header__submenu-box { position: relative; height: 45px; display: flex; align-items: center; margin-right: 0 !important; } .app .header__submenu-box:hover .header__submenu__sub { display: flex; top: 45px; } .app .header__submenu-item__sub-item { font-size: 14px; font-weight: normal; transition: 0.3s ease-in; } .app .header__submenu-item__sub-item:hover { background: #faecb5; } .app .inner_breadcrumbs { position: relative; z-index: 30; } .app .gallery__list .preview-gallery { position: relative; height: 600px; display: flex; justify-content: center; align-items: flex-end; overflow: hidden; } .app .gallery__list .preview-gallery:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 100px; z-index: 20; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 13, 11, 0.5)), color-stop(40%, rgba(139, 139, 139, 0)), to(rgba(93, 93, 93, 0))); background-image: linear-gradient(to top, rgba(15, 13, 11, 0.5), rgba(139, 139, 139, 0) 40%, rgba(93, 93, 93, 0) 100%); } .app .gallery__list .preview-gallery__illustration { position: absolute; z-index: 10; height: 600px; left: 0; right: 0; object-fit: cover; transition: 0.3s ease-in; } .app .gallery__list .preview-gallery__title { padding: 0 2rem 4rem; position: relative; z-index: 30; font-size: 4.2rem; line-height: 1; color: #fff; transition: 0.3s ease-in; } .app .gallery__list .preview-gallery .link-full { z-index: 40; } .app .gallery__list .preview-gallery:hover .preview-gallery__title { padding-bottom: 6rem; font-size: 5rem; } .app .gallery__list .preview-gallery:hover .preview-gallery__illustration { transform: scale(1.05); } .app .logo__img, .app .spa-theme .logo__img { height: 6em; } .app input.invalid { border: 1px solid #ff4624; } .app .text-nowrap { white-space: nowrap; } .app .gallery-preview__img { display: flex; height: 100%; } .app .gallery-preview__img img { height: 100%; width: 100%; object-fit: cover; border-radius: 50%; } .app .review_ingrid { padding: 0; } .app .gallery-preview__item { display: inline-block; } .app .price__object_pfx { margin-right: 10px; } .app .price__object_pfx:before { display: none; } .app #requestForm, .app #questionsForm { position: relative; } .app #requestForm .js-form-message, .app #questionsForm .js-form-message { position: absolute; background: var(--color8); left: 0; right: 0; bottom: -35px; text-align: center; font-size: 16px; line-height: 1.8; font-weight: bold; z-index: 10; } .app .header__banner { overflow: visible; z-index: 100; } .app .slider__main-img { -o-object-fit: contain; object-fit: contain; max-height: calc(100vh - 10rem); } .app .slider__main { background-color: var(--color3); background-position: bottom -5rem left; background-repeat: no-repeat; } .app .slider__main .swiper-button-next:after, .app .slider__main .swiper-button-prev:after { color: var(--color2); } .app .footer { padding-bottom: 4rem; } .app .map { background: url("/local/templates/app/static/img/main/map3.jpg") no-repeat center; } .modal-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: block; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .modal-wrapper .modal-back { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #6a665c; background: radial-gradient(circle, rgba(106, 102, 92, 0.668504902) 0%, rgba(68, 48, 6, 0.7917542017) 100%); z-index: 10; } .modal-wrapper .modal-body { position: relative; z-index: 20; margin: 40px auto; max-width: 55rem; } .modal-wrapper.closed { display: none; } .modal-wrapper .modal-closer { position: absolute; top: 8px; right: 10px; width: 20px; height: 20px; } .modal-wrapper .modal-closer path { fill: var(--color4); } .ss-main .ss-multi-selected { background: #fff; width: 100%; min-height: 4rem; font-size: 2rem; padding: 7.5px 2rem; border-radius: 3px; align-items: center; -webkit-box-shadow: 0 2px 5px 0 var(--color26); box-shadow: 0 2px 5px 0 var(--color26); } .ss-main .ss-multi-selected .ss-values .ss-disabled { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; } .ss-main .ss-multi-selected .ss-values .ss-value { font-size: 14px; background: var(--color4); } .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete { background: var(--color2); color: var(--color6); display: inline-flex; width: 20px; height: 20px; border-radius: 50%; align-items: center; justify-content: center; line-height: 1; text-transform: uppercase; font-size: 10px; font-family: Arial, sans-serif; } .ss-main .ss-multi-selected .ss-add { margin: 0; } .mb-0 { margin-bottom: 0 !important; } .slider-with-1-elements .slider__preview, .slider-with-1-elements .slider__main-navigation { display: none; } .feedback__item_icons { display: flex; position: relative; } .feedback__item_icons .feedback__item__icon { width: 20px; height: 20px; margin-right: 1.5rem; } .feedback__item_icons .feedback__item__icon path { fill: var(--color12); } .header__wrapper > div[id*=bx_in] { height: 100%; width: 100%; } .header__address { position: relative; } .apartment-preview__title a { text-decoration: underline; transition: 0.3s ease; } .apartment-preview__title a:hover { color: var(--color1); } .justify-center { justify-content: center; } .justify-center .swiper-slide:last-child { margin-right: 0 !important; } .header__mobile-btns { display: none; background: linear-gradient(81deg, rgba(255, 255, 255, 0) 32%, var(--color3) 100%); padding: 5px 0; position: absolute; left: 0; top: 100%; width: 100%; } .header__mobile-btns-inner { padding-right: 20px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header__mobile-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: var(--color2); padding: 5px 15px; margin-right: 5px; } .header__mobile-btn.active { background: #fff; } .header__mobile-btn:last-child { margin-right: 0; } .a-toggler { color: var(--color1); border-bottom: 1px dashed var(--color1); display: inline-block; cursor: pointer; } .togglable { margin-bottom: 15px; } .app .price__object { white-space: nowrap; } .app .feedback__inner { flex-wrap: wrap; } /*# sourceMappingURL=over-style.css.map */ /* End */ /* Start:/local/templates/app/static/css/over-style-media.css?15882437161752*/ @media (min-width: 1100px) { .app { overflow-x: visible; } .app .section.feedback { position: sticky; top: 0; z-index: 99; } .app .main { position: relative; z-index: 20; } } @media (max-width: 1100px) { .header__submenu__sub { display: flex !important; position: static !important; } .header__submenu__sub:before { display: none !important; } .header__submenu-box { height: auto !important; flex-direction: column !important; align-items: flex-start !important; } .app .header__wrapper { z-index: 30; } .app .header__additional { position: fixed; display: block; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .app .header__additional-inner { padding-bottom: 8rem; } .app .header__menu-btn { position: fixed; top: 47px; right: 20px; } .app .header__button { margin-right: 4rem; } .app .slider__main { height: auto; } .app .header__mobile-btns { display: block; } } @media (max-width: 900px) { .app .header__menu-btn { top: 24px; } .header__mobile-btns { top: auto; } } @media (max-width: 560px) { .app .header__phone { margin-right: 5rem; } .app .header__menu-btn { top: 19px; } .app .header_arena .logo__title { font-size: 3.2rem; } .app .header_arena .logo__img { margin-right: 1rem; } .app .header_arena .logo__subtitle { font-size: 11px; } .app .header__mobile-btns { background: var(--color3); } .app .header__mobile-btns-inner { padding: 0 5px !important; } .app .header__mobile-btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } /*# sourceMappingURL=over-style-media.css.map */ /* End */ /* Start:/local/templates/app/static/css/travelline-style.css?1582811503586*/ #block-search, #block-search-mobile { background-color: #927b4f; width: 100%; box-sizing: border-box; } #block-search-mobile { position: absolute; top: -9999px; left: -9999px; } #block-search-mobile.inner-sf { position: static; } .tl-container { padding: 0 29px; margin: 0 auto; max-width: 1200px; } #tl-booking-form{ width: 100%; max-width:1440px; margin: 0 auto; } @media screen and (max-width: 1100px) { #block-search-mobile { position: static; margin-bottom: 20px; } } /* End */ /* Start:/local/templates/app/template_styles.css?158880712135*/ .red { color: orange !important; } /* End */ /* /local/templates/app/static/vendor/fancybox/jquery.fancybox.min.css?154054108114065 */ /* /local/templates/app/static/vendor/ico2/style.css?1579849175840 */ /* /local/templates/app/static/vendor/justijuedGallery/montage.css?15706936542229 */ /* /local/templates/app/static/vendor/slimselect/slimselect.min.css?15808094316240 */ /* /local/templates/app/static/css/style.css?157925461975398 */ /* /local/templates/app/static/css/over-style.css?159178008711725 */ /* /local/templates/app/static/css/over-style-media.css?15882437161752 */ /* /local/templates/app/static/css/travelline-style.css?1582811503586 */ /* /local/templates/app/template_styles.css?158880712135 */