/* Start:/local/templates/main/css/slick.css?16275685751776*/ /* 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:/local/templates/main/css/jquery.fancybox.min.css?162756857512795*/ 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:/local/templates/main/css/main.css?164198814371673*/ @charset "utf-8"; /*CSS3*/ /* Template developer: Elesin Alexander Skype: virusanja */ @font-face { font-family: Geometria; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Geometria.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Geometria.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Geometria.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: Geometria; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Geometria-Bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Geometria-Bold.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Geometria-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: Geometria; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Geometria-ExtraBold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Geometria-ExtraBold.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Geometria-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: Geometria; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Geometria-Heavy.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Geometria-Heavy.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Geometria-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: Geometria; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Geometria-Light.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Geometria-Light.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Geometria-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: Geometria; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Geometria-Medium.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Geometria-Medium.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Geometria-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Bebas Neue'; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-BebasNeueBold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-BebasNeueBold.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-BebasNeueBold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: icomoon; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/icomoon.woff") format("woff"), url("/local/templates/main/css/../fonts/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; 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-pdf:before { content: "\e900"; } .icon-arrow-small-r:before { content: "\e901"; } .icon-arrow-small-l:before { content: "\e902"; } .icon-arrow-r:before { content: "\e903"; } .icon-arrow-l:before { content: "\e904"; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: 10px; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: textfield; -moz-appearance: textfield; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; border-radius: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } a { text-decoration: underline; color: inherit; } a:hover { text-decoration: none; } img { max-width: 100%; width: auto; height: auto; border: 0; } .row:after, .clearfix:after { content: ' '; display: table; clear: both; } .container { width: 100%; margin: 0 auto; padding: 0 235px; } .btn { /* iOS reset style*/ -webkit-appearance: none; border-radius: 0; border: 0; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .slider-load { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .slider-load.slick-initialized { opacity: 1; } .slider-load:not(.slick-slider) { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .slider-load:not(.slick-slider) > * { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } ul.custom { display: block; margin: 0; padding: 0; } ul.custom > li { display: block; list-style: none; } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; margin: auto; padding: auto; } html body input[type="checkbox"], html body input[type="radio"] { width: auto; height: auto; padding: 0; } body { background: white; font-family: Geometria, sans-serif; line-height: 1.6; min-width: 320px; font-style: normal; font-weight: normal; font-size: 18px; color: #1C1C1C; padding-top: 110px; width: 100%; } .top-section { padding-top: 110px; } .site-wrapper { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 50px; } .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .caption, h1 { font-weight: 500; font-size: 4rem; margin: 0 0 1.2em 0; line-height: 1.35; } .caption2, h2 { font-weight: 500; font-size: 3.2rem; margin: 0 0 1.3em 0; line-height: 1.35; } p { margin: 0 0 0.59em 0; } strong { font-weight: 500; } ul:not(.custom) { margin: 0 0 30px 0; padding: 0; } ul:not(.custom) > li { list-style: none; padding-left: 2.8em; position: relative; margin: 0 0 0.55em 0; } ul:not(.custom) > li:before { content: ' '; position: absolute; left: 0; top: calc(0.5em * 1.6); margin-top: -2px; width: 1.65em; height: 2px; background-color: currentColor; } .header { border-bottom: 1px solid #E7E7E7; left: 0; top: 0; width: 100%; z-index: 120; background-color: white; position: fixed; -webkit-transition: background-color 500ms, color 500ms, border-bottom-color 500ms, -webkit-transform 500ms; transition: background-color 500ms, color 500ms, border-bottom-color 500ms, -webkit-transform 500ms; transition: transform 500ms, background-color 500ms, color 500ms, border-bottom-color 500ms; transition: transform 500ms, background-color 500ms, color 500ms, border-bottom-color 500ms, -webkit-transform 500ms; } body:not(.nav-open) .header.hide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .h-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 24px; padding-bottom: 20px; } .h-col-l { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 15px; } .h-col-c { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 15px; } .h-col-r { -ms-flex-negative: 0; flex-shrink: 0; } .container.type2 { padding-left: 101px; padding-right: 101px; } .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo-img { -ms-flex-negative: 0; flex-shrink: 0; } .logo-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; margin-left: 19px; margin-top: 3px; } ul.nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.nav-list > li { padding-left: 28px; padding-right: 28px; } ul.nav-list a { text-decoration: none; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; position: relative; padding: 6px 0; } ul.f-nav-list a:before, ul.nav-list a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: currentColor; opacity: 0.5; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } ul.f-nav-list a:hover:before, ul.nav-list a:hover:before { -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } .nav { padding-left: 59px; padding-right: 59px; padding-bottom: 10px; } .h-tel { font-weight: 700; color: #F26F25; text-decoration: none; letter-spacing: 1px; } .map { width: 100%; min-height: 937px; height: 100%; } .ct-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .ct-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 15px; padding-top: 40px; padding-bottom: 40px; -ms-flex-item-align: center; align-self: center; } .ct-map { height: 100%; } .ct-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 56.5%; } .container-out:not(.left):not(.right) { margin-left: -235px; margin-right: -235px; } .container-out.left { margin-left: -235px; } .container-out.right { margin-right: -235px; } .contacts-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -101px; margin-bottom: 5px; } .ct-tab-item { -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; display: block; position: relative; margin-left: 101px; padding-top: 11px; padding-bottom: 11px; margin-bottom: 20px; font-weight: 500; } .ct-tab-item:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #F39200; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .ct-tab-item:hover:before, .ct-tab-item.active:before { -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } .ct-flex h1 { margin-bottom: 0.4em; } .ct-box p { margin-bottom: 1.4em; max-width: 530px; } .ct-box { margin-bottom: 2.2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .link-underline { text-decoration: none; font-weight: bold; font-size: 14px; display: inline-block; position: relative; padding: 6px 0; } .link-underline:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #F39200; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .link-underline:hover:before { -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } .hr-min { display: block; border: none; height: 2px; background-color: #F39200; width: 25px; margin-left: 0; margin-right: 0; margin: 1.1em 0; } .ct-it { text-decoration: none; display: inline-block; margin-bottom: 2px; } ul.socaial-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px -5px 0 -5px; } ul.socaial-list > li { display: block; padding: 0 5px; margin-bottom: 5px; } ul.socaial-list a { text-decoration: none; display: block; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } ul.socaial-list a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .no-padding-top { margin-top: -50px; } .contacts-tabs-content.animate { -webkit-transition: height 300ms; transition: height 300ms; overflow: hidden; } .contacts-tabs-item { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; padding: 1px 0; } .fdbk-section { background: #F3F3F3; padding-top: 100px; padding-bottom: 100px; } .fdbk-section p a { text-decoration: none; } /*input*/ .input { position: relative; display: block; overflow: hidden; -webkit-box-shadow: inset 0 -2px 0 0 #D2D2D2; box-shadow: inset 0 -2px 0 0 #D2D2D2; font-size: 16px; } .input:before { content: ' '; position: absolute; bottom: 0px; left: 0; width: 100%; height: 2px; background-color: #f54141; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .input input { height: 54px; border: none; width: 100%; padding: 0 10px 0 0; background-color: transparent; color: #171717; } .input input::-webkit-input-placeholder { opacity: 1; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .input input::-moz-placeholder { opacity: 1; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .input input:-moz-placeholder { opacity: 1; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .input input:-ms-input-placeholder { opacity: 1; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .input input:focus::-webkit-input-placeholder { opacity: 0; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .input input:focus::-moz-placeholder { opacity: 0; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .input input:focus:-moz-placeholder { opacity: 0; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .input input:focus:-ms-input-placeholder { opacity: 0; color: #818181; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .pl-active { position: absolute; left: 100%; top: 50%; line-height: 1; margin-top: -0.5em; color: #7B7B7B; opacity: 0; white-space: nowrap; -webkit-transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; pointer-events: none; max-width: 40%; overflow: hidden; text-overflow: ellipsis; } .input.active .pl-active { opacity: 1; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .input.parsley-error:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } /*//input*/ .form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1135px; max-width: 100%; } .form > *:not(.full-width) { width: calc(50% - 62px); margin-bottom: 39px; } .form > *.full-width { width: 100%; } .cs-btn { position: relative; z-index: 1; font-weight: bold; font-size: 14px; border: none; padding: 30px 0; background-color: transparent; text-decoration: none; } .cs-btn-inner { margin-left: 35px; margin-right: 35px; position: relative; padding-left: 12px; padding-right: 12px; } .cs-circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -1; } .cs-circle:before { content: ' '; width: 70px; height: 70px; background-color: #FE9F6A; display: block; left: 0; border-radius: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; -webkit-transition: left 800ms; transition: left 800ms; } .fdbk-section .cs-circle:before { background-color: white; } .cs-text { position: relative; padding-left: 9px; padding-right: 9px; } .cs-text:before { content: ' '; position: absolute; right: 100%; width: 20px; height: 2px; background-color: currentColor; top: 50%; margin-top: -1px; -webkit-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform 400ms 300ms; transition: -webkit-transform 400ms 300ms; transition: transform 400ms 300ms; transition: transform 400ms 300ms, -webkit-transform 400ms 300ms; } .cs-text:after { content: '\e901'; font-family: icomoon; font-size: 12px; position: absolute; left: 100%; color: inherit; top: 50%; line-height: 1; margin-top: -6px; margin-left: 1px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; } .cs-btn:hover .cs-circle:before { left: 100%; } .cs-btn:hover .cs-text:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform 400ms 300ms; transition: -webkit-transform 400ms 300ms; transition: transform 400ms 300ms; transition: transform 400ms 300ms, -webkit-transform 400ms 300ms; } .cs-btn:hover .cs-text:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; } .fr-btn-wrp { padding-top: 54px; } .sal-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .sal-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 36.3%; padding-right: 20px; } .sal-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 103px; -ms-flex-item-align: center; align-self: center; } .sal-img { padding: 61.2% 0; position: relative; } .sal-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } h3 { margin: 0 0 0.6em 0; padding: 0; display: block; font-style: normal; font-weight: normal; font-size: 2.8rem; } .sl-ct-info { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 775px; margin-top: 5.3em; } .sal-ct-info-box { width: 50%; padding-right: 15px; } .sal-ct-info-title { font-size: 16px; color: #818181; } .sal-ct-info { text-decoration: none; font-size: 2.8rem; } .sal-section { padding-top: 100px; padding-bottom: 100px; } ul.sal-list > li { margin-bottom: 48px; } .footer { background-color: #171717; color: white; padding-top: 65px; padding-bottom: 50px; } .f-bottom-flex, .f-flex { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; } .f-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 344px; padding-right: 15px; } .f-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 300px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .f-col-c { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 15px; } .f-logo { margin-bottom: 13px; text-decoration: none; display: block; margin-top: 7px; } ul.f-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 79.5%; } ul.f-nav-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 25%; } ul.f-nav-list a { font-weight: bold; font-size: 14px; text-decoration: none; letter-spacing: 0.8px; position: relative; padding-bottom: 6px; display: inline-block; } .f-tel { font-weight: bold; font-size: 18px; text-decoration: none; letter-spacing: 0.9px; margin-bottom: 7px; display: block; } .f-ot-lnk { text-decoration: none; margin-bottom: 10px; display: block; } .f-ot-lnk span { font-weight: bold; font-size: 12px; letter-spacing: 0.5px; } .f-flex { margin-bottom: 30px; } .dev { text-decoration: none; } .dev span { text-decoration: underline; } .dev:hover span { text-decoration: none; } ul.sal-list > li:last-child { margin-bottom: 0; } .top-section { background: #171717; position: relative; color: white; min-height: 650px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 50px; } .top-section > .container { -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .top-section > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; opacity: 0.3; pointer-events: none; } .ts-content { position: relative; z-index: 2; font-size: 1.11em; padding-top: 10px; padding-bottom: 0; } .ts-page, .ts-page .site-wrapper { padding-top: 0; } .ts-page:not(.nav-open) .header:not(.scroll) { background-color: transparent; color: white; border-bottom-color: transparent; } .ts-text { max-width: 960px; } .ts-text a { text-decoration: none; } .dw-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; font-size: 16px; } .icon-pdf { line-height: 1; display: block; } .dw-ico { -ms-flex-negative: 0; flex-shrink: 0; font-size: 53px; display: block; width: 48px; margin-right: 6px; color: #F39200; } .ot-section { padding-top: 100px; padding-bottom: 100px; } .dw-title { font-weight: 500; display: block; } .dw-tx { color: #818181; border-bottom: 1px dotted currentColor; padding-bottom: 0px; display: inline-block; } .dw-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } ul.dw-list > li { margin-bottom: 29px; } ul.dw-list > li:last-child { margin-bottom: 0; } .dw-link:hover .dw-tx { border-bottom-color: transparent; } .top-section > svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: Geometria; font-weight: 900; font-size: 260px; line-height: 1; color: #292929; } ul.dc-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 70px; } ul.dc-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; padding: 0 10px; margin-bottom: 20px; } .dc-box { border: 1px solid #e7e7e7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: border-color 300ms, -webkit-box-shadow 300ms; transition: border-color 300ms, -webkit-box-shadow 300ms; transition: box-shadow 300ms, border-color 300ms; transition: box-shadow 300ms, border-color 300ms, -webkit-box-shadow 300ms; } .dc-box:hover { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-color: transparent; } .dc-img { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 34.1%; -ms-flex-item-align: stretch; align-self: stretch; } /* .dc-img:before { content: ' '; display: block; padding: 51.9% 0; width: 100%; } */ .dc-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .dc-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-left: 40px; } .dc-title { font-weight: bold; font-size: 20px; color: #1C1C1C; } .dc-main { padding-top: 30px; padding-bottom: 30px; padding-right: 30px; -ms-flex-item-align: center; align-self: center; } .dc-main p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: calc(3em * 1.6); } ul.tg-list > li { margin-bottom: 10px; } ul.tg-list > li:last-child { margin-bottom: 0; } .tg-body { display: none; } .tg-box { text-decoration: none; border: 1px solid #F3F3F3; } .tg-head { text-decoration: none; font-size: 20px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 27px 27px; } .tg-head span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 15px; } .tg-ico { width: 20px; height: 20px; display: block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; color: #F26F25; margin: 5px 5px 0 0; } .tg-ico:after { content: ' '; position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 100%; background-color: currentColor; } .tg-ico:before { content: ' '; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background-color: currentColor; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .tg-box.active .tg-ico:before { -webkit-transform: scale(1, 0); transform: scale(1, 0); } .tg-body { padding-left: 49px; padding-right: 49px; padding-bottom: 33px; } .tg-body-inner { border-left: 3px solid #F26F25; padding-left: 15px; max-width: 1020px; line-height: 1.45; } .dc-prt-wrp { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dc-prt-wrp > img { -ms-flex-negative: 0; flex-shrink: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; } ul.prt-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } ul.prt-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 20%; padding: 0 10px; margin-bottom: 20px; } .prt-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 32px; padding-top: 32px; background: #FFFFFF; border: 1px solid #E7E7E7; height: 175px; overflow: hidden; padding-left: 10px; padding-right: 10px; -webkit-transition: border-color 300ms, -webkit-box-shadow 300ms; transition: border-color 300ms, -webkit-box-shadow 300ms; transition: box-shadow 300ms, border-color 300ms; transition: box-shadow 300ms, border-color 300ms, -webkit-box-shadow 300ms; } .prt-box > img { -ms-flex-negative: 0; flex-shrink: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; } .prt-link { position: absolute; bottom: 7px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; font-weight: bold; font-size: 12px; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .prt-box:hover .prt-link { opacity: 1; } .prt-box:hover { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-color: transparent; } .compensate-for-scrollbar { margin-right: 0; } body.compensate-for-scrollbar { overflow: visible; } .modal { max-width: 100%; width: 625px; overflow: visible; padding: 60px 60px; } .dc-modal { width: 715px; } @media screen and (min-width: 768px) { .fancybox-container .fancybox-close-small { right: auto; left: 100%; color: white; padding: 0; top: -12px; margin-left: 13px; opacity: 1; } } .fancybox-container .fancybox-close-small:hover { color: #F26F25; } .fancybox-slide { padding-left: 70px; padding-right: 70px; } ul.pr-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -45px; margin-right: -45px; } ul.pr-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 33.3333%; padding: 0 45px; margin-bottom: 90px; } .pr-box { padding: 46.4% 0; text-decoration: none; position: relative; display: block; overflow: hidden; } .pr-box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 800ms; transition: -webkit-transform 800ms; transition: transform 800ms; transition: transform 800ms, -webkit-transform 800ms; } .pr-inner-box { position: absolute; background-color: white; bottom: 25px; right: 25px; width: 230px; min-height: 211px; font-weight: 500; font-size: 16px; padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pr-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; padding-bottom: 15px; } .pr-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .pr-details { text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 500; font-size: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pr-details-ico { -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 1.4em; height: 1.4em; position: relative; margin-right: 16px; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .pr-details-ico:before { content: ' '; left: 0; width: 100%; height: 1px; margin-top: -1px; position: absolute; top: 50%; background-color: currentColor; z-index: 2; } .pr-details-ico:after { content: ' '; top: 0; height: 100%; width: 1px; margin-left: -1px; position: absolute; left: 50%; background-color: currentColor; } .pr-details span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; margin-left: -1.7em; opacity: 0; -webkit-transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; } @media screen and (min-width: 768px) { .cpr-box:hover .pr-details span, .pr-box:hover .pr-details span { opacity: 1; -webkit-transform: translateX(1.7em); transform: translateX(1.7em); } .cpr-box:hover .pr-details-ico, .pr-box:hover .pr-details-ico { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .pr-box:hover > img { -webkit-transform: scale(1.05); transform: scale(1.05); } } ul.pr-list > li.pr-item-big { width: 50%; } .pr-box.pr-big .pr-inner-box { bottom: 40px; right: 40px; width: 320px; min-height: 301px; font-size: 18px; padding: 29px 35px; } .pr-box.pr-big .pr-details { font-size: 24px; } ul.cpr-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .container-out.right ul.cpr-list { padding-right: 23px; } ul.cpr-list > li { width: 25%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .cpr-box { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #FFFFFF; border: 1px solid #E7E7E7; -webkit-transition: border-color 300ms, -webkit-box-shadow 300ms; transition: border-color 300ms, -webkit-box-shadow 300ms; transition: box-shadow 300ms, border-color 300ms; transition: box-shadow 300ms, border-color 300ms, -webkit-box-shadow 300ms; } .cpr-img { -ms-flex-negative: 0; flex-shrink: 0; position: relative; padding: 42.8% 0; margin-bottom: 13px; display: block; overflow: hidden; } .cpr-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; font-family: 'object-fit: scale-down; object-position: center;'; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .cpr-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 27px; } .crp-title { font-weight: 500; display: block; margin-bottom: 29px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cpr-body .pr-details { -ms-flex-negative: 0; flex-shrink: 0; } .cpr-box:hover { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-color: transparent; } .container-out.overflow { overflow: hidden; padding-left: 10px; margin-left: -10px; padding-top: 10px; padding-bottom: 10px; } .cpr-box:hover .cpr-img img { -webkit-transform: scale(1.05); transform: scale(1.05); } .ctpr-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ctpr-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: center; align-self: center; } .ctpr-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 636px; margin-left: 120px; max-width: 50%; } hr.clear { height: 100px; border: none; background-color: transparent; margin: 0; padding: 0; } .modal.product { width: 1345px; } .mpr-flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; } .mpr-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 44.9%; } .mpr-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-left: 60px; } .mpr-img { position: relative; padding: 56.8% 0; } .mpr-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; font-family: 'object-fit: scale-down; object-position: center;'; } .m-hr { margin: 0; display: block; border: none; height: 1px; background-color: #E3E3E3; margin-left: -60px; margin-right: -60px; margin-bottom: 48px; } .m-inf-caption { font-weight: 500; font-size: 2.6rem; margin-bottom: 17px; font-weight: 500; } .m-inf-item-caption { font-weight: 500; margin-bottom: 17px; } .m-inf-container { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 8.5%; column-gap: 8.5%; } ul.m-inf-list { line-height: 1.55; } ul.m-inf-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px; } .m-inf-list > li span { -ms-flex-negative: 0; flex-shrink: 0; } .m-inf-list > li span:first-child { width: 55.1%; padding-right: 15px; } .m-inf-list > li span:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .m-inf-item { display: block; width: 100%; -webkit-column-break-inside: avoid; break-inside: avoid; margin-bottom: 30px; } ul.sp-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } ul.sp-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 420px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .sp-box { background: #FFFFFF; border: 1px solid #F3F3F3; padding: 43px 34px 58px 34px; border-bottom: 5px solid #F26F25; height: 100%; } .sp-title { font-weight: bold; font-size: 16px; color: #F26F25; position: relative; padding-bottom: 12px; margin-bottom: 70px; } .sp-title:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: currentColor; } ul.sp-list { margin-bottom: 50px; } .top-section.tags { height: 100vh; height: calc(var(--vh, 1vh) * 100); } .top-section.tags > .container { text-align: center; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-section.tags img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .d-map-section { overflow: hidden; background-color: #171717; color: white; } .ab-caption { font-weight: bold; font-size: 23rem; line-height: 1; color: #F9F8F8; margin: 0; white-space: nowrap; } .ab-caption-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 100px; padding-bottom: 39px; overflow: hidden; } .ab-caption-wrp .ab-caption { margin-right: -1.1em; } .ab-text-flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; } .ab-text-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 42.1%; padding-right: 30px; } .ab-text-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .ab-in-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 80px; } .ab-in-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .ab-in-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 42.4%; padding-left: 6.2% } .ab-in-img img { width: 100%; } .wrn { font-weight: 500; font-size: 3rem; } body.index .top-section { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); position: relative; padding-bottom: 220px; } .ts-caption { font-family: 'Bebas Neue'; font-style: normal; font-weight: bold; font-size: 11rem; line-height: 1.1; } .ts-bottom-bar { position: absolute; bottom: 0; left: 0; width: 100%; } .top-section video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; opacity: 0.4; } .top-section > .container { position: relative; z-index: 2; } .tsb-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .tsb-col-r, .tsb-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-top: 17px; } .tsb-col-c { -ms-flex-negative: 0; flex-shrink: 0; } .sc-link { font-weight: bold; font-size: 14px; letter-spacing: 0.05em; color: rgba(255, 255, 255, 0.7); display: inline-block; text-decoration: none; } .scroll-to { padding-bottom: 88px; display: block; text-decoration: none; font-weight: bold; font-size: 14px; letter-spacing: 0.7px; padding-top: 20px; position: relative; } .scroll-to span { position: relative; } .scroll-to span:before { content: ' '; position: absolute; left: 50%; bottom: 100%; margin-bottom: 4px; width: 72px; margin-left: -36px; height: 12px; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } .scroll-to span:after { content: ' '; position: absolute; left: 50%; top: 100%; margin-top: 4px; width: 72px; margin-left: -36px; height: 12px; border-bottom: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } .dot-ico { position: absolute; width: 4px; height: 4px; background-color: white; left: 50%; margin-left: -2px; bottom: 17px; -webkit-animation: dot-sl 3s ease 1s infinite; animation: dot-sl 3s ease 1s infinite; } .dot-ico:before { content: ' '; position: absolute; width: 100%; height: 100%; top: -15px; background-color: white; -webkit-animation: dot-sl 3s ease 0.5s infinite; animation: dot-sl 3s ease 0.5s infinite; } .dot-ico:after { content: ' '; position: absolute; width: 100%; height: 100%; top: -31px; background-color: white; -webkit-animation: dot-sl 3s ease infinite; animation: dot-sl 3s ease infinite; } @-webkit-keyframes dot-sl { 0% { background-color: white; } 50% { background-color: transparent; } } @keyframes dot-sl { 0% { background-color: white; } 50% { background-color: transparent; } } .cr-section { background-color: #171717; color: white; padding-top: 100px; padding-bottom: 100px; } .cr-slider { margin-left: -10px; margin-right: -115px; } .cr-slider .slick-slide { padding-left: 10px; padding-right: 10px; } .cr-slider .slick-slide > div > div, .cr-slider .slick-slide > div { display: block !important; } .cr-box { display: block; text-decoration: none; position: relative; padding: 70.4% 0; } .cr-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .cr-slider-control { margin-left: -30px; padding-top: 34px; } .slick-arrow { padding: 30px 30px; margin: 0; border: none; background-color: transparent; font-size: 12px; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .slick-arrow i { position: relative; display: block; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .slick-prev:not(.slick-disabled):hover i { -webkit-transform: translateX(-15px); transform: translateX(-15px); } .slick-next:not(.slick-disabled):hover i { -webkit-transform: translateX(15px); transform: translateX(15px); } .slick-arrow.slick-disabled { opacity: 0.3; cursor: not-allowed; } body.error { background-color: black; color: white; padding-top: 0; padding-bottom: 0; background-image: url('/local/templates/main/css/../img/err-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; } body.error .site-wrapper { padding-top: 30px; padding-bottom: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } body.error .site-wrapper > .container { -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: right; } .err-code { font-weight: 800; font-size: 35rem; line-height: 0.7; } .err-title { font-weight: 800; font-size: 10rem; margin-bottom: 0.16em; } .err-bt { text-align: left; display: inline-block; } .d-map-section { position: relative; padding-top: 63px; padding-bottom: 102px; } .d-map-section > .container { position: absolute; left: 0; top: 0; width: 100%; z-index: 5; text-align: center; padding-top: 12%; } .d-map-section > .container p { max-width: 800px; margin-left: auto; margin-right: auto; font-weight: 500; line-height: 1.9; } .d-map { position: relative; } .d-map img { display: block; width: 100%; } .dmap-ed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 68.8%; height: 0; z-index: 2; } .d-map-wrp { position: relative; } ul.d-map-edg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 730px; margin-right: -40px; margin-bottom: 0; } ul.d-map-edg > li { width: 50%; padding-left: 40px; padding-right: 40px; margin-bottom: 60px; } .d-map-edg-box { font-weight: 500; font-size: 16px; } .d-map-edg-num { line-height: 1; font-weight: 300; font-size: 10rem; position: relative; margin-bottom: 0.19em; padding-bottom: 0.3em; } .d-map-edg-num:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 25px; height: 2px; background-color: currentColor; } .d-dot { position: absolute; cursor: pointer; } .d-dot-ico { border-radius: 50%; display: block; width: 60px; height: 60px; background: rgba(221, 140, 50, 0.3); margin-left: -30px; margin-top: -30px; position: relative; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; -webkit-box-shadow: 0 0 0 0 rgba(221, 140, 50, 0.3); box-shadow: 0 0 0 0 rgba(221, 140, 50, 0.3); } .d-dot.small .d-dot-ico { width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } .d-dot:hover .d-dot-ico { -webkit-box-shadow: 0 0 0 5px rgba(221, 140, 50, 0.3); box-shadow: 0 0 0 5px rgba(221, 140, 50, 0.3); } .d-dot.small .d-dot-ico:before { top: 16px; right: 16px; left: 16px; bottom: 16px; } .d-dot-ico:before { content: ' '; position: absolute; top: 20px; right: 20px; left: 20px; bottom: 20px; background: #DD8C32; border-radius: 50%; } .d-dot.to-left .d-dot-content { -webkit-transform: skewX(29deg); transform: skewX(29deg); -webkit-transform-origin: left bottom; transform-origin: right bottom; left: auto; right: 100%; } .d-dot.to-left .d-dot-content:before { -webkit-transform: skewX(-29deg); transform: skewX(-29deg); } .d-dot.to-left .d-dot-content:after { -webkit-transform: skewX(-29deg); transform: skewX(-29deg); } .d-dot.to-left .d-dot-content i:before { left: auto; right: 0; } .d-dot.to-left .d-dot-content i:after { left: auto; right: 0; } .d-dot-content { position: absolute; height: 78px; bottom: 77px; left: 50%; margin-left: 0px; -webkit-transform: skewX(-29deg); transform: skewX(-29deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; /* border-top: 2px solid #DD8C32; border-left: 2px solid #DD8C32; */ pointer-events: none; visibility: hidden; -webkit-transition: visibility 600ms; transition: visibility 600ms; } .d-dot.small .d-dot-content { bottom: 49px; margin-left: -1px; } .d-dot-content:before { content: attr(data-city); white-space: nowrap; font-weight: bold; font-size: 18px; -webkit-transform: skewX(29deg); transform: skewX(29deg); display: block; padding-bottom: 9px; padding-left: 12px; letter-spacing: 1px; margin-top: -38px; padding-right: 20px; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .d-dot-content:after { content: attr(data-type); white-space: nowrap; font-weight: bold; font-size: 12px; color: #9E9E9E; -webkit-transform: skewX(29deg); transform: skewX(29deg); display: block; padding-bottom: 9px; padding-left: 35px; margin-top: 9px; padding-right: 20px; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .dots-wrp:not(.hide-all) .d-dot.visible .d-dot-content, .d-dot:hover .d-dot-content { /* opacity: 1;*/ visibility: visible; } .dots-wrp:not(.hide-all) .d-dot.visible .d-dot-content:before, .d-dot:hover .d-dot-content:before { opacity: 1; -webkit-transition: opacity 300ms 300ms; transition: opacity 300ms 300ms; } .dots-wrp:not(.hide-all) .d-dot.visible .d-dot-content:after, .d-dot:hover .d-dot-content:after { opacity: 1; -webkit-transition: opacity 300ms 300ms; transition: opacity 300ms 300ms; } .d-dot-content i:before { content: ' '; position: absolute; left: 0; bottom: 0; width: 2px; background-color: #DD8C32; height: 0%; -webkit-transition: height 300ms 300ms cubic-bezier(.33, .62, .25, 1); transition: height 300ms 300ms cubic-bezier(.33, .62, .25, 1); } .d-dot-content i:after { content: ' '; position: absolute; left: 0; top: 0; width: 0%; background-color: #DD8C32; height: 2px; -webkit-transition: width 300ms cubic-bezier(.25, .1, .77, .4); transition: width 300ms cubic-bezier(.25, .1, .77, .4); } .dots-wrp:not(.hide-all) .d-dot.visible .d-dot-content i:before, .d-dot:hover .d-dot-content i:before { height: 100%; -webkit-transition: height 300ms cubic-bezier(.25, .1, .77, .4); transition: height 300ms cubic-bezier(.25, .1, .77, .4); } .dots-wrp:not(.hide-all) .d-dot.visible .d-dot-content i:after, .d-dot:hover .d-dot-content i:after { width: 100%; -webkit-transition: width 300ms 300ms cubic-bezier(.33, .62, .25, 1); transition: width 300ms 300ms cubic-bezier(.33, .62, .25, 1); } /*@media screen and (max-width: 1900px) {*/ .dmap-ed { position: relative; -ms-flex-item-align: start; align-self: flex-start; top: auto; height: auto; margin-bottom: -300px; } ul.d-map-edg { margin-right: 0; width: 100%; } ul.d-map-edg > li { width: 25%; } .d-map-section > .container { position: relative; padding-top: 0; margin-bottom: 60px; } /*}*/ @media screen and (max-width: 1699px) { .container.type2 { padding-left: 30px; padding-right: 30px; } .container { padding: 0 60px; } .container-out:not(.left):not(.right) { margin-left: -60px; margin-right: -60px; } .container-out.left { margin-left: -60px; } .container-out.right { margin-right: -60px; } body { font-size: 16px; padding-top: 84px; } .top-section { padding-top: 84px; } html { font-size: 8px; } .nav { padding-left: 20px; padding-right: 0; padding-bottom: 0; } .contacts-tabs { margin-left: -50px; } .ct-tab-item { margin-left: 50px; } ul.nav-list > li { padding-left: 18px; padding-right: 18px; } .h-flex { padding-top: 10px; padding-bottom: 10px; } .map { min-height: 730px; } .ct-box { margin-bottom: 1.5em; } .fdbk-section { padding-top: 50px; padding-bottom: 50px; } .sal-section { padding-top: 50px; padding-bottom: 50px; } .sal-ct-info { font-size: 2.2rem; } .f-col-r { width: 230px; } .f-tel { font-size: 16px; } .f-col-l { width: 280px; } ul.f-nav-list { max-width: none; } ul.f-nav-list > li { width: 50%; } .f-logo { margin-top: 0; } .footer { padding-top: 45px; padding-bottom: 40px; } .link-underline { font-size: 12px; } .top-section { min-height: 450px; } .ot-section { padding-top: 50px; padding-bottom: 50px; } .tg-head { font-size: 18px; padding: 15px 20px; } .dc-title { font-size: 18px; } .tg-body { padding-left: 23px; padding-right: 23px; padding-bottom: 20px; } ul.dc-list { margin-bottom: 40px; } .pr-box.pr-big .pr-inner-box { font-size: 16px; min-height: 240px; } .pr-inner-box { font-size: 14px; min-height: 180px; } .pr-details { font-size: 16px; } .pr-box.pr-big .pr-details { font-size: 18px; } .cpr-body { padding: 0 20px; padding-bottom: 20px; } .crp-title { margin-bottom: 20px; } hr.clear { height: 50px; } .ab-caption-wrp { padding-top: 50px; } .ab-text-flex { margin-bottom: 50px; } .ab-in-flex { margin-bottom: 40px; } body.index .top-section { padding-bottom: 140px; } ul.d-map-edg > li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .d-map-edg-num { font-size: 7rem; } .cr-slider { margin-right: -10px; } .d-map-section { padding-top: 20px; padding-bottom: 50px; } .d-map-section > .container { padding-top: 6%; } body.index .pr-list { margin-bottom: -60px; } .cr-section { padding-top: 50px; padding-bottom: 50px; } .dmap-ed { margin-bottom: -170px; } } @media screen and (max-width: 1399px) { ul.nav-list a { font-size: 12px; } ul.nav-list > li { padding-left: 12px; padding-right: 12px; } body { font-size: 14px; } .logo-text { width: 130px; margin-left: 10px; display: block; } .logo-text svg { width: 100%; height: 32px; display: block; } .logo-img { width: 41px; display: block; } .logo-img svg { width: 100%; display: block; height: 46px; } .nav { padding-left: 10px; } .h-flex { padding-top: 8px; padding-bottom: 8px; } .map { min-height: 580px; } body { padding-top: 63px; } .top-section { padding-top: 63px; } ul.f-nav-list a { font-size: 12px; } .f-bottom-flex, .f-flex { font-size: 14px; } .f-tel { font-size: 14px; } .f-ot-lnk span { font-size: 10px; } .f-flex { margin-bottom: 10px; } html { font-size: 7px; } p { margin-bottom: 20px; } .caption, h1 { font-size: 3.7rem; margin: 0 0 0.5em 0; } .caption2, h2 { margin: 0 0 0.5em 0; } .top-section { min-height: 390px; } .dw-link { font-size: 14px; } .dw-ico { font-size: 45px; width: 40px; } ul.pr-list > li { padding: 0 20px; margin-bottom: 40px; } ul.pr-list { margin-left: -20px; margin-right: -20px; } .ctpr-col-r { margin-left: 60px; max-width: 40%; } .ab-in-col-r { padding-left: 30px; } .ts-caption { font-size: 9rem; } .scroll-to { padding-bottom: 65px; } .dot-ico { bottom: 8px; } body.index .top-section { padding-bottom: 110px; } } @media screen and (max-width: 1199px) { .container.type2 { padding-left: 20px; padding-right: 20px; } .container { padding: 0 20px; } .container-out:not(.left):not(.right) { margin-left: -20px; margin-right: -20px; } .container-out.left { margin-left: -20px; } .container-out.right { margin-right: -20px; } .sal-col-r { padding-left: 15px; } ul.nav-list > li { padding-left: 8px; padding-right: 8px; } .map { min-height: 600px; } .f-col-r { width: 200px; } .top-section { min-height: 320px; padding-bottom: 20px; } .dc-title { font-size: 15px; } .dc-main { padding: 20px; } ul.prt-list > li { width: 25%; } .prt-box { height: 145px; } .pr-inner-box { font-size: 14px; min-height: 180px; bottom: 5px; right: 5px; width: 200px; padding: 15px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pr-box.pr-big .pr-inner-box { bottom: 10px; right: 10px; width: 280px; padding: 20px 20px; } ul.pr-list { margin-left: -10px; margin-right: -10px; } ul.pr-list > li { padding: 0 10px; margin-bottom: 20px; } ul.cpr-list > li { width: 33.3333%; } .m-inf-container { -webkit-column-gap: 30px; column-gap: 30px; } .mpr-col-r { padding-left: 30px; } .mpr-flex { margin-bottom: 30px; } .sp-box { padding: 23px 20px 10px 20px; } .sp-title { font-size: 14px; margin-bottom: 30px; } .ab-caption { font-size: 17rem; } .wrn { font-size: 2.5rem; } ul.d-map-edg { margin-right: -10px; margin-left: -10px; width: auto; } .d-map { margin-right: -500px; } body.index .pr-list { margin-bottom: 0px; } .slick-arrow { font-size: 10px; } } @media screen and (max-width: 991px) { .h-col-r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-btn { display: block; width: 30px; height: 30px; background-color: transparent; margin-right: 0; position: relative; z-index: 10; margin-left: 15px; } .nav-btn span { position: absolute; left: 0; right: 0; height: 2px; background-color: currentColor; top: 50%; margin-top: -1px; -webkit-transition: background 1ms linear 300ms; transition: background 1ms linear 300ms; } .nav-btn span:after, .nav-btn span:before { content: ' '; position: absolute; left: 0; right: 0; background-color: currentColor; top: -9px; height: 100%; border-radius: inherit; -webkit-transition: top 300ms linear 300ms, -webkit-transform 300ms ease; transition: top 300ms linear 300ms, -webkit-transform 300ms ease; transition: transform 300ms ease, top 300ms linear 300ms; transition: transform 300ms ease, top 300ms linear 300ms, -webkit-transform 300ms ease; } .nav-btn span:after { top: auto; bottom: -9px; -webkit-transition: bottom 300ms linear 300ms, -webkit-transform 300ms ease; transition: bottom 300ms linear 300ms, -webkit-transform 300ms ease; transition: transform 300ms ease, bottom 300ms linear 300ms; transition: transform 300ms ease, bottom 300ms linear 300ms, -webkit-transform 300ms ease; } .nav-btn.active span { background-color: rgba(0, 0, 0, 0); -webkit-transition: background 1ms linear 300ms; transition: background 1ms linear 300ms; } .nav-btn.active span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top 300ms linear, -webkit-transform 300ms ease 300ms; transition: top 300ms linear, -webkit-transform 300ms ease 300ms; transition: top 300ms linear, transform 300ms ease 300ms; transition: top 300ms linear, transform 300ms ease 300ms, -webkit-transform 300ms ease 300ms; } .nav-btn.active span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom 300ms linear, -webkit-transform 300ms ease 300ms; transition: bottom 300ms linear, -webkit-transform 300ms ease 300ms; transition: bottom 300ms linear, transform 300ms ease 300ms; transition: bottom 300ms linear, transform 300ms ease 300ms, -webkit-transform 300ms ease 300ms; } .nav { position: fixed; top: 62px; bottom: 0; right: 100%; width: 270px; background-color: white; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; overflow-y: auto; z-index: -1; border-top: 1px solid #eaeaea; visibility: hidden; -webkit-transition: visibility 600ms, -webkit-transform 600ms; transition: visibility 600ms, -webkit-transform 600ms; transition: transform 600ms, visibility 600ms; transition: transform 600ms, visibility 600ms, -webkit-transform 600ms; } .nav.active { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; -webkit-transition: visibility 1ms, -webkit-transform 600ms; transition: visibility 1ms, -webkit-transform 600ms; transition: transform 600ms, visibility 1ms; transition: transform 600ms, visibility 1ms, -webkit-transform 600ms; } ul.nav-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-item-align: center; align-self: center; width: 100%; } ul.nav-list a { font-size: 20px; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 110; display: none; } .form > *:not(.full-width) { width: calc(50% - 10px); } .contacts-tabs { margin-left: -30px; } .ct-tab-item { margin-left: 30px; } .form > *:not(.full-width) { margin-bottom: 30px; } .fr-btn-wrp { padding-top: 25px; } ul.f-nav-list > li {} .f-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .f-flex .f-col-c { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 0; padding-top: 10px; } .f-flex .f-col-l { width: 50%; } .f-flex .f-col-r { width: 50%; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } ul.f-nav-list a { padding-bottom: 2px; } .cs-circle:before { width: 40px; height: 40px; } .cs-btn-inner { margin-left: 20px; margin-right: 20px; } ul.dc-list > li { width: 100%; } .dc-img { width: 180px; } .tg-head { font-size: 15px; padding: 8px 10px; line-height: 1.3; } .tg-ico { width: 14px; height: 14px; margin: 2px 0 0 0; } .tg-body { padding-bottom: 15px; } .tg-body-inner { padding-left: 10px; } ul.dc-list { margin-bottom: 30px; } ul.prt-list > li { width: 33.3333%; } .modal { padding: 30px 30px; } ul.pr-list > li, ul.pr-list > li.pr-item-big { width: 50%; } .pr-details, .pr-box.pr-big .pr-details { font-size: 14px; } .pr-box.pr-big .pr-inner-box { font-size: 14px; min-height: 180px; bottom: 5px; right: 5px; width: 200px; padding: 15px 15px; } .ctpr-col-r { display: none; } .m-hr { margin-left: -30px; margin-right: -30px; margin-bottom: 48px; } .mpr-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mpr-col-l { width: 300px; max-width: 100%; margin-bottom: 20px; } .mpr-col-r { width: 100%; padding-left: 0; } .m-hr { margin-bottom: 30px; } .mpr-flex { margin-bottom: 15px; } .m-inf-container { -webkit-column-count: 1; column-count: 1; } ul.sp-list > li { width: 50%; } .ab-caption { font-size: 14rem; } .ab-caption-wrp { padding-bottom: 0; } .ts-caption { font-size: 8rem; } .sc-link { font-size: 12px; } .d-map { margin-right: 0; } .dots-wrp { display: none; } ul.d-map-edg > li { width: 50%; } .d-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #171717; } .d-map img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; } .dmap-ed { margin-bottom: 0; } } @media screen and (max-width: 767px) { .ct-tab-item { margin-bottom: 10px; padding-top: 6px; padding-bottom: 6px; } .hr-min { margin: 0.5em 0; } .ct-box { margin-bottom: 1em; } .map { min-height: 520px; } .ct-col-l { padding-top: 20px; padding-bottom: 20px; } .sal-ct-info-title { font-size: 13px; } .sl-ct-info { margin-top: 1.5em; } .sal-col-r { padding-left: 0; } .dc-title { font-size: 14px; } .dc-main { padding: 15px; } .dc-img { width: 140px; } .dc-main p { margin-bottom: 10px; } .prt-link { padding-bottom: 1px; } .modal { padding: 30px 20px; } .fancybox-slide { padding-left: 20px; padding-right: 20px; } .fancybox-container .fancybox-close-small { padding: 0; opacity: 1; width: 35px; height: 35px; } .pr-details span { margin-left: 0; opacity: 1; } ul.cpr-list > li { width: 50%; } .container-out.ctpr-disabled { margin-right: 0; margin-left: 0; } .m-hr { margin-left: -20px; margin-right: -20px; } ul.sp-list > li { width: 100%; } .ab-text-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ab-text-col-l { width: 100%; margin-bottom: 30px; padding-right: 0; } .ab-text-img { width: 290px; max-width: 100%; } .ab-text-col-r { width: 100%; } .ab-in-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ab-in-col-l { width: 100%; margin-bottom: 30px; } .ab-in-col-r { width: 100%; padding-left: 0; } .container-out.ab-in { margin-left: 0; margin-right: 0; } .wrn { font-size: 2.6rem; } .tsb-col-r, .tsb-col-c { display: none; } .tsb-flex { padding-bottom: 20px; } body.index .top-section { padding-bottom: 60px; } .d-map-section > .container { position: relative; padding-top: 20px; } .dmap-ed { position: relative; height: auto; } .d-map img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; } .d-map-section { padding-top: 20px; padding-bottom: 10px; } .slick-arrow { padding: 10px 30px; } } @media screen and (max-width: 629px) { .ct-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ct-col-l { width: 100%; } .ct-col-r { width: 100%; } .map { min-height: 280px; } .ct-map.container-out { margin-left: -20px; } .form > *:not(.full-width) { width: 100%; } .sal-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sal-col-l { margin-bottom: 20px; width: 190px; } html { font-size: 6px; } ul:not(.custom) > li:before { margin-top: 0; width: 0.95em; height: 1px; } ul:not(.custom) > li { padding-left: 1.5em; } ul.f-nav-list { display: block; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0; column-gap: 0; } ul.f-nav-list > li { width: 100%; padding-right: 10px; } .f-col-l { width: auto; } .f-col-r { width: auto; } .f-logo { width: 160px; } .f-flex .f-col-c { padding-top: 10px; padding-bottom: 10px; } ul.f-nav-list a { padding-bottom: 0; margin-bottom: 2px; } .cs-btn { padding: 10px 0; } .tg-body { padding-left: 10px; padding-right: 10px; } ul.prt-list > li { width: 50%; } ul.pr-list > li, ul.pr-list > li.pr-item-big { width: 100%; } ul.cpr-list { margin-left: -5px; margin-right: -5px; } ul.cpr-list > li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .cpr-body { padding: 0 10px; padding-bottom: 20px; } .ab-caption { font-size: 12rem; } .err-code { font-size: 20rem; } .err-title { font-size: 7.4rem; } .ts-caption { font-size: 6.8rem; } ul.d-map-edg > li { width: 100%; } .d-map-edg-box { font-size: 14px; } .d-map-section > .container { text-align: left; } } @media screen and (max-width: 479px) { .logo-text { display: none; } .f-flex .f-col-r, .f-flex .f-col-l, .f-flex .f-col-c, .f-col-l, .f-col-c { width: 100%; } ul.f-nav-list { -webkit-column-count: 1; column-count: 1; } .f-bottom-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer { padding-top: 25px; padding-bottom: 25px; } .f-logo { width: 190px; } ul.nav-list a { font-size: 16px; padding-top: 5px; padding-bottom: 5px; display: inline-block; } .nav { width: 200px; } .input input { height: 44px; } .input { font-size: 14px; } .sl-ct-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sal-ct-info-box { width: 100%; margin-bottom: 12px; } .h-flex { padding-top: 2px; padding-bottom: 2px; } body { padding-top: 50px; } .top-section { padding-top: 50px; } .nav { top: 50px; } .logo-img { width: 30px; } .ts-content { font-size: 1em; } .dc-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dc-img { width: 170px; height: 150px; margin-left: 10px; margin-top: 10px; margin-bottom: 5px; } .dc-main { width: 100%; padding: 10px 10px 20px 10px; } .prt-link { display: none; } ul.prt-list { margin-left: -5px; margin-right: -5px; } ul.prt-list > li { padding: 0 5px; margin-bottom: 10px; } .prt-box { height: 95px; padding-top: 10px; padding-bottom: 10px; } .fancybox-slide { padding-left: 10px; padding-right: 10px; } .pr-inner-box, .pr-box.pr-big .pr-inner-box { font-size: 13px; } .pr-details span { font-size: 13px; } ul.cpr-list > li { width: 100%; } ul.m-inf-list { font-size: 13px; } ul.m-inf-list > li { border-bottom: 1px solid #dedede; padding-bottom: 7px; } ul.m-inf-list > li:last-child { border-bottom: none; } .sp-box { padding: 23px 15px 10px 15px; } .sp-title { margin-bottom: 20px; } .cs-btn { font-size: 11px; } .top-section.tags { height: auto; min-height: 0; padding-bottom: 30px; } .top-section.tags > .container { padding-top: 20px; } .ts-caption { font-size: 5.1rem; } .cr-slider { width: 190px; margin-left: auto; margin-right: auto; } .cr-slider-control { margin-left: 0px; padding-top: 15px; text-align: center; } } /* End */ /* Start:/local/templates/main/css/index.css?16275685755061*/ .load-screen { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9999; color: white; -webkit-transition: -webkit-transform 1000ms 2000ms cubic-bezier(.65, .21, 0, .96); transition: -webkit-transform 1000ms 2000ms cubic-bezier(.65, .21, 0, .96); transition: transform 1000ms 2000ms cubic-bezier(.65, .21, 0, .96); transition: transform 1000ms 2000ms cubic-bezier(.65, .21, 0, .96), -webkit-transform 1000ms 2000ms cubic-bezier(.65, .21, 0, .96); } body.loader-active .load-screen { display: block; } body.loader-active.header-hide .header { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .ls-decor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } .ls-decor div { background-color: white; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; } .logo-wrp { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .load-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .load-logo-img { margin-right: 15px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: translateX(89px); transform: translateX(89px); opacity: 0; } .load-logo-text { -ms-flex-negative: 0; flex-shrink: 0; opacity: 0; -ms-flex-item-align: center; align-self: center; margin-top: 8px; } .load-screen.active .load-logo-img { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 300ms, -webkit-transform 300ms 500ms; transition: opacity 300ms, -webkit-transform 300ms 500ms; transition: opacity 300ms, transform 300ms 500ms; transition: opacity 300ms, transform 300ms 500ms, -webkit-transform 300ms 500ms; } .load-screen.active .load-logo-text { opacity: 1; -webkit-transition: opacity 300ms 700ms; transition: opacity 300ms 700ms; } body.load-end .ls-decor div { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 800ms; transition: -webkit-transform 800ms; transition: transform 800ms; transition: transform 800ms, -webkit-transform 800ms; } body.load-end .load-logo { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } body.loader-active .ts-item img { -webkit-transform: scale(1.05); transform: scale(1.05); } body.loader-active.load-end .ts-item img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 500ms 300ms; transition: -webkit-transform 500ms 300ms; transition: transform 500ms 300ms; transition: transform 500ms 300ms, -webkit-transform 500ms 300ms; } body.loader-active .ts-item .caption { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: opacity 500ms 300ms, -webkit-transform 500ms 300ms; transition: opacity 500ms 300ms, -webkit-transform 500ms 300ms; transition: transform 500ms 300ms, opacity 500ms 300ms; transition: transform 500ms 300ms, opacity 500ms 300ms, -webkit-transform 500ms 300ms; } body.loader-active .ts-item p { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: opacity 500ms 400ms, -webkit-transform 500ms 400ms; transition: opacity 500ms 400ms, -webkit-transform 500ms 400ms; transition: transform 500ms 400ms, opacity 500ms 400ms; transition: transform 500ms 400ms, opacity 500ms 400ms, -webkit-transform 500ms 400ms; } body.loader-active .tb-btn-wrp { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: opacity 500ms 500ms, -webkit-transform 500ms 500ms; transition: opacity 500ms 500ms, -webkit-transform 500ms 500ms; transition: transform 500ms 500ms, opacity 500ms 500ms; transition: transform 500ms 500ms, opacity 500ms 500ms, -webkit-transform 500ms 500ms; } body.loader-active.load-end .tb-btn-wrp, body.loader-active.load-end .ts-item p, body.loader-active.load-end .ts-item .caption { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } /* End */ /* /local/templates/main/css/slick.css?16275685751776 */ /* /local/templates/main/css/jquery.fancybox.min.css?162756857512795 */ /* /local/templates/main/css/main.css?164198814371673 */ /* /local/templates/main/css/index.css?16275685755061 */