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)}} @font-face{ font-family:'Stem'; src:url("../assets/fonts/Stem-Bold.eot"); src:url("../assets/fonts/Stem-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Stem-Bold.woff2") format("woff2"), url("../assets/fonts/Stem-Bold.woff") format("woff"), url("../assets/fonts/Stem-Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url('../assets/fonts/Regular.eot'); src: url('../assets/fonts/Regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Regular.woff2') format('woff2'), url('../assets/fonts/Regular.woff') format('woff'), url('../assets/fonts/Regular.ttf') format('truetype'), url('../assets/fonts/Regular.svg#Stem-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url('../assets/fonts/Medium.eot'); src: url('../assets/fonts/Medium.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Medium.woff2') format('woff2'), url('../assets/fonts/Medium.woff') format('woff'), url('../assets/fonts/Medium.ttf') format('truetype'), url('../assets/fonts/Medium.svg#Stem-Regular') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } :root { --overlay-color: rgba(255, 255, 255 , 1); --menu-speed: 0.75s; } * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0; margin: 0;} html { font-family: 'Stem',sans-serif; text-rendering: optimizeLegibility; } body { color: #4F4F4F; margin: 0; font-family: 'Stem',sans-serif; } input, textarea { font-family: 'Stem',sans-serif; } #inner h1 { font-size: 4.30vw; font-weight: normal; margin-bottom: 4vw; margin-top: 2vw; } #header { padding: 3.51vw 9.38vw 2vw; background: #eff8ff; display: flex; align-items: flex-start; justify-content: space-between; } @media (max-width:768px) { #header { position: fixed; background: white; top: 0; width: 100%; height: 15.63vw; display: flex; align-items: center; z-index: 2; padding: 0; } } #header .head { display: flex; align-items: center; z-index: 1; } @media (max-width:768px) { #header .head { width: 100%; justify-content: space-between; padding: 0 6.25vw; } } #header .top-button { margin-top: 0.5vw; z-index: 1; } #header .top-button :nth-child(1) { background-color: #4F78D6; color: #ffffff; } @media (max-width:768px) { #header .top-button { display: none; } } #header .top-button a { background-color: #fff; border-radius: 0.39vw; padding: 0.508vw 1.142vw; font-size: 1.09vw; font-weight: 500; color: #3F3F3F; } #header .top-button a:first-child { margin-right: 0.63vw; } #header .top-button a:hover { color: #fff; background-color: #4F78D6; } #wrapper { overflow: hidden; min-height: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .promo_section { background: #eff8ff; } .btn-catalog { font-family: 'Stem',sans-serif; font-size:1.25rem; background: linear-gradient(180deg, #E2F0FC 0%, #7DB2DE 100%); border-radius: 10px; width: 12.5rem; height: 3.75rem; border: none; color: #105791; cursor:pointer; font-weight: 500; margin-right: 20px; } /*.btn-catalog:before { display: inline-block; background: url("../assets/img/003.svg") no-repeat; background-size: contain; width: 0.9869rem; height: 1.2375rem; content: ''; margin: -0.125rem 0.3125rem; }*/ .btn-catalog:hover { background: linear-gradient(180deg, #7DB2DE 0%, #E2F0FC 100%); } .btn-catalog a { color: #545454; } .btn-lk { font-family: 'Stem',sans-serif; font-size:1.25rem; border-radius: 70px; width: 12.5rem; height: 3.75rem; border: none; background-color: #fff; color: #545454; cursor:pointer; font-weight: 500; } .btn-lk:hover { background-color: #fdfdfd; } .btn-lk a { color: #545454; } a { text-decoration: none; } #nav ul a, #nav ul p { display: block; font-style: normal; font-weight: 400; font-size: 0.82vw; line-height: 1.17vw; text-transform: uppercase; color: #545454; z-index: 11; padding-bottom: 1.5vw; } #nav ul p { cursor: default; } #nav ul a:hover { color: #4F78D6; } #nav ul a.sub:hover { padding-bottom: 1.5vw; } #nav ul a.sub { pointer-events: none; } .bg_white { background: #ffffff; } .logo_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .logo { width: 9.22vw; height: 3.75vw; background: url(../assets/img/logo.svg) no-repeat; background-size: 100%; display: block; } @media (max-width:768px) { .logo { width: 26.25vw; height: 10.63vw; } } .logo a { display: block; height: 100%; } #nav ul li { margin: 0 1.17vw; list-style: none; position: relative; display: flex; justify-content: center; } #nav > ul { margin-top: 0.12vw; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #nav > ul li ul.submenu { position: absolute; top: 100%; width: max-content; z-index: 10; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; background: #fff; padding: 1.56vw 0.78vw; opacity: 0; display: flex; flex-direction: column; align-items: flex-start; } #nav > ul li ul.submenu:before { content: ''; position: absolute; top: -1.6vw; left: 45%; border: 1vw solid transparent; border-bottom: 1vw solid white; } #nav ul li:hover .submenu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); padding: 1.56vw 0.78vw; border-radius: 0.39vw; opacity: 1; margin-top: -0.37vw; } #nav .submenu li { margin: 0; padding: 0 0.78vw 0 2.03vw; position: relative; display: flex; align-items: center; justify-content: flex-start; } #nav .submenu li:before { width: 0.47vw; height: 0.47vw; display: block; background-color: #126BB1; content:''; position:absolute; border-radius: 0.47vw; margin-left: -1.2vw; } #nav .submenu li:hover { background: rgba(244, 250, 255, 1); border-radius: 0.39vw; padding: 0 0.78vw 0 2.03vw; width: -webkit-fill-available; } #nav .submenu li a { text-transform: none; font-weight: 400; border-bottom: none; padding: 0; line-height: 1.95vw; letter-spacing: normal; } #nav .submenu li a:hover { color: #545454; } .promo_section .item_promo img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; } /*Slick slide start*/ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; 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); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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; } .slick-dots { display: flex; align-items: center; justify-content: center; padding: 0; margin: 20px 0 30px; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button::before { font-family: 'slick'; font-size: 36px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 1; color: #F4F7F2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #4F78D6; } .promo_section .item_promo { height: 62.875rem; position: relative; } body .slick-arrow { transform:translate(0, 0); height:0.588rem; background:none !important; border-radius:0; transition:all 0.2s ease-in-out; outline:none; border:none; display:block; font-size:0; position:absolute } body .slick-arrow svg { display:none } body .slick-arrow.slick-next { height:5.88rem; width:4.11rem; overflow:hidden; padding:0 } @media (max-width:1023px) { body #main .slick-arrow { display: none!important; } } body .slick-arrow.slick-next:before { width:5.88rem; height:5.88rem; background-image:linear-gradient(338.39deg, #7EB3DE 14.19%, #a1d6fc 58.06%); content:''; display:block; position:absolute; right:0; top:0; transform:translateX(50%); border-radius:50%; filter:brightness(5); transition:all 0.2s ease-in-out } body .slick-arrow.slick-next:after { transition:all 0.2s ease-in-out; width:3.2rem; height:1rem; display:block; background:url("../assets/img/arrow-right.svg"); background-repeat:no-repeat; background-position:center center; background-size:contain; content:''; position:absolute; left:0; top:60%; transform:translate(0, -50%) } body .slick-arrow:hover:before { filter:brightness(1) !important } body .slick-arrow:hover:after { transform:translate(0.29rem, -50%) } body .slick-arrow.slick-prev { /*top:-4.8rem; left:auto;*/ height:5.88rem; width:4.11rem; overflow:hidden; padding:0; z-index: 1; } body .slick-arrow.slick-prev:before { /*width:2.94rem; height:2.94rem; background-image:linear-gradient(338.39deg, #7BB1DD 14.19%, #9BD98D 58.06%); content:''; display:block; position:absolute; left:0; top:0; border-radius:50%; opacity:0; transition:all 0.2s ease-in-out*/ width:5.88rem; height:5.88rem; background-image:linear-gradient(338.39deg, #7EB3DE 14.19%, #a1d6fc 58.06%); content:''; display:block; position:absolute; left:0; top:0; transform:translateX(-50%); border-radius:50%; filter:brightness(5); transition:all 0.2s ease-in-out } /*@media (max-width: 1023px) { body .slick-arrow.slick-prev:before { height:1.785rem; width:1.785rem } }*/ body .slick-arrow.slick-prev:after { transition:all 0.2s ease-in-out; width:3.2rem; height:1rem; display:block; background:url("../assets/img/arrow-right.svg"); background-repeat:no-repeat; background-position:center center; background-size:contain; content:''; position:absolute; right:0; top:60%; transform:translate(0, -50%) rotate(180deg) } /*@media (max-width: 1023px) { body .slick-arrow.slick-prev:after { width:2.43rem; height:0.65rem; right:0rem } }*/ body .slick-arrow.slick-prev:hover:before { opacity:1 } body .slick-arrow.slick-prev:hover:after { transform:translate(-0.29rem, -50%) rotate(180deg) }/* @media (max-width: 1023px) { body .slick-arrow.slick-prev { height:1.785rem; width:3.11rem; top:-4.74rem; right:2.4rem } }*/ body .slick-arrow.slick-disabled { opacity:0 } .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); width: 72px; height: 72px; border-radius: 50%; background: #f4f4f4; border: none; font-size: 0; line-height: 0; color: transparent; padding: 0; cursor: pointer; } .slick-arrow:after { position: absolute; content: '\e801'; line-height: 1; text-align: center; font-family: "fontello"; font-size: 16px; color: #7E807D; left: 50%; top: 50%; } .slick-arrow.slick-prev { left: 0; } .slick-arrow.slick-prev:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin: -8px 0 0 -11px; } .slick-arrow.slick-next { right: 0; } .slick-arrow.slick-next:after { margin: -9px 0 0 -8px; } .slick-arrow.slick-disabled { display: none; opacity: 0; cursor: default; } .promo_section .text_slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 547px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1214px; width: 100%; margin: 0 auto; } .promo_section .promo_text { position:relative; padding-top: 5.5rem; text-align: center; } .promo_section .promo_text p.title { font-size: 5rem; line-height: 1; margin: 0 0 0.625rem; color: #545454; width: 100%; } .promo_section .promo_text p { font-size: 1.5625rem; font-weight: 400; } .promo_section .promo_text p.title span { color: #126BB1; } .triggers .trigger_slider .item img { /*width: 5.063rem; height: 4.375rem; margin-right: 30px; min-width: 5.063rem;*/ width: 5vw; height: 5vw; margin-right: 1.5vw; min-width: 4.5vw; } @media (max-width:768px) { .triggers .trigger_slider .item img { width: 10vw; height: 10vw; margin-right: 2vw; } } @media (max-width:400px) { .triggers .trigger_slider .item img { width: 16.25vw; height: 17.50vw; margin-right: 7.50vw; } } .triggers .trigger_slider .item { display: flex; align-items: center; justify-content: normal; /*padding: 35px 0px;*/ padding: 1.5vw 0; } .triggers .trigger_slider .item.top{ border-bottom: 1px solid #EFF2ED; } .triggers .trigger_slider .item p { /*font-size: 20px;*/ font-size: 1.09vw; font-weight: 400; } @media (max-width:768px) { .triggers .trigger_slider .item p { font-size: 2.5vw; } } @media (max-width:400px) { .triggers .trigger_slider .item p { font-size: 4vw; } } .triggers .trigger_slider .items { /*padding: 20px;*/ padding: 1vw; } .triggers { /*padding: 0 90px;*/ padding: 0 4vw; } section.products { position: relative; background: #eff8ff; } section.products:before { position: absolute; content: ''; background: url("../assets/img/bg-001.jpg") no-repeat; background-size: 100%; width: 100%; height: 13.91vw; } @media (max-width:500px) { section.products:before { height: 22vw; } } .product-list { position:relative; padding: 20.83vw 11.98vw 0; -moz-columns: 2.60vw 2; -webkit-columns: 2.60vw 2; columns: 2.60vw 2; } .products .product { background-color: #fff; border-radius: 1.56vw; position: relative; } .products .product-list .item-1 { width: 24.58vw; height: 33.85vw; margin-bottom: 1.56vw; } .products .product-list .item-1 p { padding-left: 2.60vw; font-size: 1.04vw; line-height: 1.30vw; color: #92B1C9; font-style: italic; padding-top: 5.73vw; } @media (max-width:768px) { .products .product-list .item-1 p { font-size: 2.34vw; line-height: 2.34vw; } } .products .product-list .item-1 p:before { width: 2.29vw; height: 2.08vw; background: url("../assets/img/icon-patent.svg"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; display: block; position: absolute; margin-top: -2.60vw; } .products .product-list .item-2 { width: 24.58vw; height:15.63vw; margin-bottom: 12.24vw; } .products .product-list .item-3 { width: 24.58vw; height:33.07vw; margin-bottom: 1.56vw; } .products .product-list .item-4 { width: 24.58vw; height: 15.63vw; margin-bottom: 13.02vw; } .products .product-list .item-5 { width: 47.19vw; margin-bottom: 3.91vw; margin-left: 1.98vw; background: none; } .products .product-list .item-5 p { padding-left: 0.78vw; font-size: 1.04vw; line-height: 1.93vw; color: #92B1C9; } @media (max-width:768px) { .products .product-list .item-5 p { font-size: 2.08vw; font-weight: 500; line-height: 2.60vw; padding-left: 1.95vw; } } .products .product-list .item-5 img { width: 4.17vw; } @media (max-width:768px) { .products .product-list .item-5 img { width: 10.42vw; } } .products .product-list .item-5 span { display: flex; align-items: center; justify-content: normal; } .products .product-list .item-5 h2 { font-size: 4.17vw; font-weight: 400; line-height: 5.21vw; text-transform: uppercase; } @media (max-width:768px) { .products .product-list .item-5 h2 { font-size: 6.51vw; line-height: 7.81vw; margin: 5vw 0; } } .products .product-list .item-6 { width: 24.58vw; height: 33.85vw; margin-bottom: 1.56vw; margin-left: 1.98vw; } .products .product-list .item-6 p { padding-left: 2.60vw; font-size: 1.04vw; line-height: 1.30vw; color: #92B1C9; font-style: italic; } @media (max-width:768px) { .products .product-list .item-6 p { font-size: 2.34vw; line-height: 2.34vw; } } .products .product-list .item-6 p:before { width: 2.29vw; height: 2.08vw; background: url("../assets/img/icon-patent.svg"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; display: block; position: absolute; margin-top: -2.60vw; } .products .product-list .item-6b { width: 24.58vw; height: 15.63vw; margin-left: 1.98vw; margin-bottom: 1.56vw; } .products .product-list .item-7 { width: 24.58vw; height: 15.63vw; margin-bottom: 10.42vw; margin-left: 1.98vw; } .products .product-list .product.item-8 { width: 47.19vw; height: 23.96vw; background: linear-gradient(273.12deg, #7BB1DD 0%, #E3F1FC 100%); color: #126BB1; margin-left: 2.60vw; border-radius: 1.56vw 0px 0px 1.56vw; } .products .product-list .product.item-8 ul { margin: 0 0 1.04vw; padding: 0 3.39vw; list-style: disc; } @media (max-width:768px) { .products .product-list .product.item-8 ul { margin: 0 0 2.60vw; padding: 0 8.46vw; } } .products .product-list .product.item-8 ul li { font-size: 0.89vw; padding: 1.56vw 0 0 0; font-weight: 500; } @media (max-width:768px) { .products .product-list .product.item-8 ul li { font-size: 2.21vw; line-height: 3.91vw; } } .products .product-list .product.item-8 .title { padding: 2.60vw 2.60vw 2.08vw 2.60vw; } @media (max-width:768px) { .products .product-list .product.item-8 .title { padding: 5.21vw; } } .products .product-list:before { width: 100%; height: 100%; background: url("../assets/img/bg-003.png"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; display: block; position: absolute; margin: -7.81vw 0px 0; } .products .product.item-1:before { width: 19.69vw; height: 14.58vw; background: url("../assets/img/bg-002.png"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; display: block; position: absolute; top: -5.99vw; left: -4.69vw; } .products .product.item-8:before { width: 19.69vw; height: 10.42vw; background: url("../assets/img/bg-004.png"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; display: block; position: absolute; top: -4.01vw; left: -4.74vw; } .products .product-list .item-1 img { width: 24.17vw; height: auto; margin: 5.05vw -11.67vw; position: absolute; top: 0; right: 0; } .products .product-list .item-2 img { width: 12.08vw; height: auto; position: absolute; top: 1.56vw; right: 0; } .products .product-list .item-3 img { width: 26.61vw; height: auto; top: 8.85vw; right: -14.06vw; position: absolute; } .products .product-list .item-4 img { width: 11.51vw; height: auto; top: 2.08vw; right: 0; position: absolute; } .products .product-list .item-6 img { width: 18.59vw; height: auto; margin: 9.64vw -12.50vw; position: absolute; top: 0; right: 0; } .products .product-list .item-6b img { width: 12.08vw; height: auto; position: absolute; top: 1.56vw; right: 0; } @media (max-width:768px) { .products .product-list .item-6b img { width: 33.85vw; top: 1.95vw; } } .products .product-list .item-7 img { width: 21.61vw; height: auto; position: absolute; margin: -0.16vw -9.32vw; top: 1.56vw; right: 0; } .products .product-list .item-8 img { width: 24.27vw; height: auto; position: absolute; bottom: 0; right: 0; } .products .product-list .product .title { font-size: 1.82vw; padding: 2.60vw; display: block; line-height: 2.60vw; } @media (max-width:768px) { .products .product-list .product .title { line-height: 4.56vw; font-size: 4.17vw; padding: 5.21vw; } } .products .product-list .product .title-2 { font-size: 1.30vw; padding: 2.60vw; display: block; font-weight: 500; line-height: 1.56vw; z-index: 1; position: relative; } @media (max-width:768px) { .products .product-list .product .title-2 { font-size: 3.26vw; font-weight: 400; padding: 5.21vw 5.21vw 1.3vw; line-height: 3.91vw; } } .products .product-list .product a { width: 9.90vw; height: 3.65vw; display: table-cell; background: linear-gradient(273.12deg, #7BB1DD 0%, #E3F1FC 100%); text-align: center; vertical-align: middle; font-size: 0.68vw; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05vw; color: #126BB1; border-radius: 0 1.82vw 1.82vw 0; overflow: hidden; position: inherit; } @media (max-width:768px) { .products .product-list .product a { width: 24.74vw; height: 9.11vw; font-size: 1.69vw; letter-spacing: 0.13vw; border-radius: 0 4.56vw 4.56vw 0; } } .products .product-list .product a:hover { background: linear-gradient(173.12deg, #7BB1DD 0%, #E3F1FC 100%); } .products .product-list .product.item-8 a { width: 15.89vw; height: 3.65vw; display: inline; background: none; text-align: center; vertical-align: middle; font-size: 0.89vw; font-weight: 500; line-height: 1; text-transform: none; letter-spacing: 0; color: #126BB1; border-radius: unset; overflow: hidden; position: inherit; } @media (max-width:768px) { .products .product-list .product.item-8 a { font-size: 2.21vw; } } .products .product-list .product.item-8 a:hover { color: #545454; text-decoration: underline; } /* .products .product-list .product.item-8 a { width: 190px; height: 70px; display: table-cell; background: linear-gradient(94.69deg, #FFFFFF 0%, rgba(255, 255, 255, 0.79) 100%); text-align: center; vertical-align: middle; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #5D7738; border-radius: 0 35px 35px 0; overflow: hidden; position: inherit; } .products .product-list .product.item-8 a:hover { background: linear-gradient(194.69deg, #FFFFFF 0%, rgba(255, 255, 255, 0.79) 100%); } .products .product-list .product a:before { transition: all 0.2s ease-in-out; width: 41px; height: 16px; display: block; background: url("../assets/img/arrow-more.svg"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; position: absolute; left: -7px; top: 25px; } .products .product-list .product a:hover:before { left: 0; } */ .products .product-list .product .more { position: absolute; bottom: 2.34vw; width: 9.90vw; height: 3.65vw; } .products .product-list .product .more span { display: block; margin-top: 1.30vw; } @media (max-width:768px) { .products .product-list .product .more span { margin-top: 3.26vw; } } #header .menu-wrap { min-width: 1.30vw; z-index: 20; display: none; } @media (max-width:768px) { #header .menu-wrap { display: block; } } #header .menu-wrap .toggler { position: relative; z-index: 2; cursor: pointer; opacity: 0; width: 22px; height: 14px; padding: 0; margin: 0; } #header .menu-wrap .hamburger { position: absolute; z-index: 1; width: 22px; height: 14px; display: flex; align-items: center; justify-content: center; margin-top: -18px; } #header .menu-wrap .hamburger > div { position: relative; flex: none; width: 100%; height: 3px; background: #126BB1; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; border-radius: 30px; } #header .menu-wrap .hamburger > div:before { content: ''; position: absolute; z-index: 1; top: -6px; width: 100%; height: 3px; background: inherit; border-radius: 30px; } #header .menu-wrap .hamburger > div:after { content: ''; position: absolute; z-index: 1; top: -10px; width: 100%; height: 3px; background: inherit; border-radius: 30px; left: 0; } #header .menu-wrap .hamburger > div:after { top: 6px; } #header .menu-wrap .toggler:checked + .hamburger > div { transform: rotate(135deg); } #header .menu-wrap .toggler:checked + .hamburger > div:before, #header .menu-wrap .toggler:checked + .hamburger > div:after { top: 0; transform: rotate(90deg); left: auto; } #header .menu-wrap .toggler:checked:hover + .hamburger > div { transform: rotate(225deg); } #header .menu-wrap .toggler:checked + .hamburger { position: fixed; margin: -9px 0px 0px -18px; } #header .menu-wrap .toggler:checked { position: fixed; margin: -9px 0px 0px -18px; } #header .menu-wrap .toggler:checked ~ .menu { visibility: visible; } #header .menu-wrap .toggler:checked ~ .menu > div { transform: scale(1); transition-duration: var(--menu-speed); } #header .menu-wrap .toggler:checked ~ .menu > div > div { opacity: 1; } #header .menu-wrap .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; overflow: hidden; display: flex; align-items: center; justify-content: center; background: white; } #header .menu-wrap .menu > div { background: var(--overlay-color); display: flex; flex: none; align-items: center; justify-content: center; transform: scale(0); transition: all 0.4s ease; } #header .menu-wrap .menu > div > div { text-align: center; opacity: 0; transition: opacity 0.4s ease; } #header .menu-wrap .menu ul > li { list-style: none; color: #545454; font-size: 20px; line-height: 50px; text-align: left; } #header .menu-wrap .menu ul > li.sub { font-size: 16px; line-height: 30px; border-bottom: none; list-style: disc; color: #126BB1; margin: 5px 10px 5px 11px; } #header .menu-wrap .menu a { color: #545454; } #header .menu-wrap .menu ul { margin: 0; border-right: 2px solid #EFF2ED; padding: 0 80px 0 0; } #header .menu-wrap .menu .title { font-size: 50px; line-height: 50px; text-align: left; padding: 0 0 60px; } #header .menu-wrap .menu .btn-catalog { width: 400px; height: 60px; background: #eff8ff; margin: 0 0 50px 0; } #header .menu-wrap .menu .btn-catalog:hover { background: #fdfdfd; } #header .menu-wrap .menu .btn-fb { width: 400px; height: 60px; font-family: 'Stem',sans-serif; background: linear-gradient(273.12deg, #7BB1DD 0%, #E3F1FC 100%); border-radius: 70px; border: none; color: #105791; cursor: pointer; font-weight: 500; margin-top: 50px; font-size: 1.25rem; } #header .menu-wrap .menu .btn-fb:hover { background: linear-gradient(273.12deg, #E3F1FC 0%, #7BB1DD 100%); } #header .menu-wrap .menu .flex { display: flex; align-items: center; justify-content: normal; } #header .menu-wrap .menu .flex span { padding: 0 0 0 80px; } #header .menu-wrap .menu .flex span .tel { font-size: 35px; line-height: 35px; display: block; } #header .menu-wrap .menu p.lk-title { font-size: 15px; line-height: 19px; margin: 0; } @media (max-width:768px) { #header .menu-wrap .menu p.lk-title { padding-top: 11vw; } } #header .menu-wrap .menu .pril { padding: 1vw 0; } @media (max-width:768px) { #header .menu-wrap .menu .pril { padding: 6vw 0 0; } } #header .menu-wrap .menu .pril a img { width: 130px; } @media (max-width:768px) { #header .menu-wrap .menu .pril a img { } } #header .menu-wrap .menu p.vrem { color: #9AADA9; font-size: 17px; line-height: 32px; margin: 0.5vw 0; } #header .menu-wrap .menu a.mail { color: #126BB1; font-size: 17px; line-height: 32px; padding-bottom: 50px; display: block; } #header .menu-wrap .menu p.addr { border-top: 1px solid #EFF2ED; padding-top: 50px; margin: 0; font-size: 17px; line-height: 32px; font-weight: 500; font-family: 'Stem',sans-serif; } #header .menu-wrap .menu a.link { color: #9AADA9; font-size: 17px; line-height: 32px; text-decoration: underline; display: grid; } .history { padding: 160px 230px 160px; position: relative; background: #eff8ff; } .history h2 { font-size: 80px; line-height: 100px; padding-bottom: 100px; font-weight: 400; margin: 0; } .history .swiper-slide span { border-radius: 100px; background: linear-gradient(273.12deg, #7BB1DD 0%, #E3F1FC 100%); padding: 32.53px 20px; text-align: center; line-height: 32px; font-size: 22px; font-weight: 500; color: #126BB1; min-width: 58px; min-height: 32px; } .history .swiper-slide { display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .history .swiper-slide p{ max-width: 320px; font-size: 22px; line-height: 37px; font-weight: 500; padding-top: 40px; margin: 0; } .history .swiper-slide p i { font-style: normal; color: #9AADA9; } .history .swiper-slide:before { display: inline-block; background: url("../assets/img/012.svg") repeat-x; background-size: auto; background-size: auto; background-size: contain; width: 200px; height: 4px; content: ''; margin: -0.125rem 0.3125rem; position: absolute; top: 48px; left: 127px; } .history .swiper-slide:last-child:before { background: none; } .history .swiper-horizontal > .swiper-scrollbar { display: none; } .history .swiper-container { width: 360px; /*height: 400px*/ } .history .swiper-slide { display: flex; justify-content: center; align-items: start; } .history .swiper-button-next { height:5.88rem; width:4.11rem; overflow:hidden; padding:0 } .history .swiper-button-next:before { width:5.88rem; height:5.88rem; background-image:linear-gradient(338.39deg, #7BB1DD 14.19%, #9BD98D 58.06%); content:''; display:block; position:absolute; right:0; top:0; transform:translateX(50%); border-radius:50%; filter:brightness(5); transition:all 0.2s ease-in-out } .history .swiper-button-next:after { transition:all 0.2s ease-in-out; width:3.2rem; height:1rem; display:block; background:url("../assets/img/arrow-right.svg"); background-repeat:no-repeat; background-position:center center; background-size:contain; content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%) } .history .swiper-button-next:hover:before { filter:brightness(1) !important } .history .swiper-button-next:hover:after { transform:translate(0.29rem, -50%) } .history .swiper-button-prev:before { width: 2.94rem; height: 2.94rem; background-image: linear-gradient(338.39deg, #7BB1DD 14.19%, #9BD98D 58.06%); content: ''; display: block; position: absolute; left: -25px; top: -2px; border-radius: 50%; opacity: 0; transition: all 0.2s ease-in-out; } .history .swiper-button-prev:after { transition:all 0.2s ease-in-out; width:3.2rem; height:1rem; display:block; background:url("../assets/img/arrow-right.svg"); background-repeat:no-repeat; background-position:center center; background-size:contain; content:''; position:absolute; left:0; top:50%; transform: translate(0, -50%) rotate(180deg); } .history .swiper-button-prev:hover:before { opacity: 1; } .history .swiper-button-prev:hover:after { transform:translate(-0.5rem, -50%) rotate(180deg); } .history .swiper-button-prev.swiper-button-disabled { opacity: 0; } .history .swiper-button-next { right:0; top: 230px; } .history .swiper-button-prev { right: 150px; left: auto; top: 255px; } .history .swiper-button-prev, .history .swiper-button-next { z-index: 1; } section.photo { background: #fff; } section.photo .row { padding: 160px 230px 0; position: relative; } section.photo h2 { font-size: 80px; line-height: 100px; padding-bottom: 100px; font-weight: 400; } section.photo:before { position: absolute; content: ''; background: url("../assets/img/bg-005.png") no-repeat; background-size: auto; background-size: 100%; width: 100%; height: 337px; } /* footer start */ footer { background-color: #2E2E2E; color: #fff; position: relative; z-index: 1; } @media (max-width: 768px) { footer { margin-top: 5vw; } } footer .subscribe { background-color: #4F78D6; display: flex; height: 12.27vw; align-items: center; justify-content: center; } @media (max-width: 768px) { footer .subscribe { flex-direction: column; height: 55vw; } } footer p { line-height: 2.03vw; } footer .subscribe div:first-child { font-size: 0.94vw; line-height: 1.33vw; letter-spacing: 0.03em; width: 24.7vw; color: #FFFFFF; margin: -2vw 7.73vw 0 0; } @media (max-width: 768px) { footer .subscribe div:first-child { font-size: 3.13vw; width: auto; line-height: 3.75vw; text-align: center; margin: 0; } } footer .subscribe form input { font-size: 1.09vw; font-weight: 400; border-radius: 0.39vw; padding: 0.8595vw 0.9395vw; line-height: 1.09vw; border: 0.08vw solid #fff; width: 16.4vw; margin-right: 0.6vw; } @media (max-width: 768px) { footer .subscribe form input { width: 46.5vw; line-height: 3.44vw; font-size: 3.44vw; padding: 2.5vw 3.75vw 2.5vw 3.75vw; border-radius: 1.25vw; margin: 5vw 2.81vw 2.19vw 5vw; } } footer .subscribe form.error input { border: 0.08vw solid #E23B4C; } footer .subscribe form.error input::-webkit-input-placeholder { color: #E23B4C; } footer .subscribe form.error input:-moz-placeholder { color: #E23B4C; } footer .subscribe form.error input:focus { outline: none; box-shadow: none; } footer .subscribe form button { font-size: 1.09vw; font-weight: 500; text-transform: none; width: 10.39vw; border-radius: 0.39vw; padding: 1.02vw 1.72vw; line-height: 1.09vw; background: #2E2E2E; letter-spacing: normal; margin: auto; filter: none; color: #fff; border: 0; cursor: pointer; } footer .subscribe form.error button { animation: tilt-shaking 0.15s infinite; animation-iteration-count: 3; } @keyframes tilt-shaking { 0% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(0eg); } 75% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @media (max-width: 768px) { footer .subscribe form button { font-size: 3.44vw; line-height: 3.44vw; width: 30.31vw; padding: 2.967vw 4.38vw; border-radius: 1.25vw; } } footer .subscribe form a{ text-decoration: underline; } footer .subscribe form a:hover { color: #02013a; } footer .subscribe form p { font-size: 0.78vw; color: #fff; opacity: 0.6; letter-spacing: 0.03em; line-height: 1.5; margin-top: 1em; } @media (max-width: 768px) { footer .subscribe form p { font-size: 2.19vw; text-align: center; margin-top: 0em; } } footer .subscribe form .policy_form_subscribe p { font-size: 0.94vw; line-height: 1.33vw; margin-top: .4vw; } @media (max-width: 768px) { footer .subscribe form .policy_form_subscribe p { font-size: 3.13vw; line-height: 4vw; } } footer .subscribe .ok { text-align: center; display: none; color: #fff; letter-spacing: 0.03em; } footer .subscribe .ok img { width: 3.13vw; height: 3.13vw; display: block; margin: auto; padding-bottom: 1.33vw; } footer .subscribe .ok span { font-size: 1.25vw; font-weight: 500; text-transform: uppercase; } footer .subscribe .ok p { font-size: 0.94vw; } footer a { color: #fff; } footer .black { width: 81.25vw; margin: auto; } @media (max-width: 768px) { footer .black { padding-top: 9.38vw; width: 87.5vw; } } footer .black > div { display: flex; justify-content: space-between; } @media (max-width: 768px) { footer .black > div { flex-direction: column; } } footer .black .spoiler-wrap { padding: 3.28vw 0vw; } @media (max-width: 768px) { footer .black .spoiler-wrap { padding: 0 0 1.88vw 0; border-bottom: 0.31vw solid #7D7D7D; } } footer .black .pic { padding: 3.28vw 0vw; } @media (max-width: 768px) { footer .black .pic { margin: auto; padding: 6.25vw 0 4.69vw; } } footer .black .podval { font-size: 0.94vw; border-top: 0.08vw solid #7D7D7D; padding: 1.09vw 0; } @media (max-width: 768px) { footer .black .podval { font-size: 3.13vw; text-align: center; line-height: 6.25vw; border-top: 0.31vw solid #7D7D7D; } } footer .black .podval img { width: 12.42vw; } @media (max-width: 768px) { footer .black .podval img { width: 49.69vw; padding-top: 3.13vw; } } footer .spoiler-wrap > .spoiler__btn { cursor: pointer; position: relative; display: flex; align-items: center; font-size: 1.09vw; font-weight: 500; padding-bottom: 0.78vw; pointer-events: none; } @media (max-width: 768px) { footer .spoiler-wrap > .spoiler__btn { pointer-events: auto; font-size: 3.44vw; padding: 3.13vw 0vw; } } @media (max-width: 768px) { footer .spoiler-wrap > .spoiler__btn:before { background: url(../assets/img/plus.svg) no-repeat; width: 3.13vw; height: 3.13vw; content: ''; position: absolute; background-size: cover; display: block; right: 0; transform: rotate(135deg); filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(-59deg) brightness(200%) contrast(104%); } } @media (max-width: 768px) { footer .spoiler-wrap.spoiler--open > .spoiler__btn:before { background: url(../assets/img/plus.svg) no-repeat; width: 3.13vw; height: 3.13vw; content: ''; position: absolute; background-size: cover; display: block; right: 0; transform: rotate(90deg); } footer .spoiler-wrap.spoiler--open > .spoiler__btn { opacity: 0.7; padding: 3.13vw 0; } footer .spoiler-wrap.spoiler--open { padding: 0; } } footer .spoiler-wrap > .spoiler__btn:after { display: none; } @media (max-width: 730px) { footer .spoiler-wrap > .spoiler__btn:after { } footer .spoiler-wrap > .spoiler__btn:after { } } footer .spoiler-wrap.spoiler--open > .spoiler-content { display: block; } footer .spoiler-content { display: none; animation: fadeIn 1s ease; font-size: 0.88vw; } @media (max-width: 768px) { footer .spoiler-content { display: block; font-size: 3.44vw; } footer .spoiler-wrap.spoiler--open > .spoiler-content { display: none; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } footer .spoiler-content ul li { list-style-type: none; line-height: 2.03vw; } @media (max-width: 768px) { footer .spoiler-content ul li { line-height: 6.56vw; } } footer .black .pic ul { display: flex; justify-content: space-between; padding-top: 0.78vw; } footer .black .pic ul li { list-style-type: none; } footer .black .pic img { width: 10.70vw; } @media (max-width: 768px) { footer .black .pic img { width: 42.5vw; } } footer .black .pic ul li img { width: 2.03vw; transition: transform .8s; -webkit-transition: -webkit-transform .8s ease-in-out; -ms-transition: -ms-transform .8s ease-in-out; } footer .black .pic ul li img:hover { } @media (max-width: 768px) { footer .black .pic ul li img { width: 8.13vw; } } @media (max-width: 768px) { footer .black .podval .one { order: 1; } footer .black .podval .two { order: 4; } footer .black .podval .three { order: 3; } footer .black .podval .four { order: 2; } } footer a:hover { color: #4F78D6; } /*footer end*/ @media (min-width:1900px){ .slick-dots {display:none;} } @media (max-width:1800px){ .history { padding: 160px 100px 0; } section.photo .row { padding: 160px 100px 0; } /*.product-list { padding: 300px 100px 0; } .products .product-list .item-5 { margin-left: 10%; } .products .product-list .item-6 { margin-left: 10%; } .products .product-list .item-6b { margin-left: 10%; } .products .product-list .item-7 { margin-left: 10%; } .products .product-list .product.item-8 { margin-left: -25px; }*/ } @media (max-width:1600px){ section.photo .row { padding: 160px 50px 0; } .block-footer { margin: 80px 50px 0; } /*.products .product-list .item-6 img { margin: 155px -100px; }*/ .history { padding: 160px 50px 0; } /*.products .product-list .product.item-8 { margin-left: -95px; } .product-list { padding: 250px 50px 0; }*/ } @media (max-width:1480px){ #header .top-button .btn-catalog:before, #header .top-button .btn-lk:before { display:none; } .btn-catalog, .btn-lk { width: 9rem; font-size: 16px; } #header .menu-wrap .menu .btn-fb { font-size: 16px; } .promo_section .promo_text p.title { font-size: 4rem; } .history { padding: 160px 50px 0; } } @media (max-width:1310px){ .btn-lk, .btn-catalog { height: 3rem; } .btn-catalog { margin-right: 10px; } .promo_section .promo_text p.title { font-size: 3.5rem; } .history h2 { font-size: 50px; line-height: 60px; } } @media (max-width:1130px) { .history { padding: 100px 20px 0; } .history .swiper-button-next{ top: 160px; } .history .swiper-button-prev { top: 185px; } .promo_section .promo_text p.title { font-size: 2.5rem; } } @media (max-width:1023px) { .history .swiper-slide p { font-size: 16px; line-height: 24px; padding-top: 20px; } .history .swiper-container { width: 250px; } .history .swiper-slide::before { width: 123px; left: 110px; } .history .swiper-button-next { top: 40px; } .history .swiper-button-prev { top: 65px; } .history { padding: 20px 15px 0; } .history h2 { padding-bottom: 40px; } } @media (max-width:800px) { .promo_section .promo_text p { font-size: 1.3rem; } .promo_section .promo_text { padding: 2.5rem 1rem; } .promo_section .item_promo { height: 42.875rem; } .block-footer .block-footer__items { flex-direction: column; align-items: center; } .logo-footer.left, .logo-footer.left .footer-links__row { text-align: center; } .logo-footer.left { padding-bottom: 30px; padding-top: 20px; order: 3; } .block-footer .logo-footer img.pumpa { width: 80px; opacity: 0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .logo-footer { order: 1; } .block-footer__side { order: 2; } .block-footer .logo-footer img.orto { width: 130px; } .block-footer .addr a { display: block; } .block-footer .addr { padding-bottom: 10px; } .addr__divider { display: none; } } @media (max-width:768px) { #header #nav { display:none; } section.products:before { background-size: 200%; } .product-list { -moz-columns: 0px 1; -webkit-columns: 0px 1; columns: 0px 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5.86vw 2.60vw; } .product-list .product:nth-of-type(1) { order: 2; } .product-list .product:nth-of-type(2) { order: 5; } .product-list .product:nth-of-type(3) { order: 4; } .product-list .product:nth-of-type(4) { order: 7; } .product-list .product:nth-of-type(5) { order: 1; } .product-list .product:nth-of-type(6) { order: 3; } .product-list .product:nth-of-type(7) { order: 6; } .product-list .product:nth-of-type(8) { order: 8; } .product-list .product:nth-of-type(9) { order: 9; } .products .product.item-1:before { background: none; } .products .product-list .item-1, .products .product-list .item-2, .products .product-list .item-4, .products .product-list .item-3, .products .product-list .item-6, .products .product-list .item-6b, .products .product-list .item-7 { width: 100%; height: 39.06vw; margin: 2.60vw 0; } .products .product-list .item-5 { width: 100%; margin: 0.65vw 0; } .products .product-list .product.item-8 { width: 100%; height: 50.78vw; border-radius: 2.60vw; margin: 0.65vw 0; } .product-list .product { overflow: hidden; border-radius: 2.60vw; } .products .product-list .item-1 img { width: 39.06vw; height: auto; margin: 1.04vw -2.60vw; } .products .product-list .item-6 img { width: 31.25vw; height: auto; margin: 1.04vw -1.82vw; } .products .product-list .item-3 img { width: 54.69vw; height: auto; margin: -9.11vw -9.77vw; } .products .product-list .item-8 img { height: auto; right: 0; width: 29.95vw; } .products .product-list .item-4 img { width: 33.98vw; top: 2.60vw; } .products .product-list .item-2 img { width: 33.85vw; top: 1.95vw; } .products .product-list .item-7 img { width: 48.18vw; height: auto; margin: 0 1.30vw; } .products .product-list .item-6 p, .products .product-list .item-1 p { margin: -2.60vw 0 0 15.63vw; padding: 0; } .products .product-list .item-6 p:before, .products .product-list .item-1 p:before { width: 6.77vw; height: 6.90vw; margin: 0.52vw 0 0 -10.42vw; } .products .product-list .product .more { bottom: 2.6vw; width: 24.74vw; height: 9.11vw; } } @media (max-width:707px) { .triggers .trigger_slider .item { justify-content: center; } .triggers .trigger_slider .item p { width: 220px; } .products .product-list .product .title { font-size: 25px; font-weight: 400; padding: 30px; line-height: 30px; } .products .product-list .product .title-2 { padding: 30px; } .products .product-list .item-6 p, .products .product-list .item-1 p { margin: 0px 0 0 110px; } } @media (max-width:630px) { .history h2 { font-size: 28px; line-height: 32px; } #header .top-button .btn-catalog, #header .top-button .btn-lk { display:none; } #header .head { justify-content: space-between; width: 100%; } #header .burg-open { background-color: #fff; padding: 15px; border-radius: 50%; } #header a.burg-open img { width: 20px; } .promo_section img { padding-top: 50px; } .promo_section .item_promo { height: 32.875rem; } .promo_section .promo_text { padding: 0 1rem; } .products .product-list .item-1 img { width: 210px; margin: 15px -20px; } .products .product-list .item-2 img, .products .product-list .item-7 img, .products .product-list .item-4 img { width: 190px; top: 15px; } .products .product-list .item-3 img { width: 280px; margin: -65px -40px; } .products .product-list .item-6b img { width: 146px; } .products .product-list .item-6 img { width: 210px; } .products .product-list .item-8 img { width: 290px; right: -30px; } .products .product-list .item-1, .products .product-list .item-2, .products .product-list .item-4, .products .product-list .item-3, .products .product-list .item-6, .products .product-list .item-6b, .products .product-list .item-7 { height: 230px; } .products .product-list .item-6 img { width: 170px; margin: 14px -7px; } .products .product-list .product .title { padding: 20px; } .products .product-list .product a { width: 150px; height: 50px; font-size: 11px; } .products .product-list .product .more span { margin-top: 18px; } .products .product-list .product a:before { left: -16px; top: 17px; } .products .product-list .product a:hover:before { left: -8px; } .products .product-list .product .more { bottom: 15px; height: 50px; width: 150px; } .products .product-list .item-6 p, .products .product-list .item-1 p { margin: -10px 0 0 100px; } .products .product-list .product.item-8 a { font-size: 11px; width: 150px; height: 50px; } } @media (min-width:501px) { #header .menu-wrap .btn-lk { display:none; } } @media (max-width:500px) { .history .swiper-button-prev { right: 110px; } .history .swiper-button-prev:before { width: 1.94rem; height: 1.94rem; left: -20px; top: 6px; } .products .product-list .item-5 { margin: 0; } .products .product-list .item-5 span { margin-bottom: 10px; } .product-list { padding: 45px 15px; } .products .product-list .item-5 h2 { font-size: 28px; line-height: 36px; margin-bottom: 10px; } .products .product-list .item-5 img { width: 60px; } .products .product-list .item-5 p { font-size: 14px; font-weight: 400; line-height: 18px; } .products .product-list .item-1 p, .products .product-list .item-6 p { font-size: 10px; line-height: 10px; } .products .product-list .item-6 p, .products .product-list .item-1 p { margin: 0px 0 0 60px; } .products .product-list .item-8 img { width: 190px; right: -9px; } .products .product-list .item-6 p:before, .products .product-list .item-1 p:before { margin: 3px 0 0 -40px; width: 30px; height: 27px; } .products .product-list .product .title { font-size: 20px; line-height: 20px; } .products .product-list .product .title-2 { font-size: 20px; line-height: 20px; padding: 20px; } .products .product-list .item-1, .products .product-list .item-2, .products .product-list .item-4, .products .product-list .item-3, .products .product-list .item-6, .products .product-list .item-6b, .products .product-list .item-7 { height: 200px; } .products .product-list .product.item-8 { height: 220px; } .products .product-list .product.item-8 .title { font-size: 20px; line-height: 20px; padding: 20px; } .products .product-list .product.item-8 ul { padding: 0 9vw; width: 40vw; } .products .product-list .product.item-8 ul li { line-height: 16px; font-size: 12px; } .promo_section .item_promo { height: 25rem; } section.products::before { background-size: 150%; background-position-x: -150px; } .products .product-list .item-6 img { width: 145px; margin: 13px -7px; } .products .product-list .item-1 img { margin: 18px -20px; width: 170px; } .products .product-list .item-3 img { width: 220px; margin: 0; } .products .product-list .item-2 img, .products .product-list .item-4 img { width: 140px; top: 28px; } .products .product-list .item-7 img{ width: 190px; top: 28px; } } @media (max-width:450px) { .products .product-list .product.item-8 .title { font-size: 20px; padding: 20px; } .products .product-list .product.item-8 { height: 290px; } .promo_section .promo_text p.title { font-size: 1.75rem; } .promo_section .promo_text { padding: 1rem 2rem; } .promo_section .promo_text p { font-size: 16px; font-weight: 500; } .slick-dots { margin: 0px 0 30px; } } @media (max-width:359px) { .products .product-list .item-6 img { margin: 13px -45px; } .products .product-list .item-1 img { margin: 18px -30px; } /*.products .product-list .item-3 img { margin: -70px -20px; }*/ .products .product-list .item-2 img, .products .product-list .item-4 img, .products .product-list .item-7 img { right: -10px; } .products .product-list .item-8 img { width: 180px; right: -40px; } } @media (max-width:1023px), (max-height:727px) { #header .menu-wrap .menu .title { font-size: 30px; line-height: 30px; padding: 0 0 10px; } #header .menu-wrap .menu ul > li { font-size: 16px; line-height: 40px; } #header .menu-wrap .menu .flex span .tel { font-size: 28px; line-height: 28px; } #header .menu-wrap .menu p.vrem { font-size: 14px; line-height: 24px; } #header .menu-wrap .menu a.mail { font-size: 14px; line-height: 24px; padding-bottom: 0; margin-bottom: 30px; } #header .menu-wrap .menu p.addr { padding-top: 30px; font-size: 14px; line-height: 24px; } #header .menu-wrap .menu a.link { font-size: 14px; line-height: 24px; } #header .menu-wrap .btn-lk, #header .menu-wrap .menu .btn-catalog, #header .menu-wrap .menu .btn-fb { width: 270px; } } @media (max-width:820px), (max-height:630px) { #header .menu-wrap .menu .title { font-size: 22px; line-height: 20px; } #header .menu-wrap .menu ul > li { font-size: 14px; line-height: 29px; } #header .menu-wrap .menu ul > li.sub { font-size: 12px; line-height: 20px; max-width: 70vw; /*margin: 5px 10px 5px 45px;*/ } #header .menu-wrap .menu .flex span .tel { font-size: 20px; line-height: 20px; } #header .menu-wrap .menu p.vrem { margin: 0; } #header .menu-wrap .menu a.mail { padding-bottom: 10px; } #header .menu-wrap .menu p.addr { padding-top: 10px; } #header .menu-wrap .menu .btn-catalog { margin: 0 0 20px 0; } #header .menu-wrap .menu .btn-fb { margin-top: 20px; } #header .menu-wrap .menu ul { padding: 0 40px 0 0; } #header .menu-wrap .menu .flex span { padding: 0 0 0 40px; } } @media (max-width:730px), (max-height:380px) { #header .menu-wrap .menu ul > li.sub { font-size: 14px; line-height: 20px; } #header .menu-wrap .menu ul > li.dop { border: none; } #header .menu-wrap .menu ul > li.sub a { color: #545454; } #header .menu-wrap .toggler:checked + .hamburger { /*right: 20px;*/ } #header .menu-wrap .toggler:checked { /*right: 20px; */ } #header .menu-wrap .menu .title { /*font-size: 20px; line-height: 20px; text-align: center; padding: 65px 0 20px;*/ display:none; } #header .menu-wrap .menu .btn-fb { margin-bottom: 20px; } #header .menu-wrap .menu ul { border-right: 0; padding: 0 0 30px 0; } #header .menu-wrap .menu ul > li { line-height: 40px; /*text-align: center;*/ border-bottom: 1px solid #D9D9D9; margin: 0 28px; font-size: 15px; position: relative; } #header .menu-wrap .menu ul > li:last-child { border: none; } #header .menu-wrap .menu .btn-catalog { margin: 0; } #header .menu-wrap .menu .flex { display: block; padding-top: 30px } #header .menu-wrap .menu .flex span { padding: 0; } #header .menu-wrap .menu .flex span .tel { font-size: 20px; line-height: 24px; padding-top: 50px; } #header .menu-wrap .menu p.vrem { font-size: 14px; line-height: 24px; } #header .menu-wrap .menu a.mail { font-size: 14px; line-height: 24px; padding-bottom: 30px; } #header .menu-wrap .menu p.addr { padding-top: 30px; } #header .menu-wrap .menu a.link { } #header .menu-wrap .menu > div { border-radius: 0; height: 100%; background: var(--overlay-color); display: block; text-align: center; width: 90%; } #header .menu-wrap .menu { background: var(--overlay-color); } :root { --menu-speed: 0.005s; } #header .menu-wrap .btn-lk { display: block; height: 60px; text-align: center; margin: 10px auto; background: linear-gradient(273.12deg, #7BB1DD 0%, #E3F1FC 100%); } #header .menu-wrap .btn-lk:hover { background: linear-gradient(273.12deg, #E3F1FC 0%, #7BB1DD 100%); } #header .menu-wrap .menu { overflow-y: scroll; } } .fancybox__content { padding:0!important; } .swiper-container-history { position:relative; } .history-2 { position: relative; background: #eff8ff; padding-top: 5rem; } .history-2 .swiper-wrapper .swiper-slide:after { content: ''; background: url(../assets/img/history-2-after.png) no-repeat; width: 100%; height: 70%; background-size: cover; display: block; position: absolute; top: 56%; z-index: 1; } @media (max-width:768px) { .history-2 .swiper-wrapper .swiper-slide:after { top: 68%; height: 86%; } } @media (max-width:454px) { .history-2 .swiper-wrapper .swiper-slide:after { top: 77%; height: 62%; } } .history-2 h2 { font-size: 4.2vw; line-height: 100px; font-weight: 400; margin: 0; padding: 0 230px 0; } @media (max-width:1800px) { .history-2 h2 { padding-left: 100px; } } @media (max-width:1600px) { .history-2 h2 { padding-left: 50px; } } @media (max-width:1310px) { .history-2 h2 { line-height: 60px; } } @media (max-width:1130px) { .history-2 h2 { padding-left: 20px; } } @media (max-width:768px) { .history-2 h2 { padding: 0 20px; font-size: 7vw; } } @media (max-width:630px) { .history-2 h2 { line-height: 32px; } } .history-2 p.title { font-size: 6.7vw; padding-left: 230px; font-weight: 500; display: initial; margin: 0; -webkit-text-stroke: 0.1vw #545454; -webkit-text-fill-color: rgba(0,0,0,0); } @media (max-width:1800px) { .history-2 p.title { padding-left: 100px; } } @media (max-width:1600px) { .history-2 p.title { padding:0 50px; } } @media (max-width:1130px) { .history-2 p.title { padding:0 20px; } } @media (max-width:768px) { .history-2 p.title { font-size: 18vw; -webkit-text-stroke: 0.2vw #545454; line-height: 1.1; } } .history-2 p.descr { margin: 0; padding-left: 230px; font-size: 2.4vw; font-weight: 300; max-width: 50vw; min-height: 11.05vw; } @media (max-width:1800px) { .history-2 p.descr { padding-left: 100px; } } @media (max-width:1600px) { .history-2 p.descr { padding:0 50px; } } @media (max-width:1500px) { .history-2 p.descr { } } @media (max-width:1130px) { .history-2 p.descr { padding:0 20px; } } @media (max-width:768px) { .history-2 p.descr { max-width: 88vw; font-weight: 500; font-size: 5.5vw; height: 28vw; } .history-2 p.descr span { white-space: nowrap; } } .history-2 .flexbox { display: flex; height: 34.25vw; position: relative; top: -2.75vw; } @media (max-width:768px) { .history-2 .flexbox { height: 70vw; top: 0; } } @media (max-width:454px) { .history-2 .flexbox { height: 90vw; top: 10vw } } .history-2 .slide-1 .flexbox { justify-content: space-evenly; } .history-2 .hist-01 { position: relative; z-index: 0; bottom: 6vw; left: 4vw; } @media (max-width:768px) { .history-2 .hist-01 { display: none; } } .history-2 .hist-01 img { width: 55vw; position: relative; } .history-2 .hist-02 { position: relative; z-index: 2; top: -9vw; left: -5vw; } .history-2 .hist-02:before { background: url(../assets/img/hist-01-before.png) no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; right: -7vw; top: 0vw; } @media (max-width:768px) { .history-2 .hist-02 { position: relative; top: -12vw; left: inherit; } } @media (max-width:454px) { .history-2 .hist-02 { top: -10vw; } } @media (max-width:768px) { .history-2 .hist-02:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); width: 45vw; height: 33vw; background-size: contain; content: ''; z-index: -1; left: 3vw; top: -6vw; } } .history-2 .hist-02 img { height: 20vw; } @media (max-width:1600px) { .history-2 .hist-02 img { top: -11rem; } } @media (max-width:768px) { .history-2 .hist-02 img { top: inherit; height: 55vw; display:block; margin:auto; } } @media (max-width:454px) { .history-2 .hist-02 img { height: 65vw; } } .history-2 .hist-02 p { font-size: 3.2vw; color: #434342; font-weight: 500; max-width: 20vw; line-height: 1; position: relative; left: -4vw; margin: 0; } @media (max-width:768px) { .history-2 .hist-02 p { top: initial; max-width: 75vw; margin: auto; font-size: 6.5vw; text-align: center; left: unset; } } .history-2 .hist-02 p span { color: #126BB1; position: absolute; padding-left: 1rem; white-space: nowrap; } @media (max-width:768px) { .history-2 .hist-02 p span { position: relative; padding-left: unset; } } .history-2 a.more { background: linear-gradient(273.12deg, #7BB1DD 0%, #E3F1FC 100%); padding: 1.2vw 3.4vw; border-radius: 4vw; text-transform: uppercase; color: #105791; font-size: 1.2vw; display: flex; position: absolute; bottom: 5.5vw; z-index: 2; margin-left: auto; margin-right: auto; left: 0; right: 0; justify-content: center; width: fit-content; } @media (max-width:768px) { .history-2 a.more { bottom: 0; padding: 3vw 10vw; font-size: 3vw; border-radius: 7vw; } } .history-2 a.more:hover { background: linear-gradient(273.12deg, #E3F1FC 0%, #7BB1DD 100%); } .history-2 ul { display: flex; align-items: baseline; position: absolute; bottom: 5.5vw; right: 2vw; z-index: 1; margin: 0; } @media (max-width:768px) { .history-2 ul { right: inherit; padding: initial; justify-content: center; position: relative; bottom: 0; margin: 0; } } .history-2 ul li { list-style-type: none; padding: 0 0.5vw; color: #a2a2a2; font-size: 1vw; cursor: pointer; } @media (max-width:768px) { .history-2 ul li { font-size: 3.5vw; padding: 0 2.5vw; } } .history-2 ul li.active { color: #126BB1; font-size: 1.6vw; } @media (max-width:768px) { .history-2 ul li.active { font-size: 7vw; } } .history-2 .hist-03 { position: relative; margin: 0 0 0 10vw; } @media (max-width:768px) { .history-2 .hist-03 { display:none; } } .history-2 .hist-03:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; right: 19vw; top: 14vw; } .history-2 .hist-03 img { width: 26vw; } .history-2 .hist-04 { position: relative; top: -5vw; } @media (max-width:768px) { .history-2 .hist-04 { top: 0; position: relative; } } .history-2 .hist-04:before { background: url("../assets/img/hist-01-before.png") no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; bottom: inherit; z-index: -1; right: -5rem; top: -4rem; } @media (max-width:768px) { .history-2 .hist-04:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); width: 45vw; height: 33vw; right: inherit; left: -2vw; top: 0vw; } } @media (max-width:454px) { .history-2 .hist-04:before { left: -4.5vw; } } .history-2 .hist-04 img { width: 40vw; } @media (max-width:768px) { .history-2 .hist-04 img { width: 80vw; top: 10vw; position: relative; } } .history-2 .slide-2 .flexbox { display: flex; justify-content: space-evenly; } .history-2 .slide-3 .hist-05 { position: relative; left: 9vw; top: 12vw; } @media (max-width:1400px) { .history-2 .slide-3 .hist-05 { bottom: 12vw; } } @media (max-width:768px) { .history-2 .slide-3 .hist-05 { display: none; } } .history-2 .slide-3 p.descr { max-width: 65vw; } @media (max-width:768px) { .history-2 .slide-3 p.descr { max-width: 100%; } } .history-2 .slide-3 p.descr span { white-space: nowrap; display: block; } @media (max-width:400px) { .history-2 .slide-3 p.descr span { display: unset; } } .history-2 .slide-3 .hist-05:after { } .history-2 .slide-3 .hist-05 img { width: 22vw; } .history-2 .slide-3 .hist-05:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; right: 7vw; top: -7vw; } .history-2 .slide-3 .hist-06 { position: relative; top: -4vw; left: 1vw; } @media (max-width:1400px) { .history-2 .slide-3 .hist-06 { bottom: 3vw; } } @media (max-width:768px) { .history-2 .slide-3 .hist-06 { left: initial; bottom: initial; top: -8vw; } .history-2 .slide-3 .hist-06:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 45vw; height: 33vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: -2vw; top: 8vw; } } @media (max-width:454px) { .history-2 .slide-3 .hist-06 { top: -16vw; } .history-2 .slide-3 .hist-06:before { left: 0.5vw; top: 2vw; } } .history-2 .slide-3 .hist-06 img { width: 42vw; padding: 0 4vw; } @media (max-width:768px) { .history-2 .slide-3 .hist-06 img { width: 70vw; } } @media (max-width:454px) { .history-2 .slide-3 .hist-06 img { width: 82vw; } } .history-2 .slide-3 .flexbox { justify-content: center; } @media (max-width:768px) { .history-2 .slide-3 .flexbox { align-items: center; flex-direction: column; } } .history-2 .slide-3 .hist-07 { position: relative; top: -6.6vw; left: -6vw; } @media (max-width:768px) { .history-2 .slide-3 .hist-07 { left: inherit; text-align: center; bottom: inherit; top: -10.5vw; } } @media (max-width:454px) { .history-2 .slide-3 .hist-07 { top: -15.2vw; } } .history-2 .slide-3 .hist-07:after { } .history-2 .slide-3 .hist-07 img { width: 29vw; } @media (max-width:768px) { .history-2 .slide-3 .hist-07 img { display: none; } } .history-2 .slide-3 .hist-07 p { font-size: 3.2vw; color: #434342; font-weight: 500; max-width: 18vw; top: 0vw; left: -1vw; position: relative; line-height: 1; z-index: 2; margin: 0; } @media (max-width:1400px) { .history-2 .slide-3 .hist-07 p { max-width: 34vw; } } @media (max-width:768px) { .history-2 .slide-3 .hist-07 p { left: inherit; max-width: 76vw; font-size: 6.5vw; top: initial; margin: 0 auto; } } .history-2 .slide-3 .hist-07 p span { color: #126BB1; white-space: nowrap; } .history-2 .slide-4 .flexbox { justify-content: space-evenly; } .history-2 .slide-4 p.descr { max-width: 70vw; } @media (max-width:768px) { .history-2 .slide-4 p.descr { max-width: 80vw; } } .history-2 .slide-4 .hist-08 { position: relative; padding-top: 5vw; } @media (max-width:768px) { .history-2 .slide-4 .hist-08 { display:none; } } .history-2 .slide-4 .hist-08:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: -2vw; top: 5vw; } .history-2 .slide-4 .hist-08 img { width: 29vw; } .history-2 .slide-4 .hist-09 { position: relative; left: -9vw; top: -2vw; z-index: 2; } @media (max-width:768px) { .history-2 .slide-4 .hist-09 { left: initial; top: -5vw; min-height: 76vw; padding-bottom: 1vw; padding-top: 15vw; } } .history-2 .slide-4 .hist-09:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; right: -12vw; top: -3vw; } @media (max-width:768px) { .history-2 .slide-4 .hist-09:before { width: 42vw; height: 31vw; right: initial; top: 8vw; left: -6vw; } } @media (max-width:454px) { .history-2 .slide-4 .hist-09:before { left: -9vw; } } .history-2 .slide-4 .hist-09 img { width: 38vw; } @media (max-width:768px) { .history-2 .slide-4 .hist-09 img { width: 71vw; } } .history-2 .slide-5 .flexbox { justify-content: center; } @media (max-width:768px) { .history-2 .slide-5 .flexbox { align-items: center; flex-direction: column; } } .history-2 .slide-5 p.descr { max-width: 68vw; } @media (max-width:768px) { .history-2 .slide-5 p.descr { max-width: 90vw; } } .history-2 .slide-5 p.descr span { white-space: nowrap; display: block; } .history-2 .slide-5 .hist-10 { position: relative; top: 8.5vw; } @media (max-width:768px) { .history-2 .slide-5 .hist-10 { top: 2vw; } } @media (max-width:454px) { .history-2 .slide-5 .hist-10 { top: -8vw; } } .history-2 .slide-5 .hist-10:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: -3vw; top: -2vw; } @media (max-width:768px) { .history-2 .slide-5 .hist-10:before { width: 42vw; height: 31vw; right: initial; top: 1vw; left: -23vw; } } @media (max-width:454px) { .history-2 .slide-5 .hist-10:before { left: -20.5vw; } } .history-2 .slide-5 .hist-10 img { width: 15vw; } @media (max-width:768px) { .history-2 .slide-5 .hist-10 img { width: 33vw; } } @media (max-width:454px) { .history-2 .slide-5 .hist-10 img { width: 48vw; } } .history-2 .slide-5 .hist-11 { position: relative; top: -2vw; padding: 0 2vw; } @media (max-width:768px) { .history-2 .slide-5 .hist-11 { display:none; } } .history-2 .slide-5 .hist-11 img { width: 30vw; padding: 0 2vw; } .history-2 .slide-5 .hist-12 { position: relative; top: -4vw; } @media (max-width:768px) { .history-2 .slide-5 .hist-12 { text-align: center; } } @media (max-width:454px) { .history-2 .slide-5 .hist-12 { top: -13.5vw; } } .history-2 .slide-5 .hist-12:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; right: -6vw; top: -5vw; } @media (max-width:768px) { .history-2 .slide-5 .hist-12:before { display: none; } } .history-2 .slide-5 .hist-12 img { width: 22vw; } @media (max-width:768px) { .history-2 .slide-5 .hist-12 img { display:none; } } .history-2 .slide-5 .hist-12 p { font-size: 3.2vw; color: #434342; font-weight: 500; max-width: 22vw; top: -1.7vw; left: -4vw; position: relative; line-height: 1; z-index: 2; } @media (max-width:768px) { .history-2 .slide-5 .hist-12 p { max-width: 80vw; font-size: 6.5vw; top: 0; left: initial; } } .history-2 .slide-5 .hist-12 p span { color: #126BB1; white-space: nowrap; } .history-2 .slide-6 .flexbox { justify-content: center; } @media (max-width:768px) { .history-2 .slide-6 .flexbox { align-items: center; flex-direction: column; } } .history-2 .slide-6 p.descr { max-width: 70vw; } @media (max-width:768px) { .history-2 .slide-6 p.descr { max-width: 90vw; } } .history-2 .slide-6 p.descr span { white-space: nowrap; display: block; } .history-2 .slide-6 .hist-13 { position: relative; top: 11.5vw; } @media (max-width:768px) { .history-2 .slide-6 .hist-13 { display:none; } } .history-2 .slide-6 .hist-13:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: -2vw; top: -9vw; } .history-2 .slide-6 .hist-13 img { width: 24vw; } .history-2 .slide-6 .hist-14 { position: relative; top: -1vw; right: -4vw; } @media (max-width:768px) { .history-2 .slide-6 .hist-14 { right: initial; top: -5vw; } } @media (max-width:454px) { .history-2 .slide-6 .hist-14 { top: -15vw; } } .history-2 .slide-6 .hist-14 img { width: 21vw; } @media (max-width:768px) { .history-2 .slide-6 .hist-14 img { width: 38vw; } .history-2 .slide-6 .hist-14:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 42vw; height: 31vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: -21vw; top: 9vw; } } @media (max-width:454px) { .history-2 .slide-6 .hist-14 img { width: 48vw; } } .history-2 .slide-6 .hist-15 { position: relative; top: -5vw; right: -5vw; } @media (max-width:768px) { .history-2 .slide-6 .hist-15 { text-align: center; right: initial; top: -8vw; } } @media (max-width:454px) { .history-2 .slide-6 .hist-15 { top: -14.5vw; } } .history-2 .slide-6 .hist-15:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: 17vw; top: -4vw; } @media (max-width:768px) { .history-2 .slide-6 .hist-15:before { display: none; } } .history-2 .slide-6 .hist-15 img { width: 34vw; } @media (max-width:768px) { .history-2 .slide-6 .hist-15 img { display:none; } } .history-2 .slide-6 .hist-15 p { font-size: 3.2vw; color: #434342; font-weight: 500; max-width: 22vw; top: 2.5vw; left: -1vw; position: relative; line-height: 1; z-index: 2; margin: 0; } @media (max-width:768px) { .history-2 .slide-6 .hist-15 p { max-width: 80vw; font-size: 6.5vw; top:0; } } .history-2 .slide-6 .hist-15 p span { color: #126BB1; white-space: nowrap; } .history-2 .slide-7 .flexbox { justify-content: space-evenly; } .history-2 .slide-7 p.descr { max-width: 58vw; } @media (max-width:768px) { .history-2 .slide-7 p.descr { max-width: 90vw; } } .history-2 .slide-7 .hist-16 { position: relative; padding-left: 10vw; } @media (max-width:768px) { .history-2 .slide-7 .hist-16 { padding: 11vw 2vw; min-height: 63vw; } } @media (max-width:454px) { .history-2 .slide-7 .hist-16 { padding: 5vw 2vw; } } .history-2 .slide-7 .hist-16 img { width: 45vw; } @media (max-width:768px) { .history-2 .slide-7 .hist-16 img { width: 75vw; } } @media (max-width:454px) { .history-2 .slide-7 .hist-16 img { width: 85vw; } } .history-2 .slide-7 .hist-17 { position: relative; left: -1vw; top: -10vw; z-index: 2; } @media (max-width:768px) { .history-2 .slide-7 .hist-17 { display:none; } } .history-2 .slide-7 .hist-17:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; right: 0vw; top: -4vw; } .history-2 .slide-7 .hist-17 img { width: 34vw; } .history-2 .slide-8 .flexbox { justify-content: space-evenly; } .history-2 .slide-8 p.descr { max-width: 47vw; } @media (max-width:768px) { .history-2 .slide-8 p.descr { max-width: 90vw; } } .history-2 .slide-8 .hist-18 { position: relative; left: 8vw; top: 2vw; } @media (max-width:768px) { .history-2 .slide-8 .hist-18 { display: none; } } .history-2 .slide-8 .hist-18:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: -5vw; top: 7vw; } .history-2 .slide-8 .hist-18 img { width: 24vw; } .history-2 .slide-8 .hist-19 { position: relative; top: 2vw; left: 3vw; } @media (max-width:768px) { .history-2 .slide-8 .hist-19 { left: initial; min-height: 78vw; } .history-2 .slide-8 .hist-19:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 42vw; height: 31vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; left: -1vw; top: 6vw; } } @media (max-width:454px) { .history-2 .slide-8 .hist-19:before { left: -4.5vw; top: 5vw; } } .history-2 .slide-8 .hist-19 img { width: 31vw; } @media (max-width:768px) { .history-2 .slide-8 .hist-19 img { width: 80vw; } } .history-2 .slide-8 .hist-20 { position: relative; top: -10vw; left: -4vw; } @media (max-width:768px) { .history-2 .slide-8 .hist-20 { display: none; } } .history-2 .slide-8 .hist-20:before { background: url(../assets/img/hist-01-before.png) no-repeat; width: 19vw; height: 14vw; background-size: contain; content: ''; display: block; position: absolute; z-index: -1; right: 2vw; top: -2vw; } .history-2 .slide-8 .hist-20 img { width: 29vw; } .swiper-button-next { background: url(../assets/img/arrow.png) no-repeat; background-repeat: no-repeat; background-size: 100% auto; width: 14vw!important; height: 9vw!important; right: 2vw!important; bottom: 15.6vw; top: inherit!important; } .swiper-button-next:focus { outline:none; } @media (max-width:768px) { .swiper-button-next { bottom: inherit; right: 20px!important; top: 44vw!important; width: 25vw!important; height: 16vw!important; } } .swiper-button-next:after { display: none; } @keyframes pulse { from { transform: scale(1); } 50% { transform: scale(0.85); } to { transform: scale(1); } } .swiper-button-next { animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite; z-index: 1!important; } .swiper-button-next:hover, .swiper-button-next:focus { animation-name: unset; } .swiper-button-next.swiper-button-disabled { opacity: 0!important; } #inner { padding: 0 12vw; } @media (max-width:768px) { #inner { padding: 15.63vw 6.25vw 0; } } #about { } @media (max-width:768px) { #about { padding: 15.63vw 0 0; } } #how { } @media (max-width:768px) { #how { padding: 15.63vw 0 0; } } #inner .breadcrumbs { margin: 2vw 0 2vw 0; } #inner .support { padding-bottom: 5vw; } #inner .support ul { display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; } @media (max-width:500px) { #inner .support ul { padding-top: 5vw; } } #inner .support ul li { width: 50%; box-sizing: border-box; font-size: 1.25vw; line-height: 1.1vw; padding: 3vw 0vw; list-style: none; display: flex; align-items: center; } #inner .support ul.ind li { border-bottom: 0.1vw solid #F3F3F3; } @media (max-width:1200px) { #inner .support ul li { font-size: 2vw; line-height: 2vw; } } @media (max-width:500px) { #inner .support ul li { width: 100%; font-size: 4vw; line-height: 4vw; } } #inner .support ul.ind li:nth-child(7),#inner .support ul.ind li:nth-child(8) { border-bottom: none; } #inner .support ul li:nth-child(1),#inner .support ul li:nth-child(2) { padding: 0 0 3vw 0; } @media (max-width:500px) { #inner .support ul li:nth-child(1),#inner .support ul li:nth-child(2) { padding: 3vw 0vw; } } #inner .support ul.ind li a { color: #4D4D4D; display: flex; align-items: center; } #inner .support ul.ind li img { width: 4vw; padding-right: 3.55vw; } @media (max-width:520px) { #inner .support ul.ind li img { width: 12.50vw; } } #inner .support .catalog { display: flex; } @media (max-width:520px) { #inner .support .catalog { display: block; } } #inner .support .catalog span { padding-left: 4vw; max-width: 26vw; } @media (max-width:1600px) { #inner .support .catalog span { max-width: 43vw; } } #inner .support .catalog img { width: 511px; } @media (max-width:1600px) { #inner .support .catalog img { width: 31vw; } } @media (max-width:768px) { #inner .support .catalog img { width: 40vw; } } @media (max-width:520px) { #inner .support .catalog img { width: 100%; } } #inner .support .catalog p.title { color: #92B1C9; font-size: 2.6vw; line-height: 3vw; margin: 0; } #inner .support .catalog a.title_link { color: #92B1C9; font-size: 2.6vw; line-height: 3vw; margin: 0; } #inner .support .catalog a.title_link:hover { text-decoration: underline; } @media (max-width:1600px) { #inner .support .catalog p.title { font-size: 3.5vw; line-height: 4vw; } #inner .support .catalog a.title_link { font-size: 3.5vw; line-height: 4vw; } } @media (max-width:520px) { #inner .support .catalog p.title { font-size: 4.5vw; } #inner .support .catalog a.title_link { font-size: 4.5vw; } } #inner .support .catalog p { font-size: 1.25vw; line-height: 1.6vw; } @media (max-width:1600px) { #inner .support .catalog p { font-size: 2vw; line-height: 3vw; } } @media (max-width:520px) { #inner .support .catalog p { font-size: 3.5vw; line-height: 4vw; } } #inner .support .cert ul li { align-items: flex-start; } @media (max-width:520px) { #inner .support .cert ul { display: block; } } #inner .support .cert img { width: 8.54vw; box-shadow: 0 0 10px rgba(0,0,0,0.1); } @media (max-width:1100px) { #inner .support .cert img { width: 14vw; } } @media (max-width:520px) { #inner .support .cert img { width: 28vw; } } #inner .support .cert span { padding-left: 3.5vw; } @media (max-width:520px) { #inner .support .cert span { max-width: initial; } } #inner .support .cert p.title { color: #92B1C9; font-size: 2.6vw; line-height: 3vw; margin: 0; } #inner .support .cert a.title_link { color: #92B1C9; font-size: 2.6vw; line-height: 3vw; margin: 0; } #inner .support .cert a.title_link:hover { text-decoration: underline; } @media (max-width:1600px) { #inner .support .cert p.title { font-size: 2vw; line-height: 2vw; } #inner .support .cert a.title_link { font-size: 2vw; line-height: 2vw; } } @media (max-width:520px) { #inner .support .cert p.title { font-size: 5vw; line-height: 5vw; } #inner .support .cert a.title_link { font-size: 5vw; line-height: 5vw; } } #inner .support .cert p { font-size: 1.25vw; line-height: 1.6vw; padding-right: 3vw; } @media (max-width:800px) { #inner .support .cert p { font-size: 2vw; line-height: 2vw; padding-right: 2vw; } } @media (max-width:520px) { #inner .support .cert p { font-size: 3.5vw; line-height: 4vw; } } #inner .support .cert ul li { border-bottom: 0.15vw dashed #92B1C9; } #inner .support ul li:nth-last-child(1) { border-bottom: none; } #inner .support .vak h2 { font-weight: 500; color: #92B1C9; font-size: 2.6vw; line-height: 3vw; margin: 0; } @media (max-width:768px) { #inner .support .vak h2 { font-size: 4.5vw; line-height: 5vw; } } #inner .support .vak p { font-size: 1.275vw; padding-bottom: 2vw; } @media (max-width:768px) { #inner .support .vak p { font-size: 3.13vw; line-height: 3.75vw; padding-bottom: 4vw; } } #inner .support .video div { display: flex; padding: 3vw 0; border-top: 0.15vw dashed #92B1C9; } @media (max-width:520px) { #inner .support .video div { display: block; padding: 6vw 0; } } #inner .support .video div:nth-child(1) { padding: 0 0 3vw 0; border-top: none; } @media (max-width:520px) { #inner .support .video div:nth-child(1) { padding: 0 0 6vw 0; } } #inner .support .video span { padding-left: 4vw; /*max-width: 26vw;*/ } @media (max-width:1600px) { #inner .support .video span { /*max-width: 43vw;*/ } } #inner .support .video p.title { color: #92B1C9; font-size: 2.6vw; line-height: 3vw; margin: 0; } @media (max-width:1600px) { #inner .support .video p.title { font-size: 3.5vw; line-height: 4vw; } } @media (max-width:520px) { #inner .support .video p.title { font-size: 4.5vw; } } #inner .support .video p { font-size: 1.25vw; line-height: 1.6vw; } @media (max-width:1600px) { #inner .support .video p { font-size: 2vw; line-height: 3vw; } } @media (max-width:520px) { #inner .support .video p { font-size: 3.5vw; line-height: 4vw; margin-bottom: 0; } } #inner .support .video iframe { width: 31vw; height: 17vw; } @media (max-width:520px) { #inner .support .video iframe { width: 100%; height: auto; padding-bottom: 2vw; } } #inner .support .foto { display: grid; grid-template-columns: repeat(2, 2fr) repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 5px; grid-row-gap: 5px; } @media (max-width:800px) { #inner .support .foto { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 2fr repeat(4, 1fr) 2fr; grid-column-gap: 5px; grid-row-gap: 5px; } } #inner .support .foto div { margin: 0.5vw; min-height: 18vw; } #inner .support .foto .div1 { grid-area: 1 / 1 / 2 / 2; } #inner .support .foto .div2 { grid-area: 2 / 1 / 4 / 2; } #inner .support .foto .div3 { grid-area: 1 / 2 / 3 / 4; } #inner .support .foto .div4 { grid-area: 1 / 4 / 2 / 5; } #inner .support .foto .div5 { grid-area: 2 / 4 / 3 / 5; } #inner .support .foto .div6 { grid-area: 3 / 2 / 4 / 3; } #inner .support .foto .div7 { grid-area: 3 / 3 / 4 / 4; } #inner .support .foto .div8 { grid-area: 3 / 4 / 4 / 5; } @media (max-width:800px) { #inner .support .foto .div1 { grid-area: 1 / 1 / 2 / 2; } #inner .support .foto .div2 { grid-area: 1 / 2 / 2 / 3; } #inner .support .foto .div3 { grid-area: 4 / 1 / 6 / 3; } #inner .support .foto .div4 { grid-area: 2 / 1 / 4 / 2; } #inner .support .foto .div5 { grid-area: 2 / 2 / 3 / 3; } #inner .support .foto .div6 { grid-area: 6 / 1 / 7 / 2; } #inner .support .foto .div7 { grid-area: 6 / 2 / 7 / 3; } #inner .support .foto .div8 { grid-area: 3 / 2 / 4 / 3; } } /* #inner .support .sprav div { display: flex; justify-content: space-between; padding: 3vw 0; border-top: 0.15vw dashed #92B1C9; align-items: center; } #inner .support .sprav div:nth-child(1) { padding: 0 0 3vw 0; border-top: none; } #inner .support .sprav div p { font-size: 1.275vw; } @media (max-width:800px) { #inner .support .sprav div p { font-size: 2vw; } } @media (max-width:520px) { #inner .support .sprav div p { font-size: 3.5vw; } } #inner .support .sprav div a { font-size: 1.275vw; color: #92B1C9; text-decoration-line: underline; text-transform: uppercase; padding-left: 3vw; } @media (max-width:800px) { #inner .support .sprav div a { font-size: 2vw; } } @media (max-width:520px) { #inner .support .sprav div a { font-size: 3.5vw; } }*/ #inner .support .cert.spravka p.title { font-size: 1.275vw; line-height: 2vw; } #inner .support .cert.spravka a.title_link { color: #92B1C9; font-size: 1.275vw; line-height: 2vw; } #inner .support .cert.spravka a.title_link:hover { text-decoration: underline; } @media (max-width:800px) { #inner .support .cert.spravka p.title { font-size: 2vw; line-height: 2.5vw; } #inner .support .cert.spravka a.title_link { color: #92B1C9; font-size: 2vw; line-height: 2.5vw; } } @media (max-width:500px) { #inner .support .cert.spravka p.title { font-size: 3vw; line-height: 4vw; } #inner .support .cert.spravka a.title_link { color: #92B1C9; font-size: 3vw; line-height: 4vw; } } .breadcrumbs { border: 0.08vw solid #cbd2d9; border-radius: 0.39vw; display: inline-flex; overflow: hidden; margin: 2vw 18vw; font-size: 0.78vw; } @media (max-width:768px) { .breadcrumbs { font-size: 2.19vw; } } @media (max-width:520px) { .breadcrumbs { font-size: 2.3vw; margin: 4vw 6.73vw 2vw 6.73vw; border: 0.31vw solid #cbd2d9; border-radius: 1vw; } } .breadcrumbs__item { background: #fff; color: #333; outline: none; padding: 0.94vw 0.94vw 0.94vw 1.56vw; position: relative; text-decoration: none; transition: background 0.2s linear; } @media (max-width:800px) { .breadcrumbs__item { padding: 1.2vw 1.2vw 1.2vw 2vw; } } .breadcrumbs__item:hover:after, .breadcrumbs__item:hover { background: #edf1f5; } .breadcrumbs__item:focus:after, .breadcrumbs__item:focus, .breadcrumbs__item.is-active:focus { background: #323f4a; color: #fff; } .breadcrumbs__item:after, .breadcrumbs__item:before { background: white; bottom: 0; clip-path: polygon(50% 50%, -50% -50%, 0 100%); content: ""; left: 100%; position: absolute; top: 0; transition: background 0.2s linear; width: 1em; z-index: 1; } .breadcrumbs__item:before { background: #cbd2d9; margin-left: 0.08vw; } .breadcrumbs__item:last-child { border-right: none; } .breadcrumbs__item.is-active { background: #eff8ff; } .promo_section_2 { background-color: #eff8ff; } @media (max-width: 768px) { .promo_section_2 { padding-top: 20vw; } } .promo_section_2 .promo_slider .item_promo p.title { text-align: center; font-size: 4.5vw; margin: 1vw 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo p.title { font-size: 7.5vw; margin: 0; text-align: left; padding-left: 6.25vw; } } .promo_section_2 .promo_slider .item_promo p.title span { color: #126BB1; } .promo_section_2 .promo_slider .item_promo.templ-1:after { content: ''; background: url(../assets/img/slider-1-after.png) no-repeat; width: 100%; height: 100%; background-size: contain; display: block; position: absolute; top: 30%; z-index: -2; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1:after { width: 300%; background-position-x: -150vw; top: 33%; } } .promo_section_2 .promo_slider .item_promo.templ-2:after { content: ''; background: url(../assets/img/slider-1-after.png) no-repeat; width: 100%; height: 100%; background-size: contain; display: block; position: absolute; top: 20%; z-index: -2; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2:after { width: 340%; height: 300%; background-position-x: -190vw; } } .promo_section_2 .promo_slider .item_promo.templ-3:after { content: ''; background: url(../assets/img/slider-1-after.png) no-repeat; width: 110%; height: 110%; background-size: contain; display: block; position: absolute; top: 20%; z-index: -2; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3:after { width: 350%; background-position-x: -140vw; } } .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img { display: flex; justify-content: center; align-items: self-start; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img { flex-direction: column; align-content: center; padding-left: 6.25vw; } } .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img .img-1 { width: 15vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img .img-1 { width: 39vw; margin-left: -5vw; margin-top: -0.75vw; } } .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img .img-2 { width: 25vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img .img-2 { width: 53.44vw; order: 1; margin-top: -19vw; } } .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img .img-3 { width: 25vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1 .slider-img .img-3 { width: 51.88vw; order: 0; margin: -22vw 0 0 40vw; transform: rotate(45deg) } } .promo_section_2 .promo_slider .item_promo.templ-1 ul { display: flex; justify-content: center; margin: 4vw 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1 ul { margin: auto; padding: 8.44vw 0 0 0; flex-direction: column; } } .promo_section_2 .promo_slider .item_promo.templ-1 ul li { font-size: 2.35vw; list-style-type: none; padding: 0 8vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1 ul li { font-size: 5.31vw; line-height: 9.06vw; } } .promo_section_2 .promo_slider .item_promo.templ-1 ul li:before { content:''; width: 2.03vw; height: 2.03vw; border-radius: 50%; background: linear-gradient(180deg, #E2F1FC 0%, #7EB3DE 100%); transform: rotate(-43.01deg); display: block; position: absolute; z-index: -1; margin-left: -1.1vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-1 ul li:before { width: 3.44vw; height: 3.44vw; margin-top: 1vw; } } .promo_section_2 .promo_slider .slick-track { /*height: 40vw;*/ } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img { display: flex; justify-content: center; align-items: center; /*height: 23vw;*/ } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img { flex-direction: column; align-content: center; padding-left: 6.25vw; } } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 { display: flex; flex-direction: column; } .promo_section_2 .promo_slider .item_promo.templ-2 .title { order: 1; } .promo_section_2 .promo_slider .item_promo.templ-2 .rand-img { order: 2; } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img { order: 3; } .promo_section_2 .promo_slider .item_promo.templ-2 ul { order: 4; } } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img div { } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img img { padding: 0 2vw; } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-4 { padding-bottom: 3vw; } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-4 img { width: 12vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-4 img { width: 30vw; margin: 0 -40vw 0 0; } } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-5 { padding-top: 9vw; } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-5 img { width: 26vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-5 img { width: 46vw; margin: -10vw -20vw 0 0; } } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-6 { padding-top: 12vw; } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-6 img { width: 12vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-6 img { width: 30vw; margin: -30vw 60vw 0 0; transform: rotate(339deg); } } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-7 { padding-bottom: 5vw; } .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-7 img { width: 26vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 .slider-img .img-7 img { width: 46vw; margin: 0vw 40vw 0 0; } } .promo_section_2 .promo_slider .item_promo.templ-2 .rand-img { position: relative; } .promo_section_2 .promo_slider .item_promo.templ-2 .rand-img .img-8 { width: 15vw; position: absolute; right: 5vw; top: -7vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 .rand-img .img-8 { top: -0.75vw; right: 59.7vw; width: 39vw; } } .promo_section_2 .promo_slider .item_promo.templ-2 ul { display: flex; margin: 4vw 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 ul { margin: auto; padding: 8.44vw 0 0 0; flex-direction: column; } } .promo_section_2 .promo_slider .item_promo.templ-2 ul li { font-size: 2.35vw; list-style-type: none; padding: 0 6vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 ul li { font-size: 5.31vw; line-height: 9.06vw; } } .promo_section_2 .promo_slider .item_promo.templ-2 ul li:before { content:''; width: 2.03vw; height: 2.03vw; border-radius: 50%; background: linear-gradient(180deg, #E2F1FC 0%, #7EB3DE 100%); transform: rotate(-43.01deg); display: block; position: absolute; z-index: -1; margin-left: -1.1vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-2 ul li:before { width: 3.44vw; height: 3.44vw; margin-top: 1vw; } } .promo_section_2 .promo_slider .item_promo.templ-3 p.title { text-align: left; margin: 1vw 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 p.title { font-size: 7.5vw; margin: 0; padding: 0; } } .promo_section_2 .promo_slider .item_promo.templ-3 p.title span { color: #126BB1; font-weight: 500; } .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img { display: flex; justify-content: center; /*height: 35vw;*/ } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img { flex-direction: column; align-content: center; padding-left: 6.25vw; } } .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img div { display: flex; flex-direction: column; width: 35vw; padding: 0 10vw 0 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img div { padding: 0 0 4.4vw 0; width: 61vw; } } .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img .img-9 { width: 26vw; } .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img .img-10 { width: 30vw; height: 30vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img .img-10 { order: 1; width: 75vw; height: 75vw; margin: -7vw 0 0 9.38vw; } } .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img .img-11 { width: 8vw; height: 8vw; padding-top: 23vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 .slider-img .img-11 { padding: 0; order: 0; width: 28vw; height: 28vw; } } .promo_section_2 .promo_slider .item_promo.templ-3 .rand-img { position: relative; } .promo_section_2 .promo_slider .item_promo.templ-3 .img-12 { width: 21vw; margin-top: -4vw; } .promo_section_2 .promo_slider .item_promo.templ-3 .foot { display: flex; align-items: center; } .promo_section_2 .promo_slider .item_promo.templ-3 ul { display: flex; margin: -6vw 0vw 0 7vw; flex-direction: column; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 ul { margin: auto; padding: 8.44vw 0 0 0; } } .promo_section_2 .promo_slider .item_promo.templ-3 ul li { font-size: 2vw; list-style-type: none; padding-bottom: 1vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 ul li { font-size: 3.75vw; line-height: 6.56vw; } } .promo_section_2 .promo_slider .item_promo.templ-3 ul li:before { content:''; width: 2.03vw; height: 2.03vw; border-radius: 50%; background: linear-gradient(180deg, #E2F1FC 0%, #7EB3DE 100%); transform: rotate(-43.01deg); display: block; position: absolute; z-index: -1; margin-left: -1.1vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-3 ul li:before { width: 3.44vw; height: 3.44vw; } } .promo_section_2 .promo_slider .item_promo.templ-4 p.title { width: 67.14vw; text-align: left; margin-left: 7.84vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-4 p.title { margin: 0 6.56vw; padding: 0; width: 85vw; } .promo_section_2 .promo_slider .item_promo.templ-4 p.title br { display: none; } } .promo_section_2 .promo_slider .item_promo.templ-4:after { content: ''; background: url(../assets/img/slider-1-after.png) no-repeat; width: 100%; height: 100%; background-size: contain; display: block; position: absolute; top: 20%; z-index: -2; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-4:after { width: 340%; height: 300%; background-position-x: -190vw; } } .promo_section_2 .promo_slider .item_promo.templ-4 img { float: right; margin: -20vw -4vw 0 0; width: 60.31vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-4 img { float: none; width: 121.88vw; margin: -1vw 0 0; } } .promo_section_2 .promo_slider .item_promo.templ-4 p.desc { display: block; margin: -5vw 46vw 0vw 7.84vw; font-size: 1.69vw; float: left; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-4 p.desc { font-size: 3.44vw; line-height: 5vw; margin: 10vw 6.56vw 0vw 6.56vw; } } .promo_section_2 .promo_slider .item_promo.templ-5 { position } .promo_section_2 .promo_slider .item_promo.templ-5 img { float: right; width: 29vw; transform: rotate(20deg); margin: -16vw 20vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-5 img { transform: rotate(0deg); float: none; margin: 5vw auto 0; width: 70vw; } } .promo_section_2 .promo_slider .item_promo.templ-5 p.title { text-align: left; margin-left: 7.84vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-5 p.title { margin: 0 6.56vw; padding: 0; } } .promo_section_2 .promo_slider .item_promo.templ-5 p.title:after { content: ''; background: url(../assets/img/snow-01.png) no-repeat; width: 120%; height: 120%; background-size: contain; display: block; position: absolute; z-index: -2; margin: -21vw 57vw; filter: grayscale(100%); opacity: 0.4; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-5 p.title:after { margin: -37vw 50vw; width: 60vw; } } .promo_section_2 .promo_slider .item_promo.templ-5 p.desc:after { content: ''; background: url(../assets/img/snow-02.png) no-repeat; width: 50%; height: 50%; background-size: contain; display: block; position: absolute; z-index: -2; margin: -9vw 31vw; filter: grayscale(100%); opacity: 0.8; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-5 p.desc:after { top: 80vw; transform: rotate(20deg); margin: 0vw -18vw; } } .promo_section_2 .promo_slider .item_promo.templ-5 p.title span { display: block; } .promo_section_2 .promo_slider .item_promo.templ-5:after { content: ''; background: url(../assets/img/slider-1-after.png) no-repeat; width: 100%; height: 100%; background-size: cover; display: block; position: absolute; z-index: -3; top: 3vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-5:after { width: 340%; height: 300%; background-position-x: -190vw; top: 20%; background-size: contain; } } .promo_section_2 .promo_slider .item_promo.templ-5 p.desc { font-weight: 500; line-height: 6.51vw; font-size: 7.81vw; margin-left: 7.84vw; } .promo_section_2 .promo_slider .item_promo.templ-5 p.desc span:nth-child(1) { color: #0E5994; } .promo_section_2 .promo_slider .item_promo.templ-5 p.desc span:nth-child(2) { color: #E23A4B; } .promo_section_2 .promo_slider .item_promo.templ-5 p.desc span:nth-child(3) { color: #EBAB02; } .promo_section_2 .promo_slider .item_promo.templ-5 p.desc span:nth-child(4) { color: #85B14C; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-5 p.desc span { display: none; } } /*Slider aktion*/ .promo_section_2 .promo_slider .item_promo p.title2 { text-align: center; font-size: 2.5vw; margin: 1vw 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo p.title2 { font-size: 7.5vw; margin: 0; text-align: left; padding-left: 6.25vw; } } .promo_section_2 .promo_slider .item_promo p.title2 span { color: #4F77D6; } .promo_section_2 .promo_slider .item_promo p.desc{ text-align: center; font-size: 2.5vw; /* margin: 1vw 0; */ padding: 0 -7px; color: #fff; background: #4F77D5; width: 29vw; margin: 0 0 2vw 35vw; border-radius: 0.2vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo p.desc{ font-size: 7.5vw; margin: 0; text-align: left; padding-left: 1.25vw; margin-left: 5vw; margin-top: 1vw; color: #fff; background: #4F77D5; width: 80vw; border-radius: 0.6vw; } } .promo_section_2 .promo_slider .item_promo.templ-6:after { content: ''; background: url(../assets/img/slider-1-after.png) no-repeat; width: 100%; height: 100%; background-size: contain; display: block; position: absolute; top: 30%; z-index: -2; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6:after { width: 300%; background-position-x: -150vw; top: 33%; } } .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img { display: flex; justify-content: center; align-items: self-start; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img { flex-direction: row; align-content: center; padding-left: 1.25vw; margin: 12vw 0 0 0; } } .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img .img-1 { width: 15vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img .img-1 { width: 39vw; margin-left: -5vw; margin-top: -0.75vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img .img-2 { width: 28vw; padding: 0px 14vw 0vw 4vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img .img-2 { width: 40.44vw; order: 0; margin-top: 5vw; padding: 0px 0vw 0vw 0vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img .img-3 { width: 28vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .slider-img .img-3 { width: 40.88vw; order: 1; margin: 5vw 0 0 6vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 ul { display: flex; justify-content: center; margin: 1vw 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 ul { margin: auto; padding: 8.44vw 0 0 0; flex-direction: row; } } .promo_section_2 .promo_slider .item_promo.templ-6 ul li { font-size: 2vw; list-style-type: none; padding: 0 8vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 ul li { font-size: 5.8vw; line-height: 6.06vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 ul li:before { content:''; width: 2.03vw; height: 2.03vw; border-radius: 50%; background: linear-gradient(180deg, #E2F1FC 0%, #7EB3DE 100%); transform: rotate(-43.01deg); display: block; position: absolute; z-index: -1; margin-left: -1.1vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 ul li:before { width: 3.44vw; height: 3.44vw; margin-top: 1vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_all { display: flex; flex-direction: row; justify-content: center; align-items: self-start; } .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_one { display: flex; flex-direction: column; justify-content: center; align-items: self-start; margin-left: 5vw; padding-top: 2vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_one{ display: flex; flex-direction: column; justify-content: center; align-items: self-start; margin-left: 0vw; padding-top: 2vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_one p { color:#4F77D6; font-size: 2.35vw; letter-spacing: 0.1vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_one p { color:#4F77D6; font-size: 6.35vw; letter-spacing: 0.1vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_two { display: flex; flex-direction: column; justify-content: center; align-items: self-start; margin-left: 30vw; padding-top: 2vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_two{ display: flex; flex-direction: column; justify-content: center; align-items: self-start; margin-left: 20vw; padding-top: 2vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_two p { color:#4F77D6; font-size: 2.35vw; letter-spacing: 0.1vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 .num_block_two p { color:#4F77D6; font-size: 6.35vw; letter-spacing: 0.1vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 ul.num_desc_one { display: flex; justify-content: center; margin: 1vw 0; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 ul.num_desc_one { margin: auto; padding: 0.44vw 0 0 0; flex-direction: row; } } .promo_section_2 .promo_slider .item_promo.templ-6 ul.num_desc_one li { font-size: 2.35vw; list-style-type: none; padding: 0 0.6vw; color:#fff; width: 3.03vw; height: 3.5vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 ul.num_desc_one li { font-size: 7.31vw; line-height: 10.06vw; color: #fff; padding: 0px 1.3vw; width: 7.44vw; height: 8.44vw; } } .promo_section_2 .promo_slider .item_promo.templ-6 ul.num_desc_one li:before { content:''; width: 3.03vw; height: 3.5vw; background: #4F77D6; border-radius: 0%; transform: rotate(0deg); display: block; position: absolute; z-index: -1; margin-left: -0.8vw; margin-top: -0.5vw; border-radius: 0.2vw; } @media (max-width: 768px) { .promo_section_2 .promo_slider .item_promo.templ-6 ul.num_desc_one li:before { width: 7.44vw; height: 8.44vw; margin-top: 0.4vw; margin-left: -1.5vw; border-radius: 0.5vw; } } /*#about .breadcrumbs { margin: 2vw 12vw; }*/ #about p.title { font-size: 1.56vw; font-weight: 500; margin: 0 0 1.95vw 0; } #about p { font-size: 1.175vw; font-weight: 400; margin: 1.56vw 0; line-height: 1.56vw; } #about p.title:before { content: ''; width: 1.2vw; height: 1.2vw; border-radius: 50%; background: linear-gradient(180deg, #EFF8FF 0%, #7AB0DD 100%); transform: rotate(-43.01deg); display: block; position: absolute; z-index: -1; margin-left: -0.5vw; } @media (max-width:520px) { #about p.title:before { width: 3vw; height: 3vw; margin: -0.9vw -0.5vw; } } #about .block-1 { padding: 0 18vw 6.1vw; } #about .block-1 div { width: 65vw; display: flex; justify-content: space-between; margin: 0 -1.17vw; } #about .block-1 div a { position: relative; } #about .block-1 img { position: relative; width: 20.1vw; height: 13.91vw; padding: 1.17vw 1.17vw 0 1.17vw; } #about .block-1 video { width: 20.1vw; height: 13.91vw; padding: 1.17vw 1.17vw 0 1.17vw; } #about .block-2 p { max-width: 33vw; } @media (max-width:520px) { #about .block-2 p { max-width: initial; font-size: 3.44vw; line-height: 5vw; margin: 6.25vw 0; } } #about .block-2 p.title { max-width: 26vw; line-height: 2.34vw; } @media (max-width:520px) { #about .block-2 p.title { font-size: 4.69vw; line-height: 6.25vw; max-width: 80vw; margin: 0; } } #about .block-2 { position: relative; display: flex; width: 65vw; justify-content: space-between; padding: 0 18vw; } @media (max-width:520px) { #about .block-2 { flex-direction: column; padding: 0 6.73vw; width: auto; align-items: center; } } #about .block-2 div:first-child { padding-right: 2.9vw; } @media (max-width:520px) { #about .block-2 div:first-child { order: 1; } } #about .block-2 img { width: 26.72vw; height: 15.7vw; border-radius: 1vw; } @media (max-width:520px) { #about .block-2 img { width: 87vw; height: 51vw; object-fit: cover; border-radius: 3vw; } #about .block-2 .video { order: 0; margin-bottom: 5vw; } #about .block-2 .video .block-install-play:before { width: 5vw; height: 5.8vw; right: 50%; left: calc(82% + 0.5vw); top: 48%; bottom: 50%; } #about .block-2 .video .block-install-play:after { width: 12vw; height: 12vw; right: calc(20% - 5vw); left: calc(80% - 5vw); top: calc(45% - 5vw); bottom: calc(55% - 5vw); } } /*#about .block-2 div img:before { width: 378px; height: 280px; background: url("../assets/img/bg-002.png"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; display: block; position: absolute; top: -115px; left: -90px; }*/ #about .about-after-03 { width: 100%; margin-top: -6vw; } @media (max-width:520px) { #about .about-after-03 { display: none; } } #about .about-after-03-mob { width: 100%; margin-top: -6vw; display: none; } @media (max-width:520px) { #about .about-after-03-mob { display: block; } } #about .block-3 { background: transparent no-repeat center; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; margin: 0 auto; position: relative; width: 90vw; height: 60vw; } @media (max-width:520px) { #about .block-3 { width: 100vw; height: 150vw; } } #about .block-3:before { content: ''; background: url(/local/templates/mainnew/img/about-04.svg) no-repeat; width: 100%; height: 100%; background-size: contain; display: block; position: absolute; bottom: 0; z-index: -2; } @media (max-width:520px) { #about .block-3:before { background-position: -82vw 94vw; width: 250vw; height: 259.4vw; } } #about .block-3:after { content: ''; background: url(/local/templates/mainnew/img/about-07.png) no-repeat; width: 37.6vw; height: 34.5vw; background-size: contain; position: absolute; bottom: 0.7vw; z-index: 1; right: 5vw; } @media (max-width:520px) { #about .block-3:after { background: url(/local/templates/mainnew/img/about-07-mob.png) no-repeat; width: 59vw; height: 83vw; right: 1vw; background-size: contain; } } #about .block-3 div { display: flex; padding-left: 12vw; padding-top: 7.5vw; } @media (max-width:520px) { #about .block-3 div:first-child { flex-direction: row-reverse; padding-left: 4vw; justify-content: flex-end; } #about .block-3 div:last-child { padding-left: 4vw; flex-direction: column-reverse; } } #about .block-3 div img { width: 14.5vw; padding-right: 4.38vw; } @media (max-width:520px) { #about .block-3 div:first-child img { width: 30vw; height: 38.44vw; } #about .block-3 div:last-child img { width: 27.81vw; height: 39.38vw; padding-top: 6.25vw; } } #about .block-3 div span { padding-top: 2vw; } @media (max-width:520px) { #about .block-3 div:first-child span { width: 56.25vw; } #about .block-3 div:last-child span { width: 71.88vw; } } #about .block-3 div span p { max-width: 18vw; line-height: 1.56vw; } @media (max-width:520px) { #about .block-3 div span p { font-size: 3.44vw; line-height: 5vw; max-width: 53vw; } } #about .block-3 div span p.title { max-width: 22vw; line-height: 2.1vw; } @media (max-width:520px) { #about .block-3 div span p.title { font-size: 4.69vw; line-height: 6.25vw; max-width: inherit; } } #about .block-4 img.micro { width: 35vw; margin-top: 9vw; } @media (max-width:520px) { #about .block-4 img.micro { margin-top: 12.5vw; width: 86vw; } } #about .block-4 { display: flex; align-items: center; text-align: center; justify-content: center; position: relative; padding: 0 18vw; } @media (max-width:520px) { #about .block-4 { flex-direction: column; padding: 14.06vw 6.88vw; } } #about .block-4 div { width: 50%; } @media (max-width:520px) { #about .block-4 div { width: 100%; } } #about .block-4 div p.title { max-width: 22vw; text-align: left; padding-bottom: 2.2vw; line-height: 2.1vw; } @media (max-width:520px) { #about .block-4 div p.title { font-size: 4.69vw; line-height: 6.25vw; max-width: 65.94vw; } } #about .block-4 div ul { max-width: 22vw; text-align: left; font-size: 1.175vw; line-height: 1.563vw; margin: 0; padding: 0; } @media (max-width:520px) { #about .block-4 div ul { font-size: 3.44vw; max-width: 81.25vw; line-height: 5vw; } } #about .block-4 div ul li { padding-bottom: 1vw; list-style-type: none; display: flex; } #about .block-4 div ul li:before { color: #126BB1; padding-right: 1vw; content: '•'; font-size: 2.5vw; } @media (max-width:520px) { #about .block-4 div ul li:before { font-size: 15vw; } } /* #about .block-4 .btn-catalog { margin: 0; height: 4vw; text-transform: uppercase; width: 18vw; font-weight: 400; font-size: 1.17vw; margin-left: -5vw; } #about .block-4 .btn-catalog:before { display: none; }*/ #about .block-4:after { content: ''; background: url(/local/templates/mainnew/img/about-09.png) no-repeat; width: 100%; height: 100%; background-size: contain; position: absolute; bottom: -20vw; z-index: -1; } @media (max-width:520px) { #about .block-4:after { background: none; } } #about .block-5 { position: relative; } #about .block-5:before { content: ''; background: url(/local/templates/mainnew/img/about-10.svg) no-repeat; width: 100%; height: 100%; background-size: cover; display: block; position: absolute; bottom: 0; z-index: -2; } @media (max-width:520px) { #about .block-5:before { background-position: -281vw 67vw; width: 200vw; height: 309.4vw; } } #about .block-5 p.title { padding-left: 21.5vw; max-width: 36vw; padding-top: 11vw; } @media (max-width:520px) { #about .block-5 p.title { font-size: 4.69vw; line-height: 6.25vw; max-width: 81vw; padding-left: 6.88vw; } } #about .block-5 .line { width: 100%; } @media (max-width:520px) { #about .block-5 .line { width: 145vw; margin-left: -24vw; padding-top: 8vw; } } #about .block-5 .flexbox { display: flex; } #about .block-5 .flexbox.one { align-items: center; justify-content: center; padding-top: 3vw; padding-bottom: 3vw; } @media (max-width:520px) { #about .block-5 .flexbox.one { flex-direction: column; align-items: flex-start; padding: 9.69vw 6.88vw; } } #about .block-5 .flexbox.two { justify-content: center; padding-right: 10vw; } @media (max-width:520px) { #about .block-5 .flexbox.two { padding:0 } } #about .block-5 .flexbox.two div { display: flex; flex-direction: column; } #about .block-5 .flexbox.two div img.img-1 { width: 8.125vw; padding: 0.9vw 0; } @media (max-width:520px) { #about .block-5 .flexbox.two div img.img-1 { width: 14.06vw; padding: 0 6.25vw 0 0; } } #about .block-5 .flexbox.two div img.img-2 { width: 6.641vw; padding: 0.9vw 0; } @media (max-width:520px) { #about .block-5 .flexbox.two div img.img-2 { width: 13.13vw; padding: 0 6.25vw 0 0; } } #about .block-5 .flexbox.two div img.img-3 { width: 8.125vw; padding: 0.9vw 0; } @media (max-width:520px) { #about .block-5 .flexbox.two div img.img-3 { width: 16.88vw; padding: 0 6.25vw 0 0; } } #about .block-5 .flexbox.two div:first-child { padding-right: 2vw; align-items: center; justify-content: space-evenly; } #about .block-5 .flexbox.two p { padding: 1vw 0; } @media (max-width:520px) { #about .block-5 .flexbox.two p { font-size: 3.44vw; line-height: 5vw; } } #about .block-5 .flexbox.one img.big { width: 27.813vw; } @media (max-width:520px) { #about .block-5 .flexbox.one img.big { width: 86vw; padding-top: 8vw; } } #about .block-6 .line { width: 100%; margin-top: -5vw; } @media (max-width:520px) { #about .block-6 .line { display: none; } } #about .block-6 .line-mob { display: none; } @media (max-width:520px) { #about .block-6 .line-mob { display: block; width: 100%; margin-top: -5vw; margin-bottom: 5vw; } } #about .block-6 p.title:first-child { max-width: 32vw; line-height: 2.35vw; padding: 8.35vw 0 0 18vw; margin: 0; } @media (max-width:520px) { #about .block-6 p.title:first-child { line-height: 6.25vw; font-size: 4.69vw; max-width: 75vw; padding-left: 6.88vw; } } #about .block-6 p.title:last-child { max-width: 32vw; line-height: 2.35vw; padding: 0 0 0 18vw; margin: 0; } @media (max-width:520px) { #about .block-6 p.title:last-child { line-height: 6.25vw; font-size: 4.69vw; max-width: 75vw; padding-left: 6.88vw; } } #about .block-7 { display: flex; padding: 8vw 18vw 0; position: relative; } @media (max-width:520px) { #about .block-7 { flex-direction: column; padding: 0; margin-top: 5vw; } #about .block-7:before { content: ''; background: url(/local/templates/mainnew/img/about-10.svg) no-repeat; background-position: -154vw 67vw; width: 100vw; height: 180vw; background-size: cover; display: block; position: absolute; bottom: 0; z-index: -2; } #about .block-7 div { padding: 8vw 6.88vw 0; } } #about .block-7 h2 { max-width: 50vw; font-size: 4.3vw; font-weight: normal; margin-bottom: 3.125vw; margin-top: 0; } @media (max-width:520px) { #about .block-7 h2 { font-size: 9.38vw; max-width: 81vw; } } #about .block-7 p.title { line-height: 2vw; } @media (max-width:520px) { #about .block-7 p.title { font-size: 4.69vw; line-height: 5vw; max-width: 76vw; margin: 6vw 0; } } #about .block-7 img { width: 31.25vw; height: 18.982vw; padding-top: 1.8vw; } @media (max-width:520px) { #about .block-7 img { margin: auto; padding-bottom: 9.69vw; } } #about .block-8 { padding: 4vw 18vw 0; } @media (max-width:520px) { #about .block-8 { padding: 4vw 6.88vw 0; } } #about .block-8 h2 { max-width: 50vw; font-size: 4.3vw; font-weight: normal; margin-bottom: 3.125vw; margin-top: 0; } @media (max-width:520px) { #about .block-8 h2 { font-size: 9.38vw; max-width: 81vw; margin-top: 5vw; } } #about .block-8 ul { line-height: 2vw; font-weight: 400; font-size: 1.172vw; margin: 0; padding: 0; } @media (max-width:520px) { #about .block-8 ul { font-size: 3.44vw; line-height: 4.69vw; padding: 3vw 0; } } #about .block-8 ul li { padding-bottom: 1vw; list-style-type: none; display: flex; } #about .block-8 ul li:before { color: #126BB1; padding-right: 1vw; content: '•'; font-size: 2.5vw; } @media (max-width:520px) { #about .block-8 ul li:before { font-size: 15vw; } } #about .block-8 p { font-weight: 500; font-size: 1.5625vw; line-height: 2.344vw; } @media (max-width:520px) { #about .block-8 p { font-size: 4.69vw; line-height: 5vw; } } #about .block-9 { padding: 0 18.05vw 0; } @media (max-width:520px) { #about .block-9 { padding: 0 6.88vw 0; } #about .block-9 p { font-size: 3.44vw; line-height: 5vw; } } #about .block-9 a { color: #126BB1; text-decoration: underline; } #about .block-9 a:hover { text-decoration: none; } #how h1, #about h1, #contacts h1 { max-width: 50vw; padding: 0 18vw; font-size: 4.30vw; font-weight: normal; margin-bottom: 4vw; margin-top: 2vw; } @media (max-width:520px) { #how h1, #about h1, #contacts h1 { padding: 0 6.73vw; font-size: 9.38vw; max-width: 100vw; } } #how h2 { max-width: 50vw; padding: 0 18vw; font-size: 4.30vw; font-weight: normal; margin-bottom: 4vw; margin-top: 2vw; } #how .block-1 { padding: 0 18vw; display: flex; justify-content: space-between; } @media (max-width:520px) { #how .block-1 { flex-direction: column; align-items: center; padding: 0 6.73vw; } } #how .block-1 .left div { display: flex; align-items: center; padding-bottom: 1vw; } #how .block-1 .left div img { padding-right: 4.0625vw; width: 5.5vw; } @media (max-width:520px) { #how .block-1 .left div img { width: 15vw; } } #how .block-1 .left div p { font-size: 1.17vw; line-height: 1.57vw; } @media (max-width:520px) { #how .block-1 .left div p { font-size: 3.475vw; line-height: 4.5vw; } } #how .block-1 .right { display: flex; flex-direction: column; align-items: center; } #how .block-1 .right ul { line-height: 2vw; font-weight: 400; font-size: 1.172vw; margin: 0 2.8vw; padding: 0; } @media (max-width:520px) { #how .block-1 .right ul { margin: 0 7.81vw; font-size: 3.44vw; } } #how .block-1 .right ul li { padding-bottom: 1.5vw; list-style-type: none; display: flex; line-height: 1.56vw; } @media (max-width:520px) { #how .block-1 .right ul li { line-height: 5vw; padding-bottom: 4vw; } } #how .block-1 .right ul li:before { color: #126BB1; padding-right: 0.7vw; content: '•'; font-size: 3.5vw; } @media (max-width:520px) { #how .block-1 .right ul li:before { font-size: 13vw; padding-right: 2vw; } } #how .block-1 .right div { width: 18vw; height: 20vw; background: #F5F9F8; border-radius: 10px; display: flex; flex-direction: column; margin-bottom: 2.19vw; margin-top: 1.3vw; align-items: center; justify-content: space-evenly; } @media (max-width:520px) { #how .block-1 .right div { width: 57.5vw; height: 55.94vw; margin-top: 9.38vw; margin-bottom: 9.38vw; } } #how .block-1 .right div p { font-size: 1.17vw; text-align: center; } @media (max-width:520px) { #how .block-1 .right div p { font-size: 3.44vw; } #how .block-1 .right div p br { display: none; } } #how .block-1 .right img { width: 5.63vw; } @media (max-width:520px) { #how .block-1 .right img { width: 22vw; } } #how .block-1 .right div a .btn-catalog { width: 11.33vw; } @media (max-width:520px) { #how .block-1 .right div a .btn-catalog { width: 44vw; } } #how p.title { font-size: 1.56vw; font-weight: 500; margin: 2.73vw 0 1.95vw 2.73vw; z-index: 1; } @media (max-width:520px) { #how p.title { font-size: 4.69vw; margin: 6.56vw 7.81vw 6.56vw 7.81vw; } } #how p.title:before { content: ''; width: 1.2vw; height: 1.2vw; border-radius: 50%; background: linear-gradient(180deg, #DBECC6 0%, #B7E19F 100%); transform: rotate(-43.01deg); display: block; position: absolute; z-index: -1; margin-left: -0.5vw; } @media (max-width:520px) { #how p.title:before { width: 3vw; height: 3vw; margin: -0.9vw -0.5vw; } } #how .block-1 .btn-catalog { margin: 0; height: 4vw; text-transform: uppercase; width: 18vw; font-weight: 400; font-size: 1.17vw; } @media (max-width:520px) { #how .block-1 .btn-catalog { height: 15.63vw; width: 87.5vw; font-size: 4.69vw; } } #how .block-1 .btn-catalog:before, #how .block-2 .btn-catalog:before { display: none; } #how .block-2 { border: 0.08vw solid #CDCDCD; border-radius: 10px; margin: 4vw 18vw 5vw 18vw; display: flex; justify-content: center; } @media (max-width:520px) { #how .block-2 { flex-direction: column; align-items: center; margin: 9.38vw 6.73vw; } } #how .block-2 div { width: 33%; border-right: 0.08vw solid #CDCDCD; margin: 0vw 0; } @media (max-width:520px) { #how .block-2 div { border-right: none; border-bottom: 0.08vw solid #CDCDCD; width: 80%!important; } } #how .block-2 div:nth-child(2) { width: 38%; } @media (max-width:520px) { #how .block-2 div:nth-child(2) { padding: 0 0 6.25vw 0; } } #how .block-2 div:nth-child(3) { border: none; width: 28%; } @media (max-width:520px) { #how .block-2 div:nth-child(3) { padding: 0 0 6.25vw 0; } } #how .block-2 div p { font-size: 1.17vw; line-height: 1.56vw; text-align: center; } @media (max-width:520px) { #how .block-2 div p { font-size: 3.44vw; line-height: 5vw; margin: 0; } } #how .block-2 div a { color: inherit; font-size: 1.17vw; line-height: 1.56vw; text-align: center; display: block; } @media (max-width:520px) { #how .block-2 div a { font-size: 3.44vw; } } #how .block-2 div .call { display: none; } @media (max-width:520px) { #how .block-2 div .call { display: block; height: 15.63vw; width: 58.44vw; font-size: 4.69vw; text-transform: uppercase; font-weight: 400; margin: 0 auto 9.38vw; } } #how .block-2 div p.green { font-weight: 500; padding-top: 1.41vw; margin: 0; font-size: 1.17vw; color: #126BB1; padding-bottom: 1.34vw; text-align: center; } @media (max-width:520px) { #how .block-2 div p.green { font-size: 4.69vw; padding: 6.25vw 0; } } #how .block-2 div span { font-size: 0.86vw; text-align: center; display: block; margin-top: 4vw; color: #929292; } @media (max-width:520px) { #how .block-2 div span { font-size: 3.13vw; margin-top: 9.38vw; } } #how .block-2 div img { margin: 0 auto 1.41vw; display: block; width: 7.97vw; } @media (max-width:520px) { #how .block-2 div img { display: none; } } #how .block-3 { background: #F7F8F9; padding: 0 12.42vw 0 18vw; display: grid; } #how .block-3 h2 { margin-top: -5vw; padding: 0; } #how .block-3 p.title { font-size: 1.56vw; font-weight: 500; margin: 0 0 1.95vw 0; } #how .block-3 ul { line-height: 2vw; font-weight: 400; font-size: 1.172vw; margin: 0; padding: 0; max-width: 52.5vw; } #how .block-3 ul li { padding-bottom: 1.5vw; list-style-type: none; display: flex; line-height: 1.56vw; } #how .block-3 ul li:before { color: #126BB1; padding-right: 0.7vw; content: '•'; font-size: 3.5vw; } #how .block-3 .block-3-1 img.moni { width: 31.02vw; padding-bottom: 3.13vw; } #how .block-3 .block-3-1 img.qr { width: 6.88vw; padding-right: 2.34vw; } #how .block-3 .block-3-1 img.phone { width: 38.36vw; margin-top: -10vw; } #how .block-3 .block-3-1 { display: flex; margin: 5vw 0 0; } #how .block-3 .block-3-1 div:first-child{ display: flex; flex-direction: column; } #how .block-3 .block-3-1 span { display: flex; align-items: flex-end; line-height: 2vw; font-weight: 400; font-size: 1.172vw; } #how .block-3 .block-3-1 span p { margin: -0.6vw 0; } #contacts .flexbox { display: flex; padding: 0 11.09vw 3vw 18vw; justify-content: space-between; } @media (max-width:520px) { #contacts .flexbox { flex-direction: column; padding: 0 6.73vw 3vw 6.73vw; } } #contacts .flexbox p.top { font-weight: 500; font-size: 1.48vw; line-height: 2.34vw; margin: 0 0 0.39vw; } @media (max-width:520px) { #contacts .flexbox p.top { font-size: 4.69vw; line-height: 6.25vw; } } #contacts .flexbox p, #contacts .flexbox a { font-weight: 400; font-size: 1.17vw; line-height: 1.95vw; margin: 0 0 1.56vw; display: block; color: inherit; position: relative; } @media (max-width:520px) { #contacts .flexbox p, #contacts .flexbox a { font-size: 3.44vw; line-height: 5vw; margin: 0 0 5vw; } } #contacts .flexbox a, #contacts .flexbox p.address { margin-left: 2.3vw; } @media (max-width:520px) { #contacts .flexbox a, #contacts .flexbox p.address { font-size: 3.44vw; line-height: 5vw; margin: 0 0 5vw 9vw; } } #contacts .flexbox p.address:before { content: ''; background: url(/local/templates/mainnew/img/cont-metka.svg) no-repeat; width: 1.25vw; height: 1.80vw; background-size: cover; display: block; position: absolute; margin: 0.3vw -2.3vw; } @media (max-width:520px) { #contacts .flexbox p.address:before { width: 4.89vw; height: 7.19vw; margin: 0vw -9vw; } } #contacts .flexbox a.phone:before { content: ''; background: url(/local/templates/mainnew/img/cont-phone.svg) no-repeat; width: 1.56vw; height: 1.56vw; background-size: cover; display: block; position: absolute; margin: 0.3vw -2.3vw; } @media (max-width:520px) { #contacts .flexbox a.phone:before { width: 5.63vw; height: 5.63vw; margin: 0vw -9vw; } } #contacts .flexbox a.mail:before { content: ''; background: url(/local/templates/mainnew/img/cont-mail.svg) no-repeat; width: 1.41vw; height: 1.09vw; background-size: cover; display: block; position: absolute; margin: 0.35vw -2.3vw; } @media (max-width:520px) { #contacts .flexbox a.mail:before { width: 5.31vw; height: 4.06vw; margin: 0vw -9vw; } } #contacts .flexbox .block-1 div { padding-bottom: 10.31vw; } #contacts .flexbox .block-1 div img { padding-right: 1.41vw; width: 2.81vw; } @media (max-width:520px) { #contacts .flexbox .block-1 div img { padding-right: 5.63vw; width: 11.25vw; } } #contacts .flexbox .block-2 form { display: flex; flex-wrap: wrap; justify-content: space-between; } #contacts .flexbox .block-2 input { text-indent: 1.56vw; border: 0.08vw solid #CDCDCD; border-radius: 0.39vw; height: 3.13vw; font-size: 1.09vw; margin-bottom: 1.56vw; padding: 0; outline: none; color: #545454; } #contacts .flexbox .block-2 p { width: 44.38vw; } @media (max-width:520px) { #contacts .flexbox .block-2 p { margin-bottom: 2vw; } } #contacts .flexbox .block-2 input.name { width: 22.34vw; } @media (max-width:520px) { #contacts .flexbox .block-2 input.name { width: 100%; height: 12.5vw; font-size: 3.44vw; text-indent: 4.06vw; border-radius: 1.56vw; } } #contacts .flexbox .block-2 input.tel { width: 20.70vw; } @media (max-width:520px) { #contacts .flexbox .block-2 input.tel { width: 100%; height: 12.5vw; font-size: 3.44vw; text-indent: 4.06vw; border-radius: 1.56vw; } } #contacts .flexbox .block-2 input.email { width: 44.38vw; } @media (max-width:520px) { #contacts .flexbox .block-2 input.email { width: 100%; height: 12.5vw; font-size: 3.44vw; text-indent: 4.06vw; border-radius: 1.56vw; } } #contacts .flexbox .block-2 textarea.text { width: 44.38vw; height: 9.8vw; font-size: 1.09vw; text-indent: 1.56vw; border: 0.08vw solid #CDCDCD; border-radius: 0.39vw; padding: 1vw 0px; resize: none; outline: none; color: #545454; } @media (max-width:520px) { #contacts .flexbox .block-2 textarea.text { width: 100%; height: 43.75vw; font-size: 3.44vw; text-indent: 4.06vw; padding: 4vw 0px; border-radius: 1.56vw; } } #contacts .flexbox .block-2 { width: 44.38vw; } @media (max-width:520px) { #contacts .flexbox .block-2 { width: 100%; } } #contacts .flexbox .block-1 { width: 22.27vw; } @media (max-width:520px) { #contacts .flexbox .block-1 { width: 100%; } } #contacts .flexbox .block-2 .control-text, #contacts .flexbox .block-2 .control-text a { font-size: 0.9vw; line-height: 1.3vw; color: #545454; margin: 0; padding: 0; display: initial; } #contacts .flexbox .block-2 .control-text { /*width: 23vw;*/ padding-top: 2.6vw; } @media (max-width:520px) { #contacts .flexbox .block-2 .control-text { font-size: 3.13vw; width: 100%; line-height: 4.69vw; } } #contacts .flexbox .block-2 .control-text a { color: #126BB1; } @media (max-width:520px) { #contacts .flexbox .block-2 .control-text a { font-size: 3.13vw; line-height: 4.69vw; } } #contacts .flexbox .block-2 .control-text a:hover { text-decoration: underline; } #contacts .yamap { height: 13.67vw; } #contacts .flexbox .block-2 button { margin-top: 2.58vw; height: 4vw; text-transform: uppercase; width: 18vw; font-weight: 400; font-size: 1.17vw; background: linear-gradient(180deg, #E2F0FC 0%, #7DB2DE 100%); border-radius: 0.39vw; border: none; color: #105791; cursor: pointer; font-family: 'Stem',sans-serif; } @media (max-width:520px) { #contacts .flexbox .block-2 button { height: 15.63vw; width: 100%; font-size: 4.69vw; border-radius: 21.88vw; } } #contacts .flexbox .block-2 button:hover { background: linear-gradient(180deg, #7DB2DE 0%, #E2F0FC 100%); } #contacts form .error { border: 0.08vw solid #ff4040 !important; color: #ff4040 !important; } #contacts form .error::-webkit-input-placeholder, #contacts form .error:-moz-placeholder, #contacts form .error::-moz-placeholder, #contacts form .error:-ms-input-placeholder { color: #ff4040 !important; } #contacts .block-2 .result { display: none; } #contacts .block-2 .result p:before { display: inline-block; background: url("/local/templates/mainnew/img/result.svg") no-repeat; background-size: contain; width: 2vw; height: 2vw; content: ''; padding-right: 1vw; } @media (max-width:520px) { #contacts .block-2 .result p:before { width: 4vw; height: 4vw; padding-right: 4vw; } } #contacts .block-2 .result p { text-align: center; font-size: 2.5vw; padding-top: 9vw; } @media (max-width:520px) { #contacts .block-2 .result p { width: 100%; font-size: 7vw; } } #header.fitfree-instruction { background: none; padding: 0 3.13vw 0; } #header.fitfree-instruction .logo { width: 12.03vw; height: 5.08vw; background: url(../assets/img/logo-fitfree.svg) no-repeat; background-size: contain; margin: 4.69vw 0 0 4.69vw; z-index: 1; } @media (max-width:630px) { #header.fitfree-instruction .logo { width: 40.63vw; height: 17.19vw; margin-left: 15.63vw; } #header.fitfree-instruction .head { justify-content: flex-start; } } #header.fitfree-instruction .menu-wrap { padding-top: 1.88vw; } #fitfree-instruction { letter-spacing: 0.01vw; } #fitfree-instruction .block-1 { position: relative; margin-top: -13vw; height: 60.31vw; background: linear-gradient(250.52deg, #A5A5A5 -2.54%, #F0EFEF 70.13%); } @media (max-width:630px) { #fitfree-instruction .block-1 { height: 181.25vw; margin-top: -27vw; } } #fitfree-instruction h1 { position: relative; padding: 35.31vw 9.45vw 0; font-size: 4.69vw; font-weight: 400; line-height: 5.47vw; color: #fff; } @media (max-width:630px) { #fitfree-instruction h1 { font-size: 7.50vw; line-height: 8.75vw; padding-top: 125vw; } } #fitfree-instruction h2 { position: relative; font-size: 4.30vw; font-weight: 400; line-height: 5.47vw; color: #434342; padding: 0 0 0 17.58vw; } @media (max-width:630px) { #fitfree-instruction h2 { font-size: 9.38vw; line-height: 11.88vw; padding: 7.5vw 6.56vw; margin: 0; } } #fitfree-instruction .block-1:before { content: ''; background: url(../assets/img/al-insrt-before-01.svg) no-repeat; width: 100%; height: 69%; background-size: contain; display: block; position: absolute; bottom: 0; filter: blur(5px); } @media (max-width:630px) { #fitfree-instruction .block-1:before { width: 353%; height: 80%; background-position: -500%; } } #fitfree-instruction .block-1 .img-1 { position: absolute; top: 7vw; right: 2vw; width: 36.2vw; } @media (max-width:630px) { #fitfree-instruction .block-1 .img-1 { width: 66vw; top: 40vw; } } #fitfree-instruction .block-1 .img-2 { position: absolute; right: 18vw; top: 5vw; width: 50vw; } @media (max-width:630px) { #fitfree-instruction .block-1 .img-2 { width: 78vw; top: 55vw; } } #fitfree-instruction .block-2 h2 { padding: 8.59vw 0 0 17.58vw; } @media (max-width:630px) { #fitfree-instruction .block-2 h2 { padding: 0; margin: 12.5vw 6.25vw 6.25vw 6.25vw; } } #fitfree-instruction .block-2 div { display: flex; padding: 0 16.25vw 0 17.58vw; } @media (max-width:630px) { #fitfree-instruction .block-2 div { flex-wrap: wrap; } } #fitfree-instruction .block-2 ul { margin: 0; padding: 0 0 0 5.5vw; } #fitfree-instruction .block-2 ul li { padding-left: 2vw; list-style: none; min-height: 5vw; font-size: 1.17vw; padding-bottom: 3.13vw; } @media (max-width:630px) { #fitfree-instruction .block-2 ul li { font-size: 3.44vw; line-height: 4.69vw; min-height: 18vw; } #fitfree-instruction .block-2 ul li br { display: none; } } #fitfree-instruction .block-2 ul li::marker { padding-top: 1vw; height: 1vw; } #fitfree-instruction .block-2 ul li.img-1:before { background: url(../assets/img/al-insrt-01-li-02.svg) no-repeat; content: ''; width: 5vw; height: 5vw; position: absolute; background-size: cover; margin-left: -7.5vw; } @media (max-width:630px) { #fitfree-instruction .block-2 ul li.img-1:before { margin-left: -19vw; width: 15vw; height: 15vw; } } #fitfree-instruction .block-2 ul li.img-2 { padding-top: 1vw; } #fitfree-instruction .block-2 ul li.img-2:before { background: url(../assets/img/al-insrt-02-li-02.svg) no-repeat; content: ''; width: 5vw; height: 5vw; position: absolute; background-size: cover; margin-left: -7.5vw; margin-top: -1vw; } @media (max-width:630px) { #fitfree-instruction .block-2 ul li.img-2:before { margin-left: -19vw; width: 15vw; height: 15vw; } } #fitfree-instruction .block-2 ul li.img-3:before { background: url(../assets/img/al-insrt-03-li-02.svg) no-repeat; content: ''; width: 5vw; height: 5vw; position: absolute; background-size: cover; margin-left: -7.5vw; } @media (max-width:630px) { #fitfree-instruction .block-2 ul li.img-3:before { margin-left: -19vw; width: 15vw; height: 15vw; } } #fitfree-instruction .block-2 ul li span { font-weight: 500; } #fitfree-instruction .block-2 img { width: 32.97vw; height: 33.59vw; margin: -7vw 1vw; } @media (max-width:630px) { #fitfree-instruction .block-2 img { width: 51vw; height: 100%; } } #fitfree-instruction .block-3 { position: relative; height: 52vw; margin-top: 12vw; } @media (max-width:630px) { #fitfree-instruction .block-3 { height: auto; padding-bottom: 4.69vw; } } #fitfree-instruction .block-3 div { display: flex; padding: 0 11.33vw 0 17.58vw; } @media (max-width:630px) { #fitfree-instruction .block-3 div { padding: 0 6.25vw 0 6.25vw; flex-wrap: wrap; justify-content: center; } #fitfree-instruction .block-3 div br { display: none; } } #fitfree-instruction .block-3 .line-02 p { margin-top: -1vw; } @media (max-width:630px) { #fitfree-instruction .block-3 .line-02 p { margin-top: 0; } } #fitfree-instruction .block-3 .line-03 p { margin-top: -3vw; } @media (max-width:630px) { #fitfree-instruction .block-3 .line-03 p { margin-top: 0; } } #fitfree-instruction .block-3 p { font-size: 1.17vw; padding-right: 4.69vw; line-height: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-3 p { font-size: 3.44vw; line-height: 4.69vw; padding: 3vw 0; margin: 0; } } #fitfree-instruction .block-3 img { width: 22.42vw; padding-bottom: 2vw; } @media (max-width:630px) { #fitfree-instruction .block-3 img { width: 63.42vw; } } #fitfree-instruction .block-3 .prim { width: 31.72vw; font-size: 0.78vw; display: block; margin-top: -7vw; } @media (max-width:630px) { #fitfree-instruction .block-3 .prim { font-size: 3.13vw; width: auto; background: #EBF2F0; padding: 4.69vw; margin: 6.25vw; border-radius: 3.13vw; } } #fitfree-instruction .block-3 .prim p { font-size: 0.78vw; line-height: 1.17vw; padding: 0; margin: 0; } @media (max-width:630px) { #fitfree-instruction .block-3 .prim p { font-size: 3.13vw; line-height: 4.69vw; } } #fitfree-instruction .block-3 .prim span { font-weight: 500; padding-bottom: 0.5vw; display: block; } #fitfree-instruction .block-3:before { content: ''; background: url(../assets/img/al-insrt-before-03.svg) no-repeat; width: 89.06vw; height: 120%; background-size: contain; display: block; position: absolute; bottom: 0; z-index: -1; margin: auto 5.47vw; } @media (max-width:630px) { #fitfree-instruction .block-3:before { margin: 0; width: 460%; height: 110%; background-position-x: -135vw; } } #fitfree-instruction .block-3:after { content: ''; background: url(../assets/img/al-insrt-before-line-03.svg) no-repeat; width: 100%; height: 100%; background-size: contain; display: block; position: absolute; bottom: -12vw; z-index: -1; } #fitfree-instruction .block-4 img { width: 14.38vw; padding-right: 3.75vw; height: 100%; } @media (max-width:630px) { #fitfree-instruction .block-4 img { width: 34vw; padding: 0; } } #fitfree-instruction .block-4 .bk-01 { display: flex; padding: 0 0 3.52vw 17.58vw; width: 58vw; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-01 { flex-wrap: wrap; flex-direction: column-reverse; padding: 0 6.25vw; width: auto; } #fitfree-instruction .block-4 .bk-01 img { padding-left: 8vw; } } #fitfree-instruction .block-4 .bk-02 { display: flex; padding: 0 0 0 17.58vw; width: 60vw; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-02 { flex-direction: column; align-items: flex-end; padding: 0 6.25vw; width: auto; margin-top: -27.4vw; position: relative; } #fitfree-instruction .block-4 .bk-02 img { padding-right: 8vw; } #fitfree-instruction .block-4 .bk-02:before { content: ''; background: url(../assets/img/al-insrt-before-06.svg) no-repeat; width: 160vw; height: 80vw; background-size: cover; display: block; position: absolute; margin: -40vw -16vw; z-index: -1; background-position: -200vw; } } #fitfree-instruction .block-4 .bk-02 p { margin-top: -4.52vw; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-02 p { margin-top: 0; } } #fitfree-instruction .block-4 .bk-03 { display: flex; padding: 0 0 0 17.58vw; width: 58.52vw; align-items: flex-end; margin-top: -4.32vw; position: relative; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-03 { flex-direction: column; align-items: center; width: auto; padding: 0; margin: auto; } } #fitfree-instruction .block-4 .bk-03 div { font-size: 0.78vw; line-height: 1.17vw; background: #F5F9F8; padding: 2.73vw; border-radius: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-03 div { padding: 5vw; margin: 6.25vw; } } #fitfree-instruction .block-4 .bk-03 div span { font-size: 0.78vw; font-weight: 500; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-03 div span { font-size: 3.13vw; padding: 2vw 0; display: block; } } #fitfree-instruction .block-4 .bk-03 div p { font-size: 0.78vw; line-height: 1.17vw; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-03 div p { padding: 1vw 0; font-size: 3.13vw; line-height: 4.69vw; } } #fitfree-instruction .block-4 p { font-size: 1.17vw; line-height: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-4 p { font-size: 3.44vw; line-height: 4.69vw; padding: 3vw 0; margin: 0; } } #fitfree-instruction .block-4 .bk-03:after { content: ''; background: url(../assets/img/al-insrt-before-bk-03-04.png) no-repeat; width: 100%; height: 100%; background-size: contain; display: block; position: absolute; bottom: 1vw; z-index: -1; margin-left: -3vw; } @media (max-width:630px) { #fitfree-instruction .block-4 .bk-03:after { content: ''; background: url(../assets/img/al-insrt-mob-plus.svg) no-repeat; width: 20%; height: 20%; background-size: contain; display: block; position: absolute; bottom: 102vw; z-index: -1; margin-left: -23vw; } #fitfree-instruction .block-4 .bk-03:before { content: ''; background: url(../assets/img/al-insrt-before-06.svg) no-repeat; width: 350vw; height: 220vw; background-size: contain; display: block; position: absolute; bottom: 74vw; z-index: -1; margin-left: -82vw; transform: rotateX(180deg); } } #fitfree-instruction .block-5 { position: relative; padding-top: 12.5vw; padding-bottom: 6vw; } #fitfree-instruction .block-5 img { width: 19.22vw; } @media (max-width:630px) { #fitfree-instruction .block-5 img { width: 34vw; } } #fitfree-instruction .block-5 .info { padding: 0 0 0 17.58vw; width: 65.39vw; } @media (max-width:630px) { #fitfree-instruction .block-5 .info { padding: 0 6.56vw; width: auto; } } #fitfree-instruction .block-5 .info div { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; margin-top: -8vw; } @media (max-width:630px) { #fitfree-instruction .block-5 .info div { margin: 0; } } #fitfree-instruction .block-5 .info p { width: 29vw; font-size: 1.17vw; line-height: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-5 .info p { font-size: 3.44vw; line-height: 4.69vw; width: auto; } } #fitfree-instruction .block-5 .info div span { font-size: 0.78vw; line-height: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-5 .info div span { padding: 2.19vw 3.75vw; font-size: 3.13vw; line-height: 4.69vw; background: #EBF2F0; border-radius: 1.56vw; width: 39.38vw; margin-bottom: 1vw; } } #fitfree-instruction strong { font-weight: 500; } #fitfree-instruction .block-5:before { content: ''; background: url(../assets/img/al-insrt-before-05.svg) no-repeat; width: 100%; height: 90%; background-size: cover; display: block; position: absolute; bottom: 0; z-index: -1; } @media (max-width:630px) { #fitfree-instruction .block-5:before { content: ''; background: url(../assets/img/al-insrt-before-05.svg) no-repeat; width: 110%; height: 100%; background-size: cover; display: block; position: absolute; bottom: 0; z-index: -1; background-position-x: -78vw; } } #fitfree-instruction .block-6 { padding-top: 4.30vw; position: relative; } @media (max-width:630px) { #fitfree-instruction .block-6 h2 { width: 60vw; } } #fitfree-instruction .block-6 .info { display: flex; justify-content: space-between; padding: 0 17.58vw 0 17.58vw; } @media (max-width:630px) { #fitfree-instruction .block-6 .info { padding: 0 6.56vw; flex-wrap: wrap; } #fitfree-instruction .block-6 .info .bk-02 { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } } #fitfree-instruction .block-6 p { font-size: 1.17vw; line-height: 1.56vw; width: 38vw; } @media (max-width:630px) { #fitfree-instruction .block-6 p { font-size: 3.44vw; line-height: 4.69vw; width: auto; } } #fitfree-instruction .block-6 span, #fitfree-instruction .block-6 ul li { font-size: 0.78vw; line-height: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-6 span { font-size: 3.44vw; line-height: 4.69vw; } #fitfree-instruction .block-6 ul li { font-size: 3.13vw; line-height: 4.69vw; } } #fitfree-instruction .block-6 ul { margin: 0; padding: 0 0.8vw; } @media (max-width:630px) { #fitfree-instruction .block-6 ul { padding: 0 3.8vw; } } #fitfree-instruction .block-6 ul li { color: #9DB2AD; } #fitfree-instruction .block-6 ul li span { color: #434342; } @media (max-width:630px) { #fitfree-instruction .block-6 ul li span { font-size: 3.13vw; line-height: 4.69vw; } } #fitfree-instruction .block-6 .bk-02 span { width: 10.97vw; height: 8.97vw; background: #F5F9F8; border-radius: 12.97vw; text-align: center; display: flex; align-items: center; padding: 2vw 1vw; color: #97ACA7; margin-left: -13vw; line-height: 1.17vw; margin-top: -4vw; } @media (max-width:630px) { #fitfree-instruction .block-6 .bk-02 span { font-size: 2.50vw; line-height: 3.13vw; width: 24.94vw; height: 26.94vw; border-radius: 28.94vw; margin-top: 16vw; padding: 2vw 3vw; } } #fitfree-instruction .block-6 img { width: 22.58vw; margin-top: -3vw; } @media (max-width:630px) { #fitfree-instruction .block-6 img { width: 51.88vw; } } #fitfree-instruction .block-6 span.inf { padding-top: 2vw; display: block; } @media (max-width:630px) { #fitfree-instruction .block-6 span.inf { background: #F5F9F8; padding: 3.75vw; border-radius: 3.13vw; font-size: 3.13vw; line-height: 4.69vw; } } #fitfree-instruction .block-6:before { content: ''; background: url(../assets/img/al-insrt-before-06.svg) no-repeat; width: 100%; height: 50%; background-size: cover; display: block; position: absolute; bottom: -1vw; z-index: -1; } #fitfree-instruction .block-7 { position: relative; padding-bottom: 8.2vw; margin-top: 15vw; } #fitfree-instruction .block-7 p { font-size: 1.17vw; line-height: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-7 p { font-size: 3.44vw; line-height: 4.69vw; } } #fitfree-instruction .block-7 .bk-01 { padding: 0 17.58vw 0 17.58vw; width: 38.61vw; } @media (max-width:630px) { #fitfree-instruction .block-7 .bk-01 { width: auto; padding: 0 6.56vw; } } #fitfree-instruction .block-7 .bk-02 { margin: -3vw 17.58vw 0 17.58vw; display: flex; align-items: flex-end; position: relative; } @media (max-width:630px) { #fitfree-instruction .block-7 .bk-02 { margin: 8vw 6.56vw 2vw 6.56vw; background: #EBF2F0; padding: 3.75vw; border-radius: 3.13vw; } #fitfree-instruction .block-7 .bk-02 div { position: absolute; right: 3vw; } } #fitfree-instruction .block-7 .bk-02 span { font-size: 0.78vw; line-height: 1.56vw; width: 33.2vw; } @media (max-width:630px) { #fitfree-instruction .block-7 .bk-02 span { font-size: 3.13vw; line-height: 4.69vw; width: 59vw; } } #fitfree-instruction .block-7 .bk-02 img { margin: -24vw -14vw 0 0vw; width: 45vw; } @media (max-width:630px) { #fitfree-instruction .block-7 .bk-02 img { width: 53vw; margin: 0 -19vw -13vw 0; } } #fitfree-instruction .block-7:before { content: ''; background: url(../assets/img/al-insrt-before-07.svg) no-repeat; width: 89.53vw; height: 54.77vw; background-size: contain; display: block; position: absolute; bottom: 0; z-index: -1; margin: auto 5.47vw; } @media (max-width:630px) { #fitfree-instruction .block-7:before { width: 100vw; height: 170vw; margin: 0; background-size: cover; background-position-x: -150vw; } } #fitfree-instruction .block-7 .bk-02 div:before { content: ''; background: url(../assets/img/al-insrt-before-bk-02-07.svg) no-repeat; width: 30%; height: 30%; background-size: contain; display: block; position: absolute; margin: -13vw 0vw 0vw 20vw; z-index: -1; } @media (max-width:630px) { #fitfree-instruction .block-7 .bk-02 div:before { margin: 10vw 0vw 0vw -14vw; width: 100%; height: 100%; } } #fitfree-instruction .block-8 { padding-bottom: 5.94vw; } #fitfree-instruction .block-8 .flexbox { display: flex; margin: 0 10.38vw 0 17.58vw; align-items: baseline; } @media (max-width:630px) { #fitfree-instruction .block-8 .flexbox { flex-wrap: wrap; flex-direction: column; align-items: stretch; padding: 0 6.56vw; margin: 0; } } #fitfree-instruction .block-8 .bk-02 { margin-top: -3vw; margin-left: 2vw; padding: 2.34vw; background: #F5F9F8; border-radius: 1.56vw; font-size: 0.78vw; line-height: 1.17vw; } @media (max-width:630px) { #fitfree-instruction .block-8 .bk-02 { font-size: 3.13vw; line-height: 4.69vw; margin: 7vw 0 0; padding: 3.75vw; } } #fitfree-instruction .block-8 .bk-02 span { display: block; padding-top: 1vw; font-weight: 500; } #fitfree-instruction .block-8 details { width: 52.66vw; margin-bottom: 0.9vw; overflow: hidden; } @media (max-width:630px) { #fitfree-instruction .block-8 details { width: 100%; } } #fitfree-instruction .block-8 details p { font-size: 0.78vw; line-height: 1.17vw; padding: 0 0.4vw; } @media (max-width:630px) { #fitfree-instruction .block-8 details p { font-size: 2.81vw; line-height: 4.38vw; } } #fitfree-instruction .block-8 summary { display: block; background: #F5F9F8; padding: 0.4vw; position: relative; cursor: pointer; border-radius: 0.5vw; border: 0.08vw solid #9DB2AD; font-size: 1.17vw; line-height: 1.56vw; } @media (max-width:630px) { #fitfree-instruction .block-8 summary { font-size: 3.44vw; line-height: 4.13vw; padding: 2.19vw 7vw 2.19vw 2.19vw; } } #fitfree-instruction .block-8 summary:after { content: ''; width: 0.9vw; height: 0.5vw; background: url(../assets/img/al-insrt-arrow-08.svg) no-repeat; background-size: cover; position: absolute; top: 0.9vw; right: 0.5vw; transform: rotate(180deg); transition: .25s transform ease; } @media (max-width:630px) { #fitfree-instruction .block-8 summary:after { width: 3.13vw; height: 1.6vw; right: 2.19vw; top: 3vw; } } #fitfree-instruction .block-8 details[open] > summary:after { transition: transform .35s; transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0); transform-origin: center center; } #fitfree-instruction .block-8 details summary::-webkit-details-marker { display:none; } /*Tooltip*/ [data-tooltip] { --arrow-size: 0.26vw; position: relative; z-index: 1; } [data-tooltip]:before, [data-tooltip]:after { position: absolute; visibility: hidden; opacity: 0; left: 50%; bottom: calc(100% + var(--arrow-size)); pointer-events: none; transition: 0.2s; will-change: transform; } [data-tooltip]:before { content: attr(data-tooltip); padding: 0.5vw 1.5vw; width: max-content; width: -moz-max-content; border-radius: 1vw; font-size: 0.6vw; text-transform: uppercase; box-shadow: 0 0 0.5vw rgb(0 0 0 / 20%); background: #fff; color: #333; text-align: center; white-space: pre-wrap; transform: translate(-50%, calc(0 - var(--arrow-size))) scale(0.5); } [data-tooltip]:after { content: ''; border-style: solid; border-width: var(--arrow-size) var(--arrow-size) 0 var(--arrow-size); border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent; transition-duration: 0s; transform-origin: top; transform: translateX(-50%) scaleY(0); } [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; opacity: 1; } [data-tooltip]:hover:before { transition-delay: 0s; transform: translate(-50%, calc(0 - var(--arrow-size))) scale(1); } [data-tooltip]:hover:after { transition-delay: 0.2s; transition-duration: 0.2s; transform: translateX(-50%) scaleY(1); } [data-tooltip-location="bottom"]:before, [data-tooltip-location="bottom"]:after { top: calc(100% + var(--arrow-size)); bottom: auto; } [data-tooltip-location="bottom"]:before { transform: translate(-50%, var(--arrow-size)) scale(0.5); } [data-tooltip-location="bottom"]:hover:before { transform: translate(-50%, var(--arrow-size)) scale(1); } [data-tooltip-location="bottom"]:after { border-width: 0 var(--arrow-size) var(--arrow-size) var(--arrow-size); border-color: transparent transparent rgb(255, 255, 255) transparent; transform-origin: bottom; } @keyframes moveFocus { 0% { background-position: 0% 100% } 100% { background-position: 100% 0% } } @media (max-width: 800px) { [data-tooltip]:hover::before, [data-tooltip]:hover::after { visibility: hidden; } } body.is-using-mouse .fancybox__content .plyr :focus { outline: none; } div.video { display:block; position: relative; height: 100%; } div.video a { } div.video a img { } .block-install-play:hover:before{ opacity: 1; } .block-install-play:after { /* background: rgba(255, 255, 255, 0.66); */ background: linear-gradient(180deg, rgba(133, 180, 219, 0.7) 0%, rgba(18, 107, 177, 0.7)100%); border: 2px solid rgba(255, 255, 255, 0.9); backdrop-filter: blur(2px); transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0.2em 1.5em rgb(0 0 0 / 7%); -moz-box-shadow: 0 0.2em 1.5em rgba(0, 0, 0, 0.066); box-shadow: 0 0.2em 1.5em rgb(0 0 0 / 7%); height: 4vw; position: absolute; right: 3.1vw; top: 5.7vw; -webkit-transition: background-color 0.15s ease; -o-transition: background-color 0.15s ease; -moz-transition: background-color 0.15s ease; transition: background-color 0.15s ease; width: 4vw; content: ''; } .block-install-play:before { content: ''; background-image: url(/local/templates/mainnew/img/about-play.svg); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; height: 1.81vw; left: 21.8vw; top: 7.8vw; opacity: 0.5; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; transition: opacity 0.15s ease; width: 1.6vw; z-index: 1; } .fancybox__content #popup_banner { width: 100%; } @media screen and (max-width: 768px) { .only_pc { display:none; } .only_mobile { display:block; } .fancybox__slide { padding: 0.5vw 10vw!important; } } @media screen and (min-width: 768px) { .only_pc { display:block } .only_mobile { display:none } } @media screen and (max-width: 320px) { .fancybox__content { width: inherit; height: 100%; justify-content: center; flex: unset!important; object-fit: cover; } .only_mobile { height: 100%; } } #header .menu-wrap .menu ul { padding: 0 30px 0 0; } .spoiler-wrap > .spoiler__btn:after { background: url(/local/templates/mainnew/new/assets/img/burg_str.svg) no-repeat; background-size: contain; width: 1vw; height: 0.7vw; content: ''; position: absolute; right: 0; top: 17px; } .spoiler-wrap.spoiler--open > .spoiler__btn:after { background: url(/local/templates/mainnew/new/assets/img/burg_str.svg) no-repeat; background-size: contain; width: 1vw; height: 0.7vw; content: ''; position: absolute; right: 0; transform: rotate(180deg); } @media (max-width: 1023px) { .spoiler-wrap > .spoiler__btn:after { width: 2vw; height: 1vw; } .spoiler-wrap.spoiler--open > .spoiler__btn:after { width: 2vw; height: 1vw; } } .spoiler-wrap > .spoiler__btn:after { display: none; } @media (max-width: 730px) { .spoiler-wrap > .spoiler__btn:after { width: 4vw; height: 2vw; } .spoiler-wrap.spoiler--open > .spoiler__btn:after { width: 4vw; height: 2vw; } #header .menu-wrap .menu .btn-catalog { width: 80vw; } #header .menu-wrap .menu .pril a img { width: 40vw; } #header .menu-wrap .menu .flex span .tel { padding-top: 4vw; } #header .menu-wrap .menu a.mail { padding-bottom: 0; } #header .menu-wrap .menu .btn-fb { margin-bottom: 20vw; } .spoiler-wrap > .spoiler__btn:after { display: block; } } #header .menu-wrap .menu ul { min-width: 28vw; padding-right: 0px; } .spoiler-wrap.spoiler--open > .spoiler-content { display: none; } .spoiler-content { display: block; animation: fadeIn 1s ease; } @media (max-width: 730px) { .spoiler-content { display: none; } .spoiler-wrap.spoiler--open > .spoiler-content { display: block; } } #header .menu-wrap .menu ul > li > div > div > ul {border: none;} @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 768px) { #header .menu-wrap .menu p.lk-title { padding-top: 5vw; } } #header .menu-wrap .menu .eco { display: none; } @media (max-width: 730px) { #header .menu-wrap .menu .eco { margin: 4vw 5vw 8vw; display: flex; flex-direction: column; align-items: flex-start; line-height: 7.95vw; } } #header .menu-wrap .menu .eco a { display: flex; align-items: center; } #header .menu-wrap .menu .eco a:before { background: url(/local/templates/mainnew/new/assets/img/logo-menu.svg) no-repeat; background-size: contain; width: 4.11vw; height: 5.34vw; content: ''; position: relative; display: inline-flex; align-items: center; margin-right: 2vw; } @media (max-width: 730px) { #header .menu-wrap .menu ul > li { margin: 0 5vw; } #header .menu-wrap .menu { overflow-y: scroll; padding-top: 15vw; } #header .menu-wrap .toggler:checked, #header .menu-wrap .toggler:checked + .hamburger { /* right: 6vw;*/ } } /*topbar start*/ .topbar { display: none } @media (min-width: 1023px) { .topbar { background: #2E2E2E; color: white; position: fixed; top: 0; left: 0; width: 100%; transition: all .3s ease; display: flex; justify-content: center; align-items: center; z-index: 2; } } .topbar.out { transform: translateY(-100%); } .topbar a { color: white; margin: 0.25vw 0.7vw; font-size: 0.7812vw; letter-spacing: 0.06vw; padding: 0.34vw 0.73vw; text-transform: uppercase; } .topbar a.home:hover { background: #fff; color: #2E2E2E; } .topbar a.im { } .topbar a.im:hover { background-color: #CF142B; } .topbar a.cli:hover { background-color: #4F8C0D; } .topbar a.cli { } .topbar a.edu:hover { background-color: #ED6E00; } .topbar a.lab { } .topbar a.active { font-weight: 500; color: #4F78D6; cursor: default; /*background-color: #236AA5; border-radius: 0.26vw; color: #fff;*/ } .topbar a:hover { padding: 0.34vw 0.73vw; border-radius: 0.26vw; text-decoration: none; } .topbar a.tel { position: absolute; right: 9.38vw; margin: 0; padding: 0; color: #999999; font-weight: 500; font-size: 0.94vw; display: flex; align-items: center; } .topbar a.tel:hover { color: #fff; } .topbar a.tel:before { margin-right: 0.3vw; width: 1.1vw; height: 1.1vw; display: block; background-size: cover; background-repeat: no-repeat; background-image: url(/local/templates/mainnew/new/images/header_tel.svg); content: ''; } .topbar a.tel:hover:before { filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(309deg) brightness(250%) contrast(106%); } /*topbar end*/ /*upbutton start*/ @media (min-width: 769px) { .upbtn { z-index: 9999; opacity: 1; width: 2.5vw; height: 2.5vw; position: fixed; right: 3.13vw; cursor: pointer; transition: all .7s ease-in-out; } .upbtn:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(/local/templates/mainnew/new/assets/img/arrow-up.svg); content: ''; } .upbtn[data-style="lightup"]:before { background-image: url(/local/templates/mainnew/new/assets/img/arrow-up-white.svg); } } @media (max-width: 768px) { .upbtnmob { z-index: 1; opacity: 1; width: 10vw; height: 10vw; position: fixed; right: 3.13vw; cursor: pointer; transition: all .7s ease-in-out; } .upbtnmob:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(/local/templates/mainnew/new/assets/img/arrow-up.svg); content: ''; } .upbtnmob[data-style="lightup"]:before { background-image: url(/local/templates/mainnew/new/assets/img/arrow-up-white.svg); } } /*upbutton end*/ .fancybox__container { z-index: 10000!important; } .wtf { font-size: 20vw; font-weight: bold; color: #1177C7; display: flex; justify-content: center; align-items: center; } @media (max-width: 768px) { .wtf { padding-top: 15.63vw; } } #cookie { max-width: 345px; border-radius: 5px; align-self: end; -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); padding: 36px!important; } @media (max-width: 1024px) { #cookie { max-width: 100%; } } @media (max-width: 768px) { #cookie { border-radius: 0.65vw; -webkit-box-shadow: 0px 0.65vw 1.30vw 0.26vw rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 0.65vw 1.30vw 0.26vw rgba(34, 60, 80, 0.2); box-shadow: 0px 0.65vw 1.30vw 0.26vw rgba(34, 60, 80, 0.2); padding: 5.21vw; } } #cookie span { font-size: 16px; padding-bottom: 20px; font-weight: 500; display: block; } @media (max-width: 1024px) { #cookie span { font-size: 28px; padding-bottom: 30px; } } @media (max-width: 768px) { #cookie span { font-size: 3.65vw; padding-bottom: 2.60vw; } } #cookie p { padding-bottom: 40px; font-size: 14px; line-height: 24px; } @media (max-width: 1024px) { #cookie p { font-size: 26px; line-height: 36px; } } @media (max-width: 768px) { #cookie p { padding-bottom: 5.21vw; font-size: 3.39vw; line-height: 4.69vw; } } #cookie p a { text-decoration: underline; } #cookie button { height: 40px; width: 100%; font-size: 14px; color: #FFF; font-weight: 500; border-radius: 5px; background: #4F78D6; border: 0; cursor: pointer; padding: unset; line-height: unset; margin: 0; } @media (max-width: 1024px) { #cookie button { height: 72px; font-size: 26px; } } @media (max-width: 768px) { #cookie button { height: 9.38vw; font-size: 3.39vw; border-radius: 0.65vw; } } #cookie button:hover { background: #c3c3c3; } #cookie .is-close { display: none; } /*Костыли для куки*/ .fancy-cookies .fancybox__slide::after { display: none; } .fancy-cookies .fancybox__backdrop { display: none; } .fancybox__container.fancy-cookies { pointer-events: none; } .fancy-cookies .fancybox__content { pointer-events: auto; } /* pdf-overlay */ #pdf-overlay { width: 527px; height: 305px; background: url("../images/pdf-overlay-desk.jpg") no-repeat center center / cover; padding: 0; border-radius: 12px; } html.pdf-overlay-open .fancybox__backdrop { background: rgba(63, 63, 63, 0.72) !important; } #pdf-overlay .carousel__button { top: 14px; right: 14px; width: 10px; height: 10px; } #pdf-overlay .fancybox-button svg { filter: none; } #pdf-overlay .fancybox-button svg path { fill: #fff !important; } #pdf-overlay a { border-radius: 100px; background: #FFF; padding: 12px 25px; text-align: center; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 13.496px; position: absolute; bottom: 48px; } #pdf-overlay a.pdf-overlay-red { color: #FA5C59; left: 124px; } #pdf-overlay a.pdf-overlay-blue { color: #3B6ABE; right: 124px; } .pdf-overlay-toggle { width: 56px; position: fixed; bottom: 122px; right: 21px; z-index: 5; overflow: hidden; padding-bottom: 5px; min-height: 56px; display: flex; align-items: flex-end; padding-bottom: 15px; } .pdf-overlay-toggle:before { content: ""; z-index: 1; width: 54px; height: 54px; border-radius: 100px; border: 1px solid #5A8BD3; position: absolute; bottom: 0px; left: 0px; transition: .2s; background: #fff; } .pdf-overlay-toggle .circle { width: 46px; height: 46px; border-radius: 100px; background: #5A8BD3 url("../images/pdf-overlay-btn.svg") no-repeat bottom left; display: block; transition: .2s; position: relative; z-index: 2; margin-left: 5px; bottom: -10px; } .pdf-overlay-toggle span:first-child { color: #5A8BD3; font-size: 14px; font-weight: 500; line-height: 13.496px; position: absolute; transform: rotate(-90deg); width: 240px; bottom: 0px; left: -93px; z-index: 2; transition: .2s; opacity: 0; } .pdf-overlay-toggle:hover { height: 202px; } .pdf-overlay-toggle:hover:before { width: 46px; bottom: 5px; left: 4px; height: 202px; } .pdf-overlay-toggle:hover span:first-child { opacity: 1; bottom: 173px; } footer .subscribe form .policy_form_subscribe input{ width: 1.6vw; height: 1.6vw; top: .4vw; position: relative; padding: 0; margin: 0 1vw 0 0; } @media (max-width:768px) { #pdf-overlay { width: 93.75vw; height: 104.16vw; background: url("../images/pdf-overlay-mob.jpg") no-repeat center center / cover; } #pdf-overlay .carousel__button { top: 3.9vw; right: 3.9vw; width: 3.25vw; height: 3.25vw; } #pdf-overlay a { font-size: 2.47vw; border-radius: 13vw; padding: 1.9vw 4.4vw; line-height: 2.34vw; } #pdf-overlay a.pdf-overlay-red { left: 35.54vw; top: 39.71vw; bottom: auto; } #pdf-overlay a.pdf-overlay-blue { left: 35.54vw; top: auto; bottom: 5.85vw; right: auto; } .pdf-overlay-toggle { width: 7.49vw; bottom: 14.29vw; right: 4.5vw; padding-bottom: 0.65vw; min-height: 7.29vw; padding-bottom: 1.95vw; } .pdf-overlay-toggle:before { width: 7.03vw; height: 7.03vw; border-radius: 13.02vw; border: 0.13vw solid #5A8BD3; } .pdf-overlay-toggle .circle { width: 5.98vw; height: 5.98vw; border-radius: 13.02vw; margin-left: 0.75vw; bottom: -1.3vw; background-size: 5.46vw; } .pdf-overlay-toggle span:first-child { font-size: 1.82vw; line-height: 1.82vw; width: 31.25vw; bottom: 0; left: -12.10vw; } .pdf-overlay-toggle:hover { height: 26.30vw; } .pdf-overlay-toggle:hover:before { width: 5.98vw; bottom: 0.65vw; left: 0.52vw; height: 26.30vw; } .pdf-overlay-toggle:hover span:first-child { bottom: 22.52vw; } footer .subscribe form .policy_form_subscribe input{ width: 4vw; height: 4vw; padding: 0; margin: 0 1vw 0 0; } footer .subscribe form .policy_form_subscribe input{ width: 4vw; height: 4vw; top: .4vw; position: relative; padding: 0; margin: 0 1vw 0 0; } } #contacts .flexbox .control-text {line-height: 0;} #contacts .flexbox .control-text p { margin: 0; font-size: 1vw; line-height: 1vw; width: fit-content; } #contacts .flexbox .block-2 .control-text input { margin: 0 .5vw 0 0; width: 1.6vw; height: 1.6vw; } #contacts .flexbox .block-2 .control-text a { font-size: 1vw; line-height: 1vw; } @media (max-width:520px) { #contacts .flexbox .control-text p { margin: 0; font-size: 3.13vw; line-height: 4vw; width: fit-content; } #contacts .flexbox .block-2 .control-text input { width: 4vw; height: 4vw; top: .4vw; position: relative; padding: 0; margin: 0 1vw 0 0; } #contacts .flexbox .block-2 .control-text a { font-size: 3.13vw; line-height: 4vw; } }