/* Start:/_/plg/fancybox-3.5.7/jquery.fancybox.min.css?171537148012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/_/plg/formStyler/jquery.formstyler.css?17246556602175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/_/plg/formStyler/jquery.formstyler.theme.css?17246598913149*/ .jq-selectbox { width: 100%; vertical-align: middle; font-size: 15px; cursor: pointer; transition: all 300ms linear; } .jq-selectbox.opened { background: #2D2D2D; } .jq-selectbox__select { height: 38px; border-bottom: 1px solid #575757; } .jq-selectbox.disabled .jq-selectbox__select { opacity: 0.4; cursor: default; } .jq-selectbox__select-text { display: block; width: 100%; } .jq-selectbox .placeholder, .jq-selectbox__select-text { color: #aaa; line-height: 38px; transition: all 300ms linear; } .jq-selectbox.opened .placeholder, .jq-selectbox.opened .jq-selectbox__select-text { padding-left: 10px; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; } .jq-selectbox__trigger-arrow { position: absolute; top: 18px; right: 12px; width: 0; height: 0; border-top: 5px solid #8D8D8D; border-right: 5px solid transparent; border-left: 5px solid transparent; } .jq-selectbox__dropdown { top: 100% !important; box-sizing: border-box; width: 100%; margin: 0px 0 0; padding: 0 5px 5px; background: #2D2D2D; } .jq-selectbox ul { display: grid; gap: 2px; margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; margin: 0; padding: 10px 10px 9px; color: #000; background: #fff; } .jq-selectbox li.sel { display: none; } .jq-selectbox li:hover { background-color: #ddd; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } /* *******************************************************************************/ .jq-file { cursor: pointer; width: 180px; background: #fff; color: #000; text-align: right; } .jq-file input[type="file"] { visibility: hidden; } .jq-file__name { box-sizing: border-box; width: 100%; line-height: 38px; padding: 0 10px 0 10px; background: url(/_/media/file-plus.svg) left 5px center no-repeat; background-size: 25px; } .jq-file__browse { display: none; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled { opacity: 0.4; cursor: default; } /* End */ /* Start:/_/plg/slick-1.8.1/slick.css?17153714801776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/_/css/main.css?176458596066893*/ @charset 'utf-8'; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,main,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr,button,input,select,textarea{-webkit-tap-highlight-color:transparent;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:inherit;color:inherit;}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,video{display:block}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}blockquote,q{quotes:none}button,input,select,textarea{border-radius:0;font-family:inherit;font-size:100%;text-transform:none}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]:-webkit-search-cancel-button,input[type="search"]:-webkit-search-decoration{-webkit-appearance:none}svg:not(:root){overflow:hidden} html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; } a, path, rect, button { transition: all 300ms linear; } [outview] { opacity: 0; transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1); } [outview].shown { opacity: 1; transform: translate(0, 0) !important; } /* *******************************************************************************/ body { --padding-side: 10px; --content-max-width: 1160px; --color-dark: #1C1C1C; --color-light: #fff; } .container, .container > div:not(.modal)[id] { display: grid; grid-template-columns: 100%; gap: 80px; overflow: hidden; } .pageHead + .box { margin-top: -80px; } .content { width: calc(100% - (var(--padding-side) * 2)); max-width: var(--content-max-width); margin: 0 auto; } @media (min-width: 1024px) { .container, .container > div[id] { gap: 150px; } .pageHead + .box { margin-top: -150px; } } /* *******************************************************************************/ body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "slnt" 0; line-height: 1; letter-spacing: -0.03em; } p { line-height: 1.1; margin: 1em 0 0; text-wrap: pretty; } p:first-child { margin: 0; } a, a:hover { color: inherit; text-decoration: none; } b { font-weight: 600; } b b, strong { font-weight: 700; } i { font-style: italic; } ol, ul { padding-left: 30px; } ul, ol { margin: 1em 0 0; line-height: 1.1; } li + li { margin: 1em 0 0; } .h1, .h2, .h3, .h4 { text-wrap: balance; font-weight: 500; } .h1 { margin-bottom: 30px; font-size: 50px; } .h2 { font-size: 30px; } .h3 { font-size: 25px; } .h4 { font-size: 20px; } i, .hi { font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: 400; } .h1 i, .h1 .hi { font-size: 55px; } .h2 i, .h2 .hi { font-size: 35px; } .a { display: inline-block; border-bottom: 1px solid currentColor; } .a:hover { border-bottom-color: transparent; } .ar { position: relative; display: inline-block; } .ar::after { content: ''; display: block; width: 0; height: 1px; position: absolute; left: 0; bottom: -1px; transition: all 300ms linear; background: currentColor; } .ar:hover::after { width: 100%; } /* *******************************************************************************/ .slick-arrow { position: absolute; top: 0; width: 50%; height: 100%; z-index: 1; } .slick-arrow.slick-disabled { cursor: default; } .slick-prev { left: 0; } .slick-next { right: 0; } .cursor_white_prev, .cursor_white_next { position: absolute; top: 0; margin-top: -23px; margin-left: -23px; opacity: 0; } .cursors { display: none; height: 0; } .cursors svg { border-radius: 46px; backdrop-filter: blur(6px); } @media (hover: hover) { .cursors { display: block; } } /* *******************************************************************************/ fieldset { border: 1px solid silver; } label { cursor: pointer; display: block; } input, textarea, select { width: 100%; height: 38px; padding: 0; background: #fff; border: 1px solid #ddd; font-size: 15px; } textarea { overflow: auto; min-height: 125px; line-height: 1.1; resize: vertical; vertical-align: top; } input:focus, textarea:focus, select:focus { outline: 0; } input[type="radio"], input[type="checkbox"] { display: inline-block; width: auto; height: auto; padding: 0; line-height: 1; } input:disabled, button:disabled { cursor: default; } button, input[type="file"] { cursor: pointer; } button { background: none; } label input[type="radio"], label input[type="checkbox"] { display: none; } label input[type="radio"] + div, label input[type="checkbox"] + div { cursor: pointer; position: relative; display: block; padding: 0 0 0 20px; color: #aaa; } label input[type="radio"] + div::before, label input[type="radio"] + div::after, label input[type="checkbox"] + div::before, label input[type="checkbox"] + div::after { content: ''; display: block; position: absolute; box-sizing: border-box; } label input[type="radio"] + div::before, label input[type="radio"] + div::after { border-radius: 50%; } label input[type="radio"] + div::before, label input[type="checkbox"] + div::before { top: 0; left: 0; width: 16px; height: 16px; border: 1px solid #D8D7D7; } label input[type="radio"] + div::after, label input[type="checkbox"] + div::after { opacity: 0; top: 3px; left: 3px; width: 10px; height: 10px; background: #D8D7D7; transition: all 200ms linear; } label input[type="radio"]:checked + div::after, label input[type="checkbox"]:checked + div::after { opacity: 1; } label input[type="radio"] + div a, label input[type="checkbox"] + div a { text-decoration: underline; } label input[type="radio"] + div a:hover, label input[type="checkbox"] + div a:hover { text-decoration: none; } [placeholder]::-webkit-input-placeholder { color: #aaa; } [placeholder]:-ms-input-placeholder { color: #aaa; } [placeholder]::-moz-placeholder { color: #aaa; } [placeholder]:focus::-webkit-input-placeholder { color: transparent; } [placeholder]:focus:-ms-input-placeholder { color: transparent; } [placeholder]:focus::-moz-placeholder { color: transparent; } .bx-core-adm-dialog-buttons input[type=button] { width: auto; } @media (hover: hover) { input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'], input[type="number"]:hover, input[type="number"]:focus { appearance: none; -moz-appearance: textfield; } } /* *******************************************************************************/ form { position: relative; } form::after { content: ''; display: block; width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; top: -10px; left: -10px; background: rgba(0, 0, 0, .2); transition: all 200ms linear; border-radius: 5px; opacity: 0; visibility: hidden; cursor: wait; } form.sending::after { opacity: 1; visibility: visible; } .wrong input, .wrong textarea, .wrong .jq-selectcontent.__select { border-color: #f3c0c0; background: #ffeaea !important; } .error { padding: 5px 0; font-size: 14px; color: #c34343; transition: all 200ms linear; transform: translateY(-50%); opacity: 0; } .error.shown { opacity: 1; transform: translateY(0); } .ajax_loader { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; transform: translate(-50%, -50%); z-index: 1; } .ajax_loader_svg { width: 100%; height: 100%; } .ajax_loader_circle { stroke: #00A499; transition: 300ms stroke-dashoffset; transform: rotate(-90deg); transform-origin: 50% 50%; } .ajax_loader_digit { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 400; font-size: 14px; line-height: 100%; text-align: center; } /* *******************************************************************************/ .btn { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 10px; line-height: 1; font-size: 20px; font-weight: 500; text-decoration: none; } .btn._light { color: var(--color-dark); background: var(--color-light); } .btn._dark { color: var(--color-light); background: var(--color-dark); } .btn._empty { border: 1px solid var(--color-light); } .btn._dark._empty { color: var(--color-dark); border: 1px solid var(--color-dark); background: none; } /* Other *******************************************************************************/ img, svg { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0; } table { width: 100%; border-collapse: collapse; border-spacing: 0; vertical-align: top; } /* *******************************************************************************/ .head { position: sticky; top: 0; color: var(--color-light); background: var(--color-dark); z-index: 10; } .head_row { height: 92px; display: flex; align-items: center; justify-content: space-between; } .head_logo ._color { fill: #9B2464; } .head_tel { font-size: 14px; } .head_claim { font-size: 15px; } .head_claim_close { position: absolute; top: 0; right: 0; padding: var(--padding-side); } .head_claim form { display: grid; gap: 15px; } .head_claim input { background: none; border: 0; border-bottom: 1px solid #575757; } .head_other .btn { font-size: 14px; } .head_cart { position: relative; margin: -2px 20px 0 auto; } .head_cart_number { position: absolute; top: -1px; right: -4px; display: flex; align-items: center; justify-content: center; width: 13px; height: 13px; line-height: 1; font-size: 9px; color: #fff; border-radius: 50%; background: #FF0808; transition: all 300ms linear; opacity: 0; } .head_cart_number.shown { opacity: 1; } .head_menu_item { position: relative; padding-left: 24px; } .head_menu_item::before { content: ''; display: block; width: 5px; height: 5px; position: absolute; top: 7px; left: 9px; border-radius: 50%; background: var(--color-light); } .head_menu_item._parent > a { border-bottom: 1px solid currentColor; } .head_menu_sub { display: grid; gap: 20px; padding: 15px 0 0 29px; font-size: 17px; line-height: 1.1; } .head_menu_sub_group { display: grid; justify-items: start } .head_menu_sub_list { display: grid; justify-items: start; gap: 10px; padding: 15px 0 0 29px; color: #fff; opacity: 0.5; font-size: 17px; line-height: 1.1; } @media (max-width: 1023px) { .head_main, .head_claim { position: fixed; top: 92px; left: 0; right: 0; bottom: 0; padding: 20px var(--padding-side) 32px; overflow: auto; background: var(--color-dark); transition: all 300ms linear; opacity: 0; visibility: hidden; } .bx-core .head_main, .bx-core .head_claim { top: 39px; } .head_main.shown, .head_claim.shown { opacity: 1; visibility: visible; } .head_menu { display: grid; gap: 15px; font-size: 20px; font-weight: 500; } .head_main { display: flex; flex-direction: column; gap: 25px; } .head_other { flex: 1 1 0; display: grid; align-content: space-between; } .head_other_1 { order: 2; display: flex; align-items: center; justify-content: space-between; margin-top: 20px; } .head_other_2 { order: 1; display: grid; gap: 9px; } .head_burger svg { position: relative; overflow: visible !important; } .head_burger.active rect:nth-child(1), .head_burger.active rect:nth-child(4) { transform-origin: center; } .head_burger.active rect:nth-child(1) { transform: rotate(45deg) translate(0, 6px); } .head_burger.active rect:nth-child(2), .head_burger.active rect:nth-child(3) { opacity: 0; } .head_burger.active rect:nth-child(4) { transform: rotate(-45deg) translate(0, -6px); } } @media (min-width: 1024px) { .head_row { position: relative; gap: 77px; height: 82px; padding: 14px 0 10px; } .head_burger { display: none; } .head_main { flex: 1 1 0; display: flex; align-items: center; justify-content: space-between; } .head_menu { display: flex; align-items: center; gap: 20px; padding-top: 12px; font-size: 17px; } .head_menu_item { padding: 24px 0 24px 24px; } .head_menu_item::before { top: 30px; } .head_menu_sub { position: absolute; top: 100%; left: 0; padding: 15px; display: grid; /*background: rgba(28, 28, 28, 0.6);*/ white-space: nowrap; transition: all 300ms linear; opacity: 0; visibility: hidden; left: 9px; padding-bottom: 25px; padding-right: 25px; background: #000; border: 1px solid #000; } .head_menu_item:hover .head_menu_sub { opacity: 0.8; visibility: visible; } .head_menu_sub_group > a { font-weight: 500; } .head_menu_sub_list { opacity: 1; font-size: 14px; } .head_other_1 { display: flex; align-items: center; justify-content: flex-end; gap: 15px; } .head_cart { margin: -2px 0 0; } .head_other_2 { margin-top: 14px; } .head_other_2 .btn { min-width: 120px; height: 28px; } .head_claim { position: absolute; top: 100%; right: calc(var(--padding-side) * -1); width: 474px; padding: 65px 60px 35px; background: var(--color-dark); transition: all 300ms linear; opacity: 0; visibility: hidden; } .head_claim.shown { opacity: 1; visibility: visible; } .head_claim_close { top: 10px; right: 60px; } } /* *******************************************************************************/ .foot { margin-top: 50px; padding: 24px 0; color: var(--color-light); background: var(--color-dark); line-height: 1; } .foot_row { display: grid; gap: 30px; } .foot_menu_list { display: grid; justify-items: start; gap: 10px; } .foot_catalogue ul { list-style: none; margin: 0; padding: 0; } .foot_catalogue ul li { margin: 0; line-height: 1; } .foot_title { margin-bottom: 15px; color: #575757; } .foot_contacts .foot_title { grid-column: 1 / 3; } .foot_touch { display: grid; justify-items: start; gap: 10px; } .foot_soc { display: grid; justify-items: start; gap: 10px; margin: 0 auto; } .foot_copyright { display: flex; align-items: baseline; justify-content: space-between; margin-top: 42px; font-size: 14px; } .foot_made { display: flex; align-items: baseline; gap: 10px; } .foot_made svg { transform: translateY(5px); } .foot_small { color: #575757; } .foot a { position: relative; } .foot a::after { content: ''; display: block; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; background: currentColor; transition: all 300ms linear; } .foot a:hover::after { width: 100%; } @media (max-width: 1023px) { .foot_touch a:nth-child(1) { order: 2; } .foot_touch a:nth-child(2) { order: 3; } .foot_touch div { order: 1; } .foot_catalogue ul ul { display: none; } .foot_contacts { display: grid; grid-template-columns: repeat(2, 1fr); align-items: start; } } @media (max-width: 767px) { .foot_copyright, .foot_small { display: flex; flex-direction: column; gap: 10px; } } @media (min-width: 1024px) { .foot { margin-top: 130px; padding: 72px 0 28px; } .foot_row { display: flex; align-items: flex-start; justify-content: space-between; gap: 0; } .foot_menu { order: 1; margin-top: 31px; flex: 0 0 160px; } .foot_catalogue { order: 2; } .foot_catalogue > ul { flex: 0 0 490px; display: flex; align-items: flex-start; gap: 48px; font-size: 14px; } .foot_catalogue ul ul { display: grid; gap: 10px; margin-top: 10px; padding-left: 30px; } .foot_contacts { order: 3; flex: 0 0 160px; font-size: 14px; } .foot_soc { margin-top: 10px; } .foot_copyright::after { content: ''; display: block; width: 160px; height: 1px; } .foot_made { flex: 0 0 160px; } .foot_small { flex: 0 0 490px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; justify-items: start; } .foot_oferta {} .foot_policy {} } /* *******************************************************************************/ .crumbs { --line-height: 22px; --padding-top: 15px; position: relative; height: calc(var(--line-height) + var(--padding-top)); line-height: var(--line-height); padding-top: var(--padding-top); color: #8D8D8D; font-size: 14px; white-space: nowrap; overflow: hidden; } .crumbs::after { content: ''; display: block; width: 30px; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); } .crumbs_inner { position: relative; overflow: auto; } .crumbs .content { height: calc(var(--line-height) + 20px); } .crumbs_row { display: grid; grid-auto-flow: column; padding: 0 var(--padding-side); height: var(--line-height); position: absolute; top: 0; left: 0; } .crumbs_item a { display: block; border-bottom: 1px solid transparent; } .crumbs_item a:hover { border-bottom-color: #000; } .crumbs_item:last-child { padding-right: 20px; } .crumbs_sep { margin: 0 5px; display: flex; align-items: center; } @media (max-width: 1023px) { .crumbs { display: none; } .crumbs + .container { margin-top: 30px; } } @media (min-width: 1024px) { .crumbs { margin-bottom: 62px; } } /* 1280px - экран после которого контентная часть перестает растягиваться по ширине */ @media (min-width: 1280px) { .crumbs { font-size: 16px; } .crumbs_row { padding: 0 calc((100% - var(--content-max-width)) / 2); } } /* *******************************************************************************/ .modal { display: none; margin: 0; padding: 20px; } .fancybox-slide--html { padding: 0; } .modal_close { cursor: pointer; position: absolute; top: 10px; right: 6px; width: 34px; height: 34px; padding: 10px; background: none; } @media (min-width: 1024px) { .modal { padding: 40px; margin: 100px auto; } } /* *******************************************************************************/ .contacts { padding: 30px 0; } .contacts_row { display: grid; gap: 30px; } .contacts_main {} .contacts_main_bg { padding: 15px; background: #F6F6F6; } .contacts_main p { margin: 0; } .contacts_main hr { margin: 15px 0; width: 100%; height: 1px; background: #AAA; } .contacts_main hr:last-child { margin-bottom: 0; } .contacts_title { padding: 20px 0 0; font-size: 20px; font-weight: 500; text-transform: uppercase; } .contacts_dept { display: flex; align-items: flex-start; justify-content: space-between; } .contacts_dept_title { opacity: 0.5; } .contacts_dept_value { display: grid; gap: 10px; text-align: right; } .contacts_main .btn { width: 100%; margin-top: 20px; } .contacts_map { width: 100%; height: 423px; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); } @media (min-width: 1024px) { .contacts { padding: 43px 0; } .contacts_row { grid-template-columns: 454px auto; gap: 20px; align-items: start; } } /* *******************************************************************************/ .homeIntro { position: relative; color: var(--color-light); background-size: cover; background-position: center; } .homeIntro::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); } .homeIntro::after { content: ''; display: block; position: absolute; top: -83px; left: 0; right: 0; height: 180px; background: rgb(24,24,24); background: -moz-linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(24,24,24,0) 100%); background: -webkit-linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(24,24,24,0) 100%); background: linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(24,24,24,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#181818",endColorstr="#181818",GradientType=1); } .homeIntro_cap { position: relative; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end; gap: 15px; height: 462px; padding: 30px 0; } .homeIntro_title { font-size: 35px; font-weight: 500; } .homeIntro_title .hi { font-size: 45px; font-weight: 400; } .homeIntro_cap a { border-bottom: 1px solid currentColor; } .homeIntro_cap a:hover { border-bottom-color: transparent; } @media (min-width: 1024px) { .homeIntro { background-position: 50% 62%; } .homeIntro_cap { height: 572px; padding: 60px 0; } .homeIntro_title { font-size: 53px; } .homeIntro_title .hi { font-size: 65px; } } /* *******************************************************************************/ @media (min-width: 1024px) { .textLeft { position: relative; width: calc(50% + 1px); margin-right: calc(50% - 1px); padding-right: 10px; text-align: right; overflow: hidden; } .textRight { position: relative; width: 50%; padding-left: 10px; margin-left: 50%; overflow: hidden; } } /* *******************************************************************************/ .homeGallery { overflow: hidden; } .homeGallery_slider { margin: 15px -5px 0; } .homeGallery_slider .slick-list { overflow: visible; } .homeGallery_item { padding: 0 5px; } @media (max-width: 1023px) { .homeGallery_item { width: 330px; height: 330px; } .homeGallery_item img { object-fit: cover; object-position: center; width: 100%; height: 100%; } } @media (min-width: 1024px) { .homeGallery .textLeft { text-align: left; font-size: 30px; line-height: 0.95; } .homeGallery_slider { margin-top: 22px; } } /* *******************************************************************************/ .paletteItems { display: grid; gap: 30px; } .paletteItem {} .paletteItem_pic { position: relative; width: 100%; height: 275px; aspect-ratio: 1 / 1; } .paletteItem_pic img { position: absolute; object-fit: cover; object-position: center; width: 100%; height: 100%; transition: all 100ms linear; opacity: 1; } .paletteItem_pic img.hide { opacity: 0; } .paletteItem_hovers { position: absolute; inset: 0; display: flex; } .paletteItem_hovers_item { position: relative; flex: 1 1 100%; } .paletteItem_hovers_item::after { content: ''; display: block; position: absolute; left: 3%; right: 3%; bottom: 8px; height: 2px; background: #fff; transition: all 300ms linear; opacity: 0.5; } .paletteItem_hovers_item.hover::after { opacity: 1; } .paletteItem_meta { position: relative; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--color-dark); } .paletteItem_size { margin-top: 5px; font-size: 13px; } .paletteItem_brand { position: absolute; top: 10px; right: 0; font-size: 12px; line-height: 16px; opacity: 0.5; } .paletteItem_more { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--color-light); background: rgba(0, 0, 0, 0.5); transition: all 300ms linear; opacity: 0; visibility: hidden; } .paletteItem:hover .paletteItem_more { opacity: 1; visibility: visible; } @media (min-width: 768px) { .paletteItem_pic { height: auto; } } @media (min-width: 768px) { .paletteItems { grid-template-columns: repeat(2, 1fr); gap: 25px 20px; } } @media (min-width: 1024px) { .paletteItems { grid-template-columns: repeat(4, 1fr); } } @media (hover: hover) { .paletteItem_pic img { position: absolute; object-fit: cover; object-position: center; width: 100%; height: 100%; transition: all 100ms linear; opacity: 1; } .paletteItem_pic img.hide { opacity: 0; } .paletteItem_hovers { position: absolute; inset: 0; display: flex; transition: all 300ms linear; opacity: 0; } .paletteItem_pic:hover .paletteItem_hovers { opacity: 1; } .paletteItem_hovers_item { position: relative; flex: 1 1 100%; height: 100%; } .paletteItem_hovers_item::after { content: ''; display: block; position: absolute; left: 3%; right: 3%; bottom: 3%; height: 2px; background: #fff; transition: all 300ms linear; opacity: 0.5; } .paletteItem_hovers_item:hover::after { opacity: 1; } } /* *******************************************************************************/ .homeDecors { padding: 30px 0; color: var(--color-light); background: var(--color-dark); } .homeDecors_head { display: flex; gap: 10px; flex-direction: column; align-items: flex-start; } .homeDecors_head a { border-bottom: 1px solid currentColor; } .homeDecors_head a:hover { border-bottom-color: transparent; } .homeDecors_body { margin-top: 30px; } .homeDecors_more { font-size: 14px; } .homeDecors .paletteItem_meta { border-top-color: var(--color-light); } @media (max-width: 767px) { .homeDecors .paletteItem:nth-child(1n + 4) { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .homeDecors .paletteItem:nth-child(1n + 5) { display: none; } .homeDecors_more { grid-column: 1 / 3; } } @media (min-width: 1024px) { .homeDecors { padding: 50px 0 60px; } .homeDecors_head { flex-direction: row; align-items: center; justify-content: space-between; } .homeDecors_more { display: none; } } /* *******************************************************************************/ .homeAgent .h2 { position: relative; margin-bottom: 10px; } .homeAgent .textLeft { color: #575757; } .homeAgent_pic { height: 269px; margin: 15px calc(var(--padding-side) * -1) 0; } .homeAgent_pic img { object-fit: cover; object-position: center; width: 100%; height: 100%; } @media (min-width: 1024px) { .homeAgent_row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .homeAgent_side [outview] { transform: translateX(-50%); } .homeAgent_main {} .homeAgent_main [outview] { transform: translateX(-50%); } .homeAgent_main p { max-width: 390px; } .homeAgent_pic { height: auto; } } /* *******************************************************************************/ .homeUnique_title { font-size: 50px; } .homeUnique li { font-size: 20px; } @media (max-width: 374px) { .homeUnique_title { font-size: 46px; } } @media (min-width: 1024px) { .homeUnique_title { margin: 0 auto; font-size: 80px; text-align: center; } .homeUnique_title div:nth-child(2) { margin-top: -0.3em; text-align: right; } .homeUnique_row { display: grid; grid-template-columns: repeat(2, auto); justify-content: space-between; margin: 55px auto 0; } .homeUnique ul { margin-top: 0; width: 456px; } .homeUnique li:not(:first-child) { margin-top: 25px; } .homeUnique [outview] { transform: translateX(-50%); } } @media (min-width: 1280px) { .homeUnique_title { font-size: 98px; } } /* *******************************************************************************/ .homeColl { padding: 30px 0; background: #1C1C1C; color: #fff; } .homeColl_text { margin-top: 15px; font-size: 30px; } .homeColl_title { font-size: 65px; } .homeColl_pic { margin-top: 30px; } .shown {} @media (min-width: 1024px) { .homeColl { position: relative; padding: 48px 0 0; } .homeColl_row { position: relative; display: grid; grid-template-columns: 496px auto; gap: 0 38px; } .homeColl::before { content: ''; display: block; height: 90px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; } .homeColl_title { grid-column: 1 / 3; } .homeColl_text { width: 496px; margin: 75px 0 120px; } .homeColl_pic { height: 500px; margin: -10px calc(var(--padding-side) * -1) 0 0; } .homeColl_pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } @media (min-width: 1280px) { .homeColl { overflow: hidden; } .homeColl_title { font-size: 80px; } .homeColl_pic { height: 500px; margin: -10px -60px 0 0; } } /* *******************************************************************************/ .homeTeam p { margin: 0; font-size: 30px; font-weight: 500; } .homeTeam p .hi { font-size: 35px; } .homeTeam_pic { margin: 15px 0 0; } .homeTeam_pic img { object-fit: cover; object-position: top center; width: 100%; height: 100%; } .homeTeam .textRight { margin-top: 15px; color: #575757; } .homeTeam .textRight p { font-size: 16px; } @media (min-width: 1024px) { .homeTeam_pic { height: 520px; } .homeTeam_text { max-width: 900px; } .homeTeam .textRight { margin-top: 50px; max-width: 386px; border-left: 1px solid var(--color-dark); } } /* *******************************************************************************/ .addresses_map { height: 482px; margin-top: 10px; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); } .addresses_desc { max-width: 362px; margin-bottom: 45px; margin-top: 10px; font-weight: 500; color: #575757; opacity: 0.5; } .addresses_list { line-height: 0.95; } .addresses_list_title { margin: 30px 0 15px; color: #1C1C1C; opacity: 0.5; } .addresses_item { margin-bottom: -1px; } .addresses_item_title { padding: 8px 0 12px; border: 1px solid #323232; border-left: 0; border-right: 0; line-height: 0.95; font-size: 20px; font-weight: 500; text-transform: uppercase; } .addresses_item_meta { padding-left: 17px; } .addresses_item_meta p { margin: 0; padding: 10px 0; border-bottom: 1px solid #323232; } .addresses_item_meta p a { margin-right: 20px; } @media (min-width: 1024px) { .addresses_legend { display: grid; grid-template-columns: 1fr 3fr; } .addresses_desc { margin-top: 25px; padding-right: 30px; } .addresses_list_title { margin: 25px 0 12px; } .addresses_item { display: grid; grid-template-columns: 1fr 2fr; gap: 20px; border-top: 1px solid #323232; } .addresses_item_title { border: none; } } /* *******************************************************************************/ .homeArticles_row { margin-top: 15px; border-bottom: 1px solid #323232; } .homeArticles_item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 15px 0; border-top: 1px solid #323232; } .homeArticles_item_side { display: grid; gap: 10px; } .homeArticles_item_date { color: #575757; } .homeArticles_item_pic img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .homeArticles_item_main { display: grid; justify-items: start; align-content: space-between; padding-top: 26px; } .homeArticles_item_title { font-size: 20px; font-weight: 500; } .homeArticles_all { margin-top: 20px; font-weight: 500; } @media (max-width: 767px) { .homeArticles_item_pic { aspect-ratio: 1 / 1; } } @media (min-width: 1024px) { .homeArticles .content { position: relative; } .homeArticles_item { gap: 20px; } .homeArticles_item_side { display: grid; grid-template-columns: repeat(2, 1fr); } .homeArticles_item_main { padding: 0; } .homeArticles_item_title { max-width: 474px; } .homeArticles_all { position: absolute; top: 5px; right: 0; margin: 0; } } /* *******************************************************************************/ .modal_search { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 85px 0 20px; overflow: auto; } .modal_search .content { position: relative; } .modal_search_form { display: grid; gap: 20px; } .modal_search_form input { border: none; border-bottom: 1px solid #2C2C2C; } .modal_search_result { display: grid; gap: 15px; margin-top: 40px; } .modal_search_result_item { padding: 15px; border: 1px solid #aaa; } .modal_search_result_item_cap { max-width: 600px; } .modal_search_result_item_cap .h3 { margin-bottom: 15px; } .modal_search .modal_close { top: auto; bottom: 100%; margin-bottom: 30px; } @media (min-width: 768px) { .modal_search { padding-top: 105px; } .modal_search_form { max-width: 354px; margin: 0 auto; } .modal_search_result { margin-top: 60px; gap: 20px; } .modal_search .modal_close { margin-bottom: 20px; } } /* *******************************************************************************/ .catSub { margin: 0 calc(var(--padding-side) * -1) 20px; padding-left: var(--padding-side); overflow-x: auto; } .catSub_row { display: flex; align-items: center; white-space: nowrap; gap: 25px; padding-bottom: 10px; } .catSub_row::after { content: ''; display: block; flex: 0 0 1px; height: 20px; } .catSub_item { font-size: 20px; font-weight: 500; } a.catSub_item { opacity: 0.4; } @media (hover: hover) { a.catSub_item { position: relative; } a.catSub_item::after { content: ''; display: block; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; background: #000; transition: all 300ms linear; } a.catSub_item:hover::after { width: 100%; } } /* *******************************************************************************/ .palette_filters { margin-bottom: 30px; border-top: 1px solid var(--color-dark); } .palette_filters label { position: relative; } .palette_filters input { display: block !important; opacity: 0; height: 100%; width: 100%; position: absolute; inset: 0; z-index: 1; cursor: pointer; } .palette_filter { border-bottom: 1px solid var(--color-dark); } .palette_filter_head { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 10px 0; font-size: 20px; font-weight: 500; } .palette_filter_head.active path:first-child { opacity: 0; } .palette_filter_body { display: grid; grid-template-rows: 0fr; transition: all 300ms linear; } .palette_filter_body.shown { grid-template-rows: 1fr; } .palette_filter_items { display: grid; gap: 5px; padding-left: 20px; overflow: hidden; transition: all 300ms linear; } .palette_filter_items input + div { padding: 0 !important; color: inherit !important; } .palette_filter_items input:checked + div { font-weight: 700; } .palette_filter_items input + div::before, .palette_filter_items input + div::after { display: none !important; } .palette_filter_body.shown .palette_filter_items { padding-bottom: 10px; } .paletteItem_label { position: absolute; top: 10px; left: 0; padding: 10px; color: var(--color-light); background: var(--color-dark); font-size: 15px; } .palette_more { display: block; margin: 20px auto 0; } .palette_filters_submit { margin-top: 20px; width: 100%; font-size: 16px; } /*@media (max-width: 1023px) { .paletteItems:not(.show_all) .paletteItem:nth-child(1n + 5) { display: none; } }*/ @media (min-width: 1024px) { .palette_row { display: grid; grid-template-columns: 275px auto; gap: 20px; } .palette .paletteItems { grid-template-columns: repeat(3, 1fr); gap: 20px; } } /* *******************************************************************************/ .certList { display: grid; gap: 10px; } .certList_item { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; min-height: 266px; padding: 20px; border: 1px solid #aaa; } .certList_item_text { opacity: 0.5; } .certList_item_link { margin-top: auto; } .certList_getMore { margin-top: 20px; font-weight: 500; } @media (min-width: 1024px) { .certList { grid-template-columns: repeat(2, 1fr); gap: 20px; } .certList_getMore { display: block; margin: 20px auto 0; } } /* *******************************************************************************/ .instrList { display: grid; gap: 10px; } .instrList_item { display: grid; justify-items: start; gap: 20px; padding: 20px; border: 1px solid #aaa; } .instrList_item_text { opacity: 0.5; } .instrList_item_link { margin-top: auto; } .instrList_getMore { margin-top: 20px; font-weight: 500; } @media (min-width: 1024px) { .instrList_item { grid-template-columns: repeat(2, 1fr); gap: 20px 40px; } .instrList_item .h4 { grid-row: 1 / 3; } .instrList_getMore { display: block; margin: 20px auto 0; } } /* *******************************************************************************/ .catsList { display: grid; gap: 10px; } .catsList_item { display: grid; grid-template-columns: auto 100px; gap: 40px; padding: 20px; border: 1px solid #aaa; } .catsList_item_cap { display: flex; align-items: flex-start; flex-direction: column; gap: 20px; } .catsList_item_text { opacity: 0.5; } .catsList_item_link { margin-top: auto; } .catsList_getMore { display: block; margin: 20px auto 0; font-weight: 500; } @media (min-width: 414px) { .catsList_item { grid-template-columns: auto 142px; } } @media (min-width: 1024px) { .catsList { grid-template-columns: repeat(2, 1fr); gap: 20px; } .catsList_item .h4 { grid-row: 1 / 3; } } /* *******************************************************************************/ .paletteCard_info { padding-bottom: 15px; font-weight: 500; } .paletteCard_title { margin-bottom: 25px; font-size: 40px; font-weight: 500; } .paletteCard_info table { } .paletteCard_info th { padding: 0 0 15px; text-align: left; opacity: 0.5; } .paletteCard_info td { padding: 0 0 15px; text-align: right; } .paletteCard_dot { display: inline-block; width: 9px; height: 9px; margin-right: 9px; margin-bottom: 2px; border-radius: 50%; } .paletteCard_dot._green { background: #0FDE24; } .paletteCard_act { margin-top: 30px; display: grid; gap: 10px; } .paletteCard_act .btn { width: 100%; } .paletteCard_act .buttons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .paletteCard_act .buttons .btn { font-size: 18px; width: auto; font-size: 16px; text-align: center; } .paletteCard_act .buttons form { grid-column: 1 / 3; } .paletteCard_act .buttons form .btn { width: 100%; font-size: 20px; } .paletteCard_small { display: block; margin-top: 10px; opacity: 0.5; } .paletteCard_pics img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .paletteCard_pics_big_pic { height: 392px; } .paletteCard_pics_small { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0 0; } .paletteCard_pics_small > div { height: 92px; } .paletteCard_pics_small img { cursor: pointer; } .paletteCard_pics_nav { display: none; visibility: hidden; } @media (hover: hover) { .paletteCard_pics_big { position: relative; } .paletteCard_pics_nav { display: block; position: absolute; top: 0; width: 50%; height: 100%; visibility: visible; cursor: pointer; z-index: 1; } .paletteCard_pics_nav._prev { left: 0; } .paletteCard_pics_nav._next { right: 0; } .paletteCard_pics_small > div { position: relative; transition: all 300ms linear; } .paletteCard_pics_small > div::before, .paletteCard_pics_small > div::after { cursor: pointer; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 300ms linear; opacity: 0; } .paletteCard_pics_small > div::before { background: rgba(0, 0, 0, 0.4); } .paletteCard_pics_small > div::after { background: url(/_/media/next.svg) center center no-repeat; } .paletteCard_pics_small > div:hover::before, .paletteCard_pics_small > div:hover::after { opacity: 1; } } @media (max-width: 767px) { .paletteCard_row { margin-top: 60px; } } @media (min-width: 414px) { .paletteCard_info td { font-size: 20px; } } @media (min-width: 1024px) { .paletteCard_row { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); } .paletteCard_info { grid-column: 2 / 3; } .paletteCard_pics { grid-column: 1 / 2; grid-row: 1 / 3; width: calc(50vw - 10px - var(--padding-side)); max-width: 570px; } .paletteCard_pics_big .slick-arrow { position: absolute; top: 0; height: 100%; display: flex; align-items: center; width: 96px; z-index: 1; } .paletteCard_pics_big .slick-arrow svg { width: 60px; height: 60px; } .paletteCard_pics_big .slick-prev { left: 0; justify-content: flex-end; } .paletteCard_pics_big .slick-next { right: 0; justify-content: flex-start; } .paletteCard_pics_small { margin-top: 22px; } .paletteCard_act { margin-top: auto; } } @media (min-width: 1280px) { .paletteCard_act .buttons { grid-template-columns: repeat(3, 1fr); } .paletteCard_act .buttons form { grid-column: auto; } .paletteCard_act .buttons form .btn { font-size: 16px; } } /* *******************************************************************************/ .paletteCard_pics.with_gallery img { cursor: zoom-in; } @media (hover: hover) { .paletteCard_pics.with_gallery .paletteCard_pics_small > div::before, .paletteCard_pics.with_gallery .paletteCard_pics_small > div::after { display: none !important; } } /* *******************************************************************************/ .fb_modalGallery .fancybox-content { background: none; padding: 0; } .modalGallery { position: fixed; inset: 0; margin: 0; padding: 0; } .modalGallery .modal_close { right: 20px; } .modalGallery_main { position: absolute; inset: 0; display: grid; gap: 20px; justify-content: center; overflow: auto; cursor: zoom-in; } .modalGallery_main_pic { width: 600px; margin: 0 auto; } .modalGallery_main.full { cursor: zoom-out; } .modalGallery_main.full .modalGallery_main_pic { width: 100%; } .modalGallery_main_pic img { width: 100%; } .modalGallery_side { position: absolute; top: 20px; left: 20px; width: 90px; display: grid; gap: 10px; } .modalGallery_side_pic { cursor: pointer; padding: 4px; border: 1px solid transparent; } .modalGallery_side_pic:hover, .modalGallery_side_pic.current { border-color: #000; } .modalGallery_side_pic img {} /* *******************************************************************************/ .recently_slider { margin: 30px -10px 0; } .recently .slick-slide { padding: 0 10px; } /* *******************************************************************************/ .brand_1 { font-weight: 500; } .brand_1_title { font-size: 35px; } .brand_1_text { font-size: 17px; color: #575757; } .brand_1_big img, .brand_1_small img { width: 100%; } .brand_1_small { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 10px; } @media (max-width: 1023px) { .brand_1_text { margin-top: 15px; } .brand_1_link { margin-top: 27px; } .brand_1_big { margin-top: 20px; } } @media (min-width: 1024px) { .brand_1_row { position: relative; display: grid; grid-template-rows: repeat(4, auto); grid-template-columns: repeat(2, 1fr); align-content: start; align-items: start; gap: 20px; margin-top: 60px; } .brand_1_title { position: relative; grid-row: 1 / 2; grid-column: 2 / 3; overflow: hidden; } .brand_1_title [outview] { transform: translateX(-50%); } .brand_1_text { grid-row: 2 / 3; grid-column: 2 / 3; font-size: 16px; } .brand_1_text [outview] { transform: translateX(50%); } .brand_1_link { grid-row: 4 / 5; grid-column: 1 / 3; } .brand_1_big { position: absolute; top: 0; left: 0; bottom: 37px; right: calc(50% + 10px); /*grid-row: 1 / 4; grid-column: 1 / 2;*/ } .brand_1_big img, .brand_1_small img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .brand_1_small { grid-row: 3 / 4; grid-column: 2 / 3; height: 174px; gap: 20px; margin: 0; } } /* *******************************************************************************/ .brand_2 {} .brand_2 .content { position: relative; } .brand_2_cap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 15px; position: absolute; left: 10px; bottom: 10px; z-index: 1; } .brand_2_cap_item { display: grid; height: 104px; padding: 15px 5px 15px 15px; background: rgba(255, 255, 255, 0.7); } .brand_2_cap_item p { opacity: 0.5; margin: auto 0 0; } .brand_2_slider { margin: 10px -5px; } .brand_2_slider .slick-slide { padding: 0 5px; } @media (max-width: 767px) { .brand_2 { overflow: hidden; } .brand_2_slider .slick-list { overflow: visible; } .brand_2_slider .slick-slide { width: 364px; } .brand_2_cap_item .h3 { font-size: 20px; } } @media (min-width: 768px) { .brand_2_cap { grid-template-columns: repeat(2, 275px); gap: 20px; left: 20px; bottom: 20px; } .brand_2_cap_item { height: 137px; padding: 20px; } .brand_2_slider { margin-top: 30px; margin-bottom: 0; } .brand_2_slider .slick-slide { height: 504px; } .brand_2_slider .slick-slide img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .brand_2_slider .slick-arrow { position: absolute; top: 0; width: 50%; height: 100%; z-index: 1; } .brand_2_slider .slick-arrow svg { position: absolute; } .brand_2_slider .slick-arrow:not(:hover) svg { opacity: 0; } .brand_2_slider .slick-prev { left: 0; } .brand_2_slider .slick-next { right: 0; } } @media (min-width: 1280px) { .brand_2_cap_item p { font-size: 20px; } } /* *******************************************************************************/ .brand_3 { padding: 30px 0; color: var(--color-light); background: var(--color-dark); overflow: hidden; } .brand_3_title { font-size: 35px; font-weight: 500; } .brand_3_title .hi { font-size: 40px; } .brand_3_text { font-weight: 500; } @media (max-width: 767px) { .brand_3_text { margin: 15px 0; font-size: 17px; } } @media (min-width: 768px) { .brand_3_row { display: grid; gap: 20px; } .brand_3_pic { aspect-ratio: 1160 / 470; } .brand_3_pic img { object-fit: cover; object-position: center; width: 100%; height: 100%; } } @media (min-width: 1024px) { .brand_3 { padding: 50px 0; } .brand_3_row { grid-template-columns: repeat(2, 1fr); } .brand_3_title { grid-column: 1 / 2; overflow: hidden; } .brand_3_title [outview] { transform: translateX(-50%); } .brand_3_text { grid-column: 2 / 3; overflow: hidden; } .brand_3_text [outview] { transform: translateX(50%); } .brand_3_pic { grid-column: 1 / 3; margin-top: 36px; } } /* *******************************************************************************/ .brand_4_text { font-size: 20px; } .brand_4_pics { display: grid; gap: 10px; } @media (max-width: 1023px) { .brand_4 { overflow: hidden; } .brand_4_text { margin: 15px 0; } .brand_4_pics { display: block; margin: 0 -5px; } .brand_4_pics .slick-list { overflow: visible; } .brand_4_pic { padding: 0 5px; } .brand_4_pic img { width: 354px; } } @media (min-width: 1024px) { .brand_4 { --row-gap: 20px; --height: 504px; } .brand_4_row { display: grid; gap: 30px var(--row-gap); } .brand_4_title { max-width: 350px; font-size: 30px; } .brand_4_title .hi { font-size: 34px; } .brand_4_text { font-size: 25px; } .brand_4_text p { line-height: 0.95; } .brand_4_pics { margin: 0; grid-column: 1 / 3; gap: 20px; grid-template-columns: 3fr 1fr; } .brand_4_pic { height: calc((var(--height) - var(--row-gap)) / 2); } .brand_4_pic:first-child { grid-row: 1 / 3; height: var(--height); } .brand_4_pic img { object-fit: cover; object-position: center; width: 100%; height: 100%; } } /* *******************************************************************************/ .brand_5 { padding: 30px 0; color: var(--color-light); background: var(--color-dark); } .brand_5 .h2 { margin-bottom: 15px; } .brand_5_pics { display: grid; gap: 5px; margin-top: 15px; } .brand_5_pics img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .brand_5_pics_big { position: relative; } .brand_5_pics_big_pic { aspect-ratio: 392 / 314; } .brand_5_pics_nav { display: block; position: absolute; top: 0; width: 50%; height: 100%; visibility: visible; cursor: pointer; z-index: 1; } .brand_5_pics_nav._prev { left: 0; } .brand_5_pics_nav._next { right: 0; } .brand_5_pics_small { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; } @media (min-width: 768px) { .brand_5_pics { grid-template-columns: auto 111px; gap: 10px 20px; max-width: 700px; margin: 30px auto 0; } .brand_5_pics_big_pic { aspect-ratio: auto; height: 438px; } .brand_5_pics_small { height: 111px; cursor: pointer; margin: 0; height: 100%; gap: 10px; grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); } } @media (min-width: 1024px) { .brand_5 { margin-top: -50px; margin-bottom: -50px; padding: 45px 0; } .brand_5_pics { max-width: 844px; } } @media (hover: hover) { .brand_5_pics_small > div { position: relative; transition: all 300ms linear; } .brand_5_pics_small > div::before, .brand_5_pics_small > div::after { cursor: pointer; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 300ms linear; opacity: 0; } .brand_5_pics_small > div::before { background: rgba(0, 0, 0, 0.4); } .brand_5_pics_small > div::after { background: url(/_/media/next.svg) center center no-repeat; } .brand_5_pics_small > div:hover::before, .brand_5_pics_small > div:hover::after { opacity: 1; } } /* *******************************************************************************/ .brand_6_list { display: grid; margin-top: 15px; border-top: 1px solid #575757; } .brand_6_list_item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; font-size: 17px; font-weight: 500; border-bottom: 1px solid #575757; } .brand_6_list_item svg { flex: 0 0 18px; } .brand_6_logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 20px; } .brand_6_logos_item { display: flex; align-items: center; justify-content: center; padding: 10px; height: 50px; background: #F4F4F4; } @media (min-width: 1024px) { .brand_6_row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 20px; } .brand_6_title { max-width: 490px; text-wrap: wrap; } .brand_6_list { margin: 0; } .brand_6_list_item { gap: 60px; font-size: 16px; } .brand_6_logos { grid-column: 2 / 3; gap: 14px; margin: 0; } .brand_6_logos_item { height: 73px; } } /* *******************************************************************************/ .brand_7 { overflow: hidden; } .brand_7_text { margin: 15px 0; font-size: 20px; } .brand_7_pic_cap { margin-top: 10px; color: #575757; } .brand_7_pics { margin: 10px -5px; } .brand_7_pics .slick-list { overflow: visible; } .brand_7_pic { width: 350px; padding: 0 5px; } .brand_7_pic img { aspect-ratio: 350 / 246; } @media (min-width: 1024px) { .brand_7_row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 20px; } .brand_7_title { position: relative; grid-column: 1 / 3; overflow: hidden; } .brand_7_title [outview] { transform: translateX(-50%); } .brand_7_pics { grid-column: 1 / 3; margin-top: 24px; } } /* *******************************************************************************/ .agreement { font-weight: 500; } .agreement p a { border-bottom: 1px solid currentColor; } .agreement p a:hover { border-bottom-color: transparent; } /* *******************************************************************************/ .useful { padding: 30px 0; font-weight: 500; } .useful_tags { display: flex; flex-wrap: wrap; gap: 10px; } .useful_tags .btn { padding: 0 15px; border-radius: 38px; font-size: 16px; } .useful_row { display: grid; gap: 20px; margin-top: 30px; } .usefulItem { padding: 15px 0 25px; border-bottom: 1px solid #aaa; } .usefulItem:nth-child(1) { border-top: 1px solid #aaa; } .usefulItem_pic { margin-bottom: 15px; } .usefulItem_pic img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .usefulItem_tag { margin-bottom: 10px; color: #aaa; } .usefulItem_title { font-size: 20px; } @media (max-width: 767px) { /*.usefulItem { padding: 15px 10px 20px; background: #F4F4F4; }*/ .usefulItem:nth-child(1n + 4) { display: none; } } @media (min-width: 768px) { .useful_row { grid-template-columns: repeat(2, 1fr); gap: 0 20px; } .usefulItem:nth-child(2) { border-top: 1px solid #aaa; } } @media (min-width: 1024px) { .useful { padding: 42px 0; } .useful_head { display: flex; align-items: flex-start; justify-content: space-between; } .useful_head .h1 { margin: 0; } .useful_row { grid-template-columns: repeat(3, 1fr); } .usefulItem:nth-child(3) { border-top: 1px solid #aaa; } } /* *******************************************************************************/ .notFound_cap { height: calc(100vh - 92px); } .notFound_cap p { margin: 15px 0 20px; font-size: 30px; font-weight: 500; } .notFound_cap a { font-size: 20px; } @media (max-width: 767px) { .notFound_cap { padding-top: 170px; } .notFound_cap .hi { display: block; } } @media (min-width: 768px) { .notFound_cap { padding: 30px 0; } .notFound_cap .h1 { margin: 0; } .notFound_cap p { margin: 10px 0 20px; } } @media (min-width: 1024px) { .notFound_cap { height: calc(100vh - 82px - 358px - 130px); } } /* *******************************************************************************/ .count { display: flex; } .count_minus, .count_plus { position: relative; width: 20px; height: 20px; padding: 0; } .count_minus::before, .count_plus::before, .count_plus::after { content: ''; display: block; width: 13px; height: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #000; } .count_plus::after { width: 1px; height: 13px; } .count_input { width: 20px; height: 20px; margin: 0 5px; font-size: 13px; text-align: center; border: none; font-weight: 500; } /* *******************************************************************************/ .cart { padding: 30px 0; } .cart_row { display: grid; gap: 30px 20px; } .cart_list { display: grid; gap: 10px; } .cart_item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; font-weight: 500; } .cart_item_pic img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .cart_item_info { position: relative; padding: 10px 35% 10px 0; border: 1px solid #aaa; border-left: 0; border-right: 0; } .cart_item_size { margin-top: 5px; font-size: 13px; } .cart_item_brand, .cart_item_del { position: absolute; right: 0; width: 35%; opacity: 0.5; color: #575757; font-size: 12px; line-height: 16px; text-align: right; } .cart_item_brand { top: 10px; } .cart_item_del { bottom: 10px; width: auto; } .cart_item .count { margin-top: 20px; } .cart_fields { display: grid; gap: 10px; margin-top: 15px; } .cart_side { padding: 15px; background: #F9F9F9; } .cart_fields input, .cart_fields textarea { font-size: 20px; border: none; border-bottom: 1px solid #D8D7D7; background: none; } .cart_fields input { height: 42px; } .cart_fields textarea { padding-top: 10px; height: 108px; } .cart_fields .btn { margin-top: 5px; } @media (min-width: 414px) { .cart_item_pic { height: 122px; } } @media (min-width: 1024px) { .cart { padding: 35px 0; } .cart_row { grid-template-columns: repeat(2, 1fr); } .cart_side { margin-top: 20px; } .cart_fields { margin-top: 30px; } } /* *******************************************************************************/ .usefulSingle { padding: 30px 0 0; } .usefulSingle_tags { margin-bottom: 20px; } .usefulSingle_tags .btn { border-radius: 38px; } .usefulSingle_text { font-size: 20px; } .usefulSingle_text h2 { margin-top: 30px; font-size: 30px; } .usefulSingle_slider { margin: 30px -5px 0; } .usefulSingle_slider .slick-slide { aspect-ratio: 396 / 264; padding: 0 5px; } .usefulSingle_slider .slick-slide img { object-fit: cover; object-position: center; width: 100%; height: 100%; } @media (max-width: 1023px) { .usefulSingle .h1 { font-size: 40px; } } @media (min-width: 1024px) { .usefulSingle { padding: 60px 0 0; } .usefulSingle_text { width: 686px; margin: 40px auto 0; } .usefulSingle_slider .slick-slide { aspect-ratio: 1164 / 573; } } /* *******************************************************************************/ .usefulOther_row { overflow-x: auto; margin: 30px calc(var(--padding-side) * -1) -10px; padding: 0 var(--padding-side) 10px; } .usefulOther_items { display: grid; grid-auto-flow: column; grid-auto-columns: 340px; gap: 10px; } .usefulOther_items::after { content: ''; display: block; width: 1px; height: 100%; } /*.usefulOther_slider .slick-track { display: flex; } .usefulOther_slider .slick-slide { width: 375px; height: 100%; } .usefulOther_slider .usefulItem { padding-left: 5px; padding-right: 5px; border-top: 1px solid #aaa; }*/ .usefulOther .usefulItem { border-top: 1px solid #aaa; } .usefulOther .usefulItem_pic { height: 376px; } @media (min-width: 414px) { .usefulOther_items { grid-auto-columns: 375px; } } @media (min-width: 1024px) { .usefulOther_items { grid-template-columns: repeat(3, 1fr); grid-auto-columns: auto; } } /* *******************************************************************************/ .aboutDark { display: grid; gap: 80px; color: var(--color-light); background: var(--color-dark); } @media (min-width: 1024px) { .aboutDark { gap: 150px; } } /* *******************************************************************************/ .about_1 { background-size: cover; background-position: center; } .about_1_cap { display: flex; flex-direction: column; justify-content: space-between; height: 462px; padding: 30px 0; color: var(--color-light); } .about_1_title { font-size: 40px; } @media (min-width: 1024px) { .about_1 { aspect-ratio: 1280 / 563; } .about_1 .content { height: 100%; } .about_1_cap { height: 100%; padding: 60px 0 80px; justify-content: space-around; padding-left: calc(50% + 10px); } .about_1_text { max-width: 375px; } } /* *******************************************************************************/ .about_2_pic { aspect-ratio: 390 / 298; margin-top: 15px; } .about_2_pic img { object-fit: cover; object-position: center; width: 100%; height: 100%; } @media (min-width: 768px) { .about_2_pic { aspect-ratio: 1160 / 504; } } @media (min-width: 1024px) { .about_2_text { max-width: 538px; } .about_2_pic { margin-top: 30px; } } /* *******************************************************************************/ .about_3 { position: relative; } .about_3::after { content: ''; display: block; width: 100%; height: 198px; position: absolute; bottom: 0; left: 0; background: #fff; } .about_3 .content { position: relative; z-index: 1; } .about_3_cap { position: relative; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: space-between; height: 448px; padding: 20px 15px; } .about_3_cap::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.57); } .about_3_title, .about_3_text { position: relative; z-index: 1; } .about_3_text { margin-top: 15px; } @media (min-width: 768px) { .about_3::after { height: 70px; } .about_3_cap { justify-content: center; padding-left: 124px; } .about_3_title { max-width: 670px; } .about_3_text { max-width: 450px; margin-top: 56px; } .about_3_text p:last-child { margin-top: 40px; } .about_3_line { width: 1px; height: 100px; margin: 30px 0 30px -10px; background: #323232; } } @media (min-width: 1024px) { .about_3::after { display: none; } .about_3_cap { max-width: 942px; height: 527px; margin: 0 auto -70px; } .about_3_title { font-size: 40px; } .about_3_title .hi { font-size: 50px; } } /* *******************************************************************************/ .about_4 { overflow: hidden; } .about_4_text { margin-top: 15px; } .about_4_slider { margin: 15px -5px 0; } .about_4_slider .slick-list { overflow: visible; } .about_4_slider .slick-slide { aspect-ratio: 350 / 246; width: 350px; padding: 0 5px; } @media (min-width: 1024px) { .about_4_title { width: 50%; text-wrap: wrap; } .about_4_text { column-count: 2; column-gap: 20px; } .about_4_slider { margin: 30px -10px 0; } .about_4_slider .slick-slide { padding: 0 10px; } } /* *******************************************************************************/ .about_5_text { margin-top: 15px; } @media (min-width: 1024px) { .about_5_title { text-align: center; max-width: 918px; margin: 0 auto; } .about_5_text { position: relative; max-width: 268px; } .about_5_text::before { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: -10px; background: #323232; } } /* *******************************************************************************/ .modal_success { width: 600px; } /* *******************************************************************************/ .modalForm { padding: 65px 20px; color: #fff; background: var(--color-dark); } .modalForm_close { position: absolute; top: 0; right: 0; padding: var(--padding-side); } .modalForm form { display: grid; gap: 15px; } .modalForm input, .modalForm textarea { background: none; border: 0; border-bottom: 1px solid #575757; } .modalForm .agree { font-size: 12px; line-height: 1.1; } .modalForm .agree input[type="checkbox"] + div::before { width: 12px; height: 12px; } .modalForm .agree input[type="checkbox"] + div::after { width: 6px; height: 6px; } .modalForm .file { display: flex; align-items: center; gap: 5px; } .modalForm .jq-file + div { color: #aaa; font-size: 13px; } .modalForm .modal_close path { stroke: #fff; } .modalForm button[type="submit"] {} @media (max-width: 767px) { .fancybox-active .modalForm { position: fixed; inset: 0; display: grid !important; /*align-items: center;*/ } } @media (min-width: 768px) { .fancybox-is-open .fancybox-bg { opacity: 0.6; } .modalForm { width: 414px; } } /* *******************************************************************************/ /* End */ /* /_/plg/fancybox-3.5.7/jquery.fancybox.min.css?171537148012795 */ /* /_/plg/formStyler/jquery.formstyler.css?17246556602175 */ /* /_/plg/formStyler/jquery.formstyler.theme.css?17246598913149 */ /* /_/plg/slick-1.8.1/slick.css?17153714801776 */ /* /_/css/main.css?176458596066893 */