/*@font-face { font-family: 'Roboto'; src: local('Roboto Black'), local('Roboto-Black'), url("../fonts/Roboto-Black.ttf") format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }*/ /*@font-face { font-family: 'Roboto'; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url("../fonts/Roboto-BlackItalic.ttf") format('truetype'); font-weight: 900; font-style: italic; font-display: swap; }*/ @font-face { font-family: 'Roboto'; src: local('Roboto Bold'), local('Roboto-Bold'), url("../fonts/Roboto-Bold.ttf") format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } /*@font-face { font-family: 'Roboto'; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("../fonts/Roboto-BoldItalic.ttf") format('truetype'); font-weight: 600; font-style: italic; font-display: swap; }*/ @font-face { font-family: 'Roboto'; src: local('Roboto Italic'), local('Roboto-Italic'), url("../fonts/Roboto-Italic.ttf") format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: local('Roboto Light'), local('Roboto-Light'), url("../fonts/Roboto-Light.ttf") format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } /*@font-face { font-family: 'Roboto'; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("../fonts/Roboto-LightItalic.ttf") format('truetype'); font-weight: 300; font-style: italic; font-display: swap; }*/ @font-face { font-family: 'Roboto'; src: local('Roboto Medium'), local('Roboto-Medium'), url("../fonts/Roboto-Medium.ttf") format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } /*@font-face { font-family: 'Roboto'; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url("../fonts/Roboto-MediumItalic.ttf") format('truetype'); font-weight: 500; font-style: italic; font-display: swap; }*/ @font-face { font-family: 'Roboto'; src: local('Roboto Regular'), local('Roboto-Regular'), url("../fonts/Roboto-Regular.ttf") format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } /*@font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url("../fonts/Roboto-Thin.ttf") format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }*/ /*@font-face { font-family: 'Roboto'; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url("../fonts/Roboto-ThinItalic.ttf") format('truetype'); font-weight: 100; font-style: italic; font-display: swap; }*/ /*@font-face { font-family: 'Montserrat-Light'; src: url("../fonts/Montserrat-Light.ttf"); font-display: swap; }*/ @font-face { font-family: 'Montserrat-SemiBold'; src: url("../fonts/Montserrat-SemiBold.ttf"); font-display: swap; } @font-face { font-family: 'Montserrat-Bold'; src: url("../fonts/Montserrat-Bold.ttf"); font-display: swap; } @font-face { font-family: 'Montserrat-Regular'; src: url("../fonts/Montserrat-Regular.ttf"); font-display: swap; } /*@font-face { font-family: 'Montserrat-LightItalic'; src: url("../fonts/Montserrat-LightItalic.ttf"); font-display: swap; }*/ @font-face { font-family: 'Montserrat-ExtraBold'; src: url("../fonts/Montserrat-ExtraBold.ttf"); font-display: swap; } @font-face { font-family: 'Montserrat-Medium'; src: url("../fonts/Montserrat-Medium.ttf"); font-display: swap; } /*@font-face { font-family: 'lg'; src: url("../fonts/lg.ttf"); font-display: swap; } @font-face { font-family: 'lg'; src: url("../fonts/lg.woff"); font-display: swap; }*/ @charset "UTF-8";.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:a 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@keyframes a{to{transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{transition-timing-function:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{transform:translate(0);-webkit-transition:all 1s;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;transition-delay:0s;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;transition:border-radius .12s linear linear 0s .35s 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0}.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li{float:left}.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li{float:right!important}@keyframes b{0%,to{left:0}50%{left:-15px}}@keyframes c{0%,to{top:0}50%{top:-15px}}@keyframes d{0%,to{left:0}50%{left:15px}}@keyframes e{0%,to{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{animation:b .3s;position:relative}.lSSlideOuter .leftEnd{animation:d .3s;position:relative}.lSSlideOuter.vertical .rightEnd{animation:c .3s;position:relative}.lSSlideOuter.vertical .leftEnd{animation:e .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{animation:d .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{animation:b .3s;position:relative}.lightSlider.lsGrab>*{cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#fff}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@keyframes f{0%,to{left:0}50%{left:-30px}}@keyframes g{0%,to{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{animation:f .3s;position:relative}.lg-outer.lg-left-end .lg-object{animation:g .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#eee;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{transform:scale3d(.5,.5,.5);opacity:0;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{transform:scaleX(1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;transform:translate3d(0,100%,0);transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{transform:translateZ(0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #fff;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0d0a0a;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer.lg-dropdown-active #lg-share,.lg-outer .lg-toogle-thumb:hover{color:#fff}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{transform:scaleX(1);transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;transform:translateZ(0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:inset 0 0 0 2px #fff}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;transition:opacity .15s ease 0s,transform .15s ease 0s;transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:inset 0 0 0 8px hsla(0,0%,100%,.7);display:block;height:12px;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:inset 0 0 0 8px #fff}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{transition-delay:0s;transform:translateZ(0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;transform:translate3d(0,5px,0);transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;transition:opacity .15s ease 0s}.lg-outer *{box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{transition-duration:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) 50% no-repeat;display:none!important}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{transform:translateZ(0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; } body { position: relative; } a { text-decoration: none; color: #000; } button { font-family: 'Roboto'; } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { font-family: 'Roboto'; font-weight: 400; color: #c4c4c4; } textarea::-moz-placeholder, input::-moz-placeholder { font-family: 'Roboto'; font-weight: 400; color: #c4c4c4; } textarea:-moz-placeholder, input:-moz-placeholder { font-family: 'Roboto'; font-weight: 400; color: #c4c4c4; } textarea:-ms-input-placeholder, input:-ms-input-placeholder { font-family: 'Roboto'; font-weight: 400; color: #c4c4c4; } .g-wrapper { max-width: 1370px; margin: 0 auto; padding: 0 35px; } input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } section, main { position: relative; display: block; } main { margin-top: 70px; } @media (max-width: 1180px) { main { margin-top: 60px; } } @media (max-width: 768px) { main { margin-top: 50px; } } h1, h2, h3, h4, h5, h6 { font-weight: 400; } img { display: block; pointer-events: none; } .indexPage .reviews__wrapper-title h2 { max-width: 450px; font-size: 50px; line-height: 65px; font-family: Montserrat-SemiBold; } .indexPage .reviews__wrapper-slider-slide { background-color: #fff; } @media (max-width: 1180px) { .indexPage .reviews__wrapper-title h2 { font-size: 30px; line-height: 39px; max-width: 250px; } } @media (max-width: 639px) { .indexPage .reviews__wrapper-title h2 { font-size: 24px; line-height: 28px; max-width: 200px; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 8.333333%; -ms-flex-preferred-size: 8.333333%; flex-basis: 8.333333%; max-width: 8.333333%; padding: 0 10px; } .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 16.666667%; -ms-flex-preferred-size: 16.666667%; flex-basis: 16.666667%; max-width: 16.666667%; padding: 0 10px; } .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; padding: 0 10px; } .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 33.333333%; -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; max-width: 33.333333%; padding: 0 10px; } .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 41.666667%; -ms-flex-preferred-size: 41.666667%; flex-basis: 41.666667%; max-width: 41.666667%; padding: 0 10px; } .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0 10px; } .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 58.333333%; -ms-flex-preferred-size: 58.333333%; flex-basis: 58.333333%; max-width: 58.333333%; padding: 0 10px; } .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 66.666667%; -ms-flex-preferred-size: 66.666667%; flex-basis: 66.666667%; max-width: 66.666667%; padding: 0 10px; } .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; padding: 0 10px; } .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 83.333333%; -ms-flex-preferred-size: 83.333333%; flex-basis: 83.333333%; max-width: 83.333333%; padding: 0 10px; } .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 91.666667%; -ms-flex-preferred-size: 91.666667%; flex-basis: 91.666667%; max-width: 91.666667%; padding: 0 10px; } .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0 10px; } @media (max-width: 1370px) { .g-wrapper { width: 100%; } } @media (max-width: 767px) { .g-wrapper { padding: 0 16px; } } @media (max-width: 374px) { .g-wrapper { padding: 0 10px; } } @media (max-width: 414px) { input[type='text'], input[type='password'], input[type='email'], textarea { font-size: 16px; } } .m-0 { margin: 0; } .additional-header { background-color: #010306; position: fixed; top: 0; left: 0; width: 100%; z-index: 20; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .additional-header ~ .servicePage .servicePrices .servicePrices__table__header { top: 128px; } .additional-header__active { z-index: -1; } .additional-header__active ~ .servicePage .servicePrices .servicePrices__table__header { top: 73px; } .additional-header__wrapper { height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .additional-header__wrapper-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .additional-header__wrapper-left-more { position: relative; } .additional-header__wrapper-left-more span { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; height: 40px; cursor: pointer; color: #a7a6a9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .additional-header__wrapper-left-more span svg { margin-left: 8px; } .additional-header__wrapper-left-more span:hover { color: #37d97b; } .additional-header__wrapper-left-more:hover .additional-header__wrapper-left-menu { visibility: visible; opacity: 1; z-index: 2000000; } .additional-header__wrapper-left a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; color: #a7a6a9; display: inline-block; margin-right: 75px; } .additional-header__wrapper-left a:hover { color: #37d97b; } .additional-header__wrapper-left-menu { width: 200px; position: absolute; background-color: #fff; -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.15); box-shadow: 0 4px 10px rgba(0,0,0,0.15); border-radius: 0 0 3px 3px; padding: 8px 24px 16px; top: 40px; left: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; z-index: -1; } .additional-header__wrapper-left-menu-link { padding: 8px 0; } .additional-header__wrapper-left-menu-link a { margin-right: 0; display: inline-block; } .additional-header__wrapper-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .additional-header__wrapper-right span { font-size: 14px; color: #a7a6a9; display: inline-block; margin-left: 37px; } .additional-header__wrapper-right span svg { margin-right: 6px; } .header { position: fixed; top: 40px; left: 0; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 15; background-color: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.05); box-shadow: 0 4px 20px rgba(0,0,0,0.05); } .header:hover { -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .header ~ .servicePage .servicePrices .servicePrices__table__header { top: 128px; } .header__active { top: 0; } .header__active .header__wrapper { padding: 0; } .header__active ~ .servicePage .servicePrices .servicePrices__table__header { top: 73px; } .header__active .header__wrapper-left-logo a svg { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .header__active .header__wrapper-left-logo a svg > path:nth-child(1) { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .header__active .header__wrapper-left-logo a svg g { -webkit-transform: translate(-4px, 2px); -ms-transform: translate(-4px, 2px); transform: translate(-4px, 2px); } .header__active .header__wrapper-left-logo a p { opacity: 0; } .header__active .header__wrapper-right-menu-list { top: 71px; } .header__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 7px 0 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__wrapper-left-logo { margin-right: 51px; position: relative; } .header__wrapper-left-logo a { display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-left-logo a p { position: absolute; font-size: 10px; line-height: 12px; font-family: Montserrat-Medium; color: #010306; bottom: 0; right: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-left-logo svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-left-logo svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-left-logo svg g { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-right { -webkit-flex-basis: calc(100% - 179px); -ms-flex-preferred-size: calc(100% - 179px); flex-basis: calc(100% - 179px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .header__wrapper-right-menu { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-right: 48px; } .header__wrapper-right-menu-list { position: absolute; top: 70px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; left: 0; background-color: #fff; width: 187px; padding: 16px 24px 16px; -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.1); box-shadow: 0px 10px 10px rgba(0,0,0,0.1); border-radius: 0 0 3px 3px; z-index: 2; opacity: 0; visibility: hidden; } .header__wrapper-right-menu-list-link { width: auto; font-size: 14px; line-height: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #010306; } .header__wrapper-right-menu-list-link:hover { color: #37d97b; } .header__wrapper-right-menu-link { position: relative; padding: 27px 0 23px; } .header__wrapper-right-menu-link:hover .header__wrapper-right-menu-list { visibility: visible; opacity: 1; } .header__wrapper-right-menu-link-shadow { position: absolute; width: 100%; top: 0; z-index: -1; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100%; -webkit-box-shadow: 12px 10px 15px rgba(0,0,0,0.1); box-shadow: 12px 10px 15px rgba(0,0,0,0.1); border-radius: 0 0 3px 0; } .header__wrapper-right-menu-link:hover > ul { visibility: visible; opacity: 1; z-index: 2; } .header__wrapper-right-menu-link-title { font-size: 18px; line-height: 20px; cursor: default; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; white-space: nowrap; display: inline-block; width: 72px; } .header__wrapper-right-menu-link-title:hover { color: #37d97b; } .header__wrapper-right-menu-link a.header__wrapper-right-menu-link-title { cursor: pointer; } .header__wrapper-right-menu-link ul { visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; padding: 7px 0 24px 0; background-color: #fff; width: 207px; left: -24px; top: 70px; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.15); box-shadow: 0 10px 15px rgba(0,0,0,0.15); border-radius: 0 0 0 3px; list-style-type: none; } .header__wrapper-right-menu-link ul li { z-index: 2; margin-top: 13px; padding: 0 24px; } .header__wrapper-right-menu-link ul li:nth-child(1) { margin-top: 0; } .header__wrapper-right-menu-link ul li span { display: block; font-size: 14px; line-height: 18px; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: default; } .header__wrapper-right-menu-link ul li a { width: auto; display: block; font-size: 14px; line-height: 18px; font-weight: 400; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-right-menu-link ul li a:hover { color: #37d97b; } .header__wrapper-right-menu-link ul li:hover > ul { visibility: visible; opacity: 1; z-index: 2; } .header__wrapper-right-menu-link ul li ul { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; padding: 7px 0 24px 0; background-color: #fff; width: 207px; left: 60%; top: 0; visibility: hidden; opacity: 0; z-index: -1; min-height: 100%; border-radius: 0 0 3px 3px; -webkit-box-shadow: none; box-shadow: none; } .header__wrapper-right-menu-link ul li ul:before { content: ''; position: absolute; left: 0; height: 90%; top: 5%; bottom: 5%; background-color: #ddd; width: 1px; } .header__wrapper-right-menu-link ul li ul li { padding: 0 24px; margin-top: 13px; } .header__wrapper-right-menu-link ul li ul li a { display: block; width: auto; font-weight: 400; font-size: 14px; line-height: 18px; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .header__wrapper-right-menu-link ul li ul li a:hover { color: #37d97b; } .header__wrapper-right-menu-link ul li ul li:nth-child(1) { margin-top: 0; } .header__wrapper-right-search { margin-right: 30px; margin-top: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__wrapper-right-search svg { cursor: pointer; } .header__wrapper-right-search svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-right-search:hover svg path { fill: #37d97b; } .header__wrapper-right-login { margin-top: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; height: 70px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__wrapper-right-login svg { cursor: pointer; } .header__wrapper-right-login svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__wrapper-right-login:hover svg path { fill: #37d97b; } .header__wrapper-right-phone { margin-right: 62px; height: 67px; position: relative; } .header__wrapper-right-phone a { height: 100%; padding-top: 6px; font-size: 18px; line-height: 21px; color: #010306; white-space: nowrap; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .header__wrapper-right-phone a:hover { color: #37d97b; } .header__wrapper-right-phone-menu { position: absolute; top: 65px; left: -25px; width: 200px; background-color: #fff; padding: 8px 24px; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15); box-shadow: 0 10px 10px rgba(0,0,0,0.15); border-radius: 0 0 3px 3px; opacity: 0; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; } .header__wrapper-right-phone-menu a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 8px 0; font-size: 12px; color: #a7a6a9; } .header__wrapper-right-phone-menu a svg { margin-right: 6px; } .header__wrapper-right-phone:hover .header__wrapper-right-phone-menu { opacity: 1; z-index: 100; visibility: visible; } .header__wrapper-right-phone-mobile { display: none !important; } .header__wrapper-right-shop { margin-left: 30px; position: relative; } .header__wrapper-right-shop span { position: absolute; right: -8px; bottom: 0; min-width: 16px; min-height: 16px; background-color: #37d97b; border-radius: 50%; color: #fff; font-size: 10px; line-height: 11px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header .menu.active { opacity: 1; visibility: visible; z-index: 10; } .header .menu { visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; position: absolute; background-color: #fff; width: 100%; max-width: 600px; } .header .menu__mobWrapper { opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; width: 100%; overflow: hidden; background-color: #fff; } .header .menu__mobWrapper-back { cursor: pointer; position: absolute; left: 0; top: 1px; } .header .menu__mobWrapper-step { padding: 0 10px; height: calc(var(--vh, 1vh) * 100 - 73px); background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; max-width: 600px; } .header .menu__mobWrapper-step1 { z-index: 1; position: relative; height: calc(var(--vh, 1vh) * 100 - 73px); } .header .menu__mobWrapper-step2 { z-index: 2; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .header .menu__mobWrapper-step2 .menu__mobWrapper-item { display: none; } .header .menu__mobWrapper-step2 .menu__mobWrapper-item-link svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header .menu__mobWrapper-step2 .menu__mobWrapper-item-link.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .header .menu__mobWrapper-step2 .menu__mobWrapper-item:nth-child(6) a, .header .menu__mobWrapper-step2 .menu__mobWrapper-item:nth-child(7) a { font-family: 'Roboto'; } .header .menu__mobWrapper-item { height: calc(var(--vh, 1vh) * 100 - 73px); overflow-y: auto; } .header .menu__mobWrapper-item-inner { overflow-x: hidden; } .header .menu__mobWrapper-item-inner-header { cursor: pointer; position: relative; } .header .menu__mobWrapper-item-inner-header svg { position: absolute; right: 10px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 7px; } .header .menu__mobWrapper-item-inner-header.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header .menu__mobWrapper-item-inner-body { padding-left: 28px; display: none; } .header .menu__mobWrapper-item h3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 24px; font-size: 22px; line-height: 22px; font-family: Montserrat-Bold; color: #010306; padding-bottom: 24px; border-bottom: 1px solid #e9e9e9; } .header .menu__mobWrapper-item-link { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px 16px 24px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e9e9e9; } .header .menu__mobWrapper-item-link span { font-size: 16px; line-height: 16px; color: #010306; display: inline-block; font-family: Montserrat-Bold; } .header .menu__mobWrapper-item-link a { font-size: 16px; line-height: 16px; color: #010306; display: inline-block; font-family: Montserrat-Bold; } .header .menu__mobWrapper-item-services { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 24px 16px 24px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e9e9e9; } .header .menu__mobWrapper-item-services a { font-size: 16px; line-height: 16px; color: #010306; display: inline-block; font-family: Montserrat-Bold; } .header .menu__mobWrapper-item-link.active span { font-weight: 500; } .header .menu__mobWrapper-item-list { border-bottom: 1px solid #e9e9e9; padding-bottom: 24px; display: none; } .header .menu__mobWrapper-item-list a { display: block; font-size: 16px; line-height: 16px; color: #939393; margin-top: 22px; padding-left: 26px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header .menu__mobWrapper-item-list a:hover { color: #37d97b; } .header .menu__mobWrapper-address { font-size: 17px; line-height: 26px; color: #010306; margin-bottom: 24px; margin-top: 32px; } .header .menu__mobWrapper-phone { font-size: 20px; line-height: 20px; font-weight: 500; color: #010306; margin-bottom: 24px; } .header .menu__mobWrapper-phone a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header .menu__mobWrapper-phone a:hover { color: #37d97b; } .header .menu__mobWrapper-time { font-size: 14px; line-height: 20px; color: #a7a6a9; } .header .menu__mobWrapper-bigcontact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 16px; color: #a7a6a9; } .header .menu__mobWrapper-bigcontact svg { margin-right: 8px; } .header .menu__mobWrapper-bigcontact:last-child { padding-bottom: 40px; } .header .menu__mobWrapper-bigcontact:hover { color: #37d97b; } .header__wrapper-right-menu > div:nth-child(2) > ul { min-height: 235px; } .header__wrapper-right-menu > div:nth-child(3) > ul { min-height: 235px; } .search { position: fixed; top: 40px; left: 0; width: 100%; height: 88px; z-index: 10010; display: none; background-color: #fff; } .search__values { background-color: #fff; padding: 7px 25px 24px; border-radius: 0 0 3px 3px; position: absolute; left: 0; width: 100%; top: 66px; } .search__values a { font-size: 14px; line-height: 18px; display: block; color: #010306; margin-top: 13px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .search__values a:hover { color: #37d97b; } .search form { position: relative; margin: 22px auto; max-width: 700px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search form svg { position: absolute; } .search form svg:nth-child(1) { left: 17px; } .search form svg:nth-child(3) { right: 14px; cursor: pointer; } .search form svg:nth-child(3) path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .search form svg:nth-child(3):hover path { stroke: #37d97b; } .search form input { padding: 12px 52px 9px; height: 44px; width: 100%; border: none; font-size: 16px; line-height: 16px; border-radius: 3px; overflow: hidden; background-color: #f8f8f8; } .search__active { top: 0; height: 73px; } .search__active form { margin: 15px auto; } .search__active .search__values { top: 58px; } .menu__bg { position: fixed; top: 69px; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: -1; opacity: 0; visibility: hidden; } .menu__bg-active { /* z-index: 10004;*/ visibility: visible; opacity: 1; } .headerMob { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 10001; background-color: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.05); box-shadow: 0 4px 20px rgba(0,0,0,0.05); } .headerMob__wrapper { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .headerMob__wrapper-search { display: none; cursor: pointer; } .headerMob__wrapper-login { display: none; cursor: pointer; } .headerMob__wrapper-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerMob__wrapper-left-logo { margin-right: 36px; } .headerMob__wrapper-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .headerMob__wrapper-menu a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 40px; } .headerMob__wrapper-menu a:last-child { margin-right: 0; } .headerMob__wrapper-menu a span { font-size: 15px; line-height: 17px; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .headerMob__wrapper-menu a svg { margin-top: 2px; margin-left: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .headerMob__wrapper-menu a svg rect { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .headerMob__wrapper-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .headerMob__wrapper-right a { position: relative; } .headerMob__wrapper-right a span { position: absolute; right: -8px; bottom: 0; min-width: 14px; min-height: 14px; background-color: #37d97b; border-radius: 50%; color: #fff; font-size: 8px; line-height: 9px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1180px) { .additional-header { display: none; } .menu__bg { top: 60px; } .header { top: 0; } .header ~ .servicePage .servicePrices .servicePrices__table__header { top: 60px; } .header__wrapper-right-menu-list { display: none; } .header__wrapper-left-logo { margin-right: 18px; } .header .menu { top: 60px; } } @media (max-width: 1180px) { .search { height: 60px; padding-left: 35px; top: 0; } .search__close { width: 14px !important; top: 10px; height: 14px !important; } .search__values { top: 36px; } .search form { margin: 12px 0; max-width: 430px; } .search form svg { width: 16px; height: 16px; } .search form svg:nth-child(1) { left: 10px; } .search form svg:nth-child(3) { right: 10px; } .search form input { height: 36px; font-size: 14px; padding: 14px 46px 10px; } .search__active .search__values { top: 36px; } .header .menu.active .menu__mobWrapper { opacity: 1; visibility: visible; z-index: 2; } .header .menu__wrapper { display: none; } .header__wrapper { display: none; } .header .menu.active { opacity: 1; visibility: visible; z-index: 10008; } .header .menu { visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; position: absolute; background-color: #fff; width: 100%; max-width: 600px; } .header .menu__mobWrapper { opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; width: 100%; overflow: hidden; background-color: #fff; } .header .menu__mobWrapper-back { cursor: pointer; position: absolute; left: 0; top: 1px; } .header .menu__mobWrapper-step { height: calc(var(--vh, 1vh) * 100 - 60px); background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; max-width: 600px; padding: 0 35px 35px; } .header .menu__mobWrapper-step1 { z-index: 1; position: relative; height: calc(var(--vh, 1vh) * 100 - 60px); } .header .menu__mobWrapper-step2 { z-index: 2; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .header .menu__mobWrapper-step2 .menu__mobWrapper-item { display: none; } .header .menu__mobWrapper-step2 .menu__mobWrapper-item-link svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header .menu__mobWrapper-step2 .menu__mobWrapper-item-link.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .header .menu__mobWrapper-item { height: calc(var(--vh, 1vh) * 100 - 60px); overflow-y: auto; } .headerMob { display: block; } .headerMob__wrapper { padding: 17.5px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .headerMob__wrapper-left { display: none; } .headerMob__wrapper-mobMenu-burger.active svg rect:nth-child(1) { -webkit-transform: rotate(45deg) translate(2px, -3px); -ms-transform: rotate(45deg) translate(2px, -3px); transform: rotate(45deg) translate(2px, -3px); } .headerMob__wrapper-mobMenu-burger.active svg rect:nth-child(2) { -webkit-transform: rotate(-45deg) translate(-7px, 7px); -ms-transform: rotate(-45deg) translate(-7px, 7px); transform: rotate(-45deg) translate(-7px, 7px); } .headerMob__wrapper-mobMenu-burger.active svg rect:nth-child(3) { opacity: 0; } .headerMob__wrapper-center { display: block; } .headerMob__wrapper-center-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .headerMob__wrapper-center-logo svg { height: 25px; width: 118px; } .headerMob__wrapper-mobMenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerMob__wrapper-mobMenu-search { margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .headerMob__wrapper-mobMenu-login { margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .headerMob__wrapper-mobMenu-burger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .headerMob__wrapper-mobMenu-burger svg rect { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .headerMob__wrapper-mobMenu-burger svg rect:nth-child(1) { -webkit-transform: rotate(0) translate(0, 0); -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); } .headerMob__wrapper-mobMenu-burger svg rect:nth-child(2) { -webkit-transform: rotate(0) translate(0, 0); -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); } .headerMob__wrapper-mobMenu-burger svg rect:nth-child(3) { opacity: 1; } .headerMob__wrapper-phone a span { font-size: 14px; line-height: 16px; font-weight: 500; color: #010306; } .headerMob__wrapper-mobMenu { cursor: pointer; } .headerMob__wrapper-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerMob__wrapper-left-logo { margin-right: 0; } .headerMob__wrapper-left-search { display: none; } .headerMob__wrapper-right { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } .headerMob__wrapper-right a { margin-right: 20px; } .headerMob__wrapper-right a:last-child { margin-right: 0; } } @media (max-width: 768px) { .search { padding-left: 10px; padding-right: 10px; } .header .menu__mobWrapper-step { padding: 0 10px 35px; } .header .menu__mobWrapper-footer { padding: 0 10px 35px; } .header .menu__mobWrapper-footer-item:nth-child(2) { width: auto; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (max-width: 767px) { .header .menu.active { opacity: 1; visibility: visible; z-index: 10008; } .header .menu { visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; position: absolute; background-color: #fff; width: 100%; max-width: 600px; } .header .menu__mobWrapper { opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; width: 100%; overflow: hidden; background-color: #fff; } .header .menu__mobWrapper-back { cursor: pointer; position: absolute; left: 0; top: 1px; } .header .menu__mobWrapper-step { height: calc(var(--vh, 1vh) * 100 - 48px); background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; max-width: 600px; padding: 0 16px 35px; } .header .menu__mobWrapper-step1 { z-index: 1; position: relative; height: calc(var(--vh, 1vh) * 100 - 48px); } .header .menu__mobWrapper-step2 { z-index: 2; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .header .menu__mobWrapper-step2 .menu__mobWrapper-item { display: none; } .header .menu__mobWrapper-step2 .menu__mobWrapper-item-link svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header .menu__mobWrapper-step2 .menu__mobWrapper-item-link.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .header .menu__mobWrapper-item { height: calc(var(--vh, 1vh) * 100 - 48px); overflow-y: auto; } .header .menu__mobWrapper-item h3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 18px; font-size: 20px; line-height: 26px; font-family: Montserrat-Bold; color: #010306; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; } .header .menu__mobWrapper-item-link { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 10px 20px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e9e9e9; } .header .menu__mobWrapper-item-link span { font-size: 16px; line-height: 16px; color: #010306; display: inline-block; font-family: Montserrat-Bold; } .header .menu__mobWrapper-item-link a { font-size: 16px; line-height: 16px; color: #010306; display: inline-block; font-family: Montserrat-Bold; } .header .menu__mobWrapper-item-services { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 10px 20px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e9e9e9; } .header .menu__mobWrapper-item-services a { font-size: 16px; line-height: 16px; color: #010306; display: inline-block; font-family: Montserrat-Bold; } .header .menu__mobWrapper-item-link.active span { font-weight: 500; } .header .menu__mobWrapper-item-list { border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; display: none; } .header .menu__mobWrapper-item-list a { display: block; font-size: 14px; line-height: 18px; color: #939393; margin-top: 20px; padding-left: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header .menu__mobWrapper-item-list a:hover { color: #37d97b; } .header .menu__mobWrapper-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 25px; z-index: 2; position: relative; padding: 0 10px 35px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .menu__mobWrapper-footer-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .header .menu__mobWrapper-footer-item h4 { font-size: 12px; line-height: 14px; color: #939393; margin-bottom: 12px; } .header .menu__mobWrapper-footer-item a { margin-right: 20px; } .header .menu__mobWrapper-footer-item a:last-child { margin-right: 0; } .header .menu__mobWrapper-footer-item:nth-child(2) { width: 84px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media (max-width: 600px) { .header ~ .servicePage .servicePrices .servicePrices__table__header { top: 48px; } .header .menu__mobWrapper-footer-item:nth-child(2) { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; } .headerMob__wrapper { padding: 13.5px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .headerMob__wrapper-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .headerMob__wrapper-search input { font-size: 16px; } .headerMob__wrapper-login { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 44px; } .headerMob__wrapper-phone { display: none; } .headerMob__wrapper-center svg { width: 104px; height: 21px; } .headerMob__wrapper-mobMenu-search { display: none; cursor: pointer; } .headerMob__wrapper-mobMenu-login { cursor: pointer; display: none; } .header .menu { top: 48px; } .search { height: 48px; padding: 6px 10px; } .search form { margin: 0 auto; } .search form input { height: 40px; padding: 13px 36px 11px; font-size: 16px; line-height: 16px; } } @media (max-width: 450px) { .search__values { left: -10px; right: -10px; width: calc(100% + 20px); } } @media (max-width: 374px) { .header .menu__mobWrapper-step { padding: 0 10px 35px; } .header .menu__mobWrapper-item-link span { font-size: 14px; line-height: 14px; } .header .menu__mobWrapper-item-link a { font-size: 14px; line-height: 14px; } .header .menu__mobWrapper-item-services a { font-size: 14px; line-height: 14px; } } .headerModel { position: fixed; top: 64px; left: 0; width: 100%; z-index: 100; background-color: #fff; display: none; } .headerModel__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 0 15px; } .headerModel__wrapper-left { max-width: 40%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerModel__wrapper-left-image { margin-right: 20px; } .headerModel__wrapper-left-image img { width: 100%; max-width: 90px; min-width: 90px; } .headerModel__wrapper-left-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerModel__wrapper-left-content-title { font-size: 18px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; line-height: 23px; color: #010306; font-family: Montserrat-Bold; margin-bottom: 10px; } .headerModel__wrapper-left-content-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerModel__wrapper-left-content-rating-title { font-size: 15px; line-height: 19px; color: #000; font-family: Montserrat-Bold; margin: 0 10px 0 5px; } .headerModel__wrapper-left-content-rating-stars { margin-right: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerModel__wrapper-left-content-rating-stars svg { margin-right: 3px; } .headerModel__wrapper-left-content-rating-stars svg:last-child { margin-right: 0; } .headerModel__wrapper-left-content-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerModel__wrapper-left-content-rating-count span { font-size: 15px; line-height: 19px; color: #939393; } .headerModel__wrapper-left-content-rating-count p { margin-left: 3px; font-size: 15px; line-height: 19px; color: #939393; } .headerModel__wrapper-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .headerModel__wrapper-right-price { font-size: 30px; line-height: 39px; color: #010306; font-family: Montserrat-Bold; margin-right: 50px; } .headerModel__wrapper-right-checkout { color: #fff; font-size: 15px; line-height: 17px; padding: 0 60px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #37d97b; border-radius: 3px; margin-right: 10px; cursor: pointer; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .headerModel__wrapper-right-checkout:hover { background-color: #12b857; } .headerModel__wrapper-right-chat { cursor: pointer; border: none; background-color: #010306; border-radius: 3px; } .headerModel__wrapper-right-chat-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 15px 18px; } .headerModel__wrapper-right-chat-inner span { margin-left: 8px; color: #fff; font-size: 15px; line-height: 19px; } .headerModel__wrapper-right-chat-menu { padding: 11px 18px; display: none; margin-right: 20px; position: relative; } .headerModel__wrapper-right-chat-menu a { margin-right: 21px; } .headerModel__wrapper-right-chat-menu a:last-child { margin-right: 0; } .headerModel__wrapper-right-chat-menu-close { position: absolute; right: -12px; top: 6px; } @media (max-width: 1080px) { .headerModel { top: auto; bottom: 0; } .headerModel__wrapper-left { max-width: 100%; } .headerModel__wrapper-left-image { display: none; } .headerModel__wrapper-left-content-title { font-size: 12px; line-height: 15px; margin-bottom: 0; } .headerModel__wrapper-left-content-rating { display: none; } .headerModel__wrapper-right-price { font-size: 16px; line-height: 20px; margin-right: 22px; min-width: 90px; } .headerModel__wrapper-right-checkout { font-size: 12px; line-height: 14px; padding: 13px 10px; height: 40px; } .headerModel__wrapper-right-chat { height: 40px; } .headerModel__wrapper-right-chat-inner { padding: 8px 18px; } .headerModel__wrapper-right-chat span { display: none; } .headerModel__wrapper-right-chat-menu { min-width: 155px; padding: 7px 18px; } } @media (max-width: 640px) { .headerModel__wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .headerModel__wrapper-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .headerModel__wrapper-left-content-title { margin-bottom: 10px; } .headerModel__wrapper-right { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .headerModel__wrapper-right-price { width: 30%; margin-right: 0; } .headerModel__wrapper-right-checkout { width: calc(100% - 256px); } .headerModel__wrapper-right.active .headerModel__wrapper-right-chat-menu { padding: 8px 10px; } .headerModel__wrapper-right.active .headerModel__wrapper-right-price { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 12px; } .headerModel__wrapper-right.active .headerModel__wrapper-right-checkout { width: calc(100% - 185px); } } @media (max-width: 414px) { .headerModel__wrapper-right-price { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 10px; } .headerModel__wrapper-right-checkout { margin-bottom: 0; width: calc(100% - 67px); } .headerModel__wrapper-right-chat { margin-bottom: 0; } } .contact-call__bg { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 100001; } .contact-call { position: fixed; bottom: 64px; right: 64px; z-index: 100002; } .contact-call__success { grid-column: 1/3; display: none; padding: 32px 0 34px; } .contact-call__success h3 { font-size: 20px; text-align: center; line-height: 20px; font-weight: 600; color: #010306; margin-bottom: 16px; } .contact-call__success p { font-size: 17px; text-align: center; line-height: 17px; color: #5c5b5b; } .contact-call__form { grid-column: 1/3; display: none; } .contact-call__form input { color: #010306; width: 100%; font-size: 17px; line-height: 17px; border: 1px solid #c4c4c4; background-color: #fff; border-radius: 15px; padding: 22px 24px; } .contact-call__button { cursor: pointer; } .contact-call__button svg rect, .contact-call__button svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contact-call__button:hover svg rect { fill: #ddd; } .contact-call__button:hover svg path { fill: #a7a6a9; } .contact-call__button.active svg rect { fill: #ddd; } .contact-call__button.active svg path { fill: #a7a6a9; } .contact-call__block { background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); padding: 8px; border-radius: 8px; display: none; position: absolute; bottom: 60px; right: 0; width: 156px; grid-template-columns: repeat(1, minmax(0, 1fr)); } .contact-call__block.active { display: grid; } .contact-call__block a, .contact-call__block button { display: inline-block; margin-top: 8px; color: #fff; text-align: center; border: none; cursor: pointer; border-radius: 8px; font-size: 12px; line-height: 12px; font-weight: 500; background-color: #37d97b; padding: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contact-call__block a:hover, .contact-call__block button:hover { background-color: #010306; } .contact-call__block a:first-child, .contact-call__block button:first-child { margin-top: 0; } .contact-call__block a svg, .contact-call__block button svg { display: none; } .contact-call__block a:nth-child(6), .contact-call__block button:nth-child(6) { display: none; color: #fff; background-color: #010306; } @media (max-width: 1440px) { .contact-call { bottom: 48px; right: 48px; } } @media (max-width: 1180px) { .contact-call { bottom: 24px; right: 24px; } } @media (max-width: 650px) { .contact-call { position: fixed; display: none; bottom: 16px; right: 16px; } .contact-call__block { padding: 59px 16px 24px; bottom: -100%; display: grid; position: fixed; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-radius: 30px 30px 0 0; right: 0; left: 0; width: 100%; grid-row-gap: 16px; grid-column-gap: 13px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .contact-call__block:before { content: ''; position: absolute; top: 10px; width: 65px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 3px; background-color: #ddd; height: 4px; } .contact-call__block a, .contact-call__block button { font-size: 17px; line-height: 17px; padding: 18px; margin-top: 0; border-radius: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 60px; -webkit-transition: 0; -o-transition: 0; transition: 0; } .contact-call__block a:hover, .contact-call__block button:hover { background-color: inherit; } .contact-call__block a svg, .contact-call__block button svg { display: block; margin-right: 16px; } .contact-call__block a:nth-child(4) { background-color: #ededed; color: #010306; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .contact-call__block a:nth-child(5) { background-color: #ededed; color: #010306; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .contact-call__block a:nth-child(6) { grid-column: 1/3; -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #010306; } .contact-call__block button:nth-child(2) { background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); color: #fff; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; grid-column: 1/3; } .contact-call__form { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .contact-call__success { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } .footer { background-color: #f8f8f8; } .footer__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 0 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__wrapper-item { -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; } .footer__wrapper-item-bigcontact { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 25px; cursor: pointer; } .footer__wrapper-item-bigcontact svg { margin-right: 8px; } .footer__wrapper-item-bigcontact:last-child { margin-bottom: 45px; } .footer__wrapper-item-logo { pointer-events: none; } .footer__wrapper-item-address { margin-top: 35px; pointer-events: none; } .footer__wrapper-item-address a { font-size: 20px; line-height: 26px; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: 400; } .footer__wrapper-item-address a:hover { color: #37d97b; } .footer__wrapper-item-phone { margin-top: 41px; pointer-events: none; } .footer__wrapper-item-phone-social { display: none; } .footer__wrapper-item-phone a { font-size: 20px; line-height: 24px; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: 500; } .footer__wrapper-item-phone a:hover { color: #37d97b; } .footer__wrapper-item-time { margin-top: 10px; } .footer__wrapper-item-time span { display: block; font-size: 15px; line-height: 19px; color: #010306; } .footer__wrapper-item-time span br { display: none; } .footer__wrapper-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } .footer__wrapper-menu-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; margin-right: 10px; } .footer__wrapper-menu-block-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__wrapper-menu-block:nth-child(1) { -webkit-flex-basis: calc(25% - 10px); -ms-flex-preferred-size: calc(25% - 10px); flex-basis: calc(25% - 10px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__wrapper-menu-block:nth-child(1) a { display: inline-block; } .footer__wrapper-menu-block:nth-child(2) { -webkit-flex-basis: calc(25% - 10px); -ms-flex-preferred-size: calc(25% - 10px); flex-basis: calc(25% - 10px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__wrapper-menu-block:nth-child(2) a { display: inline-block; } .footer__wrapper-menu-block:nth-child(3) { -webkit-flex-basis: calc(25% - 10px); -ms-flex-preferred-size: calc(25% - 10px); flex-basis: calc(25% - 10px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__wrapper-menu-block:nth-child(3) a { display: inline-block; } .footer__wrapper-menu-block:nth-child(4) { -webkit-flex-basis: calc(25% - 10px); -ms-flex-preferred-size: calc(25% - 10px); flex-basis: calc(25% - 10px); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__wrapper-menu-block:nth-child(4) a { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__wrapper-menu-block:nth-child(5) { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -80px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 75%; } .footer__wrapper-menu-block:nth-child(5) .footer__wrapper-menu-block-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-top: 32px; } .footer__wrapper-menu-block:nth-child(5) p { margin-bottom: 20px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer__wrapper-menu-block:nth-child(5) a { margin-top: 0; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .footer__wrapper-menu-block:nth-child(5) a:nth-child(2) svg path { fill: #fff; } .footer__wrapper-menu-block p { margin-bottom: 22px; font-size: 18px; line-height: 21px; color: #010306; font-weight: 500; } .footer__wrapper-menu-block a { margin-top: 10px; color: #010306; font-size: 15px; line-height: 19px; display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer__wrapper-menu-block a svg { margin-right: 20px; } .footer__wrapper-menu-block a svg path, .footer__wrapper-menu-block a svg rect { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer__wrapper-menu-block a:hover { color: #37d97b; } .footer__wrapper-menu-block a:hover svg path { fill: #37d97b; } .footer__wrapper-menu-block a:hover svg rect { fill: #37d97b; } .footer__wrapper-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 0 30px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer__wrapper-footer-item:nth-child(1) { -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; } .footer__wrapper-footer-item:nth-child(1) span { font-size: 18px; line-height: 21px; color: #37d97b; font-family: Montserrat-Bold; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .footer__wrapper-footer-item:nth-child(1) span:hover { color: #010306; } .footer__wrapper-footer-item:nth-child(2) { display: none; } .copy { background-color: #f8f8f8; } .copy__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(92,91,91,0.2); padding: 16px 0 20px; } .copy__wrapper-item span { font-size: 12px; line-height: 20px; color: #939393; display: block; margin-bottom: 8px; } .copy__wrapper-item a { font-size: 12px; line-height: 20px; display: inline-block; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .copy__wrapper-item a:hover { color: #37d97b; } .copy__wrapper-item-links span { display: inline-block; margin: 0 2px; } @media (max-width: 1180px) { .footer__wrapper { padding: 20px 0 0px; } .footer__wrapper-footer { padding-bottom: 0; } .footer__wrapper-footer-item:nth-child(1) span { font-family: Montserrat-SemiBold; line-height: 18px; } .footer__wrapper-footer-item:nth-child(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__wrapper-footer-item:nth-child(2) a { margin-left: 22px; } .footer__wrapper-footer-item:nth-child(2) a:nth-child(1) { margin-left: 0; } .footer__wrapper-footer-item:nth-child(2) a svg { opacity: 0.85; } .footer__wrapper-footer-item:nth-child(2) a svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer__wrapper-footer-item:nth-child(2) a:hover svg path { fill: #37d97b; } .footer__wrapper-menu { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .footer__wrapper-menu-block { margin-right: 0; } .footer__wrapper-menu-block p { margin-bottom: 8px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__wrapper-menu-block:nth-child(1) { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .footer__wrapper-menu-block:nth-child(2) { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; margin-top: -30px; } .footer__wrapper-menu-block:nth-child(3) { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .footer__wrapper-menu-block:nth-child(4) { display: none; } .footer__wrapper-menu-block:nth-child(5) { margin-top: 30px; padding-left: 0; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .footer__wrapper-menu-block-container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer__wrapper-menu-block-container a { display: block !important; } .footer__wrapper-menu-block-container a:last-child { padding-bottom: 20px; } .footer__wrapper-item { -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; } .footer__wrapper-item-bigcontact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer__wrapper-item-logo { display: inline-block; margin-top: -7px; } .footer__wrapper-item-address { margin-top: 40px; } .footer__wrapper-item-address a { font-size: 15px; line-height: 19px; } .footer__wrapper-item-address a br { display: none; } .footer__wrapper-item-phone { margin-top: 24px; } .footer__wrapper-item-phone a { font-size: 18px; line-height: 21px; } .footer__wrapper-item-time { margin-top: 24px; margin-bottom: 41px; } .footer__wrapper-item-time span br { display: block; } .footer__wrapper-footer { display: none; } .copy { position: absolute; bottom: 0; left: 0; width: 50%; padding-right: 20px; } .copy__wrapper { border-top: 0; } .copy__wrapper-item-links { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 600px) { .footer__wrapper { /*padding-bottom: 138px;*/ position: relative; } .footer__wrapper-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__wrapper-item-bigcontact { position: absolute; bottom: 24px; } .footer__wrapper-item-bigcontact:last-child { margin-bottom: 0; } .footer__wrapper-item-bigcontact:nth-last-child(2) { margin-bottom: 45px; } .footer__wrapper-item-logo { margin-top: 0; } .footer__wrapper-item-phone { margin-top: 34px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__wrapper-item-phone a { font-size: 18px; line-height: 18px; } .footer__wrapper-item-phone-social { display: none; } .footer__wrapper-item-time { margin-top: 24px; margin-bottom: 0; } .footer__wrapper-item-time span { font-size: 16px; line-height: 18px; } .footer__wrapper-item-address { margin-top: 24px; } .footer__wrapper-item-address a { font-size: 16px; max-width: 318px; display: inline-block; line-height: 18px; } .footer__wrapper-item:nth-child(1) { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer__wrapper-menu { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 32px; } .footer__wrapper-menu-block:nth-child(1), .footer__wrapper-menu-block:nth-child(2), .footer__wrapper-menu-block:nth-child(3) { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer__wrapper-menu-block:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .footer__wrapper-menu-block:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 0; } .footer__wrapper-menu-block:nth-child(3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .footer__wrapper-menu-block:nth-child(3) p { border-bottom: 1px solid #c4c4c4; } .footer__wrapper-menu-block:nth-child(5) { margin-top: 16px; } .footer__wrapper-menu-block:nth-child(5) .footer__wrapper-menu-block-container { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; top: 50px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__wrapper-menu-block:nth-child(5) .footer__wrapper-menu-block-container p { border-top: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; } .footer__wrapper-menu-block:nth-child(5) .footer__wrapper-menu-block-container p:before { display: none; } .footer__wrapper-menu-block:nth-child(5) .footer__wrapper-menu-block-container a { padding-bottom: 0; } .footer__wrapper-menu-block p { font-size: 16px; line-height: 16px; cursor: pointer; padding: 16px 0; border-top: 1px solid #c4c4c4; margin-bottom: 0; } .footer__wrapper-menu-block p:before { content: url("../images/arrow-down.svg"); position: absolute; right: 0; } .footer__wrapper-menu-block p.active:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .footer__wrapper-menu-block-container { display: none; } .copy { position: static; width: 100%; } .copy__wrapper { padding-top: 50px; border-top: 1px solid rgba(92,91,91,0.2); } .copy__wrapper-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .copy__wrapper-item span { font-size: 10px; line-height: 16px; margin-bottom: 0; } .copy__wrapper-item a { font-size: 10px; line-height: 16px; display: inline-block; margin-left: 0; } } body { font-family: 'Roboto'; -webkit-font-smoothing: antialiased; } .render { height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; z-index: 99999; background-color: #fff; } .breadcrums { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .breadcrums a { font-size: 14px !important; line-height: 14px !important; white-space: nowrap !important; } .breadcrums svg { min-width: 4px !important; } @media (max-width: 650px) { .breadcrums { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; overflow-x: scroll !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .breadcrums a { font-size: 10px !important; line-height: 14px !important; white-space: nowrap !important; } .breadcrums svg { min-width: 4px !important; } } .modelPopup { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; } .modelPopup__active { z-index: 10000; opacity: 1; visibility: visible; } .modelPopup__close { position: absolute; top: 50px; right: 50px; cursor: pointer; } .modelPopup__bg { position: fixed; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: -1; opacity: 0; visibility: hidden; } .modelPopup__bg__active { z-index: 9999; opacity: 1; visibility: visible; } .modelPopup .swiper-container-model { padding: 0 70px 28px; } .modelPopup .swiper-navigation { z-index: 10; } .modelPopup .swiper-navigation .swiper-button-prev, .modelPopup .swiper-navigation .swiper-button-next { background-image: none; width: auto; margin-top: auto; height: auto; top: calc(50% - 60px); } .modelPopup .swiper-pagination { bottom: -3px; margin-left: auto; margin-right: auto; padding: 0 70px; text-align: left; } .modelPopup .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #fff; } .modelPopup .swiper-pagination-bullet-active { background-color: #37d97b; } .modelPopup .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-height: 330px; border-radius: 3px; overflow: hidden; } .modelPopup__image { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .modelPopup__image img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .modelPopup__content { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; background-color: #fff; padding: 22px 45px 21px 20px; } .modelPopup__content h4 { font-size: 18px; line-height: 23px; color: #000; font-family: Montserrat-Bold; margin-bottom: 10px; } .modelPopup__content p { font-size: 15px; line-height: 19px; color: #000; } @media (max-width: 1040px) { .modelPopup .swiper-container-model { padding-left: 0; padding-right: 0; } .modelPopup__close { top: 20px; right: 20px; } .modelPopup .swiper-slide { max-height: 100%; } .modelPopup .swiper-pagination { padding: 0 30px; } } @media (max-width: 650px) { .modelPopup .swiper-navigation .swiper-button-prev { left: 0; } .modelPopup .swiper-navigation .swiper-button-next { right: 0; } .modelPopup .swiper-slide { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modelPopup .swiper-pagination { text-align: center; } .modelPopup__image { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-height: 350px; } .modelPopup__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 20px 10px; } .modelPopup__content p { font-size: 14px; line-height: 18px; } } @media (max-width: 414px) { .modelPopup .swiper-navigation { display: none; } } .tradePopup { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; } .tradePopup-active { z-index: 200; opacity: 1; visibility: visible; } .tradePopup__close { position: absolute; top: 50px; right: 50px; cursor: pointer; } .tradePopup__bg { position: fixed; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: -1; opacity: 0; visibility: hidden; } .tradePopup__bg-active { z-index: 199; opacity: 1; visibility: visible; } .tradePopup__success { width: 860px; display: none; border-radius: 3px; background-color: #fff; padding: 102px 130px 60px; } .tradePopup__success-title { font-size: 30px; line-height: 33px; color: #010306; text-align: center; font-weight: 500; } .tradePopup__success p { font-size: 18px; line-height: 23px; color: #010306; text-align: center; max-width: 386px; margin: 29px auto 0 auto; } .tradePopup__success-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 38px; } .tradePopup__success-items-item { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tradePopup__success-items-item svg { width: 76px; height: 76px; } .tradePopup__success-items-item svg:nth-child(3) { display: none; } .tradePopup__success-items-item span { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; font-size: 15px; line-height: 17px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #010306; margin-top: 19px; } .tradePopup__success-items-item:hover span { color: #37d97b; } .tradePopup__wrapper { display: block; width: 860px; border-radius: 3px; background-color: #fff; padding: 43px 110px 32px; } .tradePopup__wrapper-title { font-size: 25px; line-height: 35px; color: #010306; text-align: center; font-weight: 500; } .tradePopup__wrapper form { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .tradePopup__wrapper form input.hidden { position: absolute; top: 0; left: 0; visibility: hidden; } .tradePopup__wrapper-button { max-width: 200px; width: 100%; margin: 38px auto 0 auto; } .tradePopup__wrapper-button button { border-radius: 3px; background-color: #37d97b; color: #fff; font-size: 15px; line-height: 17px; font-weight: 400; padding: 16px; border: none; width: 100%; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tradePopup__wrapper-button button.disabled { background-color: #84dda9; cursor: not-allowed; pointer-events: none; } .tradePopup__wrapper-comment { margin-top: 20px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .tradePopup__wrapper-comment p { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tradePopup__wrapper-comment p span { font-size: 18px; line-height: 25px; font-weight: 500; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tradePopup__wrapper-comment p svg { margin-left: 10px; } .tradePopup__wrapper-comment p svg.active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tradePopup__wrapper-comment p:hover span { color: #12b857; } .tradePopup__wrapper-comment textarea { margin-top: 10px; display: none; border-radius: 3px; padding: 16px 22px; color: #010306; width: 100%; font-size: 16px; line-height: 23px; resize: none; border: 1px solid #ddd; font-family: 'Roboto'; } .tradePopup__wrapper-input { -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-top: 20px; } .tradePopup__wrapper-input:nth-child(3), .tradePopup__wrapper-input:nth-child(4) { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .tradePopup__wrapper-input input { border: 1px solid #ddd; border-radius: 3px; padding: 16px 22px; color: #010306; width: 100%; font-size: 16px; line-height: 23px; } .tradePopup__wrapper-input span { color: #37d97b; font-weight: 400; cursor: pointer; border-bottom: 1px solid #37d97b; font-size: 15px; line-height: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 5px; display: inline-block; } .tradePopup__wrapper-input span:hover { color: #12b857; border-color: #12b857; } .tradePopup__wrapper-input p { font-size: 15px; line-height: 18px; margin-top: 5px; display: none; } .tradePopup__wrapper-input-name.error input { border-color: #ff0e0e; } .tradePopup__wrapper-input-name.error p { color: #ff0e0e; display: block; border-color: #ff0e0e; } .tradePopup__wrapper-input-name.error span { color: #ff0e0e; display: block; border-color: #ff0e0e; } .tradePopup__wrapper-input-phone.error input { border-color: #ff0e0e; } .tradePopup__wrapper-input-phone.error span { color: #ff0e0e; border-color: #ff0e0e; } .tradePopup__wrapper-bottom { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; position: relative; } .tradePopup__wrapper-bottom label { cursor: pointer; display: inline-block; } .tradePopup__wrapper-bottom label input { position: absolute; top: 0; left: 0; visibility: hidden; } .tradePopup__wrapper-bottom label span { font-size: 12px; line-height: 13px; color: #010306; font-weight: 400; padding-left: 19px; position: relative; } .tradePopup__wrapper-bottom label span a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tradePopup__wrapper-bottom label span a:hover { color: #12b857; } .tradePopup__wrapper-bottom label span:before { border: 1px solid #ddd; width: 12px; height: 12px; content: ''; position: absolute; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 0; border-radius: 2px; } .tradePopup__wrapper-bottom label span:after { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; content: url("/images/check.svg"); position: absolute; left: 3px; top: 0; } .tradePopup__wrapper-bottom label input:checked + span:before { border-color: #37d97b; } .tradePopup__wrapper-bottom label input:checked + span:after { opacity: 1; } .tradePopup__wrapper-code { display: none; background-color: #f8f8f8; border-radius: 3px; padding: 26px 167px 21px 167px; margin-top: 27px; width: 100%; } .tradePopup__wrapper-code p { font-size: 15px; line-height: 21px; color: #010306; text-align: center; font-weight: 500; } .tradePopup__wrapper-code-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tradePopup__wrapper-code-container input { font-size: 16px; line-height: 16px; color: #010306; border: none; height: 40px; margin: 30px auto 0 auto; max-width: 200px; width: 100%; padding: 16px 22px; border: 1px solid #ddd; border-radius: 3px; } .tradePopup__wrapper-code-container span { font-size: 15px; line-height: 18px; margin-top: 5px; width: 200px; display: none; cursor: pointer; } .tradePopup__wrapper-code-container input.error { border-color: #ff0e0e; } .tradePopup__wrapper-code-container input.error + span { display: block; color: #ff0e0e; } .tradePopup__wrapper-code-container button { margin-top: 20px; font-size: 15px; line-height: 17px; color: #fff; border: none; background-color: #37d97b; border-radius: 3px; padding: 11px; height: 40px; max-width: 200px; width: 100%; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tradePopup__wrapper-code-container button:hover { background-color: #12b857; } @media (max-width: 1180px) { .tradePopup__close { top: 82px; right: 20px; } .tradePopup__success { position: absolute; top: 162px; min-height: auto; width: calc(100% - 40px); padding: 78px 20px; } .tradePopup__success-items { margin-top: 86px; } .tradePopup__wrapper { position: absolute; top: 162px; min-height: auto; width: 600px; padding: 40px 135px; } .tradePopup__wrapper-button { margin: 30px auto 0 auto; } .tradePopup__wrapper form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tradePopup__wrapper-input { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 10px; } .tradePopup__wrapper-input:nth-child(3), .tradePopup__wrapper-input:nth-child(4) { margin-top: 20px; } .tradePopup__wrapper-code { padding: 11px 40px 20px; margin-top: 21px; } .tradePopup__wrapper-code p { line-height: 18px; } .tradePopup__wrapper-code p br { display: none; } .tradePopup__wrapper-bottom label span:after { top: 1px; } .tradePopup__wrapper-bottom label span a { display: inline-block; margin-left: 19px; } } @media (max-width: 639px) { .tradePopup__close { top: 66px; right: 10px; } .tradePopup__close svg { width: 23px; height: 23px; } .tradePopup__success { top: auto; position: relative; width: calc(100% - 20px); padding: 34px 50px; margin-top: 28px; } .tradePopup__success-title { font-size: 22px; line-height: 24px; } .tradePopup__success p { font-size: 16px; line-height: 22px; max-width: 190px; margin: 15px auto 0 auto; } .tradePopup__success-items { margin-top: 28px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 225px; margin-left: auto; margin-right: auto; } .tradePopup__success-items-item { margin-top: 15px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tradePopup__success-items-item svg { width: 36px; height: 36px; } .tradePopup__success-items-item svg:nth-child(3) { display: block; width: 5px; height: 9px; margin-left: 10px; } .tradePopup__success-items-item span { margin-left: 23px; margin-top: 0; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; text-align: left; } .tradePopup__success-items-item:first-child { margin-top: 0; } .tradePopup__wrapper { top: auto; position: relative; width: calc(100% - 20px); padding: 30px 16px; margin-top: 40px; } .tradePopup__wrapper-title { font-size: 18px; line-height: 18px; text-align: left; } .tradePopup__wrapper-button { max-width: 100%; width: 100%; margin: 30px auto 0 auto; } .tradePopup__wrapper-button button { padding: 11px; } .tradePopup__wrapper-input input { padding: 10px 20px; font-size: 16px; line-height: 16px; } .tradePopup__wrapper-input span { font-size: 14px; line-height: 14px; } .tradePopup__wrapper-comment textarea { padding: 10px 20px; font-size: 16px; line-height: 16px; } .tradePopup__wrapper-comment p span { margin-top: 0; display: inline-block; font-size: 16px; line-height: 16px; } .tradePopup__wrapper-comment p svg { width: 9px; } .tradePopup__wrapper-bottom label span { font-size: 12px; line-height: 12px; } .tradePopup__wrapper-bottom label span a { display: inline; margin-left: 0; } .tradePopup__wrapper-code { padding: 13px 26px 20px; margin-top: 18px; } .tradePopup__wrapper-code p { font-size: 12px; line-height: 16px; } .tradePopup__wrapper-code-container input { margin: 13px auto 0 auto; max-width: 100%; padding: 10px 20px; } .tradePopup__wrapper-code-container button { padding: 11px; font-size: 15px; line-height: 17px; } } @media (max-width: 374px) { .tradePopup__close { top: 66px; right: 10px; } .tradePopup__close svg { width: 23px; height: 23px; } .tradePopup__success { top: auto; position: relative; width: 300px; padding: 30px 27px; margin-top: 40px; } .tradePopup__success-title { font-size: 22px; line-height: 24px; } .tradePopup__success p { font-size: 14px; line-height: 18px; max-width: 190px; margin: 19px auto 0 auto; } .tradePopup__success-items { margin-top: 28px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tradePopup__success-items-item { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tradePopup__success-items-item svg { width: 36px; height: 36px; } .tradePopup__success-items-item svg:nth-child(3) { display: block; width: 5px; height: 9px; margin-left: 10px; } .tradePopup__success-items-item span { margin-left: 20px; margin-top: 0; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; text-align: left; } .tradePopup__wrapper { top: auto; position: relative; width: calc(100% - 20px); padding: 30px 10px; margin-top: 30px; } .tradePopup__wrapper-title { font-size: 16px; line-height: 23px; text-align: left; } .tradePopup__wrapper-button { max-width: 100%; width: 100%; margin: 30px auto 0 auto; } .tradePopup__wrapper-button button { padding: 11px; } .tradePopup__wrapper-input input { padding: 10px 20px; font-size: 16px; line-height: 16px; } .tradePopup__wrapper-input span { font-size: 12px; line-height: 16px; } .tradePopup__wrapper-comment textarea { padding: 10px 20px; font-size: 16px; line-height: 16px; } .tradePopup__wrapper-comment p span { display: inline-block; font-size: 12px; line-height: 16px; } .tradePopup__wrapper-comment p svg { width: 9px; } .tradePopup__wrapper-bottom label span { font-size: 12px; line-height: 12px; } .tradePopup__wrapper-bottom label span a { display: inline; margin-left: 0; } .tradePopup__wrapper-code { padding: 10px 9px 14px; margin-top: 20px; } .tradePopup__wrapper-code p { font-size: 12px; line-height: 16px; } .tradePopup__wrapper-code-container input { margin: 20px auto 0 auto; max-width: 100%; padding: 10px 20px; } .tradePopup__wrapper-code-container button { padding: 11px; font-size: 15px; line-height: 17px; } } .reviewsPopup { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; } .reviewsPopup-active { z-index: 1002; opacity: 1; visibility: visible; } .reviewsPopup__close { position: absolute; top: 0; right: -55px; cursor: pointer; } .reviewsPopup__bg { position: fixed; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: -1; opacity: 0; visibility: hidden; } .reviewsPopup__bg-active { z-index: 1001; opacity: 1; visibility: visible; } .reviewsPopup__wrapper { width: 1300px; border-radius: 3px; background-color: #fff; position: relative; padding: 55px 90px 55px 55px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviewsPopup__wrapper-left { -webkit-flex-basis: calc(68% - 90px); -ms-flex-preferred-size: calc(68% - 90px); flex-basis: calc(68% - 90px); max-width: calc(68% - 90px); } .reviewsPopup__wrapper-left iframe { width: 100%; height: 366px; } .reviewsPopup__wrapper-left-bottom { margin-top: 23px; } .reviewsPopup__wrapper-left-bottom-item-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviewsPopup__wrapper-left-bottom-item-header h2 { font-size: 20px; line-height: 26px; font-weight: 700; } .reviewsPopup__wrapper-left-bottom-item-header a { color: #37d97b; font-size: 14px; line-height: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 3px; } .reviewsPopup__wrapper-left-bottom-item-header a:hover { color: #12b857; } .reviewsPopup__wrapper-left-bottom-item-comment { margin-top: 18px; } .reviewsPopup__wrapper-left-bottom-item-comment-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviewsPopup__wrapper-left-bottom-item-comment-header img { margin-right: 11px; } .reviewsPopup__wrapper-left-bottom-item-comment-header span { font-size: 14px; line-height: 20px; color: #000; font-weight: 500; } .reviewsPopup__wrapper-left-bottom-item-comment-body { max-width: 509px; margin-top: 10px; } .reviewsPopup__wrapper-left-bottom-item-comment-body p { font-size: 14px; line-height: 20px; color: #a7a6a9; } .reviewsPopup__wrapper-left-more { text-align: center; margin-top: 24px; display: none; } .reviewsPopup__wrapper-left-more span { display: inline-block; font-size: 10px; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 13px; color: #37d97b; } .reviewsPopup__wrapper-left-more span:hover { color: #12b857; } .reviewsPopup__wrapper-right { -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; max-width: 32%; } .reviewsPopup__wrapper-right-header { padding: 5px 10px; background-color: #f8f8f8; border-radius: 3px; } .reviewsPopup__wrapper-right-header h3 { font-size: 18px; line-height: 21px; color: #010306; margin-bottom: 3px; font-weight: 500; } .reviewsPopup__wrapper-right-header span { font-size: 14px; line-height: 16px; color: #a7a6a9; font-weight: 400; } .reviewsPopup__wrapper-right-header span:nth-child(3) { margin-left: 4px; } .reviewsPopup__wrapper-right-body { margin-top: 15px; } .reviewsPopup__wrapper-right-body .slick-list { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; overflow-y: auto; overflow-x: hidden; max-height: 485px; } .reviewsPopup__wrapper-right-body .slick-list::-webkit-scrollbar { width: 0; } .reviewsPopup__wrapper-right-body .slick-list .slick-slide { border: none; } .reviewsPopup__wrapper-right-body-item { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; padding: 5px 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .reviewsPopup__wrapper-right-body-item-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 30px; max-width: 30px; } .reviewsPopup__wrapper-right-body-item-left span { font-size: 14px; line-height: 16px; color: #a7a6a9; } .reviewsPopup__wrapper-right-body-item-left svg { display: none; } .reviewsPopup__wrapper-right-body-item-center { position: relative; } .reviewsPopup__wrapper-right-body-item-center img { display: inline; width: 152px; height: 85px; border-radius: 3px; overflow: hidden; } .reviewsPopup__wrapper-right-body-item-center span { position: absolute; bottom: 5px; right: 5px; background-color: rgba(19,18,18,0.9); border-radius: 5px; padding: 3px 10px 4px; color: #fff; font-size: 12px; line-height: 14px; } .reviewsPopup__wrapper-right-body-item-right { margin-left: 16px; padding-right: 22px; } .reviewsPopup__wrapper-right-body-item-right h3 { font-size: 16px; line-height: 19px; color: #010306; } .reviewsPopup__wrapper-right-body-item.slick-current { background-color: #e0eee1; } .reviewsPopup__wrapper-right-body-item.slick-current .reviewsPopup__wrapper-right-body-item-left span { display: none; } .reviewsPopup__wrapper-right-body-item.slick-current .reviewsPopup__wrapper-right-body-item-left svg { display: block; } @media (max-width: 1439px) { .reviewsPopup__wrapper { max-width: calc(100% - 139px); padding: 30px; left: 0; right: 69px; } .reviewsPopup__wrapper-left { -webkit-flex-basis: calc(50% - 20px); -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); } .reviewsPopup__wrapper-left-bottom { margin-top: 16px; } .reviewsPopup__wrapper-left-bottom-item-header h2 { font-size: 18px; line-height: 23px; } .reviewsPopup__wrapper-left-bottom-item-header a { font-size: 12px; line-height: 14px; } .reviewsPopup__wrapper-left-bottom-item-comment-header img { margin-right: 3px; width: 20px; height: 20px; max-width: 20px; height: 20px; } .reviewsPopup__wrapper-left-bottom-item-comment-body { margin-top: 7px; max-height: 61px; overflow-y: auto; } .reviewsPopup__wrapper-left-bottom-item-comment-body::-webkit-scrollbar { width: 0; } .reviewsPopup__wrapper-left-bottom-item-comment-body p { font-size: 12px; line-height: 16px; } .reviewsPopup__wrapper-right { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .reviewsPopup__wrapper-right-header h3 { font-size: 14px; line-height: 16px; margin-bottom: 4px; } .reviewsPopup__wrapper-right-header span { font-size: 12px; line-height: 14px; } .reviewsPopup__wrapper-right-header span:nth-child(3) { margin-left: 3px; } .reviewsPopup__wrapper-right-body { margin-top: 4px; } .reviewsPopup__wrapper-right-body-item-center span { bottom: 3px; right: 3px; } .reviewsPopup__wrapper-right-body-item-center img { width: 122px; height: 68px; -o-object-fit: cover; object-fit: cover; display: block; } .reviewsPopup__wrapper-right-body-item-right { margin-left: 10px; } .reviewsPopup__wrapper-right-body-item-right h3 { font-size: 12px; line-height: 14px; } } @media (max-width: 1180px) { .reviewsPopup__wrapper-left iframe { height: 180px; } .reviewsPopup.one-video .reviewsPopup__wrapper { max-width: 580px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .reviewsPopup.one-video .reviewsPopup__wrapper-left iframe { height: 294px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-more { display: block; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment-body { max-width: 100%; } .reviewsPopup.one-video .reviewsPopup__wrapper-right { display: none; } } @media (max-width: 639px) { .reviewsPopup__close { right: 0; top: -40px; } .reviewsPopup__close svg { width: 23px; height: 23px; } .reviewsPopup__wrapper { top: auto; padding: 0; max-width: calc(100% - 20px); left: 0; right: 10px; } .reviewsPopup__wrapper-left { display: none; } .reviewsPopup__wrapper-right { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .reviewsPopup__wrapper-right-header { display: none; } .reviewsPopup__wrapper-right-body { margin-top: 0; padding: 10px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviewsPopup__wrapper-right-body .slick-list { max-height: 460px !important; } .reviewsPopup__wrapper-right-body-item.slick-current { background-color: #fff; } .reviewsPopup__wrapper-right-body-item.slick-current .reviewsPopup__wrapper-right-body-item-left svg { display: none; } .reviewsPopup__wrapper-right-body-item.slick-current .reviewsPopup__wrapper-right-body-item-left span { display: block; } .reviewsPopup__wrapper-right-body-item { padding: 10px 0; } .reviewsPopup__wrapper-right-body-item iframe { margin: 10px 0; max-height: 168px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .reviewsPopup__wrapper-right-body-item-left { max-width: 20px; min-width: 20px; } .reviewsPopup__wrapper-right-body-item-left span { font-size: 10px; line-height: 10px; } .reviewsPopup__wrapper-right-body-item-center img { width: 122px; height: 68px; } .reviewsPopup__wrapper-right-body-item-right { -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; flex-basis: 55%; padding-right: 0; } .reviewsPopup__wrapper-right-body-item-right h3 { font-size: 14px; line-height: 18px; } .reviewsPopup.one-video .reviewsPopup__wrapper { width: calc(100% - 20px); padding: 0; } .reviewsPopup.one-video .reviewsPopup__wrapper-left { display: block; } .reviewsPopup.one-video .reviewsPopup__wrapper-left iframe { height: 168px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom { width: 100%; padding: 15px; margin-top: 0; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-header h2 { font-size: 18px; line-height: 18px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-header a { margin-top: 7px; font-size: 14px; line-height: 14px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment { margin-top: 23px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment-header img { margin-right: 4px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment-header span { font-size: 15px; line-height: 15px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment-body { max-height: 120px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment-body p { font-size: 14px; line-height: 20px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-more { margin-top: 0; margin-bottom: 20px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-more span { font-size: 14px; line-height: 14px; } } @media (max-width: 374px) { .reviewsPopup__close { top: -40px; } .reviewsPopup__close svg { width: 23px; height: 23px; } .reviewsPopup__wrapper { top: auto; padding: 0; max-width: calc(100% - 20px); left: 0; right: 10px; } .reviewsPopup__wrapper-left { display: none; } .reviewsPopup__wrapper-right { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .reviewsPopup__wrapper-right-header { display: none; } .reviewsPopup__wrapper-right-body { margin-top: 0; padding: 10px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviewsPopup__wrapper-right-body .slick-list { max-height: 415px !important; } .reviewsPopup__wrapper-right-body-item.slick-current { background-color: #fff; } .reviewsPopup__wrapper-right-body-item.slick-current .reviewsPopup__wrapper-right-body-item-left svg { display: none; } .reviewsPopup__wrapper-right-body-item.slick-current .reviewsPopup__wrapper-right-body-item-left span { display: block; } .reviewsPopup__wrapper-right-body-item { padding: 10px 0; } .reviewsPopup__wrapper-right-body-item iframe { margin: 10px 0; max-height: 168px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .reviewsPopup__wrapper-right-body-item-left { max-width: 20px; min-width: 20px; } .reviewsPopup__wrapper-right-body-item-left span { font-size: 10px; line-height: 12px; } .reviewsPopup__wrapper-right-body-item-center img { width: 113px; height: 63px; } .reviewsPopup__wrapper-right-body-item-right { -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; flex-basis: 55%; padding-right: 0; } .reviewsPopup__wrapper-right-body-item-right h3 { font-size: 14px; line-height: 16px; } .reviewsPopup.one-video .reviewsPopup__wrapper { width: calc(100% - 20px); padding: 0; } .reviewsPopup.one-video .reviewsPopup__wrapper-left { display: block; } .reviewsPopup.one-video .reviewsPopup__wrapper-left iframe { height: 168px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom { width: 100%; padding: 15px; margin-top: 0; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-header h2 { font-size: 16px; line-height: 20px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-header a { margin-top: 5px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment { margin-top: 15px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-bottom-item-comment-body { max-height: 85px; } .reviewsPopup.one-video .reviewsPopup__wrapper-left-more { margin-top: 0; margin-bottom: 15px; } } .galleryPopup { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: calc(50% - 305px); left: calc(50% - 540px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; max-width: 1080px; width: 100%; z-index: -1; opacity: 0; visibility: hidden; } .galleryPopup__active { z-index: 10000; opacity: 1; visibility: visible; } .galleryPopup__close { position: absolute; top: 50px; right: 50px; cursor: pointer; } .galleryPopup__bg { position: fixed; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: -1; opacity: 0; visibility: hidden; } .galleryPopup__bg__active { z-index: 9999; opacity: 1; visibility: visible; } .galleryPopup .swiper-navigation { z-index: 10; } .galleryPopup .swiper-navigation .swiper-button-prev, .galleryPopup .swiper-navigation .swiper-button-next { background-image: none; width: auto; margin-top: auto; height: auto; top: calc(50% - 30px); } .galleryPopup .swiper-navigation .swiper-button-next { right: 10px; } .galleryPopup .swiper-navigation .swiper-button-prev { left: 10px; } .galleryPopup .swiper-pagination { bottom: 21px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .galleryPopup .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; opacity: 0.8; margin: 0 6px !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #fff; } .galleryPopup .swiper-pagination-bullet-active { opacity: 1; background-color: #37d97b; } .galleryPopup .swiper-container { max-width: 1080px; } .galleryPopup .swiper-slide { border-radius: 3px; overflow: hidden; max-height: 610px; } .galleryPopup .swiper-slide img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } @media (max-width: 1080px) { .galleryPopup { left: 20px; right: 20px; top: calc(50% - 198px); width: calc(100% - 40px); } .galleryPopup__close { top: 20px; right: 20px; } .galleryPopup .swiper-navigation { display: none; } } @media (max-width: 639px) { .galleryPopup .swiper-wrapper { padding-bottom: 50px; } .galleryPopup__close svg { width: 23px; height: 23px; } .galleryPopup .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px !important; } } .profilePopup { padding: 32px 48px 32px 32px; background-color: #fff; border-radius: 3px; position: fixed; min-width: 626px; min-height: 325px; top: 50%; left: 50%; z-index: -1; display: none; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .profilePopup.active { z-index: 10000; display: block; } .profilePopup__bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: none; background-color: rgba(1,3,6,0.8); } .profilePopup__bg.active { display: block; z-index: 9999; } .profilePopup__close { cursor: pointer; position: absolute; right: 16px; top: 16px; } .profilePopup__close svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .profilePopup__close svg.close__mobile { display: none; } .profilePopup__close:hover svg path { stroke: #37d97b; } .profilePopup__order { background-color: #f2f2f2; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 20px 14px 14px; } .profilePopup__order-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .profilePopup__order-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profilePopup__order-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 14px; } .profilePopup__order-image img { height: 100%; min-width: 89px; min-height: 89px; max-width: 89px; max-height: 89px; width: 100%; -o-object-fit: cover; object-fit: cover; } .profilePopup__order-content { padding-top: 3px; } .profilePopup__order-content h3 { font-size: 16px; line-height: 16px; font-family: Montserrat-SemiBold; color: #010306; } .profilePopup__order-content ul { margin-top: 20px; } .profilePopup__order-content ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 16px; } .profilePopup__order-content ul li:first-child { margin-top: 0; } .profilePopup__order-content ul li p { font-size: 14px; line-height: 14px; color: #5c5b5b; min-width: 100px; } .profilePopup__order-content ul li span { display: inline-block; font-size: 14px; line-height: 14px; color: #010306; } .profilePopup__order-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .profilePopup__order-right p { font-size: 21px; line-height: 21px; font-family: Montserrat-SemiBold; color: #010306; } .profilePopup__order-right span { display: inline-block; margin-top: 9px; font-size: 14px; line-height: 16px; color: #5c5b5b; } .profilePopup__services { margin: 48px auto 0; max-width: 478px; max-height: 96px; overflow-y: auto; } .profilePopup__service { padding: 16px 0; border-bottom: 1px solid #ddd; } .profilePopup__service:last-child { padding-bottom: 0; } .profilePopup__service ul { list-style-type: none; } .profilePopup__service ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 16px; } .profilePopup__service ul li.mobile { display: none; } .profilePopup__service ul li:first-child { margin-top: 0; } .profilePopup__service ul li p { min-width: 190px; color: #939393; font-size: 12px; line-height: 12px; } .profilePopup__service ul li span { display: inline-block; font-size: 12px; line-height: 12px; color: #010306; } .profilePopup__service:first-child { padding-top: 0; } .profilePopup__service:last-child { border-bottom: none; } .profilePopup__price { display: none; font-size: 16px; line-height: 16px; font-family: Montserrat-SemiBold; color: #010306; } @media (max-width: 650px) { .profilePopup { padding: 78px 16px 32px 16px; min-width: 100%; min-height: calc(100vh - 50px); top: 50px; border-radius: 0; left: 0; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .profilePopup__bg.active { display: none; } .profilePopup__close { left: 16px; right: auto; top: 27px; z-index: 2; } .profilePopup__close svg { display: none; } .profilePopup__close svg.close__mobile { display: block; } .profilePopup__close:hover svg path { stroke: inherit; fill: #37d97b; } .profilePopup__order { background-color: transparent; border-radius: 0; padding: 0; } .profilePopup__order-image { padding: 42px 19px; border-radius: 3px; background-color: #f2f2f2; margin-right: 37px; } .profilePopup__order-image img { max-width: 107px; max-height: 107px; min-width: 107px; min-height: 107px; } .profilePopup__order-content { padding-top: 0; height: 100%; } .profilePopup__order-content-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .profilePopup__order-content h3 { font-size: 22px; line-height: 22px; position: absolute; top: 24px; width: 100%; text-align: center; left: 0; } .profilePopup__order-content ul { margin-top: 0; } .profilePopup__order-content ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 24px; } .profilePopup__order-content ul li.mobile { display: block; } .profilePopup__order-content ul li p { font-size: 12px; line-height: 12px; min-width: auto; } .profilePopup__order-content ul li span { margin-top: 8px; font-size: 12px; line-height: 12px; } .profilePopup__order-right { display: none; } .profilePopup__services { margin: 40px auto 0; max-height: 185px; overflow-y: auto; } .profilePopup__service { padding: 24px 0; } .profilePopup__service:first-child { padding-top: 0; } .profilePopup__service ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 16px; } .profilePopup__service ul li:first-child { margin-top: 0; } .profilePopup__service ul li p { min-width: 125px; } .profilePopup__price { display: block; } } .successPopup { border-radius: 3px; padding: 40px; max-width: 400px; left: 50%; width: 100%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #fff; position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; visibility: hidden; opacity: 0; z-index: 100004; } .successPopup.active { opacity: 1; visibility: visible; } .successPopup__bg { z-index: 100003; width: 100%; height: 100%; position: fixed; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; opacity: 0; top: 0; left: 0; background-color: rgba(0,0,0,0.8); } .successPopup__bg.active { opacity: 1; visibility: visible; } .successPopup h3 { font-size: 24px; line-height: 24px; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 32px; } .successPopup__close { position: absolute; top: 16px; right: 16px; cursor: pointer; } .successPopup__close svg path { -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s; will-change: stroke; } .successPopup__close:hover svg path { stroke: #12b857; } .successPopup p { font-size: 16px; line-height: 22px; font-weight: 300; color: #3e3e3e; text-align: center; max-width: 250px; margin-bottom: 8px; } .successPopup a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 24px; } .successPopup a span { color: #37d97b; font-size: 16px; line-height: 16px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .successPopup a svg { margin-right: 8px; } .successPopup a svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; will-change: fill; } .successPopup a:hover span { color: #12b857; } .successPopup a:hover svg path { fill: #12b857; } .successPopup__countdown { margin-top: 32px; text-align: center; color: #939393; font-size: 14px; line-height: 14px; font-weight: 300; } @media (max-width: 1180px) { .successPopup { max-width: 457px; } .successPopup p { max-width: 359px; } } .overlayPopup { left: 50%; width: 100%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; visibility: hidden; opacity: 0; z-index: 100004; } .overlayPopup.active { opacity: 1; visibility: visible; } .overlayPopup__bg { z-index: 100003; width: 100%; height: 100%; position: fixed; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; opacity: 0; top: 0; left: 0; padding-top: 88px; padding-left: 70px; background-color: #fff; } .overlayPopup__bg.active { opacity: 1; visibility: visible; } .overlayPopup__back { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .overlayPopup__back svg { margin-right: 16px; } .overlayPopup__back svg.pc { display: block; } .overlayPopup__back svg.mob { display: none; } .overlayPopup__back svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; will-change: fill; } .overlayPopup__back span { font-size: 14px; line-height: 18px; color: #939393; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .overlayPopup__back:hover svg path { fill: #37d97b; } .overlayPopup__back:hover span { color: #37d97b; } .overlayPopup__image { position: absolute; bottom: 0; right: 0; } .overlayPopup__image svg { width: 100%; } .overlayPopup__form { border-radius: 3px; padding: 40px; max-width: 400px; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.18); box-shadow: 0 0 20px rgba(0,0,0,0.18); } .overlayPopup__form h3 { font-size: 24px; line-height: 24px; text-align: center; font-family: Montserrat-SemiBold; color: #010306; margin-bottom: 32px; } .overlayPopup__form h3 svg { display: none; } .overlayPopup__form input { padding: 13px 20px; color: #010306; width: 100%; background: #fff; border: 1px solid #c4c4c4; border-radius: 3px; margin-top: 16px; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; will-change: border-color; } .overlayPopup__form input:focus, .overlayPopup__form input:active { border-color: #37d97b; } .overlayPopup__form button { margin-top: 16px; cursor: pointer; color: #fff; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; will-change: background-color; font-size: 16px; border-radius: 3px; width: 100%; padding: 13px; border: none; display: block; line-height: 19px; background-color: #37d97b; } .overlayPopup__form button:hover { background-color: #12b857; } .overlayPopup__form p { margin-top: 16px; font-size: 14px; line-height: 18px; color: #939393; } .overlayPopup__form p a { color: #37d97b; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .overlayPopup__form p a:hover { color: #12b857; } .overlayPopup__contacts { margin-top: 62px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 400px; margin: 0 auto; } .overlayPopup__contacts a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 32px; } .overlayPopup__contacts a span { color: #37d97b; font-size: 16px; line-height: 16px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .overlayPopup__contacts a svg { margin-right: 8px; } .overlayPopup__contacts a svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; will-change: fill; } .overlayPopup__contacts a:hover span { color: #12b857; } .overlayPopup__contacts a:hover svg path { fill: #12b857; } @media (max-width: 1180px) { .overlayPopup__bg { padding-top: 60px; padding-left: 34px; } .overlayPopup__contacts { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .overlayPopup__contacts a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 650px) { .overlayPopup { left: 0; top: 0; -webkit-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); padding: 0; } .overlayPopup__bg { padding: 0; } .overlayPopup__back { display: none; } .overlayPopup__image { display: none; } .overlayPopup__form { -webkit-box-shadow: none; box-shadow: none; padding-left: 16px; padding-right: 16px; max-width: 100%; } .overlayPopup__form h3 { font-size: 22px; line-height: 22px; margin-bottom: 48px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .overlayPopup__form h3 .overlayPopup__back { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 40px; height: 40px; position: absolute; left: 0; } .overlayPopup__form h3 .overlayPopup__back svg { display: block; cursor: pointer; } .overlayPopup__form h3 .overlayPopup__back svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; will-change: fill; } .overlayPopup__form h3:hover svg path { fill: #37d97b; } .overlayPopup__form input { padding: 16px 20px; } .overlayPopup__form button { padding: 16px; line-height: 16px; } } .newCard { background-color: #f8f8f8; } .newCard__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard__wrapper .breadcrums a:hover { color: #37d97b; } .newCard__wrapper .breadcrums svg { margin: 0 10px; } .newCard__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 50px; position: relative; } .newCard__wrapper-header h1 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 30px; line-height: 30px; font-family: Montserrat-SemiBold; color: #010306; margin-bottom: 34px; margin-top: 0; } .newCard__wrapper-header-facts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 39px; } .newCard__wrapper-header-facts span { text-align: center; min-width: 127px; width: 127px; font-size: 12px; line-height: 12px; color: #fff; padding: 10px 9px 9px; border-radius: 3px; margin-right: 10px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .newCard__wrapper-header-facts span:last-child { margin-right: 0; } .newCard__wrapper-header-facts span.blue-fact { background-color: #3a75a5; } .newCard__wrapper-header-facts span.lightblue-fact { background-color: #4d9ba6; } .newCard__wrapper-header-facts span.sea-fact { background-color: #78cbb5; } .newCard__wrapper-header-alert { bottom: 50px; right: 0; position: absolute; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard__wrapper-header-alert-block { position: absolute; display: none; width: 383px; border-radius: 3px; background-color: #fff; padding: 16px 90px 16px 26px; z-index: 2; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); right: 90px; } .newCard__wrapper-header-alert-block p { font-size: 14px; line-height: 18px; color: #000; } .newCard__wrapper-header-alert-block-close { position: absolute; top: 14px; right: 17px; cursor: pointer; } .newCard__wrapper-header-alert-block-close svg { width: 12px; min-width: 12px; height: 12px; min-height: 12px; } .newCard__wrapper-header-alert-block-close svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard__wrapper-header-alert-block-close:hover svg path { stroke: #37d97b; } .newCard__wrapper-header-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard__wrapper-header-rating-title { font-size: 20px; line-height: 20px; color: #000; font-family: Montserrat-SemiBold; margin: 0 10px 0 0; } .newCard__wrapper-header-rating-stars { margin-right: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 2px; } .newCard__wrapper-header-rating-stars svg { margin-right: 3px; } .newCard__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newCard__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard__wrapper-header-rating-count span { font-size: 20px; line-height: 20px; color: #939393; } .newCard__wrapper-header-rating-count p { margin-left: 3px; font-size: 20px; line-height: 20px; color: #939393; } .newCard__wrapper-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0 0 30px; position: relative; } .newCard__wrapper-body-item { -webkit-flex-basis: 56%; -ms-flex-preferred-size: 56%; flex-basis: 56%; max-width: 56%; } .newCard__wrapper-body-item:nth-child(1) { padding-right: 67px; } .newCard__wrapper-body-item:nth-child(2) { -webkit-flex-basis: 44%; -ms-flex-preferred-size: 44%; flex-basis: 44%; max-width: 44%; } .newCard__wrapper-body-item-content h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 10px; display: block; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard__wrapper-body-item-content-status { font-size: 12px; line-height: 12px; color: #939393; margin-bottom: 21px; margin-top: 7px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newCard__wrapper-body-item-content-status br { display: none; } .newCard__wrapper-body-item-content-toggle { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newCard__wrapper-body-item-content-toggle label { display: inline-block; margin-right: 20px; -webkit-flex-basis: calc(25% - 15px); -ms-flex-preferred-size: calc(25% - 15px); flex-basis: calc(25% - 15px); } .newCard__wrapper-body-item-content-toggle label input { visibility: hidden; position: absolute; top: 0; left: 0; } .newCard__wrapper-body-item-content-toggle label span { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 11px 9px 9px; font-size: 18px; line-height: 20px; text-align: center; display: block; border-radius: 3px; background-color: #fff; cursor: pointer; color: #939393; } .newCard__wrapper-body-item-content-toggle label input:checked + span { color: #37d97b; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .newCard__wrapper-body-item-content-toggle label.disabled { pointer-events: none; } .newCard__wrapper-body-item-content-toggle label.disabled span { color: #d0d0d0; cursor: default; } .newCard__wrapper-body-item-content-models { margin-bottom: 20px; } .newCard__wrapper-body-item-content-models h3 { margin-bottom: 20px; } .newCard__wrapper-body-item-content-models-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newCard__wrapper-body-item-content-models-inner label { -webkit-flex-basis: calc(25% - 15px); -ms-flex-preferred-size: calc(25% - 15px); flex-basis: calc(25% - 15px); display: inline-block; margin-top: 10px; margin-right: 20px; } .newCard__wrapper-body-item-content-models-inner label:nth-child(4n+4) { margin-right: 0; } .newCard__wrapper-body-item-content-models-inner label:nth-child(1), .newCard__wrapper-body-item-content-models-inner label:nth-child(2), .newCard__wrapper-body-item-content-models-inner label:nth-child(3), .newCard__wrapper-body-item-content-models-inner label:nth-child(4) { margin-top: 0; } .newCard__wrapper-body-item-content-models-inner label input { visibility: hidden; position: absolute; top: 0; left: 0; } .newCard__wrapper-body-item-content-models-inner label span { padding: 11px 9px 9px; font-size: 18px; line-height: 20px; display: block; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; background-color: #fff; cursor: pointer; color: #939393; } .newCard__wrapper-body-item-content-models-inner label input:checked + span { color: #37d97b; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .newCard__wrapper-body-item-content-size { margin-bottom: 20px; } .newCard__wrapper-body-item-content-size h3 { margin-bottom: 20px; } .newCard__wrapper-body-item-content-size-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newCard__wrapper-body-item-content-size-inner label { -webkit-flex-basis: calc(25% - 15px); -ms-flex-preferred-size: calc(25% - 15px); flex-basis: calc(25% - 15px); display: inline-block; margin-top: 10px; margin-right: 20px; } .newCard__wrapper-body-item-content-size-inner label:nth-child(4n+4) { margin-right: 0; } .newCard__wrapper-body-item-content-size-inner label:nth-child(1), .newCard__wrapper-body-item-content-size-inner label:nth-child(2), .newCard__wrapper-body-item-content-size-inner label:nth-child(3), .newCard__wrapper-body-item-content-size-inner label:nth-child(4) { margin-top: 0; } .newCard__wrapper-body-item-content-size-inner label input { visibility: hidden; position: absolute; top: 0; left: 0; } .newCard__wrapper-body-item-content-size-inner label span { display: block; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 11px 9px 9px; font-size: 18px; line-height: 20px; border-radius: 3px; background-color: #fff; cursor: pointer; color: #939393; } .newCard__wrapper-body-item-content-size-inner label input:checked + span { color: #37d97b; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .newCard__wrapper-body-item-content-oldprice { font-size: 15px; line-height: 15px; color: #c4c4c4; margin-bottom: 8px; text-decoration: line-through; font-family: Montserrat-Medium; } .newCard__wrapper-body-item-content-price { font-size: 25px; line-height: 25px; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 14px; } .newCard__wrapper-body-item-content-text { font-size: 15px; line-height: 15px; color: #000; } .newCard__wrapper-body-item-content-tip { margin-top: 6px; font-size: 12px; margin-top: 11px; line-height: 12px; color: #939393; display: none; } .newCard__wrapper-body-item-content-buttons { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 23px; opacity: 0; height: 50px; overflow: hidden; } .newCard__wrapper-body-item-content-buttons .submitCard { background-color: #37d97b; border-radius: 3px; width: 100%; margin-right: 20px; font-family: 'Roboto' !important; font-size: 16px; line-height: 16px; color: #fff; cursor: pointer; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard__wrapper-body-item-content-buttons .submitCard:hover { background-color: #12b857; } .newCard__wrapper-body-item-content-buttons-button { background-color: #37d97b; border-radius: 3px; width: 100%; margin-right: 30px; font-family: 'Roboto' !important; font-size: 16px; line-height: 16px; color: #fff; cursor: pointer; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard__wrapper-body-item-content-buttons-button:hover { background-color: #12b857; } .newCard__wrapper-body-item-content-buttons .callChatButton { cursor: pointer; background-color: #010306; border: none; border-radius: 3px; } .newCard__wrapper-body-item-content-buttons .callChatButton .callChat { height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newCard__wrapper-body-item-content-buttons .callChatButton span { position: relative; top: auto; right: auto; margin-left: 8px; color: #fff; font-size: 16px; line-height: 16px; } .newCard__wrapper-body-item-content-buttons .callChatButton span:before { display: none; } .newCard__wrapper-body-item-content-buttons .callChatButton span:after { display: none; } .newCard__wrapper-body-item-content-buttons-inner { position: relative; padding: 0 26px 0 28px; } .newCard__wrapper-body-item-content-buttons-inner-status { position: absolute; top: -2px; right: 18px; } .newCard__wrapper-body-item-content-buttons-inner .active { padding: 0; } .newCard__wrapper-body-item-content-buttons-menu { padding: 11px 18px; display: none; margin-right: 20px; position: relative; } .newCard__wrapper-body-item-content-buttons-menu a { margin-right: 21px; } .newCard__wrapper-body-item-content-buttons-menu a:last-child { margin-right: 0; } .newCard__wrapper-body-item-content-buttons-menu-close { position: absolute; right: -12px; top: 6px; } .newCard__wrapper-body-item-content-label.active { -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.05); box-shadow: 0 4px 20px rgba(0,0,0,0.05); } .newCard__wrapper-body-item-content-label.active .newCard__wrapper-body-item-content-tip { display: block; } .newCard__wrapper-body-item-content-label { margin-bottom: 10px; background: #fff; cursor: pointer; display: inline-block; width: 100%; border-radius: 3px; padding: 22px 30px 24px; position: relative; } .newCard__wrapper-body-item-content-label input { visibility: hidden; position: absolute; top: 0; left: 0; } .newCard__wrapper-body-item-content-label span { position: absolute; top: 20px; right: 30px; } .newCard__wrapper-body-item-content-label span:before { content: ''; position: absolute; top: 0; right: 0; width: 21px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 21px; border: 1px solid #c4c4c4; border-radius: 50%; } .newCard__wrapper-body-item-content-label span:after { content: ''; position: absolute; top: 6px; right: 6px; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 11px; height: 11px; background-color: #37d97b; border-radius: 50%; } .newCard__wrapper-body-item-content-label input:checked + span:before { border-color: #37d97b; } .newCard__wrapper-body-item-content-label input:checked + span:after { opacity: 1; } .newCard__wrapper-body-item-content form { margin-bottom: 20px; } .newCard__wrapper-body-item-content form label.active { -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .newCard__wrapper-body #imageGalleryMobile { display: none; } .newCard__wrapper-body #imageGalleryMobile .lSPager { display: none; } .newCard__wrapper-body .lSPager { margin-top: 0 !important; position: absolute; width: 90px !important; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .newCard__wrapper-body .lSPager li { width: 90px !important; margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newCard__wrapper-body .lSPager li:nth-child(1) { margin-top: 0; } .newCard__wrapper-body .lSPager li:hover { border-radius: 0 !important; } .newCard__wrapper-body .lSPager li img { height: 60px !important; -o-object-fit: contain; object-fit: contain; } .newCard__wrapper-body .lSPager li.active { border: 1px solid #ddd; border-radius: 3px !important; } .newCard__wrapper-body .lSSlideOuter.vertical .lSAction>a { margin-left: -74px; } .newCard__wrapper-body .lSSlideOuter.vertical .lSAction>.lSNext { position: absolute; left: 0; bottom: 0; height: 18px; } .newCard__wrapper-body .lSSlideOuter.vertical .lSAction>.lSPrev { position: absolute; left: 0; top: -5px; height: 18px; } .newCard__wrapper-body .lSSlideOuter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 0 !important; } .newCard__wrapper-body .lSSlideWrapper { overflow: visible; margin-left: 110px; } .newCard__wrapper-body .lSSlideWrapper li, .newCard__wrapper-body .lSSlideWrapper a { max-height: 450px; height: 450px; } .newCard__wrapper-body .lSSlideWrapper li img, .newCard__wrapper-body .lSSlideWrapper a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .newCard__wrapper-body .lSSlideWrapper a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newCard__wrapper-body .lSSlideWrapper a svg { position: absolute; } .lg-img-wrap img { max-height: 400px !important; } @media (max-width: 1040px) { .newCard__wrapper-header { padding-bottom: 40px; } .newCard__wrapper-header h1 { margin-bottom: 25px; } .newCard__wrapper-header-facts { margin-top: 0; } .newCard__wrapper-header-rating { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 23px; } .newCard__wrapper-header-rating-count p { font-size: 18px; line-height: 18px; } .newCard__wrapper-header-rating-count span { font-size: 18px; line-height: 18px; } .newCard__wrapper-header-rating-title { font-size: 18px; line-height: 18px; margin: 0 14px 0 0; } .newCard__wrapper-header-rating-stars { margin-right: 16px; } .newCard__wrapper-header-alert { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; bottom: 40px; } .newCard__wrapper-header-alert .callCardPopup { width: 22px; height: 22px; } .newCard__wrapper-header-alert-block { right: 46px; width: 223px; padding: 12px 22px; } .newCard__wrapper-header-alert-block p { font-size: 12px; line-height: 18px; } .newCard__wrapper-header-alert-block-close { top: 11px; right: 10px; } .newCard__wrapper-body { padding-bottom: 12px; } .newCard__wrapper-body .lSPager li { margin-top: 0; } .newCard__wrapper-body .lSSlideWrapper li, .newCard__wrapper-body .lSSlideWrapper a { max-height: 272px; } .newCard__wrapper-body .lSPager li { width: 58px !important; margin-left: 16px; margin-top: 10px; } .newCard__wrapper-body .lSPager li img { max-height: 40px; } .newCard__wrapper-body .lSSlideOuter.vertical .lSAction>.lSNext { bottom: -4px; } .newCard__wrapper-body-item { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .newCard__wrapper-body-item:nth-child(1) { padding-right: 20px; } .newCard__wrapper-body-item:nth-child(2) { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .newCard__wrapper-body-item-content-price { font-size: 20px; line-height: 20px; margin-bottom: 12px; } .newCard__wrapper-body-item-content-text { font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-buttons { height: 40px; } .newCard__wrapper-body-item-content-buttons-menu { padding: 7px 18px; } .newCard__wrapper-body-item-content-buttons-menu a { margin-right: 17px; } .newCard__wrapper-body-item-content-buttons .submitCard { font-size: 14px; line-height: 14px; margin-right: 10px; height: 40px; } .newCard__wrapper-body-item-content-buttons #callCart { margin-right: 10px; height: 40px; } .newCard__wrapper-body-item-content-buttons .callChatButton { height: 40px; } .newCard__wrapper-body-item-content-buttons .callChatButton span { font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-buttons .callChatButton .callChat { height: 40px; } .newCard__wrapper-body-item-content-label { margin-bottom: 18px; padding: 13px 20px 16px; } .newCard__wrapper-body-item-content-label span { top: 10px; right: 14px; } .newCard__wrapper-body-item-content form { margin-bottom: 32px; } .newCard__wrapper-body-item-content h3 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; font-size: 20px; line-height: 20px; margin-bottom: 12px; } .newCard__wrapper-body-item-content-status { margin-top: 0; line-height: 14px; margin-bottom: 8px; } .newCard__wrapper-body-item-content-models-inner label { -webkit-flex-basis: calc(25% - 7.5px); -ms-flex-preferred-size: calc(25% - 7.5px); flex-basis: calc(25% - 7.5px); margin-right: 10px; } .newCard__wrapper-body-item-content-models-inner label span { padding: 11px; font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-models-inner:nth-child(1), .newCard__wrapper-body-item-content-models-inner:nth-child(2), .newCard__wrapper-body-item-content-models-inner:nth-child(3), .newCard__wrapper-body-item-content-models-inner:nth-child(4) { margin-top: 10px; } .newCard__wrapper-body-item-content-size-inner label { -webkit-flex-basis: calc(25% - 7.5px); -ms-flex-preferred-size: calc(25% - 7.5px); flex-basis: calc(25% - 7.5px); margin-right: 10px; } .newCard__wrapper-body-item-content-size-inner label span { padding: 11px; font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-size-inner:nth-child(1), .newCard__wrapper-body-item-content-size-inner:nth-child(2), .newCard__wrapper-body-item-content-size-inner:nth-child(3), .newCard__wrapper-body-item-content-size-inner:nth-child(4) { margin-top: 10px; } .newCard__wrapper-body-item-content-toggle label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); min-width: 80px; } .newCard__wrapper-body-item-content-toggle label:last-child { margin-right: 0; } .newCard__wrapper-body-item-content-toggle label span { padding: 11px; font-size: 14px; line-height: 14px; } } @media (max-width: 768px) { .newCard__wrapper .breadcrums { padding: 20px 0; } .newCard__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newCard__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-top: 0; margin-bottom: 20px; } .newCard__wrapper-header-rating-count p { font-size: 12px; line-height: 15px; } .newCard__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newCard__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 13px 0 0; } .newCard__wrapper-header-rating-stars { margin-right: 15px; } .newCard__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newCard__wrapper-header-facts span { white-space: nowrap; min-width: 107px; padding-left: 4px; padding-right: 4px; width: auto; margin-right: 11px; } .newCard__wrapper-header-alert-block { width: 200px; padding: 15px; } .newCard__wrapper-header-alert-block-close { top: 11px; right: 11px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newCard__wrapper-header-alert-block-close svg { width: 8px; min-width: 8px; height: 8px; min-height: 8px; } .newCard__wrapper-header-alert-block p { font-size: 12px; line-height: 20px; } .newCard__wrapper-body { padding: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newCard__wrapper-body-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .newCard__wrapper-body-item:nth-child(1) { padding-right: 0; } .newCard__wrapper-body-item:nth-child(2) { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .newCard__wrapper-body-item-content h3 { font-size: 20px; line-height: 20px; margin-bottom: 0; } .newCard__wrapper-body-item-content-status { font-size: 14px; margin-top: 7px; line-height: 18px; margin-bottom: 13px; } .newCard__wrapper-body-item-content-status br { display: block; } .newCard__wrapper-body-item-content-toggle label { display: inline-block; margin-right: 11px; -webkit-flex-basis: calc(50% - 5.5px); -ms-flex-preferred-size: calc(50% - 5.5px); flex-basis: calc(50% - 5.5px); } .newCard__wrapper-body-item-content-toggle label:last-child { margin-right: 0; } .newCard__wrapper-body-item-content-toggle label span { padding: 12px; font-size: 16px; line-height: 16px; } .newCard__wrapper-body-item-content-models-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; padding: 15px 0; margin: 0 -7.5px; } .newCard__wrapper-body-item-content-models-inner:nth-child(2) { margin-top: 0; } .newCard__wrapper-body-item-content-models-inner label { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; display: inline-block; min-width: 86px; margin-top: 0; margin-right: 10px; } .newCard__wrapper-body-item-content-models-inner label span { padding: 12px 17px; font-size: 16px; line-height: 16px; } .newCard__wrapper-body-item-content-models-inner label:first-child { margin-left: 7.5px; } .newCard__wrapper-body-item-content-models-inner label:nth-child(4n+4) { margin-right: 10px; } .newCard__wrapper-body-item-content-size { margin-bottom: 9px; } .newCard__wrapper-body-item-content-size-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; padding: 15px 0; margin: 0 -7.5px; } .newCard__wrapper-body-item-content-size-inner:nth-child(2) { margin-top: 0; } .newCard__wrapper-body-item-content-size-inner label { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; display: inline-block; min-width: 140px; margin-top: 0; margin-right: 10px; } .newCard__wrapper-body-item-content-size-inner label:first-child { margin-left: 7.5px; } .newCard__wrapper-body-item-content-size-inner label span { padding: 12px; font-size: 16px; line-height: 16px; } .newCard__wrapper-body-item-content-oldprice { font-size: 16px; line-height: 16px; } .newCard__wrapper-body-item-content-price { font-size: 22px; line-height: 22px; } .newCard__wrapper-body-item-content-text { font-size: 16px; line-height: 16px; } .newCard__wrapper-body-item-content-tip { font-size: 11px; line-height: 11px; margin-top: 13px; } .newCard__wrapper-body-item-content-buttons { margin-top: 28px; height: 44px; } .newCard__wrapper-body-item-content-buttons .submitCard { width: calc(100% - 16px); margin-right: 16px; font-size: 16px; line-height: 16px; height: 44px; padding: 13px; } .newCard__wrapper-body-item-content-buttons .callChatButton { height: 44px; } .newCard__wrapper-body-item-content-buttons .callChatButton .callChat { height: 44px; } .newCard__wrapper-body-item-content-buttons .callChatButton span { display: none; } .newCard__wrapper-body-item-content-label { padding: 14px 16px; } .newCard__wrapper-body-item-content-label span { top: 16px; right: 16px; } .newCard__wrapper-body-item-content-label span:before { width: 16px; height: 16px; } .newCard__wrapper-body-item-content-label span:after { top: 5px; right: 5px; width: 8px; height: 8px; } .newCard__wrapper-body #imageGalleryMobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newCard__wrapper-body .lSSlideOuter.vertical { display: none; } .newCard__wrapper-body .lSSlideOuter { position: relative; margin-bottom: 30px; padding-bottom: 36px; } .newCard__wrapper-body .lSSlideWrapper .lSSlide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newCard__wrapper-body .lSSlideWrapper { margin-left: 0; } .newCard__wrapper-body .lSSlideWrapper li, .newCard__wrapper-body .lSSlideWrapper a { max-height: 100%; height: auto; } .newCard__wrapper-body .lSSlideOuter .lSPager.lSpg { margin: 0 !important; position: absolute; width: 100% !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; bottom: -4px; } .newCard__wrapper-body .lSSlideOuter .lSPager.lSpg li { width: auto !important; margin-top: 0; padding: 0 !important; display: inline !important; margin: 0; } .newCard__wrapper-body .lSSlideOuter .lSPager.lSpg li a { width: 8px; height: 8px; border-radius: 50%; opacity: 0.8; margin: 0 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #ddd; } .newCard__wrapper-body .lSSlideOuter .lSPager.lSpg li.active { border: none; border-radius: 0; } .newCard__wrapper-body .lSSlideOuter .lSPager.lSpg li.active a { opacity: 1; background-color: #37d97b !important; } } @media (max-width: 420px) { .newCard__wrapper-header h1 { max-width: 228px; font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newCard__wrapper-header-alert { bottom: 130px; } .newCard__wrapper-header-alert-block-close { top: 10px; right: 10px; } .newCard__wrapper-header-alert-block-close svg { width: 9px; min-width: 9px; height: 9px; min-height: 9px; } .newCard__wrapper-header-facts span { padding: 9px 0; min-width: 107px; width: 107px; font-size: 11px; } .newCard__wrapper-body .lSSlideWrapper li { max-height: 196px; } .newCard__wrapper-body .lSSlideOuter { margin-bottom: 24px; } } @media (max-width: 374px) { .newCard__wrapper-body .lSSlideWrapper li { max-height: 166px; } .newCard__wrapper .breadcrums { padding: 16px 0; } .newCard__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newCard__wrapper-header { padding-bottom: 20px; } .newCard__wrapper-header-alert { bottom: 84px; } .newCard__wrapper-header h1 { font-size: 18px; line-height: 24px; margin-bottom: 10px; } .newCard__wrapper-header-alert .callCardPopup { width: 20px; height: 20px; } .newCard__wrapper-header-facts { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newCard__wrapper-header-facts span { font-size: 10px; line-height: 14px; width: 95px; min-width: 95px; padding: 5px 0; text-align: center; margin-right: 5px; } .newCard__wrapper-header-rating { margin-top: 12px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newCard__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px 0 0; } .newCard__wrapper-header-rating-stars { margin-right: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard__wrapper-header-rating-stars svg { width: 15px; height: 15px; margin-right: 2px; } .newCard__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newCard__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newCard__wrapper-body .lSSlideOuter .lSPager.lSpg li a { width: 6px; height: 6px; margin: 0 3px; } .newCard__wrapper-body-item-content h3 { margin-bottom: 0; font-size: 18px; line-height: 18px; } .newCard__wrapper-body-item-content-status { font-size: 12px; line-height: 14px; } .newCard__wrapper-body-item-content-models { padding: 0 0 20px 0; } .newCard__wrapper-body-item-content-models label { min-width: 80px; margin-right: 11px; } .newCard__wrapper-body-item-content-models label span { padding: 10px 19px; font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-models h3 { font-size: 18px; line-height: 18px; } .newCard__wrapper-body-item-content-toggle label { min-width: 80px; margin-right: 10px; } .newCard__wrapper-body-item-content-toggle label span { font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-toggle h3 { font-size: 18px; line-height: 18px; } .newCard__wrapper-body-item-content-size label { -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; min-width: 80px; } .newCard__wrapper-body-item-content-size label span { font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-size h3 { font-size: 18px; line-height: 18px; } .newCard__wrapper-body-item-content-oldprice { font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-price { font-size: 20px; line-height: 20px; } .newCard__wrapper-body-item-content-text { font-size: 14px; line-height: 14px; } .newCard__wrapper-body-item-content-tip { font-size: 10px; line-height: 10px; margin-top: 12px; } .newCard__wrapper-body-item-content-buttons { margin-top: 31px; height: 40px; } .newCard__wrapper-body-item-content-buttons .submitCard { width: calc(100% - 10px); margin-right: 10px; font-size: 12px; line-height: 12px; height: 40px; padding: 13px; } .newCard__wrapper-body-item-content-buttons .callChatButton { height: 40px; } .newCard__wrapper-body-item-content-buttons .callChatButton .callChat { height: 40px; } .newCard__wrapper-body-item-content-label { padding: 13px 10px; } .newCard__wrapper-body-item-content-label span { top: 12px; right: 11px; } } .banner { background-color: #f8f8f8; } .banner__wrapper { padding: 0 0 80px; } .banner__wrapper-block { background-color: #fff; padding: 40px 0 47px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .banner__wrapper-block h2 { font-size: 44px; line-height: 57px; font-family: Montserrat-Bold; color: #010306; } .banner__wrapper-block p { margin-top: 11px; font-size: 33px; line-height: 40px; color: #000; text-align: center; } .banner__wrapper-block a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 16px; } .banner__wrapper-block a svg { margin-left: 18px; margin-top: 2px; } .banner__wrapper-block a svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .banner__wrapper-block a span { font-size: 24px; line-height: 31px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #56b8a2; font-weight: 500; } .banner__wrapper-block a:hover span { color: #12b857; } .banner__wrapper-block a:hover svg path { fill: #12b857; } @media (max-width: 991px) { .banner__wrapper { padding: 0 0 50px; } .banner__wrapper-block { background: url("/images/bannerTablet.png") 50% 50% no-repeat !important; background-size: cover !important; } .banner__wrapper-block h2 { font-size: 28px; line-height: 28px; } .banner__wrapper-block p { margin-top: 9px; font-size: 16px; line-height: 22px; } .banner__wrapper-block a { margin-top: 9px; } .banner__wrapper-block a span { font-size: 16px; line-height: 22px; } .banner__wrapper-block a svg { margin-left: 10px; width: 6px; margin-top: 1px; } } @media (max-width: 600px) { .banner__wrapper-block { background: url("/images/bannerMob.png") 50% 50% no-repeat !important; background-size: cover !important; padding: 149px 0 171px; } } @media (width: 375px) { .banner__wrapper-block { background: url("/images/bannerMob.png") 50% 50% no-repeat !important; background-size: cover !important; padding: 163px 0 183px; } .banner__wrapper-block h2 { font-size: 28px; line-height: 28px; } .banner__wrapper-block p { margin-top: 9px; font-size: 14px; line-height: 16px; } .banner__wrapper-block a { margin-top: 12px; } .banner__wrapper-block a span { font-size: 14px; line-height: 16px; } } @media (max-width: 374px) { .banner__wrapper-block { background: url("/images/bannerMob.png") 50% 50% no-repeat !important; background-size: cover !important; padding: 149px 0 171px; } .banner__wrapper-block h2 { font-size: 26px; line-height: 26px; } .banner__wrapper-block p { margin-top: 10px; font-size: 12px; line-height: 14px; } .banner__wrapper-block a { margin-top: 10px; } .banner__wrapper-block a span { font-size: 12px; line-height: 14px; } } .newCardInfo { background-color: #f8f8f8; } .newCardInfo__wrapper { padding: 0 0 120px 0; } .newCardInfo__wrapper h2 { font-size: 50px; line-height: 50px; color: #010306; font-family: Montserrat-SemiBold; } .newCardInfo__wrapper-items { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCardInfo__wrapper-items-item { background-color: #fff; -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; padding: 28px 16px 28px 170px; -webkit-box-shadow: 0 4px 30px rgba(0,0,0,0.1); box-shadow: 0 4px 30px rgba(0,0,0,0.1); position: relative; height: 140px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCardInfo__wrapper-items-item svg { position: absolute; bottom: 0; left: 0; } .newCardInfo__wrapper-items-item p { font-size: 18px; line-height: 23px; color: #010306; } .newCardInfo__wrapper-items-item p br.mob { display: none; } @media (max-width: 1180px) { .newCardInfo__wrapper h2 { font-size: 23px; line-height: 32px; text-align: center; } .newCardInfo__wrapper-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCardInfo__wrapper-items-item { padding-left: 180px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: 128px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; max-width: 520px; margin-left: auto; margin-right: auto; } .newCardInfo__wrapper-items-item:first-child { margin-top: 0; } .newCardInfo__wrapper-items-item p { max-width: 300px; } .newCardInfo__wrapper-items-item p br { display: none; } } @media (max-width: 991px) { .newCardInfo__wrapper { padding: 0 0 80px 0; margin-top: 0; } .newCardInfo__wrapper-items { margin-top: 20px; } .newCardInfo__wrapper-items-item { padding: 0 30px 0 180px; } .newCardInfo__wrapper-items-item svg { max-width: 120px; max-height: 120px; } .newCardInfo__wrapper-items-item:nth-child(3) svg { bottom: -3px; } } @media (max-width: 600px) { .newCardInfo__wrapper { padding: 0 0 50px 0; } .newCardInfo__wrapper h2 { font-size: 24px; line-height: 28px; text-align: left; } .newCardInfo__wrapper-items { margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newCardInfo__wrapper-items-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0 22px 0 93px; min-height: 76px; max-width: 414px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 16px 0 0; width: 100%; } .newCardInfo__wrapper-items-item p { max-width: 100%; font-size: 16px; line-height: 22px; } .newCardInfo__wrapper-items-item p br.mob { display: block; } .newCardInfo__wrapper-items-item svg { max-width: 70px; max-height: 70px; } .newCardInfo__wrapper-items-item:nth-child(3) svg { max-height: 64px; max-width: 71px; } } @media (max-width: 374px) { .newCardInfo__wrapper h2 { font-size: 22px; line-height: 22px; } .newCardInfo__wrapper-items-item { padding: 0 26px 0 90px; min-height: 70px; } .newCardInfo__wrapper-items-item p { font-size: 14px; line-height: 18px; } .newCardInfo__wrapper-items-item svg { max-width: 61px; max-height: 61px; } .newCardInfo__wrapper-items-item:nth-child(3) svg { max-height: 57px; max-width: 63px; } } .watchPage .reviews { padding-top: 100px; } .reviews { padding: 50px 0 80px; background-color: #f8f8f8; overflow: hidden; } .reviews__wrapper-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .reviews__wrapper-title h2 { font-size: 50px; line-height: 60px; color: #010306; font-family: Montserrat-SemiBold; } .reviews__wrapper-title span { font-size: 18px; line-height: 23px; color: #37d97b; cursor: pointer; font-weight: 400; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; margin-bottom: 8px; } .reviews__wrapper-title span:hover { color: #12b857; } .reviews__wrapper .slick-track { padding-top: 20px; padding-bottom: 20px; } .reviews__wrapper .slick-list { margin: 0; } .reviews__wrapper-slider { position: relative; margin: 0 -10px; } .reviews__wrapper-slider-slide { border-radius: 3px; background-color: #fff; position: relative; height: 236px; margin: 0 10px; -webkit-box-shadow: 0 4px 14px rgba(0,0,0,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.1); } .reviews__wrapper-slider-slide-front { padding: 20px 40px; display: block; } .reviews__wrapper-slider-slide-front svg { bottom: 20px; right: 20px; position: absolute; cursor: pointer; } .reviews__wrapper-slider-slide-back { display: none; position: relative; } .reviews__wrapper-slider-slide-back iframe { height: 236px; width: 100%; } .reviews__wrapper-slider-slide-back svg { top: 10px; right: 10px; position: absolute; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .reviews__wrapper-slider-slide-back svg:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .reviews__wrapper-slider-slide-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .reviews__wrapper-slider-slide-header img { margin-right: 30px; } .reviews__wrapper-slider-slide-header-content h3 { font-size: 20px; line-height: 26px; color: #000; font-weight: 700; } .reviews__wrapper-slider-slide-header-content a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; line-height: 18px; margin-top: 4px; color: #a7a6a9; font-weight: 400; } .reviews__wrapper-slider-slide-header-content a:hover { color: #37d97b; } .reviews__wrapper-slider-slide-body { max-width: 272px; } .reviews__wrapper-slider-slide-body h3 { font-size: 14px; line-height: 20px; color: #010306; font-weight: 500; margin-bottom: 11px; } .reviews__wrapper-slider-slide-body p { font-size: 14px; line-height: 20px; color: #a7a6a9; font-weight: 400; } .reviews__wrapper-slider-slide-body span { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; line-height: 20px; cursor: pointer; color: #a7a6a9; font-weight: 400; color: #37d97b; } .reviews__wrapper-slider-slide-body span:hover { color: #12b857; } .reviews__wrapper-slider-slide-footer span { display: none; } .reviews__wrapper-slider-prev, .reviews__wrapper-slider-next { background-image: none; width: 40px; height: 40px; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; background-color: #fff; top: calc(50% - 20px); opacity: 1; position: absolute; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); } .reviews__wrapper-slider-prev { left: -10px; } .reviews__wrapper-slider-prev svg { margin-left: -4px; } .reviews__wrapper-slider-next { right: -10px; } .reviews__wrapper-slider-next svg { margin-right: -4px; } .reviews__wrapper-slider .slick-disabled { opacity: 0.5; cursor: default; } @media (max-width: 1330px) { .reviews__wrapper-slider-prev, .reviews__wrapper-slider-next { display: none !important; } } @media (max-width: 1180px) { .watchPage .reviews { padding-top: 50px; } .reviews { padding: 25px 0 5px; } .reviews__wrapper-title { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 10px; } .reviews__wrapper-title h2 { font-size: 25px; line-height: 32px; } .reviews__wrapper-title span { font-size: 15px; line-height: 19px; } .reviews__wrapper-slider-slide { height: auto; } .reviews__wrapper-slider-slide-front { padding: 20px 15px; } .reviews__wrapper-slider-slide-front svg { bottom: auto; right: auto; position: relative; cursor: pointer; } .reviews__wrapper-slider-slide-back iframe { height: 291px; } .reviews__wrapper-slider-slide-header img { max-width: 60px; max-height: 60px; margin-right: 10px; } .reviews__wrapper-slider-slide-header-content h3 { font-size: 16px; line-height: 20px; } .reviews__wrapper-slider-slide-header-content a { font-size: 10px; line-height: 12px; margin-top: 5px; } .reviews__wrapper-slider-slide-body { max-width: 100%; } .reviews__wrapper-slider-slide-body h3 { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .reviews__wrapper-slider-slide-body p { font-size: 12px; line-height: 16px; } .reviews__wrapper-slider-slide-body span { font-size: 12px; line-height: 16px; } .reviews__wrapper-slider-slide-footer { margin-top: 11px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviews__wrapper-slider-slide-footer span { cursor: pointer; font-size: 14px; line-height: 18px; color: #37d97b; font-weight: 600; display: block; } } @media (max-width: 991px) { .newCardPage .reviews { padding-top: 80px; } } @media (max-width: 768px) { .watchPage .reviews { padding-top: 25px; } .newCardPage .reviews { padding-top: 50px; } .reviews__wrapper-title { margin-bottom: 0; } .reviews__wrapper-title h2 { font-size: 24px; line-height: 28px; } .reviews__wrapper-title span { font-size: 14px; line-height: 14px; margin-bottom: 4px; } .reviews__wrapper-slider-inner .slick-list { overflow: visible; } .reviews__wrapper-slider-slide-header { margin-bottom: 28px; } .reviews__wrapper-slider-slide-header-content a { font-size: 12px; line-height: 16px; margin-top: 10px; } .reviews__wrapper-slider-slide-header img { margin-right: 10px; } .reviews__wrapper-slider-slide-body h3 { margin-bottom: 16px; font-size: 15px; line-height: 15px; } .reviews__wrapper-slider-slide-body p { font-size: 14px; line-height: 20px; } .reviews__wrapper-slider-slide-body span { font-size: 14px; line-height: 20px; } .reviews__wrapper-slider-slide-footer { margin-top: 14px; } .reviews__wrapper-slider-slide-footer span { font-size: 15px; line-height: 15px; } } @media (max-width: 414px) { .newCardPage .reviews { padding-top: 25px; } } @media (max-width: 374px) { .reviews__wrapper-title { margin-bottom: 0; } .reviews__wrapper-title span { font-size: 12px; line-height: 13px; } .reviews__wrapper-slider-slide-header img { margin-right: 10px; } .reviews__wrapper-slider-slide-body h3 { margin-bottom: 16px; } .reviews__wrapper-slider-slide-footer { margin-top: 14px; } } .videoNew { max-height: 50rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; background-color: #f8f8f8; padding: 0 0 50px 0; } .videoNew__poster { padding: 0 0 50px 0; position: absolute; background-color: #f8f8f8; height: 100%; top: 0; left: calc(50% - 650px); z-index: 1; width: 100%; max-width: 1300px; } .videoNew__poster img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .videoNew__button { position: absolute; z-index: 2; padding: 0 0 50px 0; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .videoNew__stop { display: none; padding: 0 0 50px 0; cursor: pointer; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; } .videoNew #presentation { width: 100vw; background-color: #f8f8f8; } .videoNew #presentation iframe { left: calc(50% - 650px) !important; background-color: #f8f8f8; } .videoNew__wrapper { padding: 0 35px; max-width: 1370px; width: 100%; } @media (max-width: 1080px) { .videoNew__poster { left: 0; } .videoNew #presentation iframe { left: 0 !important; } } @media (max-width: 991px) { .videoNew { padding: 0 0 25px 0; } .videoNew__poster { padding: 0; } .videoNew__button { padding: 0; } .videoNew__stop { padding: 0; } } @media (max-width: 767px) { .videoNew__wrapper { padding: 0 16px; } } @media (max-width: 639px) { .videoNew__button svg { height: 40px; width: 40px; } } @media (max-width: 374px) { .videoNew__wrapper { padding: 0 10px; } } .callbackNew { padding: 50px 0; background-color: #f8f8f8; } .callbackNew__wrapper { position: relative; } .callbackNew__wrapper h2 { font-size: 30px; line-height: 39px; margin-bottom: 14px; font-family: Montserrat-SemiBold; color: #010306; } .callbackNew__wrapper p { font-size: 18px; line-height: 25px; color: #010306; margin-bottom: 30px; } .callbackNew__wrapper-input input { width: 280px; font-size: 12px; line-height: 13px; color: #c4c4c4; background-color: #fff; border-radius: 3px; border: 1px solid #ddd; padding: 18px 25px; margin-right: 20px; } .callbackNew__wrapper-button button { font-family: 'Roboto'; width: 200px; cursor: pointer; text-align: center; background-color: #37d97b; padding: 18px; font-size: 12px; line-height: 14px; color: #fff; border-radius: 3px; letter-spacing: 1px; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .callbackNew__wrapper-button button:hover { background-color: #12b857; } .callbackNew__wrapper-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .callbackNew__wrapper form { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .callbackNew__wrapper form label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 16px; cursor: pointer; } .callbackNew__wrapper form label input { position: absolute; left: 0; top: 0; visibility: hidden; } .callbackNew__wrapper form label p { font-size: 12px; line-height: 14px; position: relative; padding-left: 19px; } .callbackNew__wrapper form label p a { margin-left: 2px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .callbackNew__wrapper form label p a:hover { color: #12b857; } .callbackNew__wrapper form label p:before { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border: 1px solid #ddd; background-color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .callbackNew__wrapper form label p:after { content: url("/images/check.svg"); position: absolute; top: 0; left: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .callbackNew__wrapper form label input:checked + p:after { opacity: 1; } .callbackNew__wrapper-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .callbackNew__wrapper-footer-phone { margin-right: 150px; } .callbackNew__wrapper-footer-phone a { font-size: 18px; line-height: 21px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .callbackNew__wrapper-footer-phone a:hover { color: #12b857; } .callbackNew__wrapper-footer-contacts a { margin-right: 46px; } .callbackNew__wrapper-footer-contacts a:last-child { margin-right: 0; } .callbackNew__image { position: absolute; right: 0; bottom: 0; } .callbackNew__image img { width: 100%; display: block; height: auto; } @media (max-width: 1240px) { .callbackNew__image { display: none; } } @media (max-width: 991px) { .callbackNew { padding: 25px 0; } .callbackNew__wrapper h2 { font-size: 16px; line-height: 20px; margin-bottom: 7px; } .callbackNew__wrapper p { font-size: 14px; line-height: 18px; margin-bottom: 18px; } .callbackNew__wrapper p br { display: none; } .callbackNew__wrapper-input { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 10px; } .callbackNew__wrapper-input:first-child { margin-top: 0; } .callbackNew__wrapper-input input { width: 100%; margin-right: 0; } .callbackNew__wrapper-button { margin-top: 10px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .callbackNew__wrapper-button button { width: 100%; padding: 16px; font-size: 15px; line-height: 17px; } .callbackNew__wrapper-form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .callbackNew__wrapper form label { margin-top: 11px; } .callbackNew__wrapper form label input { margin-right: 10px; } .callbackNew__wrapper form label p { font-size: 10px; line-height: 12px; } .callbackNew__wrapper form label p:before { top: -2px; } .callbackNew__wrapper-footer { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .callbackNew__wrapper-footer-phone { margin-right: 0; } .callbackNew__wrapper-footer-phone a { font-size: 14px; line-height: 18px; } .callbackNew__wrapper-footer-contacts a { margin-right: 30px; } } .gallery { padding: 30px 0 60px; } .gallery__wrapper h2 { text-align: center; font-size: 50px; line-height: 50px; font-family: Montserrat-SemiBold; margin-bottom: 45px; } .gallery__blocks { position: relative; } .gallery__blocks-block { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery__blocks-block-img { overflow: hidden; max-height: 310px; margin-bottom: 20px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-radius: 3px; } .gallery__blocks-block-img img { width: 100%; -o-object-fit: cover; object-fit: cover; } .gallery__blocks-block-count { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; font-size: 18px; line-height: 20px; color: #939393; } .gallery__blocks-block date { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: right; font-size: 18px; line-height: 20px; color: #010306; display: inline-block; } .gallery__blocks-prev, .gallery__blocks-next { z-index: 2; background-image: none; width: 40px; height: 40px; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; background-color: #fff; top: calc(50% - 40px); opacity: 1; position: absolute; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); } .gallery__blocks-prev { left: -20px; } .gallery__blocks-prev svg { margin-left: -2px; } .gallery__blocks-next { right: -20px; } .gallery__blocks-next svg { margin-right: -2px; } .gallery__blocks .swiper-button-disabled { opacity: 0.5; cursor: default; } .gallery__blocks .swiper-pagination { display: none; width: 100%; bottom: -36px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gallery__blocks .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; opacity: 0.8; margin: 0 6px !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #ddd; } .gallery__blocks .swiper-pagination-bullet-active { opacity: 1; background-color: #37d97b; } @media (max-width: 991px) { .gallery { padding: 65px 0 55px; background-color: #f8f8f8; } .gallery__wrapper h2 { font-size: 30px; line-height: 30px; margin-bottom: 28px; } .gallery__blocks-block-img { height: auto; margin-bottom: 23px; } .gallery__blocks-block-count { line-height: 18px; } .gallery__blocks-block date { line-height: 18px; } .gallery__blocks-prev, .gallery__blocks-next { display: none !important; } .gallery__blocks .swiper-wrapper { padding-bottom: 36px; } .gallery__blocks .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; bottom: 0; } } @media (max-width: 767px) { .gallery { overflow: hidden; padding: 40px 0 25px; } .gallery__wrapper h2 { font-size: 24px; line-height: 28px; margin-bottom: 20px; } .gallery__blocks-block-img { margin-bottom: 19px; } .gallery__blocks-block-count { font-size: 16px; line-height: 16px; } .gallery__blocks-block date { font-size: 16px; line-height: 16px; } .gallery__blocks .swiper-container { overflow: visible; } .gallery__blocks .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px !important; } } @media (width: 375px) { .gallery { padding: 30px 0 25px; } } @media (max-width: 374px) { .gallery { padding: 30px 0 25px; } .gallery__wrapper h2 { font-size: 22px; line-height: 22px; } .gallery__blocks-block-img { margin-bottom: 20px; } .gallery__blocks-block-count { font-size: 14px; line-height: 14px; } .gallery__blocks-block date { font-size: 14px; line-height: 14px; } } .services { padding: 50px 0 50px; background-color: #f8f8f8; } .services__wrapper h2 { text-align: center; font-size: 50px; line-height: 50px; font-family: Montserrat-SemiBold; margin-bottom: 66px; } .services__blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0 -22px; } .services__blocks-block { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; padding: 0 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .services__blocks-block h3 { font-size: 18px; line-height: 18px; color: #010306; font-weight: 500; margin-bottom: 28px; margin-top: 47px; } .services__blocks-block-icon { padding-left: 72px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; } .services__blocks-block-link a { font-size: 15px; line-height: 20px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .services__blocks-block-link a:hover { color: #37d97b; } .services__blocks-block:nth-child(1) .services__blocks-block-icon svg { margin-top: -5px; } .services__blocks-block:nth-child(4) .services__blocks-block-icon { padding-left: 90px; } @media (max-width: 991px) { .services { display: none; } } .fixedSocial { position: fixed; display: block; top: 123px; right: 10px; z-index: 3; } .fixedSocial button { display: block; background-color: #010306; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; } .fixedSocial button .newCard__wrapper-body-item-content-buttons-inner { padding: 0 24px 0 22px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .fixedSocial button .newCard__wrapper-body-item-content-buttons-inner-status { top: 10px; right: 15px; } .fixedSocial button .newCard__wrapper-body-item-content-buttons-inner span { position: relative; top: auto; right: auto; margin-left: 8px; color: #fff; font-size: 15px; line-height: 19px; } .fixedSocial button .newCard__wrapper-body-item-content-buttons-inner span:before { display: none; } .fixedSocial button .newCard__wrapper-body-item-content-buttons-inner span:after { display: none; } .newWork { overflow-x: hidden; background-color: #f8f8f8; } .newWork__wrapper .breadcrums { padding: 20px 0; } .newWork__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWork__wrapper .breadcrums a:hover { color: #37d97b; } .newWork__wrapper .breadcrums svg { margin: 0 10px; } .newWork__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWork__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 33%; } .newWork__wrapper-header-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWork__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: $darkgrayay; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWork__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWork__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWork__wrapper-header-rating-stars svg { margin-right: 3px; } .newWork__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWork__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWork__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWork__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWork__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 100px; } .newWork__wrapper-blocks-mobModels { display: none; } .newWork__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(33% - 10px); -ms-flex-preferred-size: calc(33% - 10px); flex-basis: calc(33% - 10px); margin-right: 10px; display: block; overflow: hidden; } .newWork__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWork__wrapper-blocks-models-inner { overflow-x: hidden; } .newWork__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 8px 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWork__wrapper-blocks-models-item span { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWork__wrapper-blocks-models-item span:hover { color: #37d97b; } .newWork__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWork__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWork__wrapper-blocks-models-item span { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWork__wrapper-blocks-models-item:hover span { color: #37d97b; } .newWork__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWork__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWork__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWork__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWork__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(67% - 5px); -ms-flex-preferred-size: calc(67% - 5px); flex-basis: calc(67% - 5px); max-width: calc(67% - 5px); position: relative; } .newWork__wrapper-blocks-right .row { display: block; } .newWork__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWork__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; height: 2px; } .newWork__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWork__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { left: -5px; } .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWork__wrapper-blocks-right-block { margin-top: 40px; } .newWork__wrapper-blocks-right .col { width: 100%; } .newWork__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 8.333333%; -ms-flex-preferred-size: 8.333333%; flex-basis: 8.333333%; max-width: 8.333333%; padding: 0 5px; } .newWork__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 16.666667%; -ms-flex-preferred-size: 16.666667%; flex-basis: 16.666667%; max-width: 16.666667%; padding: 0 5px; } .newWork__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; padding: 0 5px; } .newWork__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 33.333333%; -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; max-width: 33.333333%; padding: 0 5px; } .newWork__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 42.666667%; -ms-flex-preferred-size: 42.666667%; flex-basis: 42.666667%; max-width: 42.666667%; padding: 0 5px; } .newWork__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0 5px; } .newWork__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 57.333333%; -ms-flex-preferred-size: 57.333333%; flex-basis: 57.333333%; max-width: 57.333333%; padding: 0 5px; } .newWork__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 66.666667%; -ms-flex-preferred-size: 66.666667%; flex-basis: 66.666667%; max-width: 66.666667%; padding: 0 5px; } .newWork__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; padding: 0 5px; } .newWork__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 83.333333%; -ms-flex-preferred-size: 83.333333%; flex-basis: 83.333333%; max-width: 83.333333%; padding: 0 5px; } .newWork__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 91.666667%; -ms-flex-preferred-size: 91.666667%; flex-basis: 91.666667%; max-width: 91.666667%; padding: 0 5px; } .newWork__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0 5px; } .newWork__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 20px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWork__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWork__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWork__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWork__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWork__wrapper-blocks-right-block-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWork__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWork__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWork__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWork__wrapper-blocks-right .col:nth-child(2) img { position: absolute; bottom: 0; right: 0; height: 98px; } .newWork__wrapper-blocks-right .col:nth-child(3) img { position: absolute; bottom: 0; left: 0; height: 98px; } .newWork__wrapper-blocks-right .col:nth-child(6) img { position: absolute; bottom: 0; right: 0; height: 150px; } .newWork__wrapper-blocks-right .col:nth-child(7) img { position: absolute; bottom: 0; left: 0; height: 112px; } .newWork__wrapper-blocks-right .col:nth-child(1) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .col:nth-child(2) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .col:nth-child(3) .newWork__wrapper-blocks-right-block { height: 178px; } .newWork__wrapper-blocks-right .col:nth-child(4) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .col:nth-child(5) .newWork__wrapper-blocks-right-block { height: 224px; } .newWork__wrapper-blocks-right .col:nth-child(6) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .col:nth-child(7) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .col:nth-child(8) .newWork__wrapper-blocks-right-block { height: 180px; } .newWork__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWork__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWork__wrapper-blocks-right .swiper-slide:nth-child(1) .newWork__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #216bc1 1.66%, #38b3c4 83.54%, #9af9d6 212.93%); background: linear-gradient(101.54deg, #216bc1 1.66%, #38b3c4 83.54%, #9af9d6 212.93%); } .newWork__wrapper-blocks-right .swiper-slide:nth-child(4) .newWork__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(356.19deg, #216bc1 -1.41%, #38b3c3 90.02%, #87e9c5 279.25%, #9af9d6 279.25%); background: linear-gradient(93.81deg, #216bc1 -1.41%, #38b3c3 90.02%, #87e9c5 279.25%, #9af9d6 279.25%); } .newWork__wrapper-blocks-right .swiper-slide:nth-child(5) .newWork__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(351.46deg, #216bc1 -57.57%, #38b3c3 11.7%, #9af9d6 96.01%); background: linear-gradient(98.54deg, #216bc1 -57.57%, #38b3c3 11.7%, #9af9d6 96.01%); } .newWork__wrapper-blocks-right .swiper-slide:nth-child(8) .newWork__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(344.56deg, #216bc1 -127.99%, #38b3c3 -45.31%, #87e9c5 93.88%); background: linear-gradient(105.44deg, #216bc1 -127.99%, #38b3c3 -45.31%, #87e9c5 93.88%); } @media (max-width: 1180px) { .newWork__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWork__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWork__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .newWork__wrapper-blocks-models { display: none; } .newWork__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWork__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWork__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWork__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWork__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWork__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWork__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWork__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWork__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWork__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWork__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWork__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWork__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWork__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWork__wrapper-blocks-mobModels-blocks-block.active .newWork__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWork__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWork__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWork__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWork__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWork__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWork__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWork__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWork__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(2) img, .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(6) img { right: 0; } .newWork__wrapper-blocks-right .row .swiper-slide .newWork__wrapper-blocks-right-block { height: 100%; } .newWork__wrapper-blocks-right .row .swiper-slide .newWork__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWork__wrapper-blocks-right .row .swiper-slide .newWork__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWork__wrapper-blocks-right-block, .newWork__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWork__wrapper-blocks-right-block { margin-top: 0; } .newWork__wrapper-blocks-right .col1, .newWork__wrapper-blocks-right .col2, .newWork__wrapper-blocks-right .col3, .newWork__wrapper-blocks-right .col4, .newWork__wrapper-blocks-right .col5, .newWork__wrapper-blocks-right .col6, .newWork__wrapper-blocks-right .col7, .newWork__wrapper-blocks-right .col8, .newWork__wrapper-blocks-right .col9, .newWork__wrapper-blocks-right .col10, .newWork__wrapper-blocks-right .col11, .newWork__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWork__wrapper-blocks-right-block { margin-top: 0; } .newWork__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWork__wrapper-blocks-right .col:nth-child(2) img { height: 212px; } .newWork__wrapper-blocks-right .col:nth-child(3) img { height: 212px; } .newWork__wrapper-blocks-right .col:nth-child(6) img { height: 215px; } .newWork__wrapper-blocks-right .col:nth-child(7) img { height: 160px; } } @media (max-width: 816px) { .newWork__wrapper-header-rating-title { margin: 0 24px; } .newWork__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWork__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWork__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWork__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWork__wrapper .breadcrums { padding: 20px 0; } .newWork__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWork__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWork__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWork__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWork__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWork__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWork__wrapper-header-rating-stars { margin-top: -2px; } .newWork__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWork__wrapper-blocks { padding-bottom: 50px; } .newWork__wrapper-blocks-mobModels { margin-top: 50px; } .newWork__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWork__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWork__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWork__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWork__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWork__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWork__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWork__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWork__wrapper-blocks-right .col1, .newWork__wrapper-blocks-right .col2, .newWork__wrapper-blocks-right .col3, .newWork__wrapper-blocks-right .col4, .newWork__wrapper-blocks-right .col5, .newWork__wrapper-blocks-right .col6, .newWork__wrapper-blocks-right .col7, .newWork__wrapper-blocks-right .col8, .newWork__wrapper-blocks-right .col9, .newWork__wrapper-blocks-right .col10, .newWork__wrapper-blocks-right .col11, .newWork__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWork__wrapper-blocks-right .col:nth-child(2) img { height: 143px; } .newWork__wrapper-blocks-right .col:nth-child(3) img { height: 143px; } .newWork__wrapper-blocks-right .col:nth-child(6) img { height: 173px; } .newWork__wrapper-blocks-right .col:nth-child(7) img { height: 128px; } .newWork__wrapper-blocks-right .row { margin: 0 -5px; } .newWork__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 220px; } .newWork__wrapper-blocks-right .row .swiper-slide .newWork__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWork__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWork__wrapper-blocks-right-block-svg { bottom: 22px; } .newWork__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWork__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWork__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWork__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWork__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWork__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWork__wrapper-blocks-right-block.gradient .newWork__wrapper-blocks-right-block-title h3, .newWork__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWork__wrapper-header h1 { font-size: 18px; line-height: 24px; } } @media (width: 375px) { .newWork__wrapper .breadcrums { padding: 20px 0 16px; } .newWork__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWork__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWork__wrapper-header-rating-count { padding-top: 2px; } .newWork__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWork__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWork__wrapper-blocks { padding-bottom: 60px; } .newWork__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWork__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWork__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWork__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWork__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWork__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWork__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWork__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWork__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .repair { background-color: #f8f8f8; padding-bottom: 100px; } .repair__wrapper-title { font-size: 30px; line-height: 36px; color: #010306; font-family: Montserrat-SemiBold; } .repair__wrapper-items { margin-top: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .repair__wrapper-items-content { -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .repair__wrapper-items-content-price { font-size: 34px; line-height: 38px; color: #010306; font-family: Montserrat-SemiBold; } .repair__wrapper-items-content-text { margin-top: 15px; margin-bottom: 11px; } .repair__wrapper-items-content-text p { font-size: 18px; line-height: 24px; color: #010306; padding-left: 21px; font-weight: 400; border-left: 3px solid #37d97b; } .repair__wrapper-items-content-bottom { margin-top: 19px; } .repair__wrapper-items-content-bottom button.pc { color: #fff; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; background-color: #37d97b; font-size: 16px; line-height: 18px; text-align: center; padding: 16px; max-width: 250px; width: 100%; } .repair__wrapper-items-content-bottom button.pc:hover { background-color: #12b857; } .repair__wrapper-items-content-bottom button.mob { display: none; } .repair__wrapper-items-choose { display: block; -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } .repair__wrapper-items-choose-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-top: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 94px; } .repair__wrapper-items-choose-item-icon { border-radius: 4px 0 0 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 2; position: relative; margin-top: 1px; overflow: hidden; } .repair__wrapper-items-choose-item-icon img { display: none; max-width: 166px; height: 95px; } .repair__wrapper-items-choose-item-icon img.active { display: block; height: 95px; } .repair__wrapper-items-choose-item select { position: absolute; top: 0; left: 0; border: 0; width: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding-left: 208px; font-size: 18px; line-height: 22px; height: 95px; } .repair__wrapper-items-choose-item select option { cursor: pointer; font-size: 16px; } .repair__wrapper-items-choose-item:nth-child(1) { margin-top: 0; } .repair__wrapper-items-choose-item-content { margin-top: 3px; z-index: 2; position: absolute; right: 31px; padding: 0 0 0 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .repair__wrapper-items-choose-models .repair__wrapper-items-choose-item-icon img { display: block; } .repair__wrapper-items-choose-size .repair__wrapper-items-choose-item-icon img { display: block; } @media (max-width: 1180px) { .repair { padding-bottom: 80px; } .repair__wrapper-title { font-size: 25px; line-height: 32px; } .repair__wrapper-items { margin-top: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .repair__wrapper-items-choose { margin-top: 30px; } .repair__wrapper-items-choose-item-icon img { max-width: 128px; -o-object-fit: cover; object-fit: cover; } .repair__wrapper-items-choose-item select { padding-left: 154px; } .repair__wrapper-items-content { padding-left: 0; margin-top: 25px; -webkit-flex-basis: 37%; -ms-flex-preferred-size: 37%; flex-basis: 37%; } .repair__wrapper-items-content-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .repair__wrapper-items-content-bottom button.pc { max-width: 100%; width: 100%; } .repair__wrapper-items-content-price { width: 100%; font-size: 30px; line-height: 39px; } .repair__wrapper-items-content-text { margin-top: 15px; width: 100%; } .repair__wrapper-items-content-text p { font-size: 12px; line-height: 15px; } .repair__wrapper-items-content-size { display: none; } } @media (max-width: 768px) { .repair { padding-bottom: 50px; } .repair__wrapper-title { font-size: 25px; line-height: 35px; } .repair__wrapper-items-content-price { font-size: 22px; line-height: 28px; } .repair__wrapper-items-content-bottom { margin-top: 30px; } .repair__wrapper-items-content-text p { font-size: 12px; line-height: 15px; padding-left: 10px; } .repair__wrapper-items-choose { margin-top: 20px; } .repair__wrapper-items-choose-item-content { right: 21px; } } @media (max-width: 767px) { .repair__wrapper-title { font-size: 16px; line-height: 20px; } .repair__wrapper-items-choose { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .repair__wrapper-items-choose-item { margin-top: 10px; height: auto; } .repair__wrapper-items-choose-item-icon { height: 40px; border-radius: 3px 0 0 3px; overflow: hidden; margin-top: 0; } .repair__wrapper-items-choose-item-icon img { max-width: 40px; -o-object-fit: cover; object-fit: cover; max-height: 40px; } .repair__wrapper-items-choose-item select { height: 40px; padding-left: 50px; font-size: 14px; line-height: 14px; } .repair__wrapper-items-content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .repair__wrapper-items-content-price { font-size: 22px; line-height: 28px; width: 100%; } .repair__wrapper-items-content-text { margin-top: 20px; width: 100%; } .repair__wrapper-items-content-text p { font-size: 12px; line-height: 15px; padding-left: 10px; } .repair__wrapper-items-content-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .repair__wrapper-items-content-bottom button.pc { color: #fff; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; background-color: #37d97b; font-size: 15px; line-height: 17px; text-align: center; padding: 15px; max-width: 290px; width: 100%; margin-right: 10px; } .repair__wrapper-items-content-bottom button.mob { display: block; background-color: #010306; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; } .repair__wrapper-items-content-bottom button.mob .newCard__wrapper-body-item-content-buttons-inner { padding: 0 24px 0 22px; } } @media (width: 375px) { .repair__wrapper-title { font-size: 24px; line-height: 28px; } .repair__wrapper-items-choose-item select { padding-left: 58px; font-size: 16px; line-height: 16px; height: 44px; } .repair__wrapper-items-choose-item-content { right: 20px; } .repair__wrapper-items-choose-item-icon { height: 44px; } .repair__wrapper-items-choose-item-icon img { max-height: 44px; max-width: 44px; } .repair__wrapper-items-content { margin-top: 32px; } .repair__wrapper-items-content-price { font-size: 26px; line-height: 26px; } .repair__wrapper-items-content-text { margin-top: 18px; } .repair__wrapper-items-content-text p { font-size: 14px; line-height: 18px; } .repair__wrapper-items-content-bottom button.pc { font-size: 16px; line-height: 16px; } } .newForm { padding-bottom: 120px; } .newForm__wrapper { background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; padding: 48px 110px 80px; position: relative; } .newForm__wrapper h2 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 48px; } .newForm__icon { position: absolute; top: 0; right: 0; } .newForm__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newForm__info { max-width: 420px; width: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; z-index: 2; position: relative; } .newForm__info__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: 40px; } .newForm__info__item:first-child { margin-top: 0; } .newForm__info__item:nth-child(3) { margin-top: 31px; } .newForm__info__item h4 { font-size: 20px; line-height: 20px; color: #010306; margin-right: 16px; } .newForm__info__item span { font-size: 35px; line-height: 35px; font-family: Montserrat-SemiBold; color: #010306; } .newForm__info__item svg { margin-left: 16px; cursor: pointer; } .newForm__info__item p { font-size: 12px; line-height: 16px; color: #5c5b5b; } .newForm__info__item p a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #37d97b; } .newForm__info__item p a:hover { color: #12b857; } .newForm__info button { margin-top: 14px; background-color: #37d97b; padding: 17px; width: 100%; border: none; cursor: pointer; color: #fff; font-size: 17px; line-height: 17px; border-radius: 3px; display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newForm__info button:hover { background-color: #12b857; } .newForm__form { max-width: 530px; width: 100%; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-gap: 20px; } .newForm__input__inner { position: relative; } .newForm__input__inner input { border: 1px solid #c4c4c4; padding: 17px 20px; color: #010306; height: 50px; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; font-size: 16px; line-height: 16px; } .newForm__input__inner input:active, .newForm__input__inner input:focus, .newForm__input__inner input:hover { border-color: #37d97b; } .newForm__input__inner svg { position: absolute; left: 1px; top: 1px; height: 48px; width: 48px; } .newForm__input span { font-size: 16px; line-height: 16px; color: #939393; display: block; margin-bottom: 6px; } .newForm__input:nth-child(1) { grid-column: 1/7; } .newForm__input:nth-child(2) { grid-column: 7/13; } .newForm__input:nth-child(3) { grid-column: 1/13; } .newForm__input:nth-child(3) input { padding-left: 73px; } .newForm__input:nth-child(4) { grid-column: 1/4; } .newForm__input:nth-child(5) { grid-column: 4/7; } .newForm__input:nth-child(6) { grid-column: 7/10; } .newForm__input:nth-child(7) { grid-column: 10/13; } .newForm__input:nth-child(8) { grid-column: 1/13; } @media (max-width: 1180px) { .newForm { padding-bottom: 50px; } .newForm__wrapper { padding: 40px 90px 51px; } .newForm__wrapper h2 { font-size: 36px; line-height: 36px; margin-bottom: 32px; } .newForm__icon { display: none; } .newForm__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newForm__info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 40px; margin-top: 37px; max-width: 100%; } .newForm__info__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: 0; } .newForm__info__item:nth-child(2) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .newForm__info__item:nth-child(3) { margin-top: 0; } .newForm__info__item h4 { font-size: 16px; line-height: 16px; margin-right: 8px; } .newForm__info__item span { font-size: 22px; line-height: 22px; } .newForm__info__item svg { margin-left: 8px; } .newForm__info button { margin-top: 0; padding: 16px; } .newForm__form { grid-gap: 24px; max-width: 100%; } .newForm__input__inner { position: relative; } .newForm__input__inner input { padding: 17px; } } @media (max-width: 768px) { .newForm__wrapper { padding: 40px 40px 51px; } } @media (max-width: 650px) { .newForm__wrapper { padding: 32px 16px 40px; } .newForm__wrapper h2 { text-align: center; font-size: 24px; line-height: 32px; margin-bottom: 30px; } .newForm__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 0; margin-top: 24px; } .newForm__info__item { margin-top: 30px; } .newForm__info__item:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 30px; } .newForm__info__item:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0; } .newForm__info__item:nth-child(3) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; margin-top: 16px; } .newForm__info button { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; margin-top: 40px; } .newForm__form { grid-gap: 16px; } .newForm__input:nth-child(1) { grid-column: 1/13; } .newForm__input:nth-child(2) { grid-column: 1/13; } .newForm__input:nth-child(4) { grid-column: 1/7; } .newForm__input:nth-child(5) { grid-column: 7/13; } .newForm__input:nth-child(6) { grid-column: 1/7; } .newForm__input:nth-child(7) { grid-column: 7/13; } } .seo { padding: 20px 0 100px; background-color: #f8f8f8; } .seo__wrapper-blocks-block { -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-radius: 3px; background-color: #fff; padding-bottom: 36px; } .seo__wrapper-blocks-block-header { padding: 36px 110px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } .seo__wrapper-blocks-block-header h3 { font-size: 25px; line-height: 27px; color: #010306; font-weight: 500; } .seo__wrapper-blocks-block-body { padding: 0 110px; display: none; } .seo__wrapper-blocks-block-body p { font-size: 18px; line-height: 24px; color: #010306; } .seo__wrapper-blocks-block-body p:nth-child(1) { margin-top: 36px; } .seo.seo-card { padding-top: 50px; background-color: #f8f8f8; } @media (max-width: 1180px) { .seo { padding: 50px 0; } .seo__wrapper-blocks-block { padding-bottom: 19px; } .seo__wrapper-blocks-block-header { padding: 19px 58px 0; } .seo__wrapper-blocks-block-header h3 { font-size: 18px; line-height: 22px; } .seo__wrapper-blocks-block-header svg { width: 20px; height: 20px; } .seo__wrapper-blocks-block-body { padding: 0 58px; } .seo__wrapper-blocks-block-body p { font-size: 16px; line-height: 22px; } .seo__wrapper-blocks-block-body p:nth-child(1) { margin-top: 19px; } } @media (max-width: 991px) { .seo.seo-card { padding-top: 25px; } } @media (max-width: 414px) { .seo__wrapper-blocks-block { padding-bottom: 20px; } .seo__wrapper-blocks-block-header { padding: 20px 21px 0; } .seo__wrapper-blocks-block-header h3 { font-size: 14px; line-height: 18px; } .seo__wrapper-blocks-block-header svg { width: 12px; } .seo__wrapper-blocks-block-body { padding: 0 21px; } .seo__wrapper-blocks-block-body p { font-size: 16px; line-height: 22px; } .seo__wrapper-blocks-block-body p:nth-child(1) { margin-top: 12px; } } @media (max-width: 375px) { .seo { padding: 25px 0 50px; } } .trade-in { padding: 0 0 100px; overflow: hidden; } .trade-in__sell { background-color: #f8f8f8; } .trade-in-banner { position: relative; margin-top: 26px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .trade-in-banner img.mob { display: none; width: 100%; } .trade-in-banner img.tablet { display: none; } .trade-in-banner-text { position: absolute; margin-top: -100px; height: 208px; max-width: 50vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .trade-in-banner-text h2 { font-size: 1.719vw; line-height: 2.24vw; color: #000; font-family: Montserrat-Bold; margin-bottom: 17px; text-align: center; } .trade-in-banner-text p { font-size: 4.385vw; line-height: 5vw; color: #000; font-family: Montserrat-Bold; text-align: center; } .trade-in-banner-text p br { display: none; } .trade-in-banner img { display: block; width: 100%; } .trade-in__wrapper .breadcrums { padding: 20px 0 24px; } .trade-in__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .trade-in__wrapper .breadcrums a:hover { color: #37d97b; } .trade-in__wrapper .breadcrums svg { margin: 0 10px; } .trade-in__wrapper-info { margin-top: 20px; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.15); border-radius: 3px; padding: 50px 90px; } .trade-in__wrapper-info-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .trade-in__wrapper-info-item:first-child { margin-top: 0; } .trade-in__wrapper-info-item svg { margin-right: 40px; width: 46px; height: 46px; min-width: 46px; min-height: 46px; } .trade-in__wrapper-info-item span { font-size: 20px; line-height: 24px; color: #010306; } .trade-in__wrapper-sell { padding-top: 60px; padding-bottom: 40px; } .trade-in__wrapper-sell h2 { font-size: 44px; line-height: 44px; color: #010306; font-family: Montserrat-SemiBold; } .trade-in__wrapper-sell-block { border-radius: 3px; margin-top: 32px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); background-color: #fff; border-radius: 3px; padding: 40px 90px 42px; } .trade-in__wrapper-sell-block-inputs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .trade-in__wrapper-sell-block-inputs-input { margin-right: 20px; position: relative; } .trade-in__wrapper-sell-block-inputs-input:last-child { margin-right: 0; } .trade-in__wrapper-sell-block-inputs-input span { display: block; font-size: 20px; line-height: 22px; color: #000; font-weight: 500; } .trade-in__wrapper-sell-block-inputs-input select { max-width: 300px; width: 300px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 16px; border: 1px solid #c4c4c4; border-radius: 3px; padding: 13px 17px 9px 14px; font-size: 18px; line-height: 20px; color: #010306; font-weight: 400; background-color: #fff; } .trade-in__wrapper-sell-block-inputs-input svg { position: absolute; right: 17px; bottom: 19px; z-index: 2; width: 7px; height: 4px; } .trade-in__wrapper-sell-block-items { margin-top: 50px; display: grid; grid-template-columns: repeat(2, 1fr); max-width: 710px; } .trade-in__wrapper-sell-block-items-item:nth-child(1) { grid-column: 1/2; } .trade-in__wrapper-sell-block-items-item:nth-child(2) { margin-left: 135px; grid-column: 2/3; grid-row: 1/3; } .trade-in__wrapper-sell-block-items-item:nth-child(2) .trade-in__wrapper-sell-block-items-item-price { font-size: 35px; line-height: 45px; } .trade-in__wrapper-sell-block-items-item:nth-child(3) { margin-top: 32px; grid-column: 1/2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-in__wrapper-sell-block-items-item h3 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 20px; line-height: 22px; color: #000; font-weight: 500; } .trade-in__wrapper-sell-block-items-item-select { margin-right: 16px; margin-top: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .trade-in__wrapper-sell-block-items-item-select select { background-color: #fff; border-radius: 3px; border: 1px solid #c4c4c4; padding: 8px 27px 6px 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .trade-in__wrapper-sell-block-items-item-select svg { position: absolute; right: 10px; } .trade-in__wrapper-sell-block-items-item-price { font-size: 25px; line-height: 25px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 10px; } .trade-in__wrapper-sell-block-items-item span { margin-top: 12px; display: inline-block; font-size: 10px; line-height: 16px; color: #939393; font-weight: 400; } .trade-in__wrapper-sell-block-items-item button { margin-top: 30px; background-color: #37d97b; border-radius: 3px; cursor: pointer; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 250px; max-width: 250px; padding: 15px; text-align: center; border: none; color: #fff; font-weight: 400; font-size: 15px; line-height: 17px; } .trade-in__wrapper-sell-block-items-item button:hover { background-color: #12b857; } .trade-in__buy { padding-top: 100px; } .trade-in__buy h2 { font-size: 44px; line-height: 44px; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 30px; } .trade-in__buy h2 br { display: none; } .trade-in__buy__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .trade-in__buy__items-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .trade-in__buy__image { padding: 65px 75px; background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; margin-right: 71px; } .trade-in__buy__select { margin-bottom: 32px; } .trade-in__buy__select h3 { font-size: 20px; line-height: 22px; font-weight: 500; margin-bottom: 16px; } .trade-in__buy__select-item { position: relative; border: 1px solid #c4c4c4; border-radius: 3px; max-width: 274px; width: 274px; } .trade-in__buy__select-item select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 13px 17px 9px 14px; font-size: 18px; border: none; line-height: 20px; width: 100%; color: #010306; font-weight: 400; background-color: #fff; } .trade-in__buy__select-item svg { position: absolute; right: 17px; bottom: 17px; z-index: 2; width: 7px; height: 4px; } .trade-in__buy__colors.mob { display: none; } .trade-in__buy__colors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-in__buy__colors h3 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 20px; line-height: 22px; font-weight: 500; margin-bottom: 16px; } .trade-in__buy__colors label { margin-right: 19px; position: relative; max-width: 30px; max-height: 30px; cursor: pointer; } .trade-in__buy__colors label input { position: absolute; visibility: hidden; top: 0; left: 0; } .trade-in__buy__colors label span { width: 30px; height: 30px; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .trade-in__buy__colors label span svg { position: absolute; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .trade-in__buy__colors label input:checked + span svg { opacity: 1; } .trade-in__buy__colors label span.color-blue { background-color: #426396; } .trade-in__buy__colors label span.color-white { background-color: #fafafa; border: 1px solid #dadada; } .trade-in__buy__colors label span.color-red { background-color: #bd4242; } .trade-in__buy__colors label span.color-brown { background-color: #53524e; } .trade-in__buy__colors label span.color-pink { background-color: #ffbfcd; } .trade-in__buy__colors label span.color-green { background-color: #a1c86f; } .trade-in__buy__price { margin-bottom: 24px; } .trade-in__buy__price p { color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 3px; font-size: 34px; line-height: 34px; } .trade-in__buy__price span { font-size: 14px; line-height: 14px; color: #a7a6a9; display: inline-block; } .trade-in__buy__price-main { margin-bottom: 30px; } .trade-in__buy__price-main p { font-size: 48px; line-height: 48px; margin-bottom: 4px; } .trade-in__buy__price-gray p { color: #a7a6a9; } .trade-in__buy__price-gray span { color: #a7a6a9; } .trade-in__buy__prices { min-width: 250px; margin-right: 60px; } .trade-in__buy__prices button { margin-top: 16px; background-color: #37d97b; border-radius: 3px; color: #fff; font-size: 16px; line-height: 16px; padding: 17px 54px; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: none; } .trade-in__buy__prices button:hover { background-color: #12b857; } @media (max-width: 1180px) { .trade-in { padding: 0 0 50px; } .trade-in-banner { margin-top: 2px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .trade-in-banner img { display: none; } .trade-in-banner img.tablet { display: block; } .trade-in-banner img.mob { display: none; } .trade-in-banner-text { margin-top: 0; padding-top: 40px; padding-bottom: 4px; position: relative; height: auto; max-width: 100%; } .trade-in-banner-text p br { display: block; } .trade-in__wrapper-info { margin-top: 12px; padding: 30px 50px; } .trade-in__wrapper-info-item { margin-top: 23px; } .trade-in__wrapper-info-item svg { margin-right: 40px; } .trade-in__wrapper-info-item span { font-size: 20px; line-height: 24px; } .trade-in__wrapper-sell { padding-top: 40px; } .trade-in__wrapper-sell h2 { font-size: 30px; line-height: 30px; } .trade-in__wrapper-sell-block { margin-top: 20px; padding: 30px 20px 31px; } .trade-in__wrapper-sell-block-inputs { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .trade-in__wrapper-sell-block-inputs-input { -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; } .trade-in__wrapper-sell-block-inputs-input select { max-width: 100%; width: 100%; } .trade-in__wrapper-sell-block-inputs-input svg { right: 20px; bottom: 23px; } .trade-in__wrapper-sell-block-items { margin-top: 40px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .trade-in__wrapper-sell-block-items-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-in__wrapper-sell-block-items-item:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: block; -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; } .trade-in__wrapper-sell-block-items-item:nth-child(2) { margin-left: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; } .trade-in__wrapper-sell-block-items-item:nth-child(3) { margin-top: 16px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .trade-in__wrapper-sell-block-items-item-price { margin-top: 11px; } .trade-in__wrapper-sell-block-items-item button { width: 250px; } .trade-in__buy { padding-top: 50px; } .trade-in__buy h2 { font-size: 30px; line-height: 30px; margin-bottom: 32px; font-family: Montserrat-Bold; } .trade-in__buy__items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-in__buy__items-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .trade-in__buy__items-right { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .trade-in__buy__image { padding: 50px 57px; margin-right: 0; max-width: 283px; max-height: 316px; position: relative; } .trade-in__buy__image img { width: 100%; } .trade-in__buy__select { margin-right: 90px; margin-bottom: 24px; } .trade-in__buy__select-item { max-width: 250px; width: 250px; } .trade-in__buy__select-item select { font-size: 16px; line-height: 16px; } .trade-in__buy__colors.mob { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .trade-in__buy__colors { display: none; position: absolute; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; bottom: -45px; width: 100%; } .trade-in__buy__colors h3 { display: none; } .trade-in__buy__colors label { margin: 0 8px; max-width: 20px; max-height: 20px; } .trade-in__buy__colors label span { width: 20px; height: 20px; } .trade-in__buy__price { margin-bottom: 13px; } .trade-in__buy__price p { margin-bottom: 3px; font-size: 26px; line-height: 26px; } .trade-in__buy__price span { font-size: 12px; line-height: 12px; display: inline-block; } .trade-in__buy__price-main { margin-bottom: 12px; } .trade-in__buy__price-main p { font-size: 38px; line-height: 38px; margin-bottom: 2px; } .trade-in__buy__price-gray p { margin-bottom: 4px; } .trade-in__buy__prices { margin-top: 24px; margin-right: 90px; } } @media (max-width: 767px) { .trade-in__buy__select { margin-right: 0; } .trade-in__buy__prices { margin-right: 0; } } @media (max-width: 639px) { .trade-in-banner { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .trade-in-banner img { display: none; } .trade-in-banner img.tablet { display: none; } .trade-in-banner img.mob { display: block; } .trade-in-banner-text { margin-top: -20px; padding-top: 40px; padding-bottom: 4px; position: relative; height: auto; max-width: 100%; } .trade-in-banner-text h2 { font-size: 10px; line-height: 10px; margin-bottom: 6px; } .trade-in-banner-text p { font-size: 24px; line-height: 26px; } .trade-in__wrapper-info { padding: 0; -webkit-box-shadow: none; box-shadow: none; } .trade-in__wrapper-info-item { margin-top: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .trade-in__wrapper-info-item svg { margin-right: 16px; width: 40px; height: 40px; min-height: 40px; min-width: 40px; } .trade-in__wrapper-info-item span { font-size: 16px; line-height: 22px; } .trade-in__wrapper-sell { padding-top: 32px; } .trade-in__wrapper-sell h2 { font-size: 32px; line-height: 36px; } .trade-in__wrapper-sell-block { margin-top: 20px; padding: 48px 20px 32px; } .trade-in__wrapper-sell-block-inputs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-in__wrapper-sell-block-inputs-input { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .trade-in__wrapper-sell-block-inputs-input:nth-child(1) { margin-bottom: 20px; margin-right: 0; } .trade-in__wrapper-sell-block-inputs-input select { padding: 13px 14px 11px; font-size: 16px; line-height: 16px; } .trade-in__wrapper-sell-block-inputs-input svg { bottom: 17px; width: 7px; height: 4px; } .trade-in__wrapper-sell-block-items { margin-top: 30px; } .trade-in__wrapper-sell-block-items-item:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .trade-in__wrapper-sell-block-items-item:nth-child(1) span { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 216px; font-size: 12px; line-height: 14px; } .trade-in__wrapper-sell-block-items-item:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } .trade-in__wrapper-sell-block-items-item:nth-child(2) .trade-in__wrapper-sell-block-items-item-price { font-size: 26px; line-height: 26px; } .trade-in__wrapper-sell-block-items-item:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 32px; } .trade-in__wrapper-sell-block-items-item-select { margin-top: 8px; margin-right: 0; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .trade-in__wrapper-sell-block-items-item h3 { -webkit-flex-basis: 48.7%; -ms-flex-preferred-size: 48.7%; flex-basis: 48.7%; font-size: 16px; font-weight: 400; line-height: 16px; } .trade-in__wrapper-sell-block-items-item-price { -webkit-flex-basis: 48.7%; -ms-flex-preferred-size: 48.7%; flex-basis: 48.7%; margin-top: 0; text-align: right; font-size: 18px; line-height: 18px; } .trade-in__wrapper-sell-block-items-item button { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; flex-basis: 100%; max-width: 100%; margin-top: 24px; margin-left: 0; } .trade-in__buy { padding-top: 60px; } .trade-in__buy h2 { font-size: 32px; line-height: 36px; margin-bottom: 24px; } .trade-in__buy h2 br { display: block; } .trade-in__buy__items-left { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-in__buy__items-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .trade-in__buy__image { padding: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; background: transparent; max-width: 100%; max-height: 100%; width: 100%; -webkit-box-shadow: none; box-shadow: none; text-align: center; } .trade-in__buy__image img { max-width: 189px; } .trade-in__buy__selects { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .trade-in__buy__select { margin-bottom: 24px; max-width: 100%; width: 100%; } .trade-in__buy__select-item { max-width: 100%; width: 100%; } .trade-in__buy__select-item select { font-size: 16px; line-height: 16px; } .trade-in__buy__colors { bottom: -45px; } .trade-in__buy__colors label { margin: 0 9px; max-width: 30px; max-height: 30px; } .trade-in__buy__colors label span { width: 30px; height: 30px; } .trade-in__buy__price { margin-bottom: 13px; } .trade-in__buy__price p { margin-bottom: 3px; font-size: 26px; line-height: 26px; } .trade-in__buy__price-main { margin-bottom: 24px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .trade-in__buy__price-main p { font-size: 43px; line-height: 43px; margin-bottom: 3px; } .trade-in__buy__price-gray { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .trade-in__buy__price-gray p { margin-bottom: 3px; } .trade-in__buy__prices { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 90px; } } @media (max-width: 374px) { .trade-in-banner { margin-top: 20px; } .trade-in-banner-text { margin-top: -20px; } .trade-in-banner-text h2 { font-size: 10px; line-height: 13px; margin-bottom: 8px; } .trade-in-banner-text p { font-size: 22px; line-height: 24px; } .trade-in__wrapper-info { margin-top: 12px; padding: 0; } .trade-in__wrapper-info-item { margin-top: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .trade-in__wrapper-info-item svg { margin-right: 15px; width: 30px; height: 30px; min-height: 30px; min-width: 30px; } .trade-in__wrapper-info-item span { font-size: 12px; line-height: 14px; } .trade-in__wrapper-sell h2 { font-size: 16px; line-height: 22px; } .trade-in__wrapper-sell-block { margin-top: 20px; padding: 26px 10px 32px; } .trade-in__wrapper-sell-block-inputs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-in__wrapper-sell-block-inputs-input { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .trade-in__wrapper-sell-block-inputs-input:nth-child(1) { margin-bottom: 20px; margin-right: 0; } .trade-in__wrapper-sell-block-items { margin-top: 30px; } .trade-in__wrapper-sell-block-items-item:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .trade-in__wrapper-sell-block-items-item:nth-child(1) span { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .trade-in__wrapper-sell-block-items-item:nth-child(2) .trade-in__wrapper-sell-block-items-item-price { font-size: 22px; line-height: 26px; } .trade-in__wrapper-sell-block-items-item h3 { -webkit-flex-basis: 48.7%; -ms-flex-preferred-size: 48.7%; flex-basis: 48.7%; font-size: 14px; line-height: 18px; } .trade-in__wrapper-sell-block-items-item-price { -webkit-flex-basis: 48.7%; -ms-flex-preferred-size: 48.7%; flex-basis: 48.7%; margin-top: 0; text-align: right; font-size: 18px; line-height: 23px; } .trade-in__wrapper-sell-block-items-item button { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; flex-basis: 100%; margin-left: 0; } } .formMobile { display: none; } .form__wrapper { -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; padding: 34px 220px 112px; position: relative; } .form__wrapper h2 { font-size: 30px; line-height: 39px; font-family: Montserrat-Bold; color: #010306; margin-bottom: 40px; text-align: center; } .form__wrapper-labels { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .form__wrapper-labels label { -webkit-flex-basis: calc(20% - 15px); -ms-flex-preferred-size: calc(20% - 15px); flex-basis: calc(20% - 15px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; border-radius: 2px; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.15); box-shadow: 0 4px 15px rgba(0,0,0,0.15); } .form__wrapper-labels label:last-child { margin-right: 0; } .form__wrapper-labels label input { position: absolute; visibility: hidden; top: 0; left: 0; } .form__wrapper-labels label span { font-size: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 18px; color: #939393; } .form__wrapper-labels label:before { content: ''; position: absolute; border: 7px solid transparent; border-top: 7px solid transparent; left: calc(50% - 5px); bottom: -14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .form__wrapper-labels label:hover { background-color: #141318; } .form__wrapper-labels label:hover span { color: #fff; } .form__wrapper-labels label.active { background-color: #141318; } .form__wrapper-labels label.active span { color: #fff; } .form__wrapper-labels label.active:before { border-top: 7px solid #141318; } .form__wrapper-forms { margin-top: 56px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form__wrapper-forms-item { display: none; opacity: 0; width: 100%; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select { border: 1px solid #c4c4c4; -webkit-flex-basis: calc(50% - 105px); -ms-flex-preferred-size: calc(50% - 105px); flex-basis: calc(50% - 105px); } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select select { background-color: #fff; display: inline-block; padding: 20px 30px; width: 100%; cursor: pointer; font-size: 18px; letter-spacing: 0.5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 18px; border: none; color: #c0bfbd; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select select option { color: #010306; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select select option:nth-child(1) { color: #c0bfbd; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select:first-child { border-right: none; border-radius: 3px 0 0 3px; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select:nth-child(2) { border-left: none; position: relative; border-right: none; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select:nth-child(2):before { content: ''; position: absolute; height: 40px; width: 1px; background-color: #c4c4c4; left: 0; top: 10px; } .form__wrapper-forms-item .form__wrapper-forms-item-select { border: 1px solid #c4c4c4; -webkit-flex-basis: calc(33.333334% - 69px); -ms-flex-preferred-size: calc(33.333334% - 69px); flex-basis: calc(33.333334% - 69px); } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(3) { -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; } .form__wrapper-forms-item .form__wrapper-forms-item-select select { display: inline-block; padding: 20px 30px; font-size: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 18px; cursor: pointer; letter-spacing: 0.5px; width: 100%; border: none; color: #c0bfbd; } .form__wrapper-forms-item .form__wrapper-forms-item-select select option { color: #010306; } .form__wrapper-forms-item .form__wrapper-forms-item-select select option:nth-child(1) { color: #c0bfbd; } .form__wrapper-forms-item .form__wrapper-forms-item-select:first-child { border-right: none; border-radius: 3px 0 0 3px; } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(2) { border-left: none; position: relative; border-right: none; } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(2):before { content: ''; position: absolute; height: 40px; width: 1px; background-color: #c4c4c4; left: 0; top: 10px; } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(3) { border-left: none; position: relative; border-right: none; } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(3):before { content: ''; position: absolute; height: 40px; width: 1px; background-color: #c4c4c4; left: 0; top: 10px; } .form__wrapper-forms-item-select select.active { color: #010306 !important; } .form__wrapper-forms-item button { min-width: 210px; max-width: 210px; border-radius: 0 3px 3px 0; font-size: 18px; line-height: 18px; color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; padding: 21px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: none; background-color: #37d97b; } .form__wrapper-forms-item button.disabled { background-color: #84dda9; pointer-events: none; } .form__wrapper-confirm { display: none; padding: 46px 156px 72px 55px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .form__wrapper-confirm-back { position: absolute; top: 50px; left: 55px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .form__wrapper-confirm-back svg { margin-right: 10px; } .form__wrapper-confirm-back svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .form__wrapper-confirm-back span { font-size: 12px; line-height: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #a7a6a9; } .form__wrapper-confirm-back:hover svg path { fill: #37d97b; } .form__wrapper-confirm-back:hover span { color: #37d97b; } .form__wrapper-confirm-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .form__wrapper-confirm-container-info { padding-left: 165px; padding-right: 91px; border-right: 1px solid #ddd; } .form__wrapper-confirm-container-info-item { margin-top: 39px; } .form__wrapper-confirm-container-info-item:first-child { margin-top: 0; } .form__wrapper-confirm-container-info-item h3 { font-size: 18px; line-height: 18px; font-weight: 500; color: #5c5b5b; } .form__wrapper-confirm-container-info-item p { margin-top: 12px; font-size: 16px; line-height: 16px; color: #5c5b5b; font-weight: 300; white-space: nowrap; } .form__wrapper-confirm-container-buttons { padding-left: 38px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .form__wrapper-confirm-container-buttons h3 { font-size: 18px; line-height: 18px; color: #5c5b5b; font-weight: 500; margin-top: 20px; } .form__wrapper-confirm-container-buttons h3:first-child { margin-top: 0; } .form__wrapper-confirm-container-buttons-select { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form__wrapper-confirm-container-buttons-select select { border: 1px solid #ddd; padding: 8px 10px; width: 100%; font-size: 16px; width: 220px; line-height: 16px; margin-top: 10px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form__wrapper-confirm-container-buttons-select svg { position: absolute; right: 13px; top: 25px; } .form__wrapper-confirm-container-content { padding-left: 89px; } .form__wrapper-confirm-container-content-oldprice { text-decoration: line-through; font-size: 26px; line-height: 26px; color: #c4c4c4; font-family: Montserrat-Medium; } .form__wrapper-confirm-container-content-text { margin-top: 10px; font-size: 14px; line-height: 14px; color: #a7a6a9; } .form__wrapper-confirm-container-content-price { margin-top: 43px; font-size: 48px; font-family: Montserrat-Bold; line-height: 48px; color: #010306; } .form__wrapper-confirm-container-content button { display: inline-block; width: 250px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; background-color: #37d97b; line-height: 18px; color: #fff; border-radius: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 34px; border: none; cursor: pointer; padding: 21px; } .form__wrapper-confirm-container-content button:hover { background-color: #12b857; } @media (max-width: 1300px) { .form__wrapper { padding: 25px 35px 80px; } .form__wrapper h2 { font-size: 20px; line-height: 20px; margin-bottom: 27px; } .form__wrapper-labels label { -webkit-flex-basis: calc(20% - 5px); -ms-flex-preferred-size: calc(20% - 5px); flex-basis: calc(20% - 5px); padding: 13px; } .form__wrapper-labels label span { font-size: 16px; line-height: 16px; } .form__wrapper-labels label:before { border: 5px solid transparent; border-top: 5px solid transparent; left: calc(50% - 2.5px); bottom: -10px; } .form__wrapper-labels label.active:before { border-top: 5px solid #141318; } .form__wrapper-forms { margin-top: 36px; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select { -webkit-flex-basis: calc(50% - 67px); -ms-flex-preferred-size: calc(50% - 67px); flex-basis: calc(50% - 67px); } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select select { padding: 13px 20px; font-size: 16px; line-height: 16px; } .form__wrapper-forms-item:nth-child(1) .form__wrapper-forms-item-select:nth-child(2):before { height: 20px; top: 10px; } .form__wrapper-forms-item .form__wrapper-forms-item-select { -webkit-flex-basis: calc(33.333334% - 45px); -ms-flex-preferred-size: calc(33.333334% - 45px); flex-basis: calc(33.333334% - 45px); } .form__wrapper-forms-item .form__wrapper-forms-item-select select { padding: 13px 20px; font-size: 16px; line-height: 16px; } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(2):before { height: 20px; top: 10px; } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(3) { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; } .form__wrapper-forms-item .form__wrapper-forms-item-select:nth-child(3):before { height: 20px; top: 10px; } .form__wrapper-forms-item button { min-width: 140px; max-width: 140px; font-size: 16px; line-height: 16px; padding: 13px; } .form__wrapper-confirm { padding: 31px 19px 40px 55px; } .form__wrapper-confirm-back { top: 32px; left: 55px; } .form__wrapper-confirm-back svg { margin-right: 10px; } .form__wrapper-confirm-container-info { padding-top: 57px; padding-left: 0; padding-right: 30px; } .form__wrapper-confirm-container-info-item { margin-top: 23px; } .form__wrapper-confirm-container-info-item h3 { font-size: 16px; line-height: 16px; } .form__wrapper-confirm-container-info-item p { margin-top: 10px; font-size: 14px; line-height: 14px; } .form__wrapper-confirm-container-buttons { padding-left: 20px; } .form__wrapper-confirm-container-buttons h3 { font-size: 16px; margin-top: 22px; } .form__wrapper-confirm-container-buttons-select select { margin-top: 18px; } .form__wrapper-confirm-container-buttons-select svg { top: 33px; } .form__wrapper-confirm-container-content { padding-left: 41px; } .form__wrapper-confirm-container-content-oldprice { font-size: 20px; } .form__wrapper-confirm-container-content-text { margin-top: 5px; font-size: 12px; line-height: 12px; } .form__wrapper-confirm-container-content-price { margin-top: 27px; font-size: 30px; line-height: 30px; } .form__wrapper-confirm-container-content button { width: 163px; font-size: 14px; line-height: 14px; margin-top: 22px; padding: 13px; } } @media (max-width: 1024px) { .form__wrapper-confirm-container-content .newServices__wrapper-blocks-choose-tip-popup { right: 0; } } @media (max-width: 767px) { .form { display: none; } .formMobile { display: block; padding: 20px 0 32px; } .formMobile__wrapper { -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; background-color: #fff; padding: 20px 20px 9px; position: relative; overflow: hidden; } .formMobile__wrapper h2 { font-size: 18px; line-height: 18px; font-family: Montserrat-Medium; color: #010306; margin-bottom: 10px; text-align: center; } .formMobile__wrapper-item { border-bottom: 1px solid #ddd; } .formMobile__wrapper-item-header { padding: 16px 0; text-align: center; position: relative; } .formMobile__wrapper-item-header span { display: inline-block; font-size: 16px; line-height: 16px; color: #939393; } .formMobile__wrapper-item-header:before { content: ''; position: absolute; border: 7px solid transparent; border-top: 7px solid transparent; left: calc(50% - 5px); bottom: -14px; } .formMobile__wrapper-item-header.active { background-color: #141318; border-radius: 3px; } .formMobile__wrapper-item-header.active span { color: #fff; } .formMobile__wrapper-item-header.active:before { border-top: 7px solid #141318; } .formMobile__wrapper-item:last-child { border-bottom: none; } .formMobile__wrapper-item-body { display: none; padding-bottom: 25px; } .formMobile__wrapper-item-body-select select.active { color: #010306 !important; } .formMobile__wrapper-item-body-select { margin-top: 10px; } .formMobile__wrapper-item-body-select:nth-child(1) { margin-top: 17px; } .formMobile__wrapper-item-body-select select { background-color: #fff; border: 1px solid #c4c4c4; display: inline-block; padding: 14px 12px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 16px; width: 100%; border-radius: 3px; color: #c0bfbd; } .formMobile__wrapper-item-body-select select option { color: #010306; } .formMobile__wrapper-item-body-select select option:nth-child(1) { color: #c0bfbd; } .formMobile__wrapper-item-body button { display: inline-block; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; background-color: #37d97b; line-height: 16px; color: #fff; border-radius: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 24px; border: none; cursor: pointer; padding: 15px 15px 13px; } .formMobile__wrapper-item-body button:hover { background-color: #12b857; } .formMobile__wrapper-item-body button.disabled { background-color: #84dda9; pointer-events: none; } .formMobile__wrapper-confirm { display: none; padding: 21px 0 20px 0; position: relative; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .formMobile__wrapper-confirm-back { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-bottom: 33px; } .formMobile__wrapper-confirm-back svg { margin-right: 10px; } .formMobile__wrapper-confirm-back span { font-size: 12px; line-height: 14px; color: #a7a6a9; } .formMobile__wrapper-confirm-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .formMobile__wrapper-confirm-container-info { padding: 0; border-right: none; margin-bottom: 23px; } .formMobile__wrapper-confirm-container-info-item { margin-top: 26px; } .formMobile__wrapper-confirm-container-info-item:first-child { margin-top: 0; } .formMobile__wrapper-confirm-container-info-item h3 { font-size: 14px; line-height: 14px; font-weight: 500; color: #5c5b5b; } .formMobile__wrapper-confirm-container-info-item p { margin-top: 12px; font-size: 14px; line-height: 14px; color: #5c5b5b; } .formMobile__wrapper-confirm-container-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .formMobile__wrapper-confirm-container-buttons-select { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .formMobile__wrapper-confirm-container-buttons-select select { border: 1px solid #ddd; padding: 8px 10px; width: 100%; font-size: 16px; width: 100%; line-height: 16px; margin-top: 10px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; position: relative; z-index: 2; } .formMobile__wrapper-confirm-container-buttons-select svg { position: absolute; right: 13px; top: 25px; z-index: 1; } .formMobile__wrapper-confirm-container-buttons-select:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 52%; -ms-flex-preferred-size: 52%; flex-basis: 52%; } .formMobile__wrapper-confirm-container-buttons-select:nth-child(4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; -webkit-flex-basis: 44%; -ms-flex-preferred-size: 44%; flex-basis: 44%; } .formMobile__wrapper-confirm-container-buttons h3 { line-height: 18px; color: #5c5b5b; font-weight: 500; font-size: 14px; } .formMobile__wrapper-confirm-container-buttons h3:nth-child(1) { -webkit-flex-basis: 52%; -ms-flex-preferred-size: 52%; flex-basis: 52%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .formMobile__wrapper-confirm-container-buttons h3:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 44%; -ms-flex-preferred-size: 44%; flex-basis: 44%; } .formMobile__wrapper-confirm-container-content { margin-top: 24px; } .formMobile__wrapper-confirm-container-content-oldprice { text-decoration: line-through; font-size: 24px; line-height: 24px; color: #c4c4c4; } .formMobile__wrapper-confirm-container-content-text { margin-top: 11px; font-size: 12px; line-height: 12px; color: #a7a6a9; } .formMobile__wrapper-confirm-container-content-price { margin-top: 26px; font-size: 30px; font-family: Montserrat-Bold; line-height: 30px; color: #010306; } .formMobile__wrapper-confirm-container-content button { display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #37d97b; color: #fff; border-radius: 4px; border: none; cursor: pointer; width: 100%; font-size: 16px; line-height: 16px; margin-top: 21px; padding: 15px 15px 13px; } } @media (max-width: 374px) { .form { display: none; } .formMobile { display: block; } .formMobile__wrapper { -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; padding: 20px 10px 10px; position: relative; overflow: hidden; } .formMobile__wrapper h2 { font-size: 16px; line-height: 20px; font-family: Montserrat-Medium; color: #010306; margin-bottom: 21px; text-align: center; } .formMobile__wrapper-item { border-bottom: 1px solid #ddd; } .formMobile__wrapper-item-header { padding: 13px 0; text-align: center; position: relative; } .formMobile__wrapper-item-header span { display: inline-block; font-size: 14px; line-height: 14px; color: #939393; } .formMobile__wrapper-item-header:before { content: ''; position: absolute; border: 7px solid transparent; border-top: 7px solid transparent; left: calc(50% - 5px); bottom: -14px; } .formMobile__wrapper-item-header.active { background-color: #141318; border-radius: 3px; } .formMobile__wrapper-item-header.active span { color: #fff; } .formMobile__wrapper-item-header.active:before { border-top: 7px solid #141318; } .formMobile__wrapper-item:last-child { border-bottom: none; } .formMobile__wrapper-item-body { display: none; padding-bottom: 25px; } .formMobile__wrapper-item-body-select { margin-top: 10px; } .formMobile__wrapper-item-body-select:nth-child(1) { margin-top: 17px; } .formMobile__wrapper-item-body-select select { border: 1px solid #c4c4c4; display: inline-block; padding: 14px 12px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 16px; width: 100%; border-radius: 3px; color: #c0bfbd; } .formMobile__wrapper-item-body-select select option { color: #010306; } .formMobile__wrapper-item-body-select select option:nth-child(1) { color: #c0bfbd; } .formMobile__wrapper-item-body button { display: inline-block; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; background-color: #37d97b; line-height: 14px; color: #fff; border-radius: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 24px; border: none; cursor: pointer; padding: 16px; } .formMobile__wrapper-item-body button:hover { background-color: #12b857; } .formMobile__wrapper-item-body button.disabled { background-color: #84dda9; pointer-events: none; } .formMobile__wrapper-confirm { display: none; padding: 21px 0 20px 0; position: relative; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .formMobile__wrapper-confirm-back { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-bottom: 33px; } .formMobile__wrapper-confirm-back svg { margin-right: 10px; } .formMobile__wrapper-confirm-back span { font-size: 12px; line-height: 14px; color: #a7a6a9; } .formMobile__wrapper-confirm-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .formMobile__wrapper-confirm-container-info { padding: 0; border-right: none; margin-bottom: 23px; } .formMobile__wrapper-confirm-container-info-item { margin-top: 26px; } .formMobile__wrapper-confirm-container-info-item:first-child { margin-top: 0; } .formMobile__wrapper-confirm-container-info-item h3 { font-size: 14px; line-height: 14px; font-weight: 500; color: #5c5b5b; } .formMobile__wrapper-confirm-container-info-item p { margin-top: 12px; font-size: 14px; line-height: 14px; color: #5c5b5b; } .formMobile__wrapper-confirm-container-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .formMobile__wrapper-confirm-container-buttons-select { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .formMobile__wrapper-confirm-container-buttons-select select { border: 1px solid #ddd; padding: 8px 10px; width: 100%; font-size: 16px; width: 100%; line-height: 16px; margin-top: 10px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; position: relative; z-index: 2; } .formMobile__wrapper-confirm-container-buttons-select svg { position: absolute; right: 13px; top: 24px; z-index: 1; } .formMobile__wrapper-confirm-container-buttons-select:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 52%; -ms-flex-preferred-size: 52%; flex-basis: 52%; } .formMobile__wrapper-confirm-container-buttons-select:nth-child(4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; -webkit-flex-basis: 44%; -ms-flex-preferred-size: 44%; flex-basis: 44%; } .formMobile__wrapper-confirm-container-buttons h3 { line-height: 18px; color: #5c5b5b; font-weight: 500; font-size: 14px; } .formMobile__wrapper-confirm-container-buttons h3:nth-child(1) { -webkit-flex-basis: 52%; -ms-flex-preferred-size: 52%; flex-basis: 52%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .formMobile__wrapper-confirm-container-buttons h3:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 44%; -ms-flex-preferred-size: 44%; flex-basis: 44%; } .formMobile__wrapper-confirm-container-content { margin-top: 24px; } .formMobile__wrapper-confirm-container-content-oldprice { text-decoration: line-through; font-size: 24px; line-height: 24px; color: #c4c4c4; } .formMobile__wrapper-confirm-container-content-text { margin-top: 11px; font-size: 12px; line-height: 12px; color: #a7a6a9; } .formMobile__wrapper-confirm-container-content-price { margin-top: 26px; font-size: 30px; font-family: Montserrat-Bold; line-height: 30px; color: #010306; } .formMobile__wrapper-confirm-container-content button { display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #37d97b; color: #fff; border-radius: 4px; border: none; cursor: pointer; width: 100%; font-size: 14px; line-height: 14px; margin-top: 21px; padding: 13px; } } .faceidBlock { margin-top: 100px; } .faceidBlock__wrapper { background: -o-linear-gradient(200.82deg, #8e4ce2 8.93%, #130341 93.51%); background: linear-gradient(249.18deg, #8e4ce2 8.93%, #130341 93.51%); -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.2); box-shadow: 0 4px 40px rgba(0,0,0,0.2); border-radius: 3px; position: relative; padding: 113px 115px 128px 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .faceidBlock__wrapper-left h2 { font-size: 54px; line-height: 54px; color: #fff; font-family: Montserrat-Bold; margin-bottom: 18px; } .faceidBlock__wrapper-left p { font-size: 16px; line-height: 24px; color: #fff; font-family: Montserrat-Medium; margin-bottom: 26px; } .faceidBlock__wrapper-left p br.mob { display: none; } .faceidBlock__wrapper-left p br { display: block; } .faceidBlock__wrapper-left a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; z-index: 2; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .faceidBlock__wrapper-left a span { font-size: 18px; display: inline-block; margin-right: 16px; line-height: 24px; color: #bf9cfd; font-weight: 600; } .faceidBlock__wrapper-svg1 { position: absolute; bottom: 0; left: 0; } .faceidBlock__wrapper-svg2 { position: absolute; top: 0; right: 0; } @media (max-width: 1180px) { .faceidBlock { margin-top: 60px; } .faceidBlock__wrapper { padding: 70px 38px 71px 43px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; } .faceidBlock__wrapper-left h2 { font-size: 45px; line-height: 45px; margin-bottom: 21px; } .faceidBlock__wrapper-svg2 { display: none; } .faceidBlock__wrapper-right img { max-width: 167px; } } @media (max-width: 600px) { .faceidBlock { margin-top: 40px; } .faceidBlock__wrapper { padding: 55px 16px 32px 20px; } .faceidBlock__wrapper-left h2 { font-size: 31px; line-height: 31px; margin-bottom: 9px; } .faceidBlock__wrapper-left p { font-size: 14px; line-height: 24px; margin-bottom: 74px; } .faceidBlock__wrapper-left p br { display: none; } .faceidBlock__wrapper-left p br.mob { display: block; } .faceidBlock__wrapper-right { position: absolute; right: 16px; bottom: 32px; } .faceidBlock__wrapper-right img { max-width: 121px; } } .calculate__wrapper { padding-bottom: 120px; } .calculate__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1000px; margin: 100px auto 0 auto; } .calculate__wrapper-blocks h2 { text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 48px; line-height: 62px; font-family: Montserrat-Bold; margin-bottom: 24px; } .calculate__wrapper-blocks-block { text-align: center; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-top: 19px; } .calculate__wrapper-blocks-block h3 { font-size: 70px; line-height: 84px; font-weight: 700; color: transparent; -webkit-background-clip: text; background-clip: text; } .calculate__wrapper-blocks-block:nth-child(2) h3 { background-image: -o-linear-gradient(346.13deg, #2fdc78 29.3%, #45ccd5 96.89%); background-image: linear-gradient(103.87deg, #2fdc78 29.3%, #45ccd5 96.89%); } .calculate__wrapper-blocks-block:nth-child(3) h3 { background-image: -o-linear-gradient(343.92deg, #64c3f9 4.34%, #e85dff 100%); background-image: linear-gradient(106.08deg, #64c3f9 4.34%, #e85dff 100%); } .calculate__wrapper-blocks-block:nth-child(4) h3 { background-image: -o-linear-gradient(346.13deg, #2fdc78 29.3%, #45ccd5 96.89%); background-image: linear-gradient(103.87deg, #2fdc78 29.3%, #45ccd5 96.89%); } .calculate__wrapper-blocks-block:nth-child(5) h3 { background-image: -o-linear-gradient(343.92deg, #64c3f9 4.34%, #e85dff 100%); background-image: linear-gradient(106.08deg, #64c3f9 4.34%, #e85dff 100%); } .calculate__wrapper-blocks-block p { font-size: 24px; line-height: 31px; color: #939393; font-weight: 300; } @media (max-width: 1180px) { .calculate__wrapper { padding-bottom: 80px; } .calculate__wrapper-blocks { margin-top: 58px; } .calculate__wrapper-blocks-block { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } } @media (max-width: 639px) { .calculate { display: none; } } .indexReviews { margin-bottom: 120px; } .indexReviews__wrapper h2 { font-size: 48px; line-height: 48px; font-family: Montserrat-SemiBold; color: #010306; margin-bottom: 70px; text-align: center; } .indexReviews__items { display: grid; margin-bottom: 56px; gap: 20px; grid-template-columns: repeat(12, minmax(0, 1fr)); } .indexReviews__item { background: #f8f8f8; border-radius: 3px; grid-column: span 4/span 4; padding: 32px 32px 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .indexReviews__item.active { position: fixed; top: 48px; left: 0; z-index: 999999; width: 100%; height: calc(var(--vh, 1vh) * 100 - 48px); -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .indexReviews__item.active .indexReviews__back { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .indexReviews__item.active .indexReviews__header { margin-bottom: 64px; } .indexReviews__item.active .indexReviews__text { overflow-y: auto; margin-bottom: 0; max-height: calc(var(--vh, 1vh) * 100 - 131px - 272px); } .indexReviews__item.active .indexReviews__text:after { display: none; } .indexReviews__item.active .indexReviews__stars { position: absolute; top: 124px; } .indexReviews__item.active .indexReviews__more { display: none; } .indexReviews__item.active .indexReviews__footer { margin-top: 48px; } .indexReviews__item.active .indexReviews__website span { display: block; } .indexReviews__back { margin-bottom: 24px; cursor: pointer; width: 17px; display: none; height: 17px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .indexReviews__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .indexReviews__header h3 { font-size: 18px; line-height: 18px; color: #010306; font-family: Montserrat-SemiBold; } .indexReviews__header time { font-size: 14px; line-height: 14px; color: #939393; } .indexReviews__text { max-height: 120px; margin-bottom: 16px; overflow: hidden; position: relative; } .indexReviews__text-min:after { display: none; } .indexReviews__text:after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(248,248,248,0)), to(#f8f8f8)); background: -o-linear-gradient(top, rgba(248,248,248,0) 0%, #f8f8f8 100%); background: linear-gradient(180deg, rgba(248,248,248,0) 0%, #f8f8f8 100%); height: 24px; } .indexReviews__text p { font-size: 16px; line-height: 24px; color: #3e3e3e; font-weight: 300; } .indexReviews__body.active .indexReviews__text { max-height: 100%; } .indexReviews__body.active .indexReviews__text:after { display: none; } .indexReviews__more { font-size: 14px; line-height: 14px; display: inline-block; color: #37d97b; cursor: pointer; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .indexReviews__more:hover { color: #12b857; } .indexReviews__footer { margin-top: 56px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .indexReviews__website { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .indexReviews__website span { display: none; margin-right: 30px; font-size: 16px; line-height: 24px; color: #3e3e3e; font-weight: 300; } .indexReviews__website img { max-width: 165px; width: 100%; } .indexReviews__stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 152px; margin-right: 10px; } .indexReviews__stars svg { margin-right: 8px; } .indexReviews__stars svg:last-child { margin-right: 0; } .indexReviews__link { color: #37d97b; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; font-weight: 500; font-size: 20px; line-height: 20px; display: inline-block; position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .indexReviews__link:hover { color: #12b857; } @media (max-width: 1180px) { .indexReviews { margin-top: 20px; margin-bottom: 70px; } .indexReviews__wrapper { overflow: hidden; } .indexReviews__wrapper h2 { font-size: 36px; line-height: 36px; margin-bottom: 37px; } .indexReviews__items { padding-bottom: 27px; margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; scrollbar-width: thin; scrollbar-color: dark; } .indexReviews__items::-webkit-scrollbar { height: 3px; } .indexReviews__items::-webkit-scrollbar-track { background-color: #ddd; } .indexReviews__items::-webkit-scrollbar-thumb { border-radius: 6px; border: 1px solid #37d97b; background-color: #37d97b; } .indexReviews__item { min-width: 430px; grid-column: auto; } .indexReviews__link { font-size: 18px; line-height: 18px; } } @media (max-width: 650px) { .indexReviews { margin-bottom: 64px; } .indexReviews__wrapper h2 { font-size: 24px; line-height: 32px; margin-bottom: 13px; } .indexReviews__items { margin-bottom: 48px; padding-bottom: 35px; } .indexReviews__item { padding: 24px 16px 32px; min-width: 343px; } .indexReviews__header { margin-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .indexReviews__header h3 { margin-bottom: 8px; } .indexReviews__footer { margin-top: 40px; } .indexReviews__website img { max-width: 125px; } .indexReviews__stars { min-width: 144px; } .indexReviews__stars svg { margin-right: 6px; } .indexReviews__link { font-size: 16px; line-height: 16px; } } .indexBanner { margin-top: 168px; margin-bottom: 120px; } .indexBanner__wrapper { padding: 74px 10px 96px 40px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .indexBanner__wrapper h1 { font-size: 48px; line-height: 48px; color: #fff; font-family: Montserrat-SemiBold; } .indexBanner__wrapper ul { margin-top: 32px; } .indexBanner__wrapper ul li { font-size: 17px; line-height: 17px; margin-top: 24px; color: #fff; position: relative; padding-left: 21px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .indexBanner__wrapper ul li:before { content: ''; position: absolute; width: 10px; border-radius: 50%; height: 10px; border: 1px solid #37d97b; left: 0; } .indexBanner__wrapper a { padding: 17px 60px; color: #fff; background-color: #37d97b; display: inline-block; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 80px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .indexBanner__wrapper a:hover { background-color: #12b857; } .indexBanner__wrapper a.mob { display: none; } .indexBanner__content { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-right: 40px; } .indexBanner__icon { position: absolute; bottom: 0; right: 0; } @media (max-width: 1180px) { .indexBanner { margin: 60px 0; overflow: hidden; } .indexBanner__wrapper { margin: 0 -35px; width: calc(100% + 70px); padding: 78px 33px 313px; border-radius: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background: url("/images/indexBanner-tablet.webp") 50% 50% no-repeat !important; background-size: cover !important; } .indexBanner__wrapper h1 { font-size: 64px; line-height: 64px; max-width: 440px; } .indexBanner__wrapper ul { margin-top: 56px; } .indexBanner__wrapper ul li { font-size: 19px; line-height: 19px; } .indexBanner__wrapper a { padding: 17px 33px; font-size: 16px; line-height: 16px; margin-top: 56px; } .indexBanner__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; } .indexBanner__icon { display: none; } } @media (max-width: 650px) { .indexBanner { margin: 50px 0; } .indexBanner__wrapper { padding: 47px 32px 40px; background: url("/images/indexBanner-mobile.webp") 50% 50% no-repeat !important; background-size: cover !important; } .indexBanner__wrapper h1 { text-align: center; font-size: 24px; line-height: 24px; max-width: 100%; } .indexBanner__wrapper ul { display: none; } .indexBanner__wrapper a { padding: 17px; width: 100%; margin-top: 379px; display: none; } .indexBanner__wrapper a.mob { display: block; } } .indexRepair { margin-bottom: 140px; } .indexRepair__wrapper { max-width: 1068px; margin: 0 auto; } .indexRepair__wrapper h2 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; } .indexRepair__icon { height: 150px; width: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .indexRepair__icon__inner { position: absolute; z-index: 2; } .indexRepair__items { margin-top: 70px; display: grid; grid-gap: 80px; grid-template-columns: repeat(5, minmax(0, 1fr)); } .indexRepair__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .indexRepair__item:nth-child(1) .indexRepair__icon__inner { margin-left: -7px; margin-top: -2px; } .indexRepair__item:nth-child(2) .indexRepair__icon__inner { margin-left: -10px; margin-top: -3px; } .indexRepair__item:nth-child(3) .indexRepair__icon__inner { margin-left: -9px; margin-top: -7px; } .indexRepair__item:nth-child(4) .indexRepair__icon__inner { margin-left: -10px; } .indexRepair__item:nth-child(5) .indexRepair__icon__inner { margin-left: -10px; } .indexRepair__item:hover .indexRepair__title h3 { color: #37d97b; } .indexRepair__title h3 { color: #010306; font-size: 18px; line-height: 18px; margin-top: 24px; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 1180px) { .indexRepair { margin-bottom: 80px; } .indexRepair__wrapper h2 { font-size: 36px; line-height: 36px; } .indexRepair__items { margin-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 0; } .indexRepair__item { margin-right: 88px; margin-top: 32px; -webkit-flex-basis: calc(30% - 88px); -ms-flex-preferred-size: calc(30% - 88px); flex-basis: calc(30% - 88px); } .indexRepair__item:nth-child(3), .indexRepair__item:nth-child(5) { margin-right: 0; } } @media (max-width: 650px) { .indexRepair { margin-bottom: 60px; } .indexRepair__wrapper h2 { font-size: 24px; line-height: 32px; } .indexRepair__icon { height: 130px; width: 130px; } .indexRepair__items { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; grid-gap: 0; } .indexRepair__item { margin-right: 0; } .indexRepair__item h3 { margin-top: 4px; font-size: 16px; line-height: 16px; } } .indexWhy { margin-bottom: 60px; padding-bottom: 60px; overflow-x: hidden; } .indexWhy__wrapper h2 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; } .indexWhy__items { margin-top: 70px; } .indexWhy__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 32px; border-radius: 3px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); background-color: #fff; } .indexWhy__item h3 { font-size: 25px; line-height: 25px; color: #010306; margin-top: 32px; } .indexWhy__item p { margin-top: 32px; font-size: 22px; line-height: 32px; color: #5c5b5b; font-weight: 300; } .indexWhy__icon { max-width: 54px; } .indexWhy__icon svg { width: 100%; } .indexWhy__icon img { width: 100%; } .indexWhy .swiper-container { overflow: visible; } .indexWhy .swiper-pagination { display: none; } @media (max-width: 1180px) { .indexWhy { margin-bottom: 20px; } .indexWhy__wrapper h2 { font-size: 36px; line-height: 36px; } .indexWhy__items { margin-top: 32px; } .indexWhy .swiper-slide { height: auto; } .indexWhy__item { height: 100%; padding: 16px 24px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.15); } .indexWhy__item h3 { font-size: 18px; line-height: 18px; margin-top: 18px; } .indexWhy__item p { margin-top: 16px; font-size: 16px; line-height: 24px; } .indexWhy__icon { max-width: 39px; } } @media (max-width: 639px) { .indexWhy { margin-bottom: 259px; padding-top: 38px; } .indexWhy__wrapper h2 { font-size: 24px; line-height: 32px; } .indexWhy__items { margin-top: 24px; } .indexWhy__item { padding: 32px 24px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.15); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .indexWhy__item h3 { margin-top: 24px; } .indexWhy__item p { text-align: center; } .indexWhy .swiper-pagination { display: block; bottom: -30px; } .indexWhy .swiper-pagination-bullet { margin: 0 8px; width: 10px; height: 10px; opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #ddd; } .indexWhy .swiper-pagination-bullet-active { background-color: #37d97b; } } .indexCallback { margin-bottom: 120px; } .indexCallback__wrapper { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; padding: 48px 89px 56px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .indexCallback__image { position: absolute; left: -19px; bottom: 0; } .indexCallback__title { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .indexCallback__title h2 { grid-column: 2/3; font-size: 36px; line-height: 40px; font-family: Montserrat-SemiBold; color: #010306; } .indexCallback__content { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 30px; } .indexCallback__content p { grid-column: 2/3; margin-top: 32px; font-size: 16px; line-height: 23px; color: #5c5b5b; font-weight: 300; } .indexCallback__content form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column: 3/4; margin-top: -40px; } .indexCallback__content form input { border: 1px solid #c4c4c4; border-radius: 3px; color: #010306; font-size: 16px; line-height: 16px; padding: 17px 20px; margin-bottom: 16px; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .indexCallback__content form input:hover { border-color: #37d97b; } .indexCallback__content form button { background-color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; padding: 17px; border: none; text-align: center; color: #fff; font-size: 17px; border-radius: 3px; line-height: 17px; margin-bottom: 8px; font-weight: 400; cursor: pointer; } .indexCallback__content form button:hover { background-color: #12b857; } .indexCallback__content form span { font-size: 12px; line-height: 16px; color: #5c5b5b; font-weight: 300; } @media (max-width: 1180px) { .indexCallback { margin-bottom: 80px; } .indexCallback__wrapper { padding: 40px 20px 40px; } .indexCallback__title h2 { text-align: center; grid-column: 1/4; line-height: 36px; } .indexCallback__image img { max-height: 359px; width: auto; } .indexCallback__content { display: block; max-width: 311px; margin: 37px auto 0; } .indexCallback__content p { margin-top: 0; line-height: 21px; } .indexCallback__content form { margin-top: 24px; } .indexCallback__content form input { margin-bottom: 24px; } .indexCallback__content form button { margin-bottom: 16px; } } @media (max-width: 1090px) { .indexCallback__content { margin-left: 50%; } } @media (max-width: 768px) { .indexCallback { margin-bottom: 50px; } .indexCallback__wrapper { padding: 32px 16px; position: relative; } .indexCallback__title h2 { font-size: 24px; line-height: 32px; } .indexCallback__image { position: absolute; top: -235px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .indexCallback__image img { max-height: 235px; } .indexCallback__content { max-width: 100%; margin-top: 24px; margin-left: 0; } .indexCallback__content p { text-align: center; font-size: 16px; } .indexCallback__content form { margin-top: 24px; } .indexCallback__content form input { margin-bottom: 24px; } .indexCallback__content form button { font-weight: 400px; margin-bottom: 24px; } } .indexPage .videoNew { background-color: #fff; padding-bottom: 0; margin-bottom: 40px; max-height: 440px; } .indexPage .videoNew__poster, .indexPage .videoNew #presentation { background-color: #fff; } .indexPage .videoNew__poster, .indexPage .videoNew__button, .indexPage .videoNew__stop { padding-bottom: 0; } .indexPage .videoNew__wrapper iframe { border-radius: 3px; overflow: hidden; display: block; } @media (max-width: 768px) { .indexPage .videoNew { margin-bottom: 50px; } } .indexPage .map { padding-bottom: 0 !important; } .newWorkMacBook { background-color: #f8f8f8; } .newWorkMacBook__wrapper { padding-bottom: 120px; } .newWorkMacBook__wrapper .breadcrums { padding: 20px 0; } .newWorkMacBook__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkMacBook__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkMacBook__wrapper .breadcrums svg { margin: 0 10px; } .newWorkMacBook__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 54px; } .newWorkMacBook__wrapper-header h1 { font-size: 48px; line-height: 48px; font-family: Montserrat-SemiBold; color: #010306; margin-top: 30px; } .newWorkMacBook__wrapper-body { -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; background-color: #fff; position: relative; padding: 100px 0; } .newWorkMacBook__wrapper-body-inner { max-width: 900px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkMacBook__wrapper-body-block { position: relative; margin-top: 207px; } .newWorkMacBook__wrapper-body-block:nth-child(1) { margin-top: 0; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-content { -webkit-flex-basis: 250px; -ms-flex-preferred-size: 250px; flex-basis: 250px; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-logo { right: 0; left: auto; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-image img { left: -20px; right: auto; top: 20px; position: relative; width: 463px; height: 332px; } .newWorkMacBook__wrapper-body-block:nth-child(3) .newWorkMacBook__wrapper-body-block-image img { right: 28px; top: 50px; width: 635px; height: 290px; } .newWorkMacBook__wrapper-body-block-logo { position: absolute; left: 0; } .newWorkMacBook__wrapper-body-block-image { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .newWorkMacBook__wrapper-body-block-image img { width: 661px; height: 410px; position: absolute; right: 0; top: -20px; } .newWorkMacBook__wrapper-body-block-content { z-index: 2; position: relative; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .newWorkMacBook__wrapper-body-block-content h2 { font-size: 36px; line-height: 36px; color: #000; font-family: Montserrat-SemiBold; } .newWorkMacBook__wrapper-body-block-content-link a { display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #939393; margin-top: 14px; font-weight: 300; font-size: 14px; line-height: 16px; } .newWorkMacBook__wrapper-body-block-content-link a:hover { color: #37d97b; } .newWorkMacBook__wrapper-body-block-content button { margin-top: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; background-color: #37d97b; border-radius: 3px; border: none; padding: 16px 38px; color: #fff; font-size: 16px; line-height: 18px; } .newWorkMacBook__wrapper-body-block-content button:hover { background-color: #12b857; } .newWorkMacBook__wrapper-body-block-content-choose { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkMacBook__wrapper-body-block-content-choose a { font-size: 18px; line-height: 26px; color: #37d97b; font-weight: 500; } .newWorkMacBook__wrapper-body-block-content-choose svg { margin-left: 28px; } .newWorkMacBook__wrapper-body-block-content-choose svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkMacBook__wrapper-body-block-content-choose:hover a { color: #12b857; } .newWorkMacBook__wrapper-body-block-content-choose:hover svg path { fill: #12b857; } @media (max-width: 1180px) { .newWorkMacBook__wrapper { padding-bottom: 80px; } .newWorkMacBook__wrapper-header { padding-bottom: 14px; } .newWorkMacBook__wrapper-header h1 { font-size: 30px; line-height: 30px; margin-top: 0; } .newWorkMacBook__wrapper-body { padding: 60px 0; } .newWorkMacBook__wrapper-body-inner { max-width: 100%; padding: 0 145px; } .newWorkMacBook__wrapper-body-block { margin-top: 146px; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-content { -webkit-flex-basis: 150px; -ms-flex-preferred-size: 150px; flex-basis: 150px; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-image img { width: 264px; height: 190px; left: -100px; } .newWorkMacBook__wrapper-body-block:nth-child(3) .newWorkMacBook__wrapper-body-block-image img { width: 322px; height: 148px; } .newWorkMacBook__wrapper-body-block-logo { position: absolute; left: 0; } .newWorkMacBook__wrapper-body-block-logo svg { width: 82px; } .newWorkMacBook__wrapper-body-block-image { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .newWorkMacBook__wrapper-body-block-image img { width: 346px; height: 214px; top: 20px; } .newWorkMacBook__wrapper-body-block-content h2 { font-size: 18px; line-height: 18px; } .newWorkMacBook__wrapper-body-block-content-link a { margin-top: 10px; } .newWorkMacBook__wrapper-body-block-content button { margin-top: 13px; padding: 10px 24px; font-size: 12px; line-height: 14px; } .newWorkMacBook__wrapper-body-block-content-choose { margin-top: 13px; } .newWorkMacBook__wrapper-body-block-content-choose a { font-size: 14px; line-height: 14px; } .newWorkMacBook__wrapper-body-block-content-choose svg { margin-left: 13px; width: 4px; height: 8px; } } @media (max-width: 670px) { .newWorkMacBook__wrapper { padding-bottom: 50px; } .newWorkMacBook__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkMacBook__wrapper-header { padding-bottom: 18px; } .newWorkMacBook__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newWorkMacBook__wrapper-body { padding: 22px 0; } .newWorkMacBook__wrapper-body-inner { padding: 0 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .newWorkMacBook__wrapper-body-block { margin-top: 47px; } .newWorkMacBook__wrapper-body-block:nth-child(1) .newWorkMacBook__wrapper-body-block-content { padding-top: 120px; } .newWorkMacBook__wrapper-body-block:nth-child(1) h2 { padding-left: 46px; } .newWorkMacBook__wrapper-body-block:nth-child(1) .newWorkMacBook__wrapper-body-block-content-link { padding-left: 46px; } .newWorkMacBook__wrapper-body-block:nth-child(1) .newWorkMacBook__wrapper-body-block-logo { top: 0; } .newWorkMacBook__wrapper-body-block:nth-child(2) { text-align: center; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-content-link { text-align: left; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-content { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-content h2 { text-align: left; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-image img { width: 189px; height: 136px; top: auto; left: auto; } .newWorkMacBook__wrapper-body-block:nth-child(2) .newWorkMacBook__wrapper-body-block-logo { top: 120px; } .newWorkMacBook__wrapper-body-block:nth-child(3) { margin-top: 64px; } .newWorkMacBook__wrapper-body-block:nth-child(3) .newWorkMacBook__wrapper-body-block-image img { width: 222px; top: auto; right: -35px; height: 102px; position: relative; } .newWorkMacBook__wrapper-body-block:nth-child(3) h2 { padding-left: 46px; } .newWorkMacBook__wrapper-body-block:nth-child(3) .newWorkMacBook__wrapper-body-block-content-link { padding-left: 46px; } .newWorkMacBook__wrapper-body-block:nth-child(3) .newWorkMacBook__wrapper-body-block-logo { top: 100px; } .newWorkMacBook__wrapper-body-block-image { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .newWorkMacBook__wrapper-body-block-image img { width: 206px; height: 128px; top: auto; } .newWorkMacBook__wrapper-body-block-content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newWorkMacBook__wrapper-body-block-content h2 { margin-top: 25px; } .newWorkMacBook__wrapper-body-block-content-link a { margin-top: 9px; font-size: 12px; line-height: 16px; } .newWorkMacBook__wrapper-body-block-content button { margin-top: 18px; padding: 11px 30px 10px; max-width: 160px; margin-left: auto; margin-right: auto; } .newWorkMacBook__wrapper-body-block-content-choose { margin-top: 14px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkMacBook__wrapper-body-block-content-choose a { line-height: 26px; } } @media (width: 375px) { .newWorkMacBook__wrapper-header { padding-bottom: 16px; } .newWorkMacBook__wrapper-header h1 { font-size: 22px; line-height: 26px; } .newWorkMacBook__wrapper-body { padding: 34px 0; } .newWorkMacBook__wrapper-body-block { margin-top: 62px; } .newWorkMacBook__wrapper-body-block:nth-child(1) h2 { padding-left: 95px; } .newWorkMacBook__wrapper-body-block:nth-child(1) .newWorkMacBook__wrapper-body-block-content-link { padding-left: 95px; } .newWorkMacBook__wrapper-body-block-image img { width: 220px; height: 137px; } .newWorkMacBook__wrapper-body-block-content h2 { margin-top: 22px; } .newWorkMacBook__wrapper-body-block-content-link a { margin-top: 12px; font-size: 14px; } .newWorkMacBook__wrapper-body-block-content button { margin-top: 32px; padding: 15px 44px 14px; max-width: 223px; font-size: 16px; line-height: 16px; } .newWorkMacBook__wrapper-body-block-content-choose { margin-top: 24px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkMacBook__wrapper-body-block-content-choose a { font-size: 16px; line-height: 16px; } } .help2 { padding: 0 0 80px; background-color: #f8f8f8; overflow: hidden; } .help2__wrapper { padding: 114px 74px; border-radius: 3px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); } .help2__wrapper-block h2 { font-size: 96px; line-height: 96px; color: #fff; font-family: Montserrat-Bold; } .help2__wrapper-block p { font-size: 31px; line-height: 35px; color: #fff; font-family: Montserrat-SemiBold; } .help2__wrapper-block p br.pc { display: block; } .help2__wrapper-block p br.mob { display: none; } .help2__wrapper-block span { font-size: 18px; line-height: 29px; font-weight: 300; color: #ddd; margin-top: 26px; display: inline-block; } @media (max-width: 1180px) { .help2 { padding: 0 0 80px; } .help2__wrapper { padding: 74px 34px 105px; border-radius: 0; background-position: 85% 50% !important; width: calc(100% + 70px); margin: 0 -35px; } .help2__wrapper-block h2 { font-size: 64px; line-height: 72px; } .help2__wrapper-block p { font-size: 24px; line-height: 27px; margin-top: 8px; } .help2__wrapper-block span { font-size: 16px; line-height: 26px; margin-top: 40px; max-width: 340px; } .help2__wrapper-block span br { display: none; } } @media (max-width: 639px) { .help2 { padding: 0 0 30px; } .help2__wrapper { padding: 95px 13px 114px; border-radius: 3px; background-position: 60% 50% !important; margin: 0; width: 100%; } .help2__wrapper-block h2 { font-size: 40px; line-height: 40px; } .help2__wrapper-block p { font-size: 18px; line-height: 24px; margin-top: 5px; } .help2__wrapper-block p br.pc { display: none; } .help2__wrapper-block p br.mob { display: block; } .help2__wrapper-block span { font-size: 14px; line-height: 22px; margin-top: 8px; max-width: 218px; } } @media (width: 375px) { .help2__wrapper { background-position: 57% 50% !important; } .help2__wrapper-block p { font-size: 16px; line-height: 22px; } .help2__wrapper-block span { font-size: 12px; line-height: 18px; margin-top: 10px; } } @media (max-width: 374px) { .help2__wrapper { background-position: 60% 50% !important; } .help2__wrapper-block h2 { font-size: 36px; line-height: 36px; } .help2__wrapper-block p { font-size: 16px; line-height: 19px; } .help2__wrapper-block span { font-size: 13px; line-height: 21px; margin-top: 16px; max-width: 200px; } } .newWorkMacBookPro { background-color: #f8f8f8; overflow-x: hidden; } .newWorkMacBookPro__wrapper .breadcrums { padding: 20px 0; } .newWorkMacBookPro__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkMacBookPro__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkMacBookPro__wrapper .breadcrums svg { margin: 0 10px; } .newWorkMacBookPro__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWorkMacBookPro__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 33%; margin-top: 5px; } .newWorkMacBookPro__wrapper-header-rating { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkMacBookPro__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWorkMacBookPro__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWorkMacBookPro__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkMacBookPro__wrapper-header-rating-stars svg { margin-right: 3px; } .newWorkMacBookPro__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWorkMacBookPro__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkMacBookPro__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWorkMacBookPro__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWorkMacBookPro__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 100px; } .newWorkMacBookPro__wrapper-blocks-mobModels { display: none; } .newWorkMacBookPro__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(33% - 10px); -ms-flex-preferred-size: calc(33% - 10px); flex-basis: calc(33% - 10px); margin-right: 10px; display: block; overflow: hidden; } .newWorkMacBookPro__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWorkMacBookPro__wrapper-blocks-models-inner { overflow-x: hidden; } .newWorkMacBookPro__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkMacBookPro__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkMacBookPro__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWorkMacBookPro__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkMacBookPro__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWorkMacBookPro__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWorkMacBookPro__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWorkMacBookPro__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(67% - 5px); -ms-flex-preferred-size: calc(67% - 5px); flex-basis: calc(67% - 5px); max-width: calc(67% - 5px); position: relative; } .newWorkMacBookPro__wrapper-blocks-right .row { display: block; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { left: -5px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkMacBookPro__wrapper-blocks-right-block, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkMacBookPro__wrapper-blocks-right-block { margin-top: 40px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.pc { display: block; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.mob { display: none; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.pc { display: block; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.mob { display: none; } .newWorkMacBookPro__wrapper-blocks-right .col { width: 100%; } .newWorkMacBookPro__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 8.333333%; -ms-flex-preferred-size: 8.333333%; flex-basis: 8.333333%; max-width: 8.333333%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 16.666667%; -ms-flex-preferred-size: 16.666667%; flex-basis: 16.666667%; max-width: 16.666667%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 33.333333%; -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; max-width: 33.333333%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 42.666667%; -ms-flex-preferred-size: 42.666667%; flex-basis: 42.666667%; max-width: 42.666667%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 57.333333%; -ms-flex-preferred-size: 57.333333%; flex-basis: 57.333333%; max-width: 57.333333%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 66.666667%; -ms-flex-preferred-size: 66.666667%; flex-basis: 66.666667%; max-width: 66.666667%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 83.333333%; -ms-flex-preferred-size: 83.333333%; flex-basis: 83.333333%; max-width: 83.333333%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 91.666667%; -ms-flex-preferred-size: 91.666667%; flex-basis: 91.666667%; max-width: 91.666667%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0 5px; } .newWorkMacBookPro__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 20px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkMacBookPro__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWorkMacBookPro__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWorkMacBookPro__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkMacBookPro__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWorkMacBookPro__wrapper-blocks-right-block-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(2) img { position: absolute; bottom: 0; right: 0; height: 98px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(3) img { position: absolute; bottom: 0; left: 0; height: 98px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(6) img { position: absolute; bottom: 0; right: 0; height: 150px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(7) img { position: absolute; bottom: 0; left: 0; height: 112px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(1) .newWorkMacBookPro__wrapper-blocks-right-block, .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(2) .newWorkMacBookPro__wrapper-blocks-right-block { height: 178px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(3) .newWorkMacBookPro__wrapper-blocks-right-block, .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(4) .newWorkMacBookPro__wrapper-blocks-right-block { height: 166px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(5) .newWorkMacBookPro__wrapper-blocks-right-block, .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(6) .newWorkMacBookPro__wrapper-blocks-right-block { height: 180px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(2) img { max-width: 298px; position: absolute; bottom: -20px; right: -90px; width: 100%; height: 172px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(5) img { max-width: 298px; width: 100%; position: absolute; bottom: 0; left: calc(50% - 150px); } .newWorkMacBookPro__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWorkMacBookPro__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWorkMacBookPro__wrapper-blocks-right .swiper-slide:nth-child(1) .newWorkMacBookPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); background: linear-gradient(101.54deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); } .newWorkMacBookPro__wrapper-blocks-right .swiper-slide:nth-child(3) .newWorkMacBookPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); background: linear-gradient(101.54deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); } .newWorkMacBookPro__wrapper-blocks-right .swiper-slide:nth-child(4) .newWorkMacBookPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(351.46deg, #5521c1 -57.57%, #a838c3 11.7%, #f9d89a 96.01%); background: linear-gradient(98.54deg, #5521c1 -57.57%, #a838c3 11.7%, #f9d89a 96.01%); } .newWorkMacBookPro__wrapper-blocks-right .swiper-slide:nth-child(6) .newWorkMacBookPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(344.56deg, #5521c1 -127.99%, #a838c3 -45.31%, #f9d89a 93.88%); background: linear-gradient(105.44deg, #5521c1 -127.99%, #a838c3 -45.31%, #f9d89a 93.88%); } @media (max-width: 1180px) { .newWorkMacBookPro__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkMacBookPro__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWorkMacBookPro__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .newWorkMacBookPro__wrapper-blocks-models { display: none; } .newWorkMacBookPro__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWorkMacBookPro__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block.active .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWorkMacBookPro__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkMacBookPro__wrapper-blocks-right-block-svg svg path { fill: #010306; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { right: calc(50% - 130px); height: 172px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(5) img { left: calc(50% - 170px); } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide .newWorkMacBookPro__wrapper-blocks-right-block { height: 100%; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide .newWorkMacBookPro__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide .newWorkMacBookPro__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkMacBookPro__wrapper-blocks-right-block, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkMacBookPro__wrapper-blocks-right-block { margin-top: 0; } .newWorkMacBookPro__wrapper-blocks-right .col1, .newWorkMacBookPro__wrapper-blocks-right .col2, .newWorkMacBookPro__wrapper-blocks-right .col3, .newWorkMacBookPro__wrapper-blocks-right .col4, .newWorkMacBookPro__wrapper-blocks-right .col5, .newWorkMacBookPro__wrapper-blocks-right .col6, .newWorkMacBookPro__wrapper-blocks-right .col7, .newWorkMacBookPro__wrapper-blocks-right .col8, .newWorkMacBookPro__wrapper-blocks-right .col9, .newWorkMacBookPro__wrapper-blocks-right .col10, .newWorkMacBookPro__wrapper-blocks-right .col11, .newWorkMacBookPro__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWorkMacBookPro__wrapper-blocks-right-block { margin-top: 0; } .newWorkMacBookPro__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(2) img { height: 260px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(3) img { height: 260px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(6) img { height: 260px; } .newWorkMacBookPro__wrapper-blocks-right .col:nth-child(7) img { height: 260px; } } @media (max-width: 816px) { .newWorkMacBookPro__wrapper-header-rating-title { margin: 0 24px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWorkMacBookPro__wrapper .breadcrums { padding: 20px 0; } .newWorkMacBookPro__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkMacBookPro__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkMacBookPro__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWorkMacBookPro__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWorkMacBookPro__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWorkMacBookPro__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWorkMacBookPro__wrapper-header-rating-stars { margin-top: -2px; } .newWorkMacBookPro__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWorkMacBookPro__wrapper-blocks { padding-bottom: 50px; } .newWorkMacBookPro__wrapper-blocks-mobModels { margin-top: 50px; } .newWorkMacBookPro__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWorkMacBookPro__wrapper-blocks-right .col1, .newWorkMacBookPro__wrapper-blocks-right .col2, .newWorkMacBookPro__wrapper-blocks-right .col3, .newWorkMacBookPro__wrapper-blocks-right .col4, .newWorkMacBookPro__wrapper-blocks-right .col5, .newWorkMacBookPro__wrapper-blocks-right .col6, .newWorkMacBookPro__wrapper-blocks-right .col7, .newWorkMacBookPro__wrapper-blocks-right .col8, .newWorkMacBookPro__wrapper-blocks-right .col9, .newWorkMacBookPro__wrapper-blocks-right .col10, .newWorkMacBookPro__wrapper-blocks-right .col11, .newWorkMacBookPro__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWorkMacBookPro__wrapper-blocks-right .col, .newWorkMacBookPro__wrapper-blocks-right .row { margin: 0 -5px; } .newWorkMacBookPro__wrapper-blocks-right .col .swiper-slide, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 220px; } .newWorkMacBookPro__wrapper-blocks-right .col .swiper-slide .newWorkMacBookPro__wrapper-blocks-right-block h3, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide .newWorkMacBookPro__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWorkMacBookPro__wrapper-blocks-right .col .swiper-slide:nth-child(2) .newWorkMacBookPro__wrapper-blocks-right-block-svg svg path, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkMacBookPro__wrapper-blocks-right-block-svg svg path { fill: #fff; } .newWorkMacBookPro__wrapper-blocks-right .col .swiper-slide:nth-child(2) img.pc, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.pc { display: none; } .newWorkMacBookPro__wrapper-blocks-right .col .swiper-slide:nth-child(2) img.mob, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.mob { height: 140px; width: 129px; display: block; right: 0; } .newWorkMacBookPro__wrapper-blocks-right .col .swiper-slide:nth-child(5) img.pc, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.pc { display: none; } .newWorkMacBookPro__wrapper-blocks-right .col .swiper-slide:nth-child(5) img.mob, .newWorkMacBookPro__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.mob { height: 128px; width: 121px; right: 0; display: block; left: auto; } .newWorkMacBookPro__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWorkMacBookPro__wrapper-blocks-right-block-svg { bottom: 22px; } .newWorkMacBookPro__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWorkMacBookPro__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWorkMacBookPro__wrapper-blocks-right-block.gradient .newWorkMacBookPro__wrapper-blocks-right-block-title h3, .newWorkMacBookPro__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWorkMacBookPro__wrapper-header h1 { font-size: 18px; line-height: 24px; } } @media (width: 375px) { .newWorkMacBookPro__wrapper .breadcrums { padding: 20px 0 16px; } .newWorkMacBookPro__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWorkMacBookPro__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWorkMacBookPro__wrapper-header-rating-count { padding-top: 2px; } .newWorkMacBookPro__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWorkMacBookPro__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWorkMacBookPro__wrapper-blocks { padding-bottom: 60px; } .newWorkMacBookPro__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWorkMacBookPro__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWorkMacBookPro__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWorkMacBookPro__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWorkMacBookPro__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWorkMacBookPro__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWorkMacBookPro__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .newWorkIMac { background-color: #f8f8f8; overflow-x: hidden; } .newWorkIMac__wrapper .breadcrums { padding: 20px 0; } .newWorkIMac__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIMac__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkIMac__wrapper .breadcrums svg { margin: 0 10px; } .newWorkIMac__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWorkIMac__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 32%; margin-top: 5px; } .newWorkIMac__wrapper-header-rating { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIMac__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWorkIMac__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWorkIMac__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIMac__wrapper-header-rating-stars svg { margin-right: 3px; } .newWorkIMac__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWorkIMac__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIMac__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWorkIMac__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWorkIMac__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 100px; } .newWorkIMac__wrapper-blocks-mobModels { display: none; } .newWorkIMac__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(32% - 10px); -ms-flex-preferred-size: calc(32% - 10px); flex-basis: calc(32% - 10px); margin-right: 10px; display: block; overflow: hidden; } .newWorkIMac__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWorkIMac__wrapper-blocks-models-inner { overflow-x: hidden; } .newWorkIMac__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIMac__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIMac__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWorkIMac__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIMac__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWorkIMac__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWorkIMac__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWorkIMac__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(68% - 5px); -ms-flex-preferred-size: calc(68% - 5px); flex-basis: calc(68% - 5px); max-width: calc(68% - 5px); position: relative; } .newWorkIMac__wrapper-blocks-right .row { display: block; } .newWorkIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newWorkIMac__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .newWorkIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newWorkIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIMac__wrapper-blocks-right-block, .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIMac__wrapper-blocks-right-block { margin-top: 40px; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-row: 1/3; grid-column: 1/2; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2), .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 2/3; } .newWorkIMac__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newWorkIMac__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIMac__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIMac__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWorkIMac__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWorkIMac__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIMac__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWorkIMac__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWorkIMac__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWorkIMac__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWorkIMac__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWorkIMac__wrapper-blocks-right .col:nth-child(1) .newWorkIMac__wrapper-blocks-right-block { height: 436px; } .newWorkIMac__wrapper-blocks-right .col:nth-child(1) .newWorkIMac__wrapper-blocks-right-block-items-item svg path { fill: #010306; } .newWorkIMac__wrapper-blocks-right .col:nth-child(1) .newWorkIMac__wrapper-blocks-right-block-items-item span { color: #010306; } .newWorkIMac__wrapper-blocks-right .col:nth-child(1) img { max-width: 212px; position: absolute; right: 0; width: 100%; top: 64px; height: 309px; } .newWorkIMac__wrapper-blocks-right .col:nth-child(2) .newWorkIMac__wrapper-blocks-right-block { height: 189px; } .newWorkIMac__wrapper-blocks-right .col:nth-child(3) .newWorkIMac__wrapper-blocks-right-block { height: 237px; } .newWorkIMac__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWorkIMac__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWorkIMac__wrapper-blocks-right .swiper-slide:nth-child(2) .newWorkIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(335.29deg, #402fff 11.04%, #935cb0 91.27%); background: linear-gradient(114.71deg, #402fff 11.04%, #935cb0 91.27%); } .newWorkIMac__wrapper-blocks-right .swiper-slide:nth-child(3) .newWorkIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(331.33deg, #5d40e2 11.29%, #ec64ae 106.63%); background: linear-gradient(118.67deg, #5d40e2 11.29%, #ec64ae 106.63%); } @media (max-width: 1180px) { .newWorkIMac__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIMac__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWorkIMac__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .newWorkIMac__wrapper-blocks-models { display: none; } .newWorkIMac__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWorkIMac__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWorkIMac__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block:nth-child(3) { margin-right: 0; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block.active .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWorkIMac__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWorkIMac__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWorkIMac__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWorkIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIMac__wrapper-blocks-right-block, .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIMac__wrapper-blocks-right-block { margin-top: 0; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide .newWorkIMac__wrapper-blocks-right-block { height: 100%; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide .newWorkIMac__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide .newWorkIMac__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #4030ff -3.06%, #ad3fc2 95.94%); background: linear-gradient(103.37deg, #4030ff -3.06%, #ad3fc2 95.94%); } .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #9b3dcd 1.94%, #d15db8 99.18%); background: linear-gradient(107.48deg, #9b3dcd 1.94%, #d15db8 99.18%); } .newWorkIMac__wrapper-blocks-right .col1, .newWorkIMac__wrapper-blocks-right .col2, .newWorkIMac__wrapper-blocks-right .col3, .newWorkIMac__wrapper-blocks-right .col4, .newWorkIMac__wrapper-blocks-right .col5, .newWorkIMac__wrapper-blocks-right .col6, .newWorkIMac__wrapper-blocks-right .col7, .newWorkIMac__wrapper-blocks-right .col8, .newWorkIMac__wrapper-blocks-right .col9, .newWorkIMac__wrapper-blocks-right .col10, .newWorkIMac__wrapper-blocks-right .col11, .newWorkIMac__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWorkIMac__wrapper-blocks-right-block { margin-top: 0; } .newWorkIMac__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWorkIMac__wrapper-blocks-right .col:nth-child(1) img { height: 223px; width: 167px; } } @media (max-width: 816px) { .newWorkIMac__wrapper-header-rating-title { margin: 0 24px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWorkIMac__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWorkIMac__wrapper .breadcrums { padding: 20px 0; } .newWorkIMac__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkIMac__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIMac__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWorkIMac__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWorkIMac__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWorkIMac__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWorkIMac__wrapper-header-rating-stars { margin-top: -2px; } .newWorkIMac__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWorkIMac__wrapper-blocks { padding-bottom: 50px; } .newWorkIMac__wrapper-blocks-mobModels { margin-top: 50px; } .newWorkIMac__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWorkIMac__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block:nth-child(3) { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newWorkIMac__wrapper-blocks-right .col1, .newWorkIMac__wrapper-blocks-right .col2, .newWorkIMac__wrapper-blocks-right .col3, .newWorkIMac__wrapper-blocks-right .col4, .newWorkIMac__wrapper-blocks-right .col5, .newWorkIMac__wrapper-blocks-right .col6, .newWorkIMac__wrapper-blocks-right .col7, .newWorkIMac__wrapper-blocks-right .col8, .newWorkIMac__wrapper-blocks-right .col9, .newWorkIMac__wrapper-blocks-right .col10, .newWorkIMac__wrapper-blocks-right .col11, .newWorkIMac__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWorkIMac__wrapper-blocks-right .col, .newWorkIMac__wrapper-blocks-right .row { margin: 0 -5px; } .newWorkIMac__wrapper-blocks-right .col .swiper-slide, .newWorkIMac__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 260px; } .newWorkIMac__wrapper-blocks-right .col .swiper-slide .newWorkIMac__wrapper-blocks-right-block h3, .newWorkIMac__wrapper-blocks-right .row .swiper-slide .newWorkIMac__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWorkIMac__wrapper-blocks-right .col .swiper-slide:nth-child(1) .newWorkIMac__wrapper-blocks-right-block-items, .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIMac__wrapper-blocks-right-block-items { display: none; } .newWorkIMac__wrapper-blocks-right .col .swiper-slide:nth-child(1) img, .newWorkIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) img { height: 183px; width: 124px; display: block; right: 0; top: auto; bottom: 8px; } .newWorkIMac__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWorkIMac__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newWorkIMac__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIMac__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWorkIMac__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWorkIMac__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWorkIMac__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWorkIMac__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWorkIMac__wrapper-blocks-right-block.gradient .newWorkIMac__wrapper-blocks-right-block-title h3, .newWorkIMac__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWorkIMac__wrapper-header h1 { font-size: 18px; line-height: 24px; } } @media (width: 375px) { .newWorkIMac__wrapper .breadcrums { padding: 20px 0 16px; } .newWorkIMac__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWorkIMac__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWorkIMac__wrapper-header-rating-count { padding-top: 2px; } .newWorkIMac__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWorkIMac__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWorkIMac__wrapper-blocks { padding-bottom: 60px; } .newWorkIMac__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWorkIMac__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWorkIMac__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWorkIMac__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWorkIMac__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWorkIMac__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWorkIMac__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWorkIMac__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .help3 { padding: 0 0 120px; background-color: #f8f8f8; overflow: hidden; } .help3__wrapper { padding: 114px 74px; border-radius: 3px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); } .help3__wrapper-block h2 { font-size: 96px; line-height: 96px; color: #fff; font-family: Montserrat-Bold; } .help3__wrapper-block p { font-size: 31px; line-height: 35px; color: #fff; font-family: Montserrat-SemiBold; } .help3__wrapper-block p br.pc { display: block; } .help3__wrapper-block p br.mob { display: none; } .help3__wrapper-block span { font-size: 18px; line-height: 29px; font-weight: 300; color: #ddd; margin-top: 26px; display: inline-block; } .help3__wrapper-block span br { display: block; } .help3__wrapper-block span br.pc { display: none; } .help3__wrapper-block span br.mob { display: none; } .help3__wrapper-block span br.mob2 { display: none; } @media (max-width: 1180px) { .help3 { padding: 0 0 80px; } .help3__wrapper { padding: 74px 34px 105px; background-position: 85% 50% !important; } .help3__wrapper-block h2 { font-size: 64px; line-height: 72px; } .help3__wrapper-block p { font-size: 24px; line-height: 27px; margin-top: 8px; } .help3__wrapper-block span { font-size: 16px; line-height: 26px; margin-top: 40px; max-width: 340px; } .help3__wrapper-block span br { display: none; } .help3__wrapper-block span br.pc { display: block; } } @media (max-width: 639px) { .help3 { padding: 0 0 30px; } .help3__wrapper { padding: 95px 13px 114px; border-radius: 3px; background-position: 68% 50% !important; margin: 0; width: 100%; } .help3__wrapper-block h2 { font-size: 40px; line-height: 40px; } .help3__wrapper-block p { font-size: 18px; line-height: 24px; margin-top: 5px; } .help3__wrapper-block p br.pc { display: none; } .help3__wrapper-block p br.mob { display: block; } .help3__wrapper-block span { font-size: 14px; line-height: 22px; margin-top: 8px; max-width: 218px; } .help3__wrapper-block span br { display: none; } .help3__wrapper-block span br.pc { display: none; } .help3__wrapper-block span br.mob { display: none; } .help3__wrapper-block span br.mob2 { display: block; } } @media (width: 375px) { .help3__wrapper { padding: 56px 27px 140px; background: url("/images/help3_1.png") no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; } .help3__wrapper-block p { font-size: 16px; line-height: 22px; } .help3__wrapper-block span { font-size: 12px; line-height: 18px; margin-top: 10px; } .help3__wrapper-block span br { display: none; } .help3__wrapper-block span br.pc { display: none; } .help3__wrapper-block span br.mob { display: none; } .help3__wrapper-block span br.mob2 { display: block; } } @media (max-width: 374px) { .help3__wrapper { padding: 13px 27px 250px; background: url("/images/help3_2.png") no-repeat !important; background-position: 30% 50% !important; background-size: cover !important; } .help3__wrapper-block h2 { font-size: 36px; line-height: 36px; } .help3__wrapper-block p { font-size: 16px; line-height: 19px; } .help3__wrapper-block span { font-size: 13px; line-height: 21px; margin-top: 16px; max-width: 210px; } .help3__wrapper-block span br { display: none; } .help3__wrapper-block span br.pc { display: none; } .help3__wrapper-block span br.mob { display: none; } .help3__wrapper-block span br.mob2 { display: block; } } .newWorkWatch { background-color: #f8f8f8; overflow-x: hidden; } .newWorkWatch__wrapper .breadcrums { padding: 20px 0; } .newWorkWatch__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkWatch__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkWatch__wrapper .breadcrums svg { margin: 0 10px; } .newWorkWatch__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWorkWatch__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 32%; margin-top: 5px; } .newWorkWatch__wrapper-header-rating { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkWatch__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWorkWatch__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWorkWatch__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkWatch__wrapper-header-rating-stars svg { margin-right: 3px; } .newWorkWatch__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWorkWatch__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkWatch__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWorkWatch__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWorkWatch__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 84px; } .newWorkWatch__wrapper-blocks-mobModels { display: none; } .newWorkWatch__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(32% - 10px); -ms-flex-preferred-size: calc(32% - 10px); flex-basis: calc(32% - 10px); margin-right: 10px; height: 602px; display: block; max-height: 602px; overflow: hidden; } .newWorkWatch__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWorkWatch__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkWatch__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkWatch__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWorkWatch__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkWatch__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWorkWatch__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWorkWatch__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWorkWatch__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(68% - 5px); -ms-flex-preferred-size: calc(68% - 5px); flex-basis: calc(68% - 5px); max-width: calc(68% - 5px); position: relative; } .newWorkWatch__wrapper-blocks-right .row { display: block; } .newWorkWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newWorkWatch__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .newWorkWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newWorkWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkWatch__wrapper-blocks-right-block, .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkWatch__wrapper-blocks-right-block { margin-top: 40px; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-row: 1/3; grid-column: 1/2; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2), .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 2/3; } .newWorkWatch__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newWorkWatch__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkWatch__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkWatch__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWorkWatch__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWorkWatch__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkWatch__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWorkWatch__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWorkWatch__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWorkWatch__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWorkWatch__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWorkWatch__wrapper-blocks-right .col:nth-child(1) .newWorkWatch__wrapper-blocks-right-block { height: 602px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkWatch__wrapper-blocks-right .col:nth-child(1) .newWorkWatch__wrapper-blocks-right-block-title { width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .newWorkWatch__wrapper-blocks-right .col:nth-child(1) img { max-width: 303px; position: absolute; width: 100%; bottom: 50px; height: 496px; } .newWorkWatch__wrapper-blocks-right .col:nth-child(2) .newWorkWatch__wrapper-blocks-right-block { height: 355px; } .newWorkWatch__wrapper-blocks-right .col:nth-child(3) .newWorkWatch__wrapper-blocks-right-block { height: 237px; } .newWorkWatch__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWorkWatch__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWorkWatch__wrapper-blocks-right .swiper-slide:nth-child(2) .newWorkWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(299.79deg, #f8a366 14.89%, #a52fed 121.04%); background: linear-gradient(150.21deg, #f8a366 14.89%, #a52fed 121.04%); } .newWorkWatch__wrapper-blocks-right .swiper-slide:nth-child(3) .newWorkWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(287.86deg, #cd69aa -12.73%, #9215de 109.62%); background: linear-gradient(162.14deg, #cd69aa -12.73%, #9215de 109.62%); } @media (max-width: 1180px) { .newWorkWatch__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkWatch__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWorkWatch__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .newWorkWatch__wrapper-blocks-models { display: none; } .newWorkWatch__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWorkWatch__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWorkWatch__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block.active .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWorkWatch__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWorkWatch__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWorkWatch__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWorkWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkWatch__wrapper-blocks-right-block, .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkWatch__wrapper-blocks-right-block { margin-top: 0; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide .newWorkWatch__wrapper-blocks-right-block { height: 100%; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide .newWorkWatch__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide .newWorkWatch__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #ffc59b -3.06%, #d96b91 95.94%); background: linear-gradient(103.37deg, #ffc59b -3.06%, #d96b91 95.94%); } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #d56897 1.94%, #a83bd2 99.18%); background: linear-gradient(107.48deg, #d56897 1.94%, #a83bd2 99.18%); } .newWorkWatch__wrapper-blocks-right .col1, .newWorkWatch__wrapper-blocks-right .col2, .newWorkWatch__wrapper-blocks-right .col3, .newWorkWatch__wrapper-blocks-right .col4, .newWorkWatch__wrapper-blocks-right .col5, .newWorkWatch__wrapper-blocks-right .col6, .newWorkWatch__wrapper-blocks-right .col7, .newWorkWatch__wrapper-blocks-right .col8, .newWorkWatch__wrapper-blocks-right .col9, .newWorkWatch__wrapper-blocks-right .col10, .newWorkWatch__wrapper-blocks-right .col11, .newWorkWatch__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWorkWatch__wrapper-blocks-right-block { margin-top: 0; } .newWorkWatch__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWorkWatch__wrapper-blocks-right .col:nth-child(1) img { height: 220px; width: 143px; bottom: 16px; } .newWorkWatch__wrapper-blocks-right .col:nth-child(3) img { top: auto; bottom: 16px; } } @media (max-width: 816px) { .newWorkWatch__wrapper-header-rating-title { margin: 0 24px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWorkWatch__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWorkWatch__wrapper .breadcrums { padding: 20px 0; } .newWorkWatch__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkWatch__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkWatch__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWorkWatch__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWorkWatch__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWorkWatch__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWorkWatch__wrapper-header-rating-stars { margin-top: -2px; } .newWorkWatch__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWorkWatch__wrapper-blocks { padding-bottom: 50px; } .newWorkWatch__wrapper-blocks-mobModels { margin-top: 50px; } .newWorkWatch__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWorkWatch__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWorkWatch__wrapper-blocks-right .col1, .newWorkWatch__wrapper-blocks-right .col2, .newWorkWatch__wrapper-blocks-right .col3, .newWorkWatch__wrapper-blocks-right .col4, .newWorkWatch__wrapper-blocks-right .col5, .newWorkWatch__wrapper-blocks-right .col6, .newWorkWatch__wrapper-blocks-right .col7, .newWorkWatch__wrapper-blocks-right .col8, .newWorkWatch__wrapper-blocks-right .col9, .newWorkWatch__wrapper-blocks-right .col10, .newWorkWatch__wrapper-blocks-right .col11, .newWorkWatch__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWorkWatch__wrapper-blocks-right .col, .newWorkWatch__wrapper-blocks-right .row { margin: 0 -5px; } .newWorkWatch__wrapper-blocks-right .col .swiper-slide, .newWorkWatch__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 300px; } .newWorkWatch__wrapper-blocks-right .col .swiper-slide .newWorkWatch__wrapper-blocks-right-block h3, .newWorkWatch__wrapper-blocks-right .row .swiper-slide .newWorkWatch__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWorkWatch__wrapper-blocks-right .col .swiper-slide:nth-child(1) .newWorkWatch__wrapper-blocks-right-block-items, .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkWatch__wrapper-blocks-right-block-items { display: none; } .newWorkWatch__wrapper-blocks-right .col .swiper-slide:nth-child(1) img, .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) img { height: 158px; width: 103px; display: block; right: calc(50% - 51px); top: auto; bottom: 16px; } .newWorkWatch__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWorkWatch__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newWorkWatch__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkWatch__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWorkWatch__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWorkWatch__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWorkWatch__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWorkWatch__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWorkWatch__wrapper-blocks-right-block.gradient .newWorkIMac__wrapper-blocks-right-block-title h3, .newWorkWatch__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWorkWatch__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkWatch__wrapper-blocks-right-block-items { display: none; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 158px; width: 103px; display: block; right: 50px; top: auto; bottom: 31px; } } @media (width: 375px) { .newWorkWatch__wrapper .breadcrums { padding: 20px 0 16px; } .newWorkWatch__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWorkWatch__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWorkWatch__wrapper-header-rating-count { padding-top: 2px; } .newWorkWatch__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWorkWatch__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWorkWatch__wrapper-blocks { padding-bottom: 60px; } .newWorkWatch__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWorkWatch__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWorkWatch__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWorkWatch__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWorkWatch__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWorkWatch__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkWatch__wrapper-blocks-right-block-items { display: none; } .newWorkWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 158px; width: 103px; display: block; right: 39px; top: auto; bottom: 31px; } .newWorkWatch__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWorkWatch__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .help4 { padding: 0 0 120px; background-color: #f8f8f8; } .help4__wrapper { padding: 51px 30px 59px 209px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.2); box-shadow: 0 4px 40px rgba(0,0,0,0.2); background-color: #f5f5f7; position: relative; overflow: hidden; } .help4__wrapper-bg { position: absolute; right: 0; bottom: 0; max-width: 496px; } .help4__wrapper-bg img { width: 100%; display: block; } .help4__wrapper-img1 { position: absolute; top: 45px; left: 82px; } .help4__wrapper-img2 { position: absolute; bottom: 6px; left: 37px; } .help4__wrapper-img3 { position: absolute; top: 8px; left: calc(50% - 105px); } .help4__wrapper-img4 { display: none; } .help4__wrapper-block { z-index: 2; position: relative; } .help4__wrapper-block h2 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-Bold; } .help4__wrapper-block p { font-size: 30px; line-height: 40px; color: #010306; font-family: Montserrat-SemiBold; } .help4__wrapper-block svg { margin: 40px 0 20px; } .help4__wrapper-block span { font-size: 22px; line-height: 28px; font-weight: 300; color: #939393; margin-top: 19px; display: block; } .help4__wrapper-block span br { display: block; } .help4__wrapper-block span br.mob2 { display: none; } .help4__wrapper-block span br.mob { display: none; } .help4__wrapper-block span br.tablet { display: none; } .help4__wrapper-block span br.pc { display: block; } @media (max-width: 1180px) { .help4 { padding: 0 0 80px; } .help4__wrapper { padding: 61px 30px 244px 32px; } .help4__wrapper-bg { max-width: 414px; } .help4__wrapper-img1 { display: none; } .help4__wrapper-img2 { bottom: -18px; left: 14px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .help4__wrapper-img3 { top: 17px; left: auto; right: 132px; } .help4__wrapper-img3 svg { width: 200px; height: 143px; } .help4__wrapper-block svg { margin: 20px 0 0; width: 247px; } .help4__wrapper-block span br { display: block; } .help4__wrapper-block span br.mob2 { display: none; } .help4__wrapper-block span br.mob { display: none; } .help4__wrapper-block span br.pc { display: none; } .help4__wrapper-block span br.tablet { display: block; } } @media (max-width: 639px) { .help4 { padding: 0 0 50px; } .help4__wrapper { padding: 43px 30px 173px 18px; } .help4__wrapper-bg { max-width: 235px; } .help4__wrapper-img1 { display: block; bottom: 113px; left: 10px; top: auto; } .help4__wrapper-img1 svg { width: 35px; height: 26px; } .help4__wrapper-img2 { display: none; } .help4__wrapper-img3 { display: none; } .help4__wrapper-img4 { position: absolute; display: block; top: 6px; right: 46px; } .help4__wrapper-img4 svg { width: 136px; height: 145px; } .help4__wrapper-block svg { margin: 20px 0 0; width: 124px; height: 50px; } .help4__wrapper-block h2 { font-size: 20px; line-height: 20px; } .help4__wrapper-block p { font-size: 16px; line-height: 23px; } .help4__wrapper-block span { font-size: 16px; line-height: 20px; } .help4__wrapper-block span br { display: block; } .help4__wrapper-block span br.mob2 { display: none; } .help4__wrapper-block span br.pc { display: none; } .help4__wrapper-block span br.tablet { display: none; } .help4__wrapper-block span br.mob { display: block; } } @media (max-width: 374px) { .help4__wrapper { padding: 38px 30px 221px 17px; } .help4__wrapper-img1 { bottom: 144px; } .help4__wrapper-img4 { top: 6px; right: 3px; } .help4__wrapper-block h2 { font-size: 18px; } .help4__wrapper-block p { font-size: 14px; line-height: 20px; } .help4__wrapper-block span { font-size: 14px; line-height: 18px; } .help4__wrapper-block span br { display: block; } .help4__wrapper-block span br.mob { display: none; } .help4__wrapper-block span br.pc { display: none; } .help4__wrapper-block span br.tablet { display: none; } .help4__wrapper-block span br.mob2 { display: block; } } .newWorkIPad { background-color: #f8f8f8; } .newWorkIPad__wrapper { padding-bottom: 120px; } .newWorkIPad__wrapper .breadcrums { padding: 20px 0; } .newWorkIPad__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPad__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkIPad__wrapper .breadcrums svg { margin: 0 10px; } .newWorkIPad__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 54px; } .newWorkIPad__wrapper-header h1 { font-size: 48px; line-height: 48px; font-family: Montserrat-SemiBold; color: #010306; margin-top: 30px; } .newWorkIPad__wrapper-body { -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; background-color: #fff; position: relative; padding: 100px 0; } .newWorkIPad__wrapper-body-inner { max-width: 900px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPad__wrapper-body-block { position: relative; margin-top: 196px; } .newWorkIPad__wrapper-body-block:nth-child(1) { margin-top: 0; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-image img { width: 442px; height: 297px; position: relative; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-content { -webkit-flex-basis: 250px; -ms-flex-preferred-size: 250px; flex-basis: 250px; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-logo { right: 0; left: auto; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-image img { left: -20px; right: auto; top: -40px; position: relative; width: 376px; height: 363px; } .newWorkIPad__wrapper-body-block:nth-child(3) { margin-top: 190px; } .newWorkIPad__wrapper-body-block:nth-child(3) .newWorkIPad__wrapper-body-block-image img { right: 0; top: -100px; width: 582px; height: 404px; } .newWorkIPad__wrapper-body-block:nth-child(4) { margin-top: 197px; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-content { -webkit-flex-basis: 250px; -ms-flex-preferred-size: 250px; flex-basis: 250px; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-logo { right: 0; left: auto; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-image img { left: -20px; right: auto; top: 0; position: relative; width: 463px; height: 349px; } .newWorkIPad__wrapper-body-block-logo { position: absolute; left: 0; } .newWorkIPad__wrapper-body-block-image { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .newWorkIPad__wrapper-body-block-image img { width: 661px; height: 410px; position: absolute; right: 0; top: -20px; } .newWorkIPad__wrapper-body-block-content { z-index: 2; position: relative; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .newWorkIPad__wrapper-body-block-content h2 { font-size: 36px; line-height: 36px; color: #000; font-family: Montserrat-SemiBold; } .newWorkIPad__wrapper-body-block-content-link a { display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #939393; margin-top: 14px; font-weight: 300; font-size: 14px; line-height: 16px; } .newWorkIPad__wrapper-body-block-content-link a:hover { color: #37d97b; } .newWorkIPad__wrapper-body-block-content button { margin-top: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; background-color: #37d97b; border-radius: 3px; border: none; padding: 16px 38px; color: #fff; font-size: 16px; line-height: 18px; } .newWorkIPad__wrapper-body-block-content button:hover { background-color: #12b857; } .newWorkIPad__wrapper-body-block-content-choose { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPad__wrapper-body-block-content-choose a { font-size: 18px; line-height: 26px; color: #37d97b; font-weight: 500; } .newWorkIPad__wrapper-body-block-content-choose svg { margin-left: 28px; } .newWorkIPad__wrapper-body-block-content-choose svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPad__wrapper-body-block-content-choose:hover a { color: #12b857; } .newWorkIPad__wrapper-body-block-content-choose:hover svg path { fill: #12b857; } @media (max-width: 1180px) { .newWorkIPad__wrapper { padding-bottom: 80px; } .newWorkIPad__wrapper-header { padding-bottom: 14px; } .newWorkIPad__wrapper-header h1 { font-size: 30px; line-height: 30px; margin-top: 0; } .newWorkIPad__wrapper-body { padding: 60px 0; } .newWorkIPad__wrapper-body-inner { max-width: 100%; padding: 0 145px; } .newWorkIPad__wrapper-body-block { margin-top: 146px; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-image { text-align: right; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-image img { width: 230px; height: 153px; right: -80px; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-content { -webkit-flex-basis: 150px; -ms-flex-preferred-size: 150px; flex-basis: 150px; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-image img { width: 209px; height: 201px; left: -80px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .newWorkIPad__wrapper-body-block:nth-child(3) { margin-top: 146px; } .newWorkIPad__wrapper-body-block:nth-child(3) .newWorkIPad__wrapper-body-block-image img { width: 281px; top: 0; height: 196px; } .newWorkIPad__wrapper-body-block:nth-child(4) { margin-top: 146px; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-content { -webkit-flex-basis: 150px; -ms-flex-preferred-size: 150px; flex-basis: 150px; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-image img { width: 252px; height: 191px; left: -60px; } .newWorkIPad__wrapper-body-block-logo { position: absolute; left: 0; } .newWorkIPad__wrapper-body-block-logo svg { width: 82px; } .newWorkIPad__wrapper-body-block-image { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .newWorkIPad__wrapper-body-block-image img { width: 346px; height: 214px; top: 20px; } .newWorkIPad__wrapper-body-block-content h2 { font-size: 18px; line-height: 18px; } .newWorkIPad__wrapper-body-block-content-link a { margin-top: 10px; } .newWorkIPad__wrapper-body-block-content button { margin-top: 13px; padding: 10px 24px; font-size: 12px; line-height: 14px; } .newWorkIPad__wrapper-body-block-content-choose { margin-top: 13px; } .newWorkIPad__wrapper-body-block-content-choose a { font-size: 14px; line-height: 14px; } .newWorkIPad__wrapper-body-block-content-choose svg { margin-left: 13px; width: 4px; height: 8px; } } @media (max-width: 670px) { .newWorkIPad__wrapper { padding-bottom: 50px; } .newWorkIPad__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkIPad__wrapper-header { padding-bottom: 18px; } .newWorkIPad__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newWorkIPad__wrapper-body { padding: 22px 0; } .newWorkIPad__wrapper-body-inner { padding: 0 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .newWorkIPad__wrapper-body-block { margin-top: 47px; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-content { padding-top: 140px; } .newWorkIPad__wrapper-body-block:nth-child(1) h2 { padding-left: 46px; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-content-link { padding-left: 46px; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-image img { position: absolute; right: 15px; left: auto; width: 183px; height: 122px; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-logo { top: 0; } .newWorkIPad__wrapper-body-block:nth-child(2) { text-align: center; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-content-link { text-align: left; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-content { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-content h2 { text-align: left; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-image img { width: 196px; height: 189px; top: auto; left: -30px; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-logo { top: 120px; } .newWorkIPad__wrapper-body-block:nth-child(3) { margin-top: 64px; } .newWorkIPad__wrapper-body-block:nth-child(3) .newWorkIPad__wrapper-body-block-image img { width: 227px; top: auto; right: 0; left: auto; height: 158px; } .newWorkIPad__wrapper-body-block:nth-child(3) .newWorkIPad__wrapper-body-block-content { padding-top: 150px; } .newWorkIPad__wrapper-body-block:nth-child(3) h2 { padding-left: 46px; } .newWorkIPad__wrapper-body-block:nth-child(3) .newWorkIPad__wrapper-body-block-content-link { padding-left: 46px; } .newWorkIPad__wrapper-body-block:nth-child(3) .newWorkIPad__wrapper-body-block-logo { top: 0; } .newWorkIPad__wrapper-body-block:nth-child(4) { margin-top: 44px; text-align: center; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-content-link { text-align: left; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-content { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-content h2 { text-align: left; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-image img { width: 216px; height: 163px; top: auto; left: -10px; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-logo { top: 50px; } .newWorkIPad__wrapper-body-block-image { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .newWorkIPad__wrapper-body-block-image img { width: 206px; height: 128px; top: auto; } .newWorkIPad__wrapper-body-block-content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newWorkIPad__wrapper-body-block-content h2 { margin-top: 25px; } .newWorkIPad__wrapper-body-block-content-link a { margin-top: 9px; font-size: 12px; line-height: 16px; } .newWorkIPad__wrapper-body-block-content button { margin-top: 18px; padding: 11px 30px 10px; max-width: 160px; margin-left: auto; margin-right: auto; } .newWorkIPad__wrapper-body-block-content-choose { margin-top: 14px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkIPad__wrapper-body-block-content-choose a { line-height: 26px; } } @media (width: 375px) { .newWorkIPad__wrapper-header { padding-bottom: 16px; } .newWorkIPad__wrapper-header h1 { font-size: 22px; line-height: 26px; } .newWorkIPad__wrapper-body { padding: 34px 0; } .newWorkIPad__wrapper-body-block { margin-top: 62px; } .newWorkIPad__wrapper-body-block:nth-child(1) h2 { padding-left: 95px; } .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-content-link { padding-left: 95px; } .newWorkIPad__wrapper-body-block-image img { width: 220px; height: 137px; } .newWorkIPad__wrapper-body-block-content h2 { margin-top: 22px; } .newWorkIPad__wrapper-body-block-content-link a { margin-top: 12px; font-size: 14px; } .newWorkIPad__wrapper-body-block-content button { margin-top: 32px; padding: 15px 44px 14px; max-width: 223px; font-size: 16px; line-height: 16px; } .newWorkIPad__wrapper-body-block-content-choose { margin-top: 24px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkIPad__wrapper-body-block-content-choose a { font-size: 16px; line-height: 16px; } } @media (max-width: 374px) { .newWorkIPad__wrapper-body-block:nth-child(1) .newWorkIPad__wrapper-body-block-image img { right: 35px; width: 155px; height: 103px; } .newWorkIPad__wrapper-body-block:nth-child(2) .newWorkIPad__wrapper-body-block-image img { width: 136px; height: 131px; left: 15px; } .newWorkIPad__wrapper-body-block:nth-child(3) .newWorkIPad__wrapper-body-block-image img { width: 195px; height: 136px; } .newWorkIPad__wrapper-body-block:nth-child(4) .newWorkIPad__wrapper-body-block-image img { width: 179px; height: 135px; left: 0; } } .help5 { padding-bottom: 120px; background-color: #f8f8f8; } .help5__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 55px 60px; height: 506px; position: relative; border-radius: 3px; overflow: hidden; } .help5__wrapper-logo { position: absolute; top: 24px; left: 61px; } .help5__wrapper-logoMob { display: none; } .help5__wrapper-line { position: absolute; bottom: 40px; left: 0; } .help5__wrapper-text1 { position: absolute; top: 5px; right: 0; } .help5__wrapper-text2 { position: absolute; bottom: 34px; right: 0; } .help5__wrapper-circle { position: absolute; top: 83px; left: 58px; border-radius: 50%; width: 144px; height: 144px; border: 5px solid #232523; } .help5__wrapper-circle2 { position: absolute; top: 24px; left: 42%; border-radius: 50%; width: 113px; height: 113px; border: 14px solid #73dd7c; } .help5__wrapper-waves { position: absolute; top: 145px; right: 25%; } .help5__wrapper-image { z-index: 2; position: absolute; left: calc(50% - 92.5px); } .help5__wrapper-image img { width: 195px; height: 402px; } .help5__wrapper-link { z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 124px; position: relative; } .help5__wrapper-link:before { content: ''; position: absolute; width: 999px; left: 106px; background-color: #131413; height: 115px; } .help5__wrapper-link span { z-index: 2; position: relative; color: #73dd7c; font-size: 24px; line-height: 26px; margin-right: 46px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .help5__wrapper-link svg { z-index: 2; position: relative; } .help5__wrapper-link svg path, .help5__wrapper-link svg circle { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .help5__wrapper-link:hover span { color: #12b857; } .help5__wrapper-link:hover svg path { fill: #12b857; } .help5__wrapper-link:hover svg circle { stroke: #12b857; } .help5__wrapper-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; z-index: 4; position: relative; } .help5__wrapper-content-top { margin-top: 53px; padding-left: 52px; } .help5__wrapper-content-top h2 { font-size: 36px; line-height: 37px; color: #fff; font-family: Montserrat-Bold; } .help5__wrapper-content-bottom { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .help5__wrapper-content-bottom:before { content: ''; position: absolute; right: 385px; width: 999px; background-color: #232523; height: 115px; } .help5__wrapper-content-bottom h3 { z-index: 2; position: relative; font-size: 18px; line-height: 18px; color: #fff; font-weight: 600; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .help5__wrapper-content-bottom p { z-index: 2; position: relative; font-size: 14px; line-height: 20px; color: #c4c4c4; margin-top: 10px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (max-width: 1180px) { .help5 { padding-bottom: 80px; } .help5__wrapper { padding: 68px 25px 80px; height: 416px; } .help5__wrapper-logo { top: 22px; left: 25px; } .help5__wrapper-logo svg { width: 51px; height: 13px; } .help5__wrapper-line { bottom: 50px; left: -80px; } .help5__wrapper-text1 { top: 0; } .help5__wrapper-text1 svg { width: 267px; height: 92px; } .help5__wrapper-text2 { bottom: 0; } .help5__wrapper-text2 svg { width: 343px; height: 50px; } .help5__wrapper-circle { top: 68px; left: 25px; width: 109px; height: 109px; } .help5__wrapper-circle2 { position: absolute; top: 61px; left: 52%; width: 93px; height: 93px; } .help5__wrapper-waves { top: 147px; right: 45px; } .help5__wrapper-waves svg { width: 130px; height: 27px; } .help5__wrapper-image { left: calc(50% - 65.5px); } .help5__wrapper-image img { width: 131px; height: 268px; } .help5__wrapper-link { margin-bottom: 15px; } .help5__wrapper-link:before { left: 63px; height: 91px; } .help5__wrapper-link span { font-size: 16px; line-height: 26px; margin-right: 15px; } .help5__wrapper-link svg { width: 58px; height: 58px; } .help5__wrapper-content { margin-bottom: 78px; } .help5__wrapper-content-top { margin-top: 22px; } .help5__wrapper-content-top h2 { font-size: 28px; line-height: 30px; } .help5__wrapper-content-bottom { height: 58px; } .help5__wrapper-content-bottom:before { right: 40px; height: 58px; } .help5__wrapper-content-bottom h3 { display: none; } .help5__wrapper-content-bottom p { display: none; } } @media (max-width: 639px) { .help5 { padding-bottom: 50px; } .help5__wrapper { background: #232523 !important; padding: 31px 0 27px; height: auto; min-height: 450px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .help5__wrapper-content { z-index: 2; position: relative; } .help5__wrapper-content-top { padding-left: 0; } .help5__wrapper-logo { display: none; } .help5__wrapper-logoMob { display: block; position: absolute; left: 0; bottom: 0; } .help5__wrapper-line { display: none; } .help5__wrapper-text1 { display: none; } .help5__wrapper-text2 { display: none; } .help5__wrapper-circle { top: 10px; left: auto; border-color: #131413; right: 19px; } .help5__wrapper-circle2 { top: 140px; left: 91px; width: 85px; height: 85px; } .help5__wrapper-waves { top: auto; bottom: 23px; right: 16px; } .help5__wrapper-waves svg { width: 67px; height: 14px; } .help5__wrapper-image { position: relative; left: auto; margin-top: 70px; } .help5__wrapper-image img { width: 127px; height: 262px; } .help5__wrapper-link { margin-bottom: 0; position: absolute; right: 25px; bottom: 123px; } .help5__wrapper-link:before { display: none; } .help5__wrapper-link span { display: none; } .help5__wrapper-link svg { width: 43px; height: 43px; } .help5__wrapper-content { margin-bottom: 0; } .help5__wrapper-content-top { margin-top: 0; } .help5__wrapper-content-top h2 { text-align: center; font-size: 26px; } .help5__wrapper-content-bottom { display: none; } } @media (max-width: 374px) { .help5__wrapper-circle { top: 6px; right: 18px; } .help5__wrapper-circle2 { top: 145px; left: 66px; width: 80px; height: 80px; } .help5__wrapper-waves { top: auto; bottom: 30px; right: 10px; } .help5__wrapper-waves svg { width: 52px; height: 9px; } .help5__wrapper-image img { width: 123px; height: 254px; } .help5__wrapper-content-top h2 { font-size: 24px; line-height: 28px; } } .newWorkIPadPro { background-color: #f8f8f8; overflow-x: hidden; } .newWorkIPadPro__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadPro__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadPro__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkIPadPro__wrapper .breadcrums svg { margin: 0 10px; } .newWorkIPadPro__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWorkIPadPro__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 33%; margin-top: 5px; } .newWorkIPadPro__wrapper-header-rating { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadPro__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWorkIPadPro__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWorkIPadPro__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadPro__wrapper-header-rating-stars svg { margin-right: 3px; } .newWorkIPadPro__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWorkIPadPro__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadPro__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadPro__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadPro__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 84px; } .newWorkIPadPro__wrapper-blocks-mobModels { display: none; } .newWorkIPadPro__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(33% - 10px); -ms-flex-preferred-size: calc(33% - 10px); flex-basis: calc(33% - 10px); margin-right: 10px; height: 430px; display: block; max-height: 430px; overflow: hidden; } .newWorkIPadPro__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWorkIPadPro__wrapper-blocks-models-inner { overflow-y: auto; max-height: 365px; overflow-x: hidden; } .newWorkIPadPro__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadPro__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadPro__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWorkIPadPro__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadPro__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWorkIPadPro__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWorkIPadPro__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWorkIPadPro__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(67% - 5px); -ms-flex-preferred-size: calc(67% - 5px); flex-basis: calc(67% - 5px); max-width: calc(67% - 5px); position: relative; } .newWorkIPadPro__wrapper-blocks-right .row { display: block; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadPro__wrapper-blocks-right-block { margin-top: 40px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-column: 1/6; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) { grid-column: 6/10; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 10/13; grid-row: 1/3; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(4) { grid-column: 1/5; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(5) { grid-column: 5/10; } .newWorkIPadPro__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newWorkIPadPro__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadPro__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadPro__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWorkIPadPro__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWorkIPadPro__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadPro__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWorkIPadPro__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWorkIPadPro__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWorkIPadPro__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWorkIPadPro__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(1) .newWorkIPadPro__wrapper-blocks-right-block { height: 214px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) .newWorkIPadPro__wrapper-blocks-right-block { height: 214px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) img { max-width: 172px; position: absolute; right: 0; width: 100%; bottom: 0; height: 153px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) img.pc { display: block; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) img.mob { display: none; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) .newWorkIPadPro__wrapper-blocks-right-block { height: 430px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) img { max-width: 150px; position: absolute; left: 0; width: 100%; bottom: 0; height: 369px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) img.pc { display: block; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) img.mob { display: none; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(4) .newWorkIPadPro__wrapper-blocks-right-block { height: 206px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(5) .newWorkIPadPro__wrapper-blocks-right-block { height: 206px; } .newWorkIPadPro__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWorkIPadPro__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWorkIPadPro__wrapper-blocks-right .swiper-slide:nth-child(1) .newWorkIPadPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); background: linear-gradient(101.54deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); } .newWorkIPadPro__wrapper-blocks-right .swiper-slide:nth-child(4) .newWorkIPadPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(356.19deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); background: linear-gradient(93.81deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); } .newWorkIPadPro__wrapper-blocks-right .swiper-slide:nth-child(5) .newWorkIPadPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(347.67deg, #56c57e 19%, #88ec9e 102.94%); background: linear-gradient(102.33deg, #56c57e 19%, #88ec9e 102.94%); } @media (max-width: 1180px) { .newWorkIPadPro__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadPro__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWorkIPadPro__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .newWorkIPadPro__wrapper-blocks-models { display: none; } .newWorkIPadPro__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWorkIPadPro__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block.active .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWorkIPadPro__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadPro__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide .newWorkIPadPro__wrapper-blocks-right-block { height: 100%; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide .newWorkIPadPro__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide .newWorkIPadPro__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #318c64 -3.06%, #59ca80 95.94%); background: linear-gradient(103.37deg, #318c64 -3.06%, #59ca80 95.94%); } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(4) .newWorkIPadPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #57c07d 1.94%, #72dc8d 99.18%); background: linear-gradient(107.48deg, #57c07d 1.94%, #72dc8d 99.18%); } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(5) .newWorkIPadPro__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #72dc8d -3.06%, #75e99d 95.94%); background: linear-gradient(103.37deg, #72dc8d -3.06%, #75e99d 95.94%); } .newWorkIPadPro__wrapper-blocks-right .col1, .newWorkIPadPro__wrapper-blocks-right .col2, .newWorkIPadPro__wrapper-blocks-right .col3, .newWorkIPadPro__wrapper-blocks-right .col4, .newWorkIPadPro__wrapper-blocks-right .col5, .newWorkIPadPro__wrapper-blocks-right .col6, .newWorkIPadPro__wrapper-blocks-right .col7, .newWorkIPadPro__wrapper-blocks-right .col8, .newWorkIPadPro__wrapper-blocks-right .col9, .newWorkIPadPro__wrapper-blocks-right .col10, .newWorkIPadPro__wrapper-blocks-right .col11, .newWorkIPadPro__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWorkIPadPro__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadPro__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(1) .newWorkIPadPro__wrapper-blocks-right-block { height: 300px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) .newWorkIPadPro__wrapper-blocks-right-block { height: 300px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) img { max-width: 205px; position: absolute; right: 0; width: 100%; bottom: 0; height: 228px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) img.pc { display: none; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) img.mob { display: block; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) .newWorkIPadPro__wrapper-blocks-right-block { height: 300px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) img { max-width: 177px; height: 228px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) img.pc { display: none; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) img.mob { display: block; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(4) .newWorkIPadPro__wrapper-blocks-right-block { height: 300px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(5) .newWorkIPadPro__wrapper-blocks-right-block { height: 300px; } } @media (max-width: 816px) { .newWorkIPadPro__wrapper-header-rating-title { margin: 0 24px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWorkIPadPro__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadPro__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkIPadPro__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadPro__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWorkIPadPro__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWorkIPadPro__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWorkIPadPro__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWorkIPadPro__wrapper-header-rating-stars { margin-top: -2px; } .newWorkIPadPro__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWorkIPadPro__wrapper-blocks { padding-bottom: 50px; } .newWorkIPadPro__wrapper-blocks-mobModels { margin-top: 50px; } .newWorkIPadPro__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWorkIPadPro__wrapper-blocks-right .col1, .newWorkIPadPro__wrapper-blocks-right .col2, .newWorkIPadPro__wrapper-blocks-right .col3, .newWorkIPadPro__wrapper-blocks-right .col4, .newWorkIPadPro__wrapper-blocks-right .col5, .newWorkIPadPro__wrapper-blocks-right .col6, .newWorkIPadPro__wrapper-blocks-right .col7, .newWorkIPadPro__wrapper-blocks-right .col8, .newWorkIPadPro__wrapper-blocks-right .col9, .newWorkIPadPro__wrapper-blocks-right .col10, .newWorkIPadPro__wrapper-blocks-right .col11, .newWorkIPadPro__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWorkIPadPro__wrapper-blocks-right .col, .newWorkIPadPro__wrapper-blocks-right .row { margin: 0 -5px; } .newWorkIPadPro__wrapper-blocks-right .col .swiper-slide, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 300px; } .newWorkIPadPro__wrapper-blocks-right .col .swiper-slide .newWorkIPadPro__wrapper-blocks-right-block h3, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide .newWorkIPadPro__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWorkIPadPro__wrapper-blocks-right .col .swiper-slide:nth-child(2) img, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 163px; width: 96px; } .newWorkIPadPro__wrapper-blocks-right .col .swiper-slide:nth-child(3) img, .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 163px; width: 84px; } .newWorkIPadPro__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWorkIPadPro__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newWorkIPadPro__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadPro__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWorkIPadPro__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWorkIPadPro__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWorkIPadPro__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWorkIPadPro__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWorkIPadPro__wrapper-blocks-right-block.gradient .newWorkIPadPro__wrapper-blocks-right-block-title h3, .newWorkIPadPro__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWorkIPadPro__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newWorkIPadPro__wrapper-blocks-right .col:nth-child(1) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .col:nth-child(2) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .col:nth-child(3) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .col:nth-child(4) .newWorkIPadPro__wrapper-blocks-right-block, .newWorkIPadPro__wrapper-blocks-right .col:nth-child(5) .newWorkIPadPro__wrapper-blocks-right-block { height: 241px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 163px; width: 96px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 163px; width: 84px; } } @media (width: 375px) { .newWorkIPadPro__wrapper .breadcrums { padding: 20px 0 16px; } .newWorkIPadPro__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWorkIPadPro__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWorkIPadPro__wrapper-header-rating-count { padding-top: 2px; } .newWorkIPadPro__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWorkIPadPro__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWorkIPadPro__wrapper-blocks { padding-bottom: 60px; } .newWorkIPadPro__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWorkIPadPro__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWorkIPadPro__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWorkIPadPro__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWorkIPadPro__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 193px; width: 114px; } .newWorkIPadPro__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 193px; width: 99px; } .newWorkIPadPro__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWorkIPadPro__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .newWorkIPadAir { background-color: #f8f8f8; overflow-x: hidden; } .newWorkIPadAir__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadAir__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadAir__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkIPadAir__wrapper .breadcrums svg { margin: 0 10px; } .newWorkIPadAir__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWorkIPadAir__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 33%; margin-top: 5px; } .newWorkIPadAir__wrapper-header-rating { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadAir__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWorkIPadAir__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWorkIPadAir__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadAir__wrapper-header-rating-stars svg { margin-right: 3px; } .newWorkIPadAir__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWorkIPadAir__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadAir__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadAir__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadAir__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 84px; } .newWorkIPadAir__wrapper-blocks-mobModels { display: none; } .newWorkIPadAir__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(33% - 10px); -ms-flex-preferred-size: calc(33% - 10px); flex-basis: calc(33% - 10px); margin-right: 10px; height: 430px; display: block; max-height: 430px; overflow: hidden; } .newWorkIPadAir__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWorkIPadAir__wrapper-blocks-models-inner { overflow-y: auto; max-height: 365px; overflow-x: hidden; } .newWorkIPadAir__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadAir__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadAir__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWorkIPadAir__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadAir__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWorkIPadAir__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWorkIPadAir__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWorkIPadAir__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(67% - 5px); -ms-flex-preferred-size: calc(67% - 5px); flex-basis: calc(67% - 5px); max-width: calc(67% - 5px); position: relative; } .newWorkIPadAir__wrapper-blocks-right .row { display: block; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadAir__wrapper-blocks-right-block { margin-top: 40px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-column: 1/6; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(2) { grid-column: 6/10; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 10/13; grid-row: 1/3; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(4) { grid-column: 1/5; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(5) { grid-column: 5/10; } .newWorkIPadAir__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newWorkIPadAir__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadAir__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadAir__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWorkIPadAir__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWorkIPadAir__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadAir__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWorkIPadAir__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWorkIPadAir__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWorkIPadAir__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWorkIPadAir__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(1) .newWorkIPadAir__wrapper-blocks-right-block { height: 214px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) .newWorkIPadAir__wrapper-blocks-right-block { height: 214px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) img { max-width: 232px; position: absolute; right: 0; width: 100%; bottom: 0; height: 142px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) img.pc { display: block; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) img.mob { display: none; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) .newWorkIPadAir__wrapper-blocks-right-block { height: 430px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) img { max-width: 220px; position: absolute; left: 0; width: 100%; bottom: 0; height: 358px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) img.pc { display: block; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) img.mob { display: none; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(4) .newWorkIPadAir__wrapper-blocks-right-block { height: 206px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(5) .newWorkIPadAir__wrapper-blocks-right-block { height: 206px; } .newWorkIPadAir__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWorkIPadAir__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWorkIPadAir__wrapper-blocks-right .swiper-slide:nth-child(1) .newWorkIPadAir__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); background: linear-gradient(101.54deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); } .newWorkIPadAir__wrapper-blocks-right .swiper-slide:nth-child(4) .newWorkIPadAir__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(356.19deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); background: linear-gradient(93.81deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); } .newWorkIPadAir__wrapper-blocks-right .swiper-slide:nth-child(5) .newWorkIPadAir__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(347.67deg, #56c57e 19%, #88ec9e 102.94%); background: linear-gradient(102.33deg, #56c57e 19%, #88ec9e 102.94%); } @media (max-width: 1180px) { .newWorkIPadAir__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadAir__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWorkIPadAir__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .newWorkIPadAir__wrapper-blocks-models { display: none; } .newWorkIPadAir__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWorkIPadAir__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block.active .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWorkIPadAir__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadAir__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide .newWorkIPadAir__wrapper-blocks-right-block { height: 100%; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide .newWorkIPadAir__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide .newWorkIPadAir__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadAir__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #318c64 -3.06%, #59ca80 95.94%); background: linear-gradient(103.37deg, #318c64 -3.06%, #59ca80 95.94%); } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(4) .newWorkIPadAir__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #57c07d 1.94%, #72dc8d 99.18%); background: linear-gradient(107.48deg, #57c07d 1.94%, #72dc8d 99.18%); } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(5) .newWorkIPadAir__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #72dc8d -3.06%, #75e99d 95.94%); background: linear-gradient(103.37deg, #72dc8d -3.06%, #75e99d 95.94%); } .newWorkIPadAir__wrapper-blocks-right .col1, .newWorkIPadAir__wrapper-blocks-right .col2, .newWorkIPadAir__wrapper-blocks-right .col3, .newWorkIPadAir__wrapper-blocks-right .col4, .newWorkIPadAir__wrapper-blocks-right .col5, .newWorkIPadAir__wrapper-blocks-right .col6, .newWorkIPadAir__wrapper-blocks-right .col7, .newWorkIPadAir__wrapper-blocks-right .col8, .newWorkIPadAir__wrapper-blocks-right .col9, .newWorkIPadAir__wrapper-blocks-right .col10, .newWorkIPadAir__wrapper-blocks-right .col11, .newWorkIPadAir__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWorkIPadAir__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadAir__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(1) .newWorkIPadAir__wrapper-blocks-right-block { height: 300px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) .newWorkIPadAir__wrapper-blocks-right-block { height: 300px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) img { max-width: 232px; position: absolute; right: 0; width: 100%; bottom: 0; height: 241px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) img.pc { display: none; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) img.mob { display: block; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) .newWorkIPadAir__wrapper-blocks-right-block { height: 300px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) img { max-width: 208px; height: 241px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) img.pc { display: none; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) img.mob { display: block; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(4) .newWorkIPadAir__wrapper-blocks-right-block { height: 300px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(5) .newWorkIPadAir__wrapper-blocks-right-block { height: 300px; } } @media (max-width: 816px) { .newWorkIPadAir__wrapper-header-rating-title { margin: 0 24px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWorkIPadAir__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadAir__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkIPadAir__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadAir__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWorkIPadAir__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWorkIPadAir__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWorkIPadAir__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWorkIPadAir__wrapper-header-rating-stars { margin-top: -2px; } .newWorkIPadAir__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWorkIPadAir__wrapper-blocks { padding-bottom: 50px; } .newWorkIPadAir__wrapper-blocks-mobModels { margin-top: 50px; } .newWorkIPadAir__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWorkIPadAir__wrapper-blocks-right .col1, .newWorkIPadAir__wrapper-blocks-right .col2, .newWorkIPadAir__wrapper-blocks-right .col3, .newWorkIPadAir__wrapper-blocks-right .col4, .newWorkIPadAir__wrapper-blocks-right .col5, .newWorkIPadAir__wrapper-blocks-right .col6, .newWorkIPadAir__wrapper-blocks-right .col7, .newWorkIPadAir__wrapper-blocks-right .col8, .newWorkIPadAir__wrapper-blocks-right .col9, .newWorkIPadAir__wrapper-blocks-right .col10, .newWorkIPadAir__wrapper-blocks-right .col11, .newWorkIPadAir__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWorkIPadAir__wrapper-blocks-right .col, .newWorkIPadAir__wrapper-blocks-right .row { margin: 0 -5px; } .newWorkIPadAir__wrapper-blocks-right .col .swiper-slide, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 300px; } .newWorkIPadAir__wrapper-blocks-right .col .swiper-slide .newWorkIPadAir__wrapper-blocks-right-block h3, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide .newWorkIPadAir__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWorkIPadAir__wrapper-blocks-right .col .swiper-slide:nth-child(2) img, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 241px; width: 232px; } .newWorkIPadAir__wrapper-blocks-right .col .swiper-slide:nth-child(3) img, .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 241px; width: 208px; } .newWorkIPadAir__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWorkIPadAir__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newWorkIPadAir__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadAir__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWorkIPadAir__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWorkIPadAir__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWorkIPadAir__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWorkIPadAir__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWorkIPadAir__wrapper-blocks-right-block.gradient .newWorkIPadAir__wrapper-blocks-right-block-title h3, .newWorkIPadAir__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWorkIPadAir__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newWorkIPadAir__wrapper-blocks-right .col:nth-child(1) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .col:nth-child(2) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .col:nth-child(3) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .col:nth-child(4) .newWorkIPadAir__wrapper-blocks-right-block, .newWorkIPadAir__wrapper-blocks-right .col:nth-child(5) .newWorkIPadAir__wrapper-blocks-right-block { height: 241px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 165px; width: 114px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 165px; width: 102px; } } @media (width: 375px) { .newWorkIPadAir__wrapper .breadcrums { padding: 20px 0 16px; } .newWorkIPadAir__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWorkIPadAir__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWorkIPadAir__wrapper-header-rating-count { padding-top: 2px; } .newWorkIPadAir__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWorkIPadAir__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWorkIPadAir__wrapper-blocks { padding-bottom: 60px; } .newWorkIPadAir__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWorkIPadAir__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWorkIPadAir__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWorkIPadAir__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWorkIPadAir__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 189px; width: 130px; } .newWorkIPadAir__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 189px; width: 117px; } .newWorkIPadAir__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWorkIPadAir__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .newWorkIPadMini { background-color: #f8f8f8; overflow-x: hidden; } .newWorkIPadMini__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadMini__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadMini__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkIPadMini__wrapper .breadcrums svg { margin: 0 10px; } .newWorkIPadMini__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWorkIPadMini__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 33%; margin-top: 5px; } .newWorkIPadMini__wrapper-header-rating { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadMini__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWorkIPadMini__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWorkIPadMini__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadMini__wrapper-header-rating-stars svg { margin-right: 3px; } .newWorkIPadMini__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWorkIPadMini__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadMini__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadMini__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadMini__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 84px; } .newWorkIPadMini__wrapper-blocks-mobModels { display: none; } .newWorkIPadMini__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(33% - 10px); -ms-flex-preferred-size: calc(33% - 10px); flex-basis: calc(33% - 10px); margin-right: 10px; height: 430px; display: block; max-height: 430px; overflow: hidden; } .newWorkIPadMini__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWorkIPadMini__wrapper-blocks-models-inner { overflow-y: auto; max-height: 365px; overflow-x: hidden; } .newWorkIPadMini__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadMini__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadMini__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWorkIPadMini__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadMini__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWorkIPadMini__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWorkIPadMini__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWorkIPadMini__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(67% - 5px); -ms-flex-preferred-size: calc(67% - 5px); flex-basis: calc(67% - 5px); max-width: calc(67% - 5px); position: relative; } .newWorkIPadMini__wrapper-blocks-right .row { display: block; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadMini__wrapper-blocks-right-block { margin-top: 40px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-column: 1/6; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(2) { grid-column: 6/10; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 10/13; grid-row: 1/3; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(4) { grid-column: 1/5; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(5) { grid-column: 5/10; } .newWorkIPadMini__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newWorkIPadMini__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadMini__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadMini__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWorkIPadMini__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWorkIPadMini__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadMini__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWorkIPadMini__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWorkIPadMini__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWorkIPadMini__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWorkIPadMini__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(1) .newWorkIPadMini__wrapper-blocks-right-block { height: 214px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) .newWorkIPadMini__wrapper-blocks-right-block { height: 214px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img { max-width: 192px; position: absolute; right: 0; width: 100%; bottom: 0; height: 154px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.pc { display: block; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.mob { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.mob2 { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) .newWorkIPadMini__wrapper-blocks-right-block { height: 430px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img { max-width: 157px; position: absolute; left: 0; width: 100%; bottom: 20px; height: 350px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.pc { display: block; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.mob { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.mob2 { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(4) .newWorkIPadMini__wrapper-blocks-right-block { height: 206px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(5) .newWorkIPadMini__wrapper-blocks-right-block { height: 206px; } .newWorkIPadMini__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWorkIPadMini__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWorkIPadMini__wrapper-blocks-right .swiper-slide:nth-child(1) .newWorkIPadMini__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); background: linear-gradient(101.54deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); } .newWorkIPadMini__wrapper-blocks-right .swiper-slide:nth-child(4) .newWorkIPadMini__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(356.19deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); background: linear-gradient(93.81deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); } .newWorkIPadMini__wrapper-blocks-right .swiper-slide:nth-child(5) .newWorkIPadMini__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(347.67deg, #56c57e 19%, #88ec9e 102.94%); background: linear-gradient(102.33deg, #56c57e 19%, #88ec9e 102.94%); } @media (max-width: 1180px) { .newWorkIPadMini__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadMini__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWorkIPadMini__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .newWorkIPadMini__wrapper-blocks-models { display: none; } .newWorkIPadMini__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWorkIPadMini__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block.active .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWorkIPadMini__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadMini__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide .newWorkIPadMini__wrapper-blocks-right-block { height: 100%; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide .newWorkIPadMini__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide .newWorkIPadMini__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadMini__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #318c64 -3.06%, #59ca80 95.94%); background: linear-gradient(103.37deg, #318c64 -3.06%, #59ca80 95.94%); } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(4) .newWorkIPadMini__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #57c07d 1.94%, #72dc8d 99.18%); background: linear-gradient(107.48deg, #57c07d 1.94%, #72dc8d 99.18%); } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(5) .newWorkIPadMini__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #72dc8d -3.06%, #75e99d 95.94%); background: linear-gradient(103.37deg, #72dc8d -3.06%, #75e99d 95.94%); } .newWorkIPadMini__wrapper-blocks-right .col1, .newWorkIPadMini__wrapper-blocks-right .col2, .newWorkIPadMini__wrapper-blocks-right .col3, .newWorkIPadMini__wrapper-blocks-right .col4, .newWorkIPadMini__wrapper-blocks-right .col5, .newWorkIPadMini__wrapper-blocks-right .col6, .newWorkIPadMini__wrapper-blocks-right .col7, .newWorkIPadMini__wrapper-blocks-right .col8, .newWorkIPadMini__wrapper-blocks-right .col9, .newWorkIPadMini__wrapper-blocks-right .col10, .newWorkIPadMini__wrapper-blocks-right .col11, .newWorkIPadMini__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWorkIPadMini__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadMini__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(1) .newWorkIPadMini__wrapper-blocks-right-block { height: 300px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) .newWorkIPadMini__wrapper-blocks-right-block { height: 300px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img { max-width: 231px; position: absolute; right: 0; width: 100%; bottom: 0; height: 225px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.pc { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.mob { display: block; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.mob2 { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) .newWorkIPadMini__wrapper-blocks-right-block { height: 300px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img { max-width: 171px; height: 225px; bottom: 0; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.pc { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.mob { display: block; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.mob2 { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(4) .newWorkIPadMini__wrapper-blocks-right-block { height: 300px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(5) .newWorkIPadMini__wrapper-blocks-right-block { height: 300px; } } @media (max-width: 816px) { .newWorkIPadMini__wrapper-header-rating-title { margin: 0 24px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWorkIPadMini__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadMini__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkIPadMini__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadMini__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWorkIPadMini__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWorkIPadMini__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWorkIPadMini__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWorkIPadMini__wrapper-header-rating-stars { margin-top: -2px; } .newWorkIPadMini__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWorkIPadMini__wrapper-blocks { padding-bottom: 50px; } .newWorkIPadMini__wrapper-blocks-mobModels { margin-top: 50px; } .newWorkIPadMini__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWorkIPadMini__wrapper-blocks-right .col1, .newWorkIPadMini__wrapper-blocks-right .col2, .newWorkIPadMini__wrapper-blocks-right .col3, .newWorkIPadMini__wrapper-blocks-right .col4, .newWorkIPadMini__wrapper-blocks-right .col5, .newWorkIPadMini__wrapper-blocks-right .col6, .newWorkIPadMini__wrapper-blocks-right .col7, .newWorkIPadMini__wrapper-blocks-right .col8, .newWorkIPadMini__wrapper-blocks-right .col9, .newWorkIPadMini__wrapper-blocks-right .col10, .newWorkIPadMini__wrapper-blocks-right .col11, .newWorkIPadMini__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWorkIPadMini__wrapper-blocks-right .col, .newWorkIPadMini__wrapper-blocks-right .row { margin: 0 -5px; } .newWorkIPadMini__wrapper-blocks-right .col .swiper-slide, .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 300px; } .newWorkIPadMini__wrapper-blocks-right .col .swiper-slide .newWorkIPadMini__wrapper-blocks-right-block h3, .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide .newWorkIPadMini__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWorkIPadMini__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWorkIPadMini__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newWorkIPadMini__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadMini__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWorkIPadMini__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWorkIPadMini__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWorkIPadMini__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWorkIPadMini__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWorkIPadMini__wrapper-blocks-right-block.gradient .newWorkIPadMini__wrapper-blocks-right-block-title h3, .newWorkIPadMini__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWorkIPadMini__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(1) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .col:nth-child(4) .newWorkIPadMini__wrapper-blocks-right-block, .newWorkIPadMini__wrapper-blocks-right .col:nth-child(5) .newWorkIPadMini__wrapper-blocks-right-block { height: 241px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 184px; width: 113px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 184px; width: 84px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.pc { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.mob { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(2) img.mob2 { display: block; bottom: 10px; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.pc { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.mob { display: none; } .newWorkIPadMini__wrapper-blocks-right .col:nth-child(3) img.mob2 { display: block; bottom: 10px; } } @media (width: 375px) { .newWorkIPadMini__wrapper .breadcrums { padding: 20px 0 16px; } .newWorkIPadMini__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWorkIPadMini__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWorkIPadMini__wrapper-header-rating-count { padding-top: 2px; } .newWorkIPadMini__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWorkIPadMini__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWorkIPadMini__wrapper-blocks { padding-bottom: 60px; } .newWorkIPadMini__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWorkIPadMini__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWorkIPadMini__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWorkIPadMini__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWorkIPadMini__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 156px; width: 96px; } .newWorkIPadMini__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 156px; width: 71px; } .newWorkIPadMini__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWorkIPadMini__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .newWorkIPadApple { background-color: #f8f8f8; overflow-x: hidden; } .newWorkIPadApple__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadApple__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadApple__wrapper .breadcrums a:hover { color: #37d97b; } .newWorkIPadApple__wrapper .breadcrums svg { margin: 0 10px; } .newWorkIPadApple__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .newWorkIPadApple__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; width: 33%; margin-top: 5px; } .newWorkIPadApple__wrapper-header-rating { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadApple__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newWorkIPadApple__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newWorkIPadApple__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadApple__wrapper-header-rating-stars svg { margin-right: 3px; } .newWorkIPadApple__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newWorkIPadApple__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newWorkIPadApple__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadApple__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newWorkIPadApple__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 84px; } .newWorkIPadApple__wrapper-blocks-mobModels { display: none; } .newWorkIPadApple__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(33% - 10px); -ms-flex-preferred-size: calc(33% - 10px); flex-basis: calc(33% - 10px); margin-right: 10px; height: 430px; display: block; max-height: 430px; overflow: hidden; } .newWorkIPadApple__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newWorkIPadApple__wrapper-blocks-models-inner { overflow-y: auto; max-height: 365px; overflow-x: hidden; } .newWorkIPadApple__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadApple__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadApple__wrapper-blocks-models-item a:hover { color: #37d97b; } .newWorkIPadApple__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadApple__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newWorkIPadApple__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newWorkIPadApple__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newWorkIPadApple__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(67% - 5px); -ms-flex-preferred-size: calc(67% - 5px); flex-basis: calc(67% - 5px); max-width: calc(67% - 5px); position: relative; } .newWorkIPadApple__wrapper-blocks-right .row { display: block; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadApple__wrapper-blocks-right-block { margin-top: 40px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-column: 1/6; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(2) { grid-column: 6/10; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 10/13; grid-row: 1/3; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(4) { grid-column: 1/5; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(5) { grid-column: 5/10; } .newWorkIPadApple__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newWorkIPadApple__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newWorkIPadApple__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadApple__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .newWorkIPadApple__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newWorkIPadApple__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newWorkIPadApple__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newWorkIPadApple__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newWorkIPadApple__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newWorkIPadApple__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newWorkIPadApple__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(1) .newWorkIPadApple__wrapper-blocks-right-block { height: 214px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) .newWorkIPadApple__wrapper-blocks-right-block { height: 214px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img { max-width: 168px; position: absolute; right: 0; width: 100%; bottom: 0; height: 148px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.pc { display: block; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.mob { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.mob2 { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) .newWorkIPadApple__wrapper-blocks-right-block { height: 430px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img { max-width: 182px; position: absolute; left: 0; width: 100%; bottom: 0; height: 364px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.pc { display: block; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.mob { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.mob2 { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(4) .newWorkIPadApple__wrapper-blocks-right-block { height: 206px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(5) .newWorkIPadApple__wrapper-blocks-right-block { height: 206px; } .newWorkIPadApple__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newWorkIPadApple__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newWorkIPadApple__wrapper-blocks-right .swiper-slide:nth-child(1) .newWorkIPadApple__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); background: linear-gradient(101.54deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); } .newWorkIPadApple__wrapper-blocks-right .swiper-slide:nth-child(4) .newWorkIPadApple__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(356.19deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); background: linear-gradient(93.81deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); } .newWorkIPadApple__wrapper-blocks-right .swiper-slide:nth-child(5) .newWorkIPadApple__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(347.67deg, #56c57e 19%, #88ec9e 102.94%); background: linear-gradient(102.33deg, #56c57e 19%, #88ec9e 102.94%); } @media (max-width: 1180px) { .newWorkIPadApple__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadApple__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newWorkIPadApple__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .newWorkIPadApple__wrapper-blocks-models { display: none; } .newWorkIPadApple__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newWorkIPadApple__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block.active .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newWorkIPadApple__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newWorkIPadApple__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide .newWorkIPadApple__wrapper-blocks-right-block { height: 100%; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide .newWorkIPadApple__wrapper-blocks-right-block:hover { -webkit-box-shadow: none; box-shadow: none; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide .newWorkIPadApple__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newWorkIPadApple__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #318c64 -3.06%, #59ca80 95.94%); background: linear-gradient(103.37deg, #318c64 -3.06%, #59ca80 95.94%); } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(4) .newWorkIPadApple__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #57c07d 1.94%, #72dc8d 99.18%); background: linear-gradient(107.48deg, #57c07d 1.94%, #72dc8d 99.18%); } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(5) .newWorkIPadApple__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #72dc8d -3.06%, #75e99d 95.94%); background: linear-gradient(103.37deg, #72dc8d -3.06%, #75e99d 95.94%); } .newWorkIPadApple__wrapper-blocks-right .col1, .newWorkIPadApple__wrapper-blocks-right .col2, .newWorkIPadApple__wrapper-blocks-right .col3, .newWorkIPadApple__wrapper-blocks-right .col4, .newWorkIPadApple__wrapper-blocks-right .col5, .newWorkIPadApple__wrapper-blocks-right .col6, .newWorkIPadApple__wrapper-blocks-right .col7, .newWorkIPadApple__wrapper-blocks-right .col8, .newWorkIPadApple__wrapper-blocks-right .col9, .newWorkIPadApple__wrapper-blocks-right .col10, .newWorkIPadApple__wrapper-blocks-right .col11, .newWorkIPadApple__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newWorkIPadApple__wrapper-blocks-right-block { margin-top: 0; } .newWorkIPadApple__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(1) .newWorkIPadApple__wrapper-blocks-right-block { height: 300px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) .newWorkIPadApple__wrapper-blocks-right-block { height: 300px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img { max-width: 184px; position: absolute; right: 0; width: 100%; bottom: 0; height: 258px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.pc { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.mob { display: block; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) .newWorkIPadApple__wrapper-blocks-right-block { height: 300px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img { max-width: 184px; height: 242px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.pc { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.mob { display: block; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(4) .newWorkIPadApple__wrapper-blocks-right-block { height: 300px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(5) .newWorkIPadApple__wrapper-blocks-right-block { height: 300px; } } @media (max-width: 816px) { .newWorkIPadApple__wrapper-header-rating-title { margin: 0 24px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newWorkIPadApple__wrapper .breadcrums { padding: 20px 0; } .newWorkIPadApple__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newWorkIPadApple__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadApple__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 20px; margin-top: 0; } .newWorkIPadApple__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newWorkIPadApple__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newWorkIPadApple__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newWorkIPadApple__wrapper-header-rating-stars { margin-top: -2px; } .newWorkIPadApple__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newWorkIPadApple__wrapper-blocks { padding-bottom: 50px; } .newWorkIPadApple__wrapper-blocks-mobModels { margin-top: 50px; } .newWorkIPadApple__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newWorkIPadApple__wrapper-blocks-right .col1, .newWorkIPadApple__wrapper-blocks-right .col2, .newWorkIPadApple__wrapper-blocks-right .col3, .newWorkIPadApple__wrapper-blocks-right .col4, .newWorkIPadApple__wrapper-blocks-right .col5, .newWorkIPadApple__wrapper-blocks-right .col6, .newWorkIPadApple__wrapper-blocks-right .col7, .newWorkIPadApple__wrapper-blocks-right .col8, .newWorkIPadApple__wrapper-blocks-right .col9, .newWorkIPadApple__wrapper-blocks-right .col10, .newWorkIPadApple__wrapper-blocks-right .col11, .newWorkIPadApple__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newWorkIPadApple__wrapper-blocks-right .col, .newWorkIPadApple__wrapper-blocks-right .row { margin: 0 -5px; } .newWorkIPadApple__wrapper-blocks-right .col .swiper-slide, .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 300px; } .newWorkIPadApple__wrapper-blocks-right .col .swiper-slide .newWorkIPadApple__wrapper-blocks-right-block h3, .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide .newWorkIPadApple__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newWorkIPadApple__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newWorkIPadApple__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newWorkIPadApple__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newWorkIPadApple__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newWorkIPadApple__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newWorkIPadApple__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newWorkIPadApple__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newWorkIPadApple__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newWorkIPadApple__wrapper-blocks-right-block.gradient .newWorkIPadApple__wrapper-blocks-right-block-title h3, .newWorkIPadApple__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newWorkIPadApple__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(1) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .col:nth-child(4) .newWorkIPadApple__wrapper-blocks-right-block, .newWorkIPadApple__wrapper-blocks-right .col:nth-child(5) .newWorkIPadApple__wrapper-blocks-right-block { height: 241px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 197px; width: 111px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 197px; width: 111px; } } @media (width: 375px) { .newWorkIPadApple__wrapper .breadcrums { padding: 20px 0 16px; } .newWorkIPadApple__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newWorkIPadApple__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newWorkIPadApple__wrapper-header-rating-count { padding-top: 2px; } .newWorkIPadApple__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newWorkIPadApple__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newWorkIPadApple__wrapper-blocks { padding-bottom: 60px; } .newWorkIPadApple__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newWorkIPadApple__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newWorkIPadApple__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newWorkIPadApple__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newWorkIPadApple__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newWorkIPadApple__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newWorkIPadApple__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } @media (max-width: 374px) { .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 165px; width: 91px; } .newWorkIPadApple__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 165px; width: 91px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.pc { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.mob { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(2) img.mob2 { display: block; bottom: 33px; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.pc { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.mob { display: none; } .newWorkIPadApple__wrapper-blocks-right .col:nth-child(3) img.mob2 { display: block; bottom: 24px; } } .newServices .newForm { padding-top: 70px; padding-bottom: 90px; } .newServices .faq { padding: 60px 0; } .newServices .banner__wrapper { padding-bottom: 80px; } .newServices .help3, .newServices .help4, .newServices .help5 { padding-bottom: 80px; } @media (max-width: 1180px) { .newServices .newForm { padding-bottom: 50px; } .newServices .help3, .newServices .help4, .newServices .help5 { padding-bottom: 60px; } } @media (max-width: 991px) { .newServices .banner__wrapper { padding-bottom: 50px; } .newServices .help3, .newServices .help4, .newServices .help5 { padding-bottom: 50px; } } .newServices { overflow-x: hidden; background-color: #f8f8f8; } .newServices__wrapper .breadcrums { padding: 20px 0; } .newServices__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper .breadcrums a:hover { color: #37d97b; } .newServices__wrapper .breadcrums svg { margin: 0 10px; } .newServices__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 16px; } .newServices__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; } .newServices__wrapper-header h1 br { display: none; } .newServices__wrapper-header-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServices__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newServices__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newServices__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServices__wrapper-header-rating-stars svg { margin-right: 3px; } .newServices__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newServices__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServices__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newServices__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newServices__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 80px; } .newServices__wrapper-blocks-mobModels { display: none; } .newServices__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(32% - 20px); -ms-flex-preferred-size: calc(32% - 20px); flex-basis: calc(32% - 20px); margin-right: 20px; display: block; overflow: hidden; } .newServices__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newServices__wrapper-blocks-models-inner { overflow-x: hidden; } .newServices__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 8px 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServices__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper-blocks-models-item a:hover { color: #37d97b; } .newServices__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newServices__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newServices__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newServices__wrapper-blocks-choose { background-color: #fff; padding: 25px 0 30px 70px; overflow: hidden; -webkit-flex-basis: 68%; -ms-flex-preferred-size: 68%; flex-basis: 68%; max-width: 68%; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; position: relative; min-height: 491px; } .newServices__wrapper-blocks-choose form { max-width: 314px; z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .newServices__wrapper-blocks-choose-image { position: absolute; right: 0; bottom: 0; height: 491px; width: 440px; } .newServices__wrapper-blocks-choose-image img { max-width: 440px; position: absolute; right: 0; bottom: 0; height: 491px; } .newServices__wrapper-blocks-choose-image-block { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServices__wrapper-blocks-choose-image-block:first-child { margin-top: 0; } .newServices__wrapper-blocks-choose-image-block svg { margin-right: 18px; } .newServices__wrapper-blocks-choose-image-block svg { font-size: 16px; line-height: 16px; color: #010306; } .newServices__wrapper-blocks-choose-blocks { position: absolute; top: 187px; left: 94px; z-index: 2; } .newServices__wrapper-blocks-choose-block { margin-top: 32px; } .newServices__wrapper-blocks-choose-block:first-child { margin-top: 0; } .newServices__wrapper-blocks-choose-block h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; } .newServices__wrapper-blocks-choose-block-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-top: 23px; border-radius: 3px; border: 1px solid #ddd; position: relative; max-width: 274px; } .newServices__wrapper-blocks-choose-block-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-family: 'Roboto'; font-size: 16px; line-height: 16px; border: none; padding: 13px 24px; } .newServices__wrapper-blocks-choose-block-select svg { position: absolute; right: 17px; } .newServices__wrapper-blocks-choose-oldprice { font-size: 22px; line-height: 22px; color: #c4c4c4; font-family: Montserrat-Medium; margin-top: 33px; text-decoration: line-through; } .newServices__wrapper-blocks-choose-text { font-size: 14px; line-height: 14px; color: #a7a6a9; margin-top: 10px; } .newServices__wrapper-blocks-choose-price { font-size: 38px; line-height: 38px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 18px; } .newServices__wrapper-blocks-choose button { margin-top: 44px; color: #fff; background-color: #37d97b; border-radius: 3px; padding: 17px; text-align: center; max-width: 250px; font-size: 16px; line-height: 16px; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper-blocks-choose button:hover { background-color: #12b857; } .newServices__wrapper-blocks-choose-tip { margin-top: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .newServices__wrapper-blocks-choose-tip span { font-size: 20px; line-height: 20px; background: -webkit-gradient(linear, right top, left top, color-stop(5.71%, #403de8), color-stop(41.5%, #4fc4de), color-stop(87.5%, #46c590)); background: -o-linear-gradient(right, #403de8 5.71%, #4fc4de 41.5%, #46c590 87.5%); background: linear-gradient(270deg, #403de8 5.71%, #4fc4de 41.5%, #46c590 87.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .newServices__wrapper-blocks-choose-tip-trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 10px; } .newServices__wrapper-blocks-choose-tip-trigger svg { cursor: pointer; } .newServices__wrapper-blocks-choose-tip-trigger svg circle, .newServices__wrapper-blocks-choose-tip-trigger svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper-blocks-choose-tip-trigger:hover svg circle { fill: #8b89f9; stroke: #8b89f9; } .newServices__wrapper-blocks-choose-tip-trigger:hover svg path { fill: #fff; } .newServices__wrapper-blocks-choose-tip-fade { z-index: 9999; display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.8); top: 0; left: 0; } .newServices__wrapper-blocks-choose-tip-fade-active { display: block; } .newServices__wrapper-blocks-choose-tip-popup { width: 389px; display: none; z-index: 10000; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.18); box-shadow: 0 0 20px rgba(0,0,0,0.18); border-radius: 3px; background-color: #fff; padding: 24px 32px 32px; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; bottom: 0; } .newServices__wrapper-blocks-choose-tip-popup-active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newServices__wrapper-blocks-choose-tip-popup-close { position: absolute; top: 16px; right: 16px; cursor: pointer; } .newServices__wrapper-blocks-choose-tip-popup-close svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper-blocks-choose-tip-popup-close:hover svg path { stroke: #37d97b; } .newServices__wrapper-blocks-choose-tip-popup p { font-size: 14px; line-height: 22px; color: #5c5b5b; margin-bottom: 16px; } .newServices__wrapper-blocks-choose-tip-popup a { margin-bottom: 8px; display: inline-block; font-size: 14px; line-height: 22px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper-blocks-choose-tip-popup a:last-child { margin-bottom: 0; } .newServices__wrapper-blocks-choose-tip-popup a:hover { color: #12b857; } .newServices__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(68% - 5px); -ms-flex-preferred-size: calc(68% - 5px); flex-basis: calc(68% - 5px); max-width: calc(68% - 5px); position: relative; display: none; } .newServices__wrapper-blocks-right h3 { display: none; font-size: 24px; line-height: 28px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 20px; } .newServices__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newServices__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServices__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newServices__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newServices__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { left: -5px; } .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServices__wrapper-blocks-right-block { margin-top: 40px; } .newServices__wrapper-blocks-right .col { width: 100%; } .newServices__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 8.333333%; -ms-flex-preferred-size: 8.333333%; flex-basis: 8.333333%; max-width: 8.333333%; padding: 0 5px; } .newServices__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 16.666667%; -ms-flex-preferred-size: 16.666667%; flex-basis: 16.666667%; max-width: 16.666667%; padding: 0 5px; } .newServices__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; padding: 0 5px; } .newServices__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 33.333333%; -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; max-width: 33.333333%; padding: 0 5px; } .newServices__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 42.666667%; -ms-flex-preferred-size: 42.666667%; flex-basis: 42.666667%; max-width: 42.666667%; padding: 0 5px; } .newServices__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0 5px; } .newServices__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 57.333333%; -ms-flex-preferred-size: 57.333333%; flex-basis: 57.333333%; max-width: 57.333333%; padding: 0 5px; } .newServices__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 66.666667%; -ms-flex-preferred-size: 66.666667%; flex-basis: 66.666667%; max-width: 66.666667%; padding: 0 5px; } .newServices__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; padding: 0 5px; } .newServices__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 83.333333%; -ms-flex-preferred-size: 83.333333%; flex-basis: 83.333333%; max-width: 83.333333%; padding: 0 5px; } .newServices__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 91.666667%; -ms-flex-preferred-size: 91.666667%; flex-basis: 91.666667%; max-width: 91.666667%; padding: 0 5px; } .newServices__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0 5px; } .newServices__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 20px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServices__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .newServices__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newServices__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServices__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newServices__wrapper-blocks-right-block-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newServices__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newServices__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newServices__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newServices__wrapper-blocks-right .col:nth-child(2) img { position: absolute; bottom: 0; right: 0; height: 98px; } .newServices__wrapper-blocks-right .col:nth-child(3) img { position: absolute; bottom: 0; left: 0; height: 98px; } .newServices__wrapper-blocks-right .col:nth-child(6) img { position: absolute; bottom: 0; right: 0; height: 150px; } .newServices__wrapper-blocks-right .col:nth-child(7) img { position: absolute; bottom: 0; left: 0; height: 112px; } .newServices__wrapper-blocks-right .col:nth-child(1) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .col:nth-child(2) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .col:nth-child(3) .newServices__wrapper-blocks-right-block { height: 178px; } .newServices__wrapper-blocks-right .col:nth-child(4) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .col:nth-child(5) .newServices__wrapper-blocks-right-block { height: 166px; } .newServices__wrapper-blocks-right .col:nth-child(6) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .col:nth-child(7) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .col:nth-child(8) .newServices__wrapper-blocks-right-block { height: 180px; } .newServices__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newServices__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newServices__wrapper-blocks-right .swiper-slide:nth-child(1) .newServices__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #216bc1 1.66%, #38b3c4 83.54%, #9af9d6 212.93%); background: linear-gradient(101.54deg, #216bc1 1.66%, #38b3c4 83.54%, #9af9d6 212.93%); } .newServices__wrapper-blocks-right .swiper-slide:nth-child(4) .newServices__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(356.19deg, #216bc1 -1.41%, #38b3c3 90.02%, #87e9c5 279.25%, #9af9d6 279.25%); background: linear-gradient(93.81deg, #216bc1 -1.41%, #38b3c3 90.02%, #87e9c5 279.25%, #9af9d6 279.25%); } .newServices__wrapper-blocks-right .swiper-slide:nth-child(5) .newServices__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(351.46deg, #216bc1 -57.57%, #38b3c3 11.7%, #9af9d6 96.01%); background: linear-gradient(98.54deg, #216bc1 -57.57%, #38b3c3 11.7%, #9af9d6 96.01%); } .newServices__wrapper-blocks-right .swiper-slide:nth-child(8) .newServices__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(344.56deg, #216bc1 -127.99%, #38b3c3 -45.31%, #87e9c5 93.88%); background: linear-gradient(105.44deg, #216bc1 -127.99%, #38b3c3 -45.31%, #87e9c5 93.88%); } @media (max-width: 1220px) { .newServices .gallery { padding-top: 20px; } .newServices__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServices__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newServices__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .newServices__wrapper-blocks-models { display: none; } .newServices__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newServices__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newServices__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServices__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServices__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newServices__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServices__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newServices__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newServices__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newServices__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newServices__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newServices__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServices__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newServices__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newServices__wrapper-blocks-mobModels-blocks-block.active .newServices__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newServices__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newServices__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newServices__wrapper-blocks-choose { padding: 37px 52px 40px 50px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; min-height: auto; margin-bottom: 80px; } .newServices__wrapper-blocks-choose form { max-width: 270px; } .newServices__wrapper-blocks-choose-image { bottom: auto; width: auto; min-width: 250px; height: auto; right: 0; top: 83px; z-index: 1; } .newServices__wrapper-blocks-choose-image img { display: none; } .newServices__wrapper-blocks-choose-image-block { margin-top: 24px; } .newServices__wrapper-blocks-choose-image-block svg { margin-right: 14px; } .newServices__wrapper-blocks-choose-blocks { position: absolute; top: 0; left: 0; z-index: 2; } .newServices__wrapper-blocks-choose-block { margin-top: 20px; } .newServices__wrapper-blocks-choose-block-select { margin-top: 24px; } .newServices__wrapper-blocks-choose-block-select select { padding: 13px 14px; } .newServices__wrapper-blocks-choose-block-select svg { right: 18px; } .newServices__wrapper-blocks-choose-oldprice { margin-top: 30px; } .newServices__wrapper-blocks-choose-price { margin-top: 16px; } .newServices__wrapper-blocks-choose button { margin-top: 22px; } .newServices__wrapper-blocks-choose-tip { margin-top: 20px; } .newServices__wrapper-blocks-choose-tip span { font-size: 16px; line-height: 16px; } .newServices__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; display: block; } .newServices__wrapper-blocks-right h3 { display: block; } .newServices__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newServices__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newServices__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newServices__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newServices__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(2) img, .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(6) img { right: 0; } .newServices__wrapper-blocks-right .row .swiper-slide .newServices__wrapper-blocks-right-block { height: 100%; -webkit-box-shadow: none; box-shadow: none; } .newServices__wrapper-blocks-right .row .swiper-slide .newServices__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServices__wrapper-blocks-right-block, .newServices__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServices__wrapper-blocks-right-block { margin-top: 0; } .newServices__wrapper-blocks-right .col1, .newServices__wrapper-blocks-right .col2, .newServices__wrapper-blocks-right .col3, .newServices__wrapper-blocks-right .col4, .newServices__wrapper-blocks-right .col5, .newServices__wrapper-blocks-right .col6, .newServices__wrapper-blocks-right .col7, .newServices__wrapper-blocks-right .col8, .newServices__wrapper-blocks-right .col9, .newServices__wrapper-blocks-right .col10, .newServices__wrapper-blocks-right .col11, .newServices__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newServices__wrapper-blocks-right-block { margin-top: 0; } .newServices__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newServices__wrapper-blocks-right .col:nth-child(2) img { height: 212px; } .newServices__wrapper-blocks-right .col:nth-child(3) img { height: 212px; } .newServices__wrapper-blocks-right .col:nth-child(6) img { height: 215px; } .newServices__wrapper-blocks-right .col:nth-child(7) img { height: 160px; } } @media (max-width: 816px) { .newServices__wrapper-header-rating-title { margin: 0 24px; } .newServices__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newServices__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newServices__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newServices__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newServices__wrapper .breadcrums { padding: 20px 0; } .newServices__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newServices__wrapper-header { padding-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServices__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 0; margin-top: 0; } .newServices__wrapper-header h1 br { display: block; } .newServices__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newServices__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newServices__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newServices__wrapper-header-rating-stars { margin-top: -2px; } .newServices__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newServices__wrapper-blocks { padding-bottom: 50px; } .newServices__wrapper-blocks-mobModels { margin-top: 50px; } .newServices__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newServices__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newServices__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newServices__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newServices__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newServices__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newServices__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newServices__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newServices__wrapper-blocks-choose { padding: 24px 20px 30px; margin-bottom: 50px; } .newServices__wrapper-blocks-choose form { max-width: 382px; } .newServices__wrapper-blocks-choose-image { top: auto; bottom: 255px; left: 20px; height: 128px; right: auto; } .newServices__wrapper-blocks-choose-image-block { margin-top: 16px; } .newServices__wrapper-blocks-choose-image-block svg { margin-right: 16px; width: 32px; height: 32px; } .newServices__wrapper-blocks-choose-block { margin-top: 24px; } .newServices__wrapper-blocks-choose-block-select { margin-top: 16px; } .newServices__wrapper-blocks-choose-block-select select { padding: 13px 14px 11px; } .newServices__wrapper-blocks-choose-block-select svg { right: 20px; } .newServices__wrapper-blocks-choose-oldprice { margin-top: 180px; font-size: 24px; line-height: 24px; } .newServices__wrapper-blocks-choose-text { margin-top: 12px; font-size: 14px; line-height: 14px; } .newServices__wrapper-blocks-choose-price { margin-top: 15px; font-size: 36px; line-height: 36px; } .newServices__wrapper-blocks-choose button { margin-top: 24px; padding: 15px 15px 13px; width: 100%; } .newServices__wrapper-blocks-choose-tip-popup { position: fixed; bottom: auto; top: 50%; left: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 16px; width: calc(100% - 32px); } .newServices__wrapper-blocks-right .col1, .newServices__wrapper-blocks-right .col2, .newServices__wrapper-blocks-right .col3, .newServices__wrapper-blocks-right .col4, .newServices__wrapper-blocks-right .col5, .newServices__wrapper-blocks-right .col6, .newServices__wrapper-blocks-right .col7, .newServices__wrapper-blocks-right .col8, .newServices__wrapper-blocks-right .col9, .newServices__wrapper-blocks-right .col10, .newServices__wrapper-blocks-right .col11, .newServices__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newServices__wrapper-blocks-right .col:nth-child(2) img { height: 143px; } .newServices__wrapper-blocks-right .col:nth-child(3) img { height: 143px; } .newServices__wrapper-blocks-right .col:nth-child(6) img { height: 173px; } .newServices__wrapper-blocks-right .col:nth-child(7) img { height: 128px; } .newServices__wrapper-blocks-right .row { margin: 0 -5px; } .newServices__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 220px; } .newServices__wrapper-blocks-right .row .swiper-slide .newServices__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newServices__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newServices__wrapper-blocks-right-block-svg { bottom: 22px; } .newServices__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServices__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newServices__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newServices__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newServices__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newServices__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newServices__wrapper-blocks-right-block.gradient .newServices__wrapper-blocks-right-block-title h3, .newServices__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newServices__wrapper-header h1 { font-size: 18px; line-height: 24px; } } @media (width: 375px) { .newServices__wrapper .breadcrums { padding: 20px 0 16px; } .newServices__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newServices__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newServices__wrapper-header-rating-count { padding-top: 2px; } .newServices__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newServices__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newServices__wrapper-blocks { padding-bottom: 60px; } .newServices__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newServices__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newServices__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newServices__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newServices__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newServices__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newServices__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newServices__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newServices__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .faq { background-color: #f8f8f8; padding: 50px 0 100px; } .faq__wrapper h2 { font-size: 50px; line-height: 50px; font-family: Montserrat-SemiBold; color: #010306; text-align: center; } .faq__block { padding: 25px 43px; background-color: #fff; border-radius: 3px; margin-top: 31px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .faq__block:nth-child(2) { margin-top: 45px; } .faq__block-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .faq__block-header svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .faq__block-header h3 { margin-left: 40px; font-size: 24px; line-height: 28px; color: #010306; font-weight: 500; } .faq__block-body { padding-left: 94px; display: none; } .faq__block-body p { max-width: 663px; font-size: 18px; line-height: 24px; color: #939393; } .faq__block-body p:first-child { margin-top: 18px; } .faq__block.active .faq__block-header svg { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1180px) { .faq { padding: 25px 0 55px; } .faq__wrapper h2 { font-size: 36px; line-height: 36px; } .faq__block { padding: 24px; margin-top: 30px; } .faq__block:nth-child(2) { margin-top: 24px; } .faq__block-header svg { min-width: 46px; width: 46px; min-height: 46px; height: 46px; } .faq__block-header h3 { margin-left: 19px; font-size: 22px; line-height: 28px; } .faq__block-body { padding-left: 66px; } .faq__block-body p { font-size: 16px; line-height: 22px; } .faq__block-body p:first-child { margin-top: 10px; } } @media (max-width: 639px) { .faq { padding: 25px 0 35px; } .faq__wrapper h2 { font-size: 24px; line-height: 28px; } .faq__block { padding: 24px 12px; margin-top: 24px; } .faq__block:nth-child(2) { margin-top: 20px; } .faq__block-header svg { min-width: 30px; width: 30px; min-height: 30px; height: 30px; } .faq__block-header h3 { margin-left: 18px; font-size: 18px; line-height: 22px; } .faq__block-body { padding-left: 47px; } .faq__block-body p:first-child { margin-top: 12px; } } .newServicesModels { padding: 30px 0 70px; background-color: #fff; } .newServicesModels__wrapper h2 { font-size: 50px; line-height: 50px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 9px; } .newServicesModels__wrapper-text { font-size: 18px; line-height: 24px; text-align: center; color: #c0bfbd; } .newServicesModels__wrapper-text br { display: block; } .newServicesModels__wrapper-text br.mob { display: none; } .newServicesModels__blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -25px auto 0; max-width: 1080px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newServicesModels__blocks-block { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; margin: 70px 0 0; padding: 0 35px; } .newServicesModels__blocks-block-front { cursor: pointer; padding: 48px 25px 26px; background-color: #f8f8f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 3px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesModels__blocks-block-front:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15); } .newServicesModels__blocks-block-front img { width: 100px; height: 100px; max-width: 100px; max-height: 100px; } .newServicesModels__blocks-block-front span { font-size: 16px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: block; line-height: 16px; margin-top: 50px; color: #010306; text-align: center; font-weight: 500; } .newServicesModels__blocks-block-back { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesModels__blocks-block-back a { font-size: 14px; line-height: 16px; color: #010306; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: block; text-align: center; margin-top: 16px; padding: 17px 16px 15px; border-radius: 3px; background-color: #f8f8f8; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesModels__blocks-block-back a:hover { color: #37d97b; font-weight: 500; } .newServicesModels__blocks-block-back a:first-child { margin-top: 0; } .newServicesModels-watch .newServicesModels__blocks-block { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 271px; } @media (max-width: 991px) { .newServicesModels { padding: 50px 0 60px; } .newServicesModels__wrapper h2 { font-size: 30px; line-height: 30px; margin-bottom: 10px; } .newServicesModels__wrapper-text { font-size: 16px; line-height: 22px; } .newServicesModels__wrapper-text br { display: none; } .newServicesModels__wrapper-text br.mob { display: block; } .newServicesModels__blocks { margin: 20px auto 0; max-width: 520px; } .newServicesModels__blocks-block { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 10px 0 0; padding: 0 5px; } .newServicesModels__blocks-block-front { padding: 25px 20px 16px; } .newServicesModels__blocks-block-front:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-box-shadow: none; box-shadow: none; } .newServicesModels__blocks-block-front span { font-size: 14px; line-height: 14px; margin-top: 15px; } .newServicesModels__blocks-block-back a { -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; font-size: 12px; line-height: 12px; padding: 13px 16px 12px; margin: 10px 5px 0; } .newServicesModels__blocks-block-back a:nth-child(2) { margin-top: 0; } .newServicesModels-watch .newServicesModels__blocks-block { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 100%; } } @media (max-width: 530px) { .newServicesModels { padding: 30px 0; } .newServicesModels__wrapper h2 { font-size: 24px; line-height: 28px; } .newServicesModels__wrapper-text { line-height: 20px; } .newServicesModels__blocks { margin: 13px auto 0; max-width: 100%; } .newServicesModels__blocks-block { margin: 11px 0 0; } .newServicesModels__blocks-block-full { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newServicesModels__blocks-block-front { padding: 34px 10px 25px; } .newServicesModels__blocks-block-front span { line-height: 16px; margin-top: 26px; } .newServicesModels__blocks-block-back { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .newServicesModels__blocks-block-back a { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 126px; font-size: 14px; line-height: 14px; padding: 10px 16px; margin: 10px 0 0; } .newServicesModels__blocks-block-back a:nth-child(2) { margin-top: 10px; } } .newServicesMacBook { background-color: #f8f8f8; overflow-x: hidden; } .newServicesMacBook__wrapper .breadcrums { padding: 20px 0; } .newServicesMacBook__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesMacBook__wrapper .breadcrums a:hover { color: #37d97b; } .newServicesMacBook__wrapper .breadcrums svg { margin: 0 10px; } .newServicesMacBook__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 16px; } .newServicesMacBook__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; } .newServicesMacBook__wrapper-header h1 br { display: none; } .newServicesMacBook__wrapper-header-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesMacBook__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newServicesMacBook__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newServicesMacBook__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesMacBook__wrapper-header-rating-stars svg { margin-right: 3px; } .newServicesMacBook__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newServicesMacBook__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesMacBook__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newServicesMacBook__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newServicesMacBook__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 80px; } .newServicesMacBook__wrapper-blocks-mobModels { display: none; } .newServicesMacBook__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(32% - 20px); -ms-flex-preferred-size: calc(32% - 20px); flex-basis: calc(32% - 20px); margin-right: 20px; display: block; overflow: hidden; } .newServicesMacBook__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newServicesMacBook__wrapper-blocks-models-inner { overflow-x: hidden; } .newServicesMacBook__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesMacBook__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesMacBook__wrapper-blocks-models-item a:hover { color: #37d97b; } .newServicesMacBook__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesMacBook__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newServicesMacBook__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newServicesMacBook__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newServicesMacBook__wrapper-blocks-choose { background-color: #fff; padding: 25px 0 30px 90px; overflow: hidden; -webkit-flex-basis: 68%; -ms-flex-preferred-size: 68%; flex-basis: 68%; max-width: 68%; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; position: relative; min-height: 491px; } .newServicesMacBook__wrapper-blocks-choose form { max-width: 274px; z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .newServicesMacBook__wrapper-blocks-choose-image { position: absolute; right: 0; bottom: 0; height: 491px; width: 440px; top: 0; } .newServicesMacBook__wrapper-blocks-choose-image img { max-width: 440px; position: absolute; right: 0; bottom: 0; height: 491px; } .newServicesMacBook__wrapper-blocks-choose-image-block { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesMacBook__wrapper-blocks-choose-image-block:first-child { margin-top: 0; } .newServicesMacBook__wrapper-blocks-choose-image-block svg { margin-right: 18px; } .newServicesMacBook__wrapper-blocks-choose-image-block svg { font-size: 16px; line-height: 16px; color: #010306; } .newServicesMacBook__wrapper-blocks-choose-blocks { position: absolute; top: 142px; left: 150px; z-index: 2; } .newServicesMacBook__wrapper-blocks-choose-block { margin-top: 32px; } .newServicesMacBook__wrapper-blocks-choose-block:first-child { margin-top: 0; } .newServicesMacBook__wrapper-blocks-choose-block h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; } .newServicesMacBook__wrapper-blocks-choose-block-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-top: 23px; border-radius: 3px; border: 1px solid #ddd; position: relative; } .newServicesMacBook__wrapper-blocks-choose-block-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-family: 'Roboto'; font-size: 16px; line-height: 16px; border: none; padding: 13px 24px; } .newServicesMacBook__wrapper-blocks-choose-block-select svg { position: absolute; right: 17px; } .newServicesMacBook__wrapper-blocks-choose-oldprice { font-size: 22px; line-height: 22px; color: #c4c4c4; font-family: Montserrat-Medium; margin-top: 33px; text-decoration: line-through; } .newServicesMacBook__wrapper-blocks-choose-text { font-size: 14px; line-height: 14px; color: #a7a6a9; margin-top: 10px; } .newServicesMacBook__wrapper-blocks-choose-price { font-size: 38px; line-height: 38px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 18px; } .newServicesMacBook__wrapper-blocks-choose button { margin-top: 38px; color: #fff; background-color: #37d97b; border-radius: 3px; padding: 17px 58px; font-size: 16px; line-height: 16px; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesMacBook__wrapper-blocks-choose button:hover { background-color: #12b857; } .newServicesMacBook__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(68% - 5px); -ms-flex-preferred-size: calc(68% - 5px); flex-basis: calc(68% - 5px); max-width: calc(68% - 5px); position: relative; display: none; } .newServicesMacBook__wrapper-blocks-right h3 { display: none; font-size: 24px; line-height: 28px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 20px; } .newServicesMacBook__wrapper-blocks-right .row { display: block; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { left: -5px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesMacBook__wrapper-blocks-right-block, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesMacBook__wrapper-blocks-right-block { margin-top: 40px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.pc { display: block; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.mob { display: none; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.pc { display: block; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.mob { display: none; } .newServicesMacBook__wrapper-blocks-right .col { width: 100%; } .newServicesMacBook__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 8.333333%; -ms-flex-preferred-size: 8.333333%; flex-basis: 8.333333%; max-width: 8.333333%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 16.666667%; -ms-flex-preferred-size: 16.666667%; flex-basis: 16.666667%; max-width: 16.666667%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 33.333333%; -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; max-width: 33.333333%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 42.666667%; -ms-flex-preferred-size: 42.666667%; flex-basis: 42.666667%; max-width: 42.666667%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 57.333333%; -ms-flex-preferred-size: 57.333333%; flex-basis: 57.333333%; max-width: 57.333333%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 66.666667%; -ms-flex-preferred-size: 66.666667%; flex-basis: 66.666667%; max-width: 66.666667%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 83.333333%; -ms-flex-preferred-size: 83.333333%; flex-basis: 83.333333%; max-width: 83.333333%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 91.666667%; -ms-flex-preferred-size: 91.666667%; flex-basis: 91.666667%; max-width: 91.666667%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0 5px; } .newServicesMacBook__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 20px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesMacBook__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .newServicesMacBook__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newServicesMacBook__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesMacBook__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newServicesMacBook__wrapper-blocks-right-block-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newServicesMacBook__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newServicesMacBook__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newServicesMacBook__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(2) img { position: absolute; bottom: 0; right: 0; height: 98px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(3) img { position: absolute; bottom: 0; left: 0; height: 98px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(6) img { position: absolute; bottom: 0; right: 0; height: 150px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(7) img { position: absolute; bottom: 0; left: 0; height: 112px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(1) .newServicesMacBook__wrapper-blocks-right-block, .newServicesMacBook__wrapper-blocks-right .col:nth-child(2) .newServicesMacBook__wrapper-blocks-right-block { height: 178px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(3) .newServicesMacBook__wrapper-blocks-right-block, .newServicesMacBook__wrapper-blocks-right .col:nth-child(4) .newServicesMacBook__wrapper-blocks-right-block { height: 166px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(5) .newServicesMacBook__wrapper-blocks-right-block, .newServicesMacBook__wrapper-blocks-right .col:nth-child(6) .newServicesMacBook__wrapper-blocks-right-block { height: 180px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(2) img { max-width: 298px; position: absolute; bottom: -20px; right: -90px; width: 100%; height: 172px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(5) img { max-width: 298px; width: 100%; position: absolute; bottom: 0; left: calc(50% - 150px); } .newServicesMacBook__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newServicesMacBook__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newServicesMacBook__wrapper-blocks-right .swiper-slide:nth-child(1) .newServicesMacBook__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); background: linear-gradient(101.54deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); } .newServicesMacBook__wrapper-blocks-right .swiper-slide:nth-child(3) .newServicesMacBook__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); background: linear-gradient(101.54deg, #5521c1 1.66%, #a838c4 83.54%, #f9d89a 212.93%); } .newServicesMacBook__wrapper-blocks-right .swiper-slide:nth-child(4) .newServicesMacBook__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(351.46deg, #5521c1 -57.57%, #a838c3 11.7%, #f9d89a 96.01%); background: linear-gradient(98.54deg, #5521c1 -57.57%, #a838c3 11.7%, #f9d89a 96.01%); } .newServicesMacBook__wrapper-blocks-right .swiper-slide:nth-child(6) .newServicesMacBook__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(344.56deg, #5521c1 -127.99%, #a838c3 -45.31%, #f9d89a 93.88%); background: linear-gradient(105.44deg, #5521c1 -127.99%, #a838c3 -45.31%, #f9d89a 93.88%); } @media (max-width: 1180px) { .newServicesMacBook__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesMacBook__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newServicesMacBook__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .newServicesMacBook__wrapper-blocks-models { display: none; } .newServicesMacBook__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newServicesMacBook__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newServicesMacBook__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block.active .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newServicesMacBook__wrapper-blocks-choose { padding: 37px 52px 40px 50px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; min-height: auto; margin-bottom: 80px; } .newServicesMacBook__wrapper-blocks-choose form { max-width: 270px; } .newServicesMacBook__wrapper-blocks-choose-image { bottom: auto; width: auto; min-width: 250px; height: auto; right: 0; top: 83px; } .newServicesMacBook__wrapper-blocks-choose-image img { display: none; } .newServicesMacBook__wrapper-blocks-choose-image-block { margin-top: 24px; } .newServicesMacBook__wrapper-blocks-choose-image-block svg { margin-right: 14px; } .newServicesMacBook__wrapper-blocks-choose-blocks { position: absolute; top: 0; left: 0; z-index: 2; } .newServicesMacBook__wrapper-blocks-choose-block { margin-top: 20px; } .newServicesMacBook__wrapper-blocks-choose-block-select { margin-top: 24px; } .newServicesMacBook__wrapper-blocks-choose-block-select select { padding: 13px 14px; } .newServicesMacBook__wrapper-blocks-choose-block-select svg { right: 18px; } .newServicesMacBook__wrapper-blocks-choose-oldprice { margin-top: 30px; } .newServicesMacBook__wrapper-blocks-choose-price { margin-top: 16px; } .newServicesMacBook__wrapper-blocks-choose button { margin-top: 22px; } .newServicesMacBook__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; display: block; } .newServicesMacBook__wrapper-blocks-right h3 { display: block; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { right: calc(50% - 130px); height: 172px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesMacBook__wrapper-blocks-right-block-svg svg path { fill: #010306; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(5) img { left: calc(50% - 170px); height: 140px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide .newServicesMacBook__wrapper-blocks-right-block { height: 100%; -webkit-box-shadow: none; box-shadow: none; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide .newServicesMacBook__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesMacBook__wrapper-blocks-right-block, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesMacBook__wrapper-blocks-right-block { margin-top: 0; } .newServicesMacBook__wrapper-blocks-right .col1, .newServicesMacBook__wrapper-blocks-right .col2, .newServicesMacBook__wrapper-blocks-right .col3, .newServicesMacBook__wrapper-blocks-right .col4, .newServicesMacBook__wrapper-blocks-right .col5, .newServicesMacBook__wrapper-blocks-right .col6, .newServicesMacBook__wrapper-blocks-right .col7, .newServicesMacBook__wrapper-blocks-right .col8, .newServicesMacBook__wrapper-blocks-right .col9, .newServicesMacBook__wrapper-blocks-right .col10, .newServicesMacBook__wrapper-blocks-right .col11, .newServicesMacBook__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newServicesMacBook__wrapper-blocks-right-block { margin-top: 0; } .newServicesMacBook__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(2) img { height: 260px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(3) img { height: 260px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(6) img { height: 260px; } .newServicesMacBook__wrapper-blocks-right .col:nth-child(7) img { height: 260px; } } @media (max-width: 816px) { .newServicesMacBook__wrapper-header-rating-title { margin: 0 24px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newServicesMacBook__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newServicesMacBook__wrapper .breadcrums { padding: 20px 0; } .newServicesMacBook__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newServicesMacBook__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesMacBook__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 0; margin-top: 0; } .newServicesMacBook__wrapper-header h1 br { display: block; } .newServicesMacBook__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newServicesMacBook__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newServicesMacBook__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newServicesMacBook__wrapper-header-rating-stars { margin-top: -2px; } .newServicesMacBook__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newServicesMacBook__wrapper-blocks { padding-bottom: 50px; } .newServicesMacBook__wrapper-blocks-mobModels { margin-top: 50px; } .newServicesMacBook__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newServicesMacBook__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newServicesMacBook__wrapper-blocks-choose { padding: 24px 20px 30px; margin-bottom: 50px; } .newServicesMacBook__wrapper-blocks-choose form { max-width: 382px; } .newServicesMacBook__wrapper-blocks-choose-image { top: auto; bottom: 231px; left: 20px; height: 128px; right: auto; } .newServicesMacBook__wrapper-blocks-choose-image-block { margin-top: 16px; } .newServicesMacBook__wrapper-blocks-choose-image-block svg { margin-right: 16px; width: 32px; height: 32px; } .newServicesMacBook__wrapper-blocks-choose-block { margin-top: 24px; } .newServicesMacBook__wrapper-blocks-choose-block-select { margin-top: 16px; } .newServicesMacBook__wrapper-blocks-choose-block-select select { padding: 13px 14px 11px; } .newServicesMacBook__wrapper-blocks-choose-block-select svg { right: 20px; } .newServicesMacBook__wrapper-blocks-choose-oldprice { margin-top: 180px; font-size: 24px; line-height: 24px; } .newServicesMacBook__wrapper-blocks-choose-text { margin-top: 12px; font-size: 14px; line-height: 14px; } .newServicesMacBook__wrapper-blocks-choose-price { margin-top: 15px; font-size: 36px; line-height: 36px; } .newServicesMacBook__wrapper-blocks-choose button { margin-top: 24px; padding: 15px 15px 13px; width: 100%; } .newServicesMacBook__wrapper-blocks-right .col1, .newServicesMacBook__wrapper-blocks-right .col2, .newServicesMacBook__wrapper-blocks-right .col3, .newServicesMacBook__wrapper-blocks-right .col4, .newServicesMacBook__wrapper-blocks-right .col5, .newServicesMacBook__wrapper-blocks-right .col6, .newServicesMacBook__wrapper-blocks-right .col7, .newServicesMacBook__wrapper-blocks-right .col8, .newServicesMacBook__wrapper-blocks-right .col9, .newServicesMacBook__wrapper-blocks-right .col10, .newServicesMacBook__wrapper-blocks-right .col11, .newServicesMacBook__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newServicesMacBook__wrapper-blocks-right .col, .newServicesMacBook__wrapper-blocks-right .row { margin: 0 -5px; } .newServicesMacBook__wrapper-blocks-right .col .swiper-slide, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 220px; } .newServicesMacBook__wrapper-blocks-right .col .swiper-slide .newServicesMacBook__wrapper-blocks-right-block h3, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide .newServicesMacBook__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newServicesMacBook__wrapper-blocks-right .col .swiper-slide:nth-child(2) .newServicesMacBook__wrapper-blocks-right-block-svg svg path, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesMacBook__wrapper-blocks-right-block-svg svg path { fill: #fff; } .newServicesMacBook__wrapper-blocks-right .col .swiper-slide:nth-child(2) img.pc, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.pc { display: none; } .newServicesMacBook__wrapper-blocks-right .col .swiper-slide:nth-child(2) img.mob, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) img.mob { height: 140px; width: 129px; display: block; right: 0; } .newServicesMacBook__wrapper-blocks-right .col .swiper-slide:nth-child(5) img.pc, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.pc { display: none; } .newServicesMacBook__wrapper-blocks-right .col .swiper-slide:nth-child(5) img.mob, .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(5) img.mob { height: 128px; width: 121px; right: 0; display: block; left: auto; } .newServicesMacBook__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newServicesMacBook__wrapper-blocks-right-block-svg { bottom: 22px; } .newServicesMacBook__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesMacBook__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newServicesMacBook__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newServicesMacBook__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newServicesMacBook__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newServicesMacBook__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newServicesMacBook__wrapper-blocks-right-block.gradient .newServicesMacBook__wrapper-blocks-right-block-title h3, .newServicesMacBook__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newServicesMacBook__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 163px; width: 96px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 163px; width: 84px; } } @media (width: 375px) { .newServicesMacBook__wrapper .breadcrums { padding: 20px 0 16px; } .newServicesMacBook__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newServicesMacBook__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newServicesMacBook__wrapper-header-rating-count { padding-top: 2px; } .newServicesMacBook__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newServicesMacBook__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newServicesMacBook__wrapper-blocks { padding-bottom: 60px; } .newServicesMacBook__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newServicesMacBook__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newServicesMacBook__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newServicesMacBook__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newServicesMacBook__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newServicesMacBook__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newServicesMacBook__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newServicesMacBook__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .newServicesIPad { background-color: #f8f8f8; overflow-x: hidden; } .newServicesIPad__wrapper .breadcrums { padding: 20px 0; } .newServicesIPad__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIPad__wrapper .breadcrums a:hover { color: #37d97b; } .newServicesIPad__wrapper .breadcrums svg { margin: 0 10px; } .newServicesIPad__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 16px; } .newServicesIPad__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; } .newServicesIPad__wrapper-header h1 br { display: none; } .newServicesIPad__wrapper-header-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIPad__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newServicesIPad__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newServicesIPad__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIPad__wrapper-header-rating-stars svg { margin-right: 3px; } .newServicesIPad__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newServicesIPad__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIPad__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newServicesIPad__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newServicesIPad__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 80px; } .newServicesIPad__wrapper-blocks-mobModels { display: none; } .newServicesIPad__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(32% - 20px); -ms-flex-preferred-size: calc(32% - 20px); flex-basis: calc(32% - 20px); margin-right: 20px; display: block; overflow: hidden; } .newServicesIPad__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newServicesIPad__wrapper-blocks-models-inner { overflow-x: hidden; } .newServicesIPad__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIPad__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIPad__wrapper-blocks-models-item a:hover { color: #37d97b; } .newServicesIPad__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIPad__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newServicesIPad__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newServicesIPad__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newServicesIPad__wrapper-blocks-choose { background-color: #fff; padding: 25px 0 30px 90px; overflow: hidden; -webkit-flex-basis: 68%; -ms-flex-preferred-size: 68%; flex-basis: 68%; max-width: 68%; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; position: relative; min-height: 491px; } .newServicesIPad__wrapper-blocks-choose form { max-width: 274px; z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .newServicesIPad__wrapper-blocks-choose-image { position: absolute; right: 0; bottom: 0; height: 491px; width: 440px; top: 0; } .newServicesIPad__wrapper-blocks-choose-image img { max-width: 440px; position: absolute; right: 0; bottom: 0; height: 491px; } .newServicesIPad__wrapper-blocks-choose-image-block { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIPad__wrapper-blocks-choose-image-block:first-child { margin-top: 0; } .newServicesIPad__wrapper-blocks-choose-image-block svg { margin-right: 18px; } .newServicesIPad__wrapper-blocks-choose-image-block svg { font-size: 16px; line-height: 16px; color: #010306; } .newServicesIPad__wrapper-blocks-choose-blocks { position: absolute; top: 90px; left: 150px; z-index: 2; } .newServicesIPad__wrapper-blocks-choose-block { margin-top: 32px; } .newServicesIPad__wrapper-blocks-choose-block:first-child { margin-top: 0; } .newServicesIPad__wrapper-blocks-choose-block h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; } .newServicesIPad__wrapper-blocks-choose-block-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-top: 23px; border-radius: 3px; border: 1px solid #ddd; position: relative; } .newServicesIPad__wrapper-blocks-choose-block-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-family: 'Roboto'; font-size: 16px; line-height: 16px; border: none; padding: 13px 24px; } .newServicesIPad__wrapper-blocks-choose-block-select svg { position: absolute; right: 17px; } .newServicesIPad__wrapper-blocks-choose-oldprice { font-size: 22px; line-height: 22px; color: #c4c4c4; font-family: Montserrat-Medium; margin-top: 33px; text-decoration: line-through; } .newServicesIPad__wrapper-blocks-choose-text { font-size: 14px; line-height: 14px; color: #a7a6a9; margin-top: 10px; } .newServicesIPad__wrapper-blocks-choose-price { font-size: 38px; line-height: 38px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 18px; } .newServicesIPad__wrapper-blocks-choose button { margin-top: 38px; color: #fff; background-color: #37d97b; border-radius: 3px; padding: 17px 58px; font-size: 16px; line-height: 16px; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIPad__wrapper-blocks-choose button:hover { background-color: #12b857; } .newServicesIPad__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(68% - 5px); -ms-flex-preferred-size: calc(68% - 5px); flex-basis: calc(68% - 5px); max-width: calc(68% - 5px); position: relative; display: none; } .newServicesIPad__wrapper-blocks-right h3 { display: none; font-size: 24px; line-height: 28px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 20px; } .newServicesIPad__wrapper-blocks-right .row { display: block; } .newServicesIPad__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newServicesIPad__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); } .newServicesIPad__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newServicesIPad__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesIPad__wrapper-blocks-right-block, .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesIPad__wrapper-blocks-right-block, .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServicesIPad__wrapper-blocks-right-block { margin-top: 40px; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-column: 1/6; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(2) { grid-column: 6/10; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 10/13; grid-row: 1/3; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(4) { grid-column: 1/5; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(5) { grid-column: 5/10; } .newServicesIPad__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newServicesIPad__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIPad__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesIPad__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .newServicesIPad__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newServicesIPad__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesIPad__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newServicesIPad__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newServicesIPad__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newServicesIPad__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newServicesIPad__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newServicesIPad__wrapper-blocks-right .col:nth-child(1) .newServicesIPad__wrapper-blocks-right-block { height: 214px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) .newServicesIPad__wrapper-blocks-right-block { height: 214px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) img { max-width: 172px; position: absolute; right: 0; width: 100%; bottom: 0; height: 153px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) img.pc { display: block; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) img.mob { display: none; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) .newServicesIPad__wrapper-blocks-right-block { height: 430px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) img { max-width: 150px; position: absolute; left: 0; width: 100%; bottom: 0; height: 369px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) img.pc { display: block; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) img.mob { display: none; } .newServicesIPad__wrapper-blocks-right .col:nth-child(4) .newServicesIPad__wrapper-blocks-right-block { height: 206px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(5) .newServicesIPad__wrapper-blocks-right-block { height: 206px; } .newServicesIPad__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newServicesIPad__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newServicesIPad__wrapper-blocks-right .swiper-slide:nth-child(1) .newServicesIPad__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(348.46deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); background: linear-gradient(101.54deg, #2d8761 1.66%, #58c97f 83.54%, #88ec9e 212.93%); } .newServicesIPad__wrapper-blocks-right .swiper-slide:nth-child(4) .newServicesIPad__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(356.19deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); background: linear-gradient(93.81deg, #2d8761 -1.41%, #58c97f 90.02%, #87e9c5 279.25%, #88ec9e 279.25%); } .newServicesIPad__wrapper-blocks-right .swiper-slide:nth-child(5) .newServicesIPad__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(347.67deg, #56c57e 19%, #88ec9e 102.94%); background: linear-gradient(102.33deg, #56c57e 19%, #88ec9e 102.94%); } @media (max-width: 1180px) { .newServicesIPad__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIPad__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newServicesIPad__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .newServicesIPad__wrapper-blocks-models { display: none; } .newServicesIPad__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newServicesIPad__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newServicesIPad__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block.active .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newServicesIPad__wrapper-blocks-choose { padding: 37px 52px 40px 50px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; min-height: auto; margin-bottom: 80px; } .newServicesIPad__wrapper-blocks-choose form { max-width: 270px; } .newServicesIPad__wrapper-blocks-choose-image { bottom: auto; width: auto; min-width: 250px; height: auto; right: 0; top: 83px; } .newServicesIPad__wrapper-blocks-choose-image img { display: none; } .newServicesIPad__wrapper-blocks-choose-image-block { margin-top: 24px; } .newServicesIPad__wrapper-blocks-choose-image-block svg { margin-right: 14px; } .newServicesIPad__wrapper-blocks-choose-blocks { position: absolute; top: 0; left: 0; z-index: 2; } .newServicesIPad__wrapper-blocks-choose-block { margin-top: 20px; } .newServicesIPad__wrapper-blocks-choose-block-select { margin-top: 24px; } .newServicesIPad__wrapper-blocks-choose-block-select select { padding: 13px 14px; } .newServicesIPad__wrapper-blocks-choose-block-select svg { right: 18px; } .newServicesIPad__wrapper-blocks-choose-oldprice { margin-top: 30px; } .newServicesIPad__wrapper-blocks-choose-price { margin-top: 16px; } .newServicesIPad__wrapper-blocks-choose button { margin-top: 22px; } .newServicesIPad__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; display: block; } .newServicesIPad__wrapper-blocks-right h3 { display: block; } .newServicesIPad__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newServicesIPad__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newServicesIPad__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesIPad__wrapper-blocks-right-block, .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesIPad__wrapper-blocks-right-block, .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServicesIPad__wrapper-blocks-right-block { margin-top: 0; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide .newServicesIPad__wrapper-blocks-right-block { height: 100%; -webkit-box-shadow: none; box-shadow: none; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide .newServicesIPad__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesIPad__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #318c64 -3.06%, #59ca80 95.94%); background: linear-gradient(103.37deg, #318c64 -3.06%, #59ca80 95.94%); } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(4) .newServicesIPad__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #57c07d 1.94%, #72dc8d 99.18%); background: linear-gradient(107.48deg, #57c07d 1.94%, #72dc8d 99.18%); } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(5) .newServicesIPad__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #72dc8d -3.06%, #75e99d 95.94%); background: linear-gradient(103.37deg, #72dc8d -3.06%, #75e99d 95.94%); } .newServicesIPad__wrapper-blocks-right .col1, .newServicesIPad__wrapper-blocks-right .col2, .newServicesIPad__wrapper-blocks-right .col3, .newServicesIPad__wrapper-blocks-right .col4, .newServicesIPad__wrapper-blocks-right .col5, .newServicesIPad__wrapper-blocks-right .col6, .newServicesIPad__wrapper-blocks-right .col7, .newServicesIPad__wrapper-blocks-right .col8, .newServicesIPad__wrapper-blocks-right .col9, .newServicesIPad__wrapper-blocks-right .col10, .newServicesIPad__wrapper-blocks-right .col11, .newServicesIPad__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newServicesIPad__wrapper-blocks-right-block { margin-top: 0; } .newServicesIPad__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(1) .newServicesIPad__wrapper-blocks-right-block { height: 300px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) .newServicesIPad__wrapper-blocks-right-block { height: 300px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) img { max-width: 205px; position: absolute; right: 0; width: 100%; bottom: 0; height: 228px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) img.pc { display: none; } .newServicesIPad__wrapper-blocks-right .col:nth-child(2) img.mob { display: block; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) .newServicesIPad__wrapper-blocks-right-block { height: 300px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) img { max-width: 177px; height: 228px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) img.pc { display: none; } .newServicesIPad__wrapper-blocks-right .col:nth-child(3) img.mob { display: block; } .newServicesIPad__wrapper-blocks-right .col:nth-child(4) .newServicesIPad__wrapper-blocks-right-block { height: 300px; } .newServicesIPad__wrapper-blocks-right .col:nth-child(5) .newServicesIPad__wrapper-blocks-right-block { height: 300px; } } @media (max-width: 816px) { .newServicesIPad__wrapper-header-rating-title { margin: 0 24px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newServicesIPad__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newServicesIPad__wrapper .breadcrums { padding: 20px 0; } .newServicesIPad__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newServicesIPad__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIPad__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 0; margin-top: 0; } .newServicesIPad__wrapper-header h1 br { display: block; } .newServicesIPad__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newServicesIPad__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newServicesIPad__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newServicesIPad__wrapper-header-rating-stars { margin-top: -2px; } .newServicesIPad__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newServicesIPad__wrapper-blocks { padding-bottom: 50px; } .newServicesIPad__wrapper-blocks-mobModels { margin-top: 50px; } .newServicesIPad__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newServicesIPad__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newServicesIPad__wrapper-blocks-choose { padding: 24px 20px 30px; margin-bottom: 50px; } .newServicesIPad__wrapper-blocks-choose form { max-width: 382px; } .newServicesIPad__wrapper-blocks-choose-image { top: auto; bottom: 231px; left: 20px; height: 128px; right: auto; } .newServicesIPad__wrapper-blocks-choose-image-block { margin-top: 16px; } .newServicesIPad__wrapper-blocks-choose-image-block svg { margin-right: 16px; width: 32px; height: 32px; } .newServicesIPad__wrapper-blocks-choose-block { margin-top: 24px; } .newServicesIPad__wrapper-blocks-choose-block-select { margin-top: 16px; } .newServicesIPad__wrapper-blocks-choose-block-select select { padding: 13px 14px 11px; } .newServicesIPad__wrapper-blocks-choose-block-select svg { right: 20px; } .newServicesIPad__wrapper-blocks-choose-oldprice { margin-top: 180px; font-size: 24px; line-height: 24px; } .newServicesIPad__wrapper-blocks-choose-text { margin-top: 12px; font-size: 14px; line-height: 14px; } .newServicesIPad__wrapper-blocks-choose-price { margin-top: 15px; font-size: 36px; line-height: 36px; } .newServicesIPad__wrapper-blocks-choose button { margin-top: 24px; padding: 15px 15px 13px; width: 100%; } .newServicesIPad__wrapper-blocks-right .col1, .newServicesIPad__wrapper-blocks-right .col2, .newServicesIPad__wrapper-blocks-right .col3, .newServicesIPad__wrapper-blocks-right .col4, .newServicesIPad__wrapper-blocks-right .col5, .newServicesIPad__wrapper-blocks-right .col6, .newServicesIPad__wrapper-blocks-right .col7, .newServicesIPad__wrapper-blocks-right .col8, .newServicesIPad__wrapper-blocks-right .col9, .newServicesIPad__wrapper-blocks-right .col10, .newServicesIPad__wrapper-blocks-right .col11, .newServicesIPad__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newServicesIPad__wrapper-blocks-right .col, .newServicesIPad__wrapper-blocks-right .row { margin: 0 -5px; } .newServicesIPad__wrapper-blocks-right .col .swiper-slide, .newServicesIPad__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 300px; } .newServicesIPad__wrapper-blocks-right .col .swiper-slide .newServicesIPad__wrapper-blocks-right-block h3, .newServicesIPad__wrapper-blocks-right .row .swiper-slide .newServicesIPad__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newServicesIPad__wrapper-blocks-right .col .swiper-slide:nth-child(2) img, .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 163px; width: 96px; } .newServicesIPad__wrapper-blocks-right .col .swiper-slide:nth-child(3) img, .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 163px; width: 84px; } .newServicesIPad__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newServicesIPad__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newServicesIPad__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIPad__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newServicesIPad__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newServicesIPad__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newServicesIPad__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newServicesIPad__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newServicesIPad__wrapper-blocks-right-block.gradient .newServicesIPad__wrapper-blocks-right-block-title h3, .newServicesIPad__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newServicesIPad__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 163px; width: 96px; } .newServicesIPad__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 163px; width: 84px; } } @media (width: 375px) { .newServicesIPad__wrapper .breadcrums { padding: 20px 0 16px; } .newServicesIPad__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newServicesIPad__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newServicesIPad__wrapper-header-rating-count { padding-top: 2px; } .newServicesIPad__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newServicesIPad__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newServicesIPad__wrapper-blocks { padding-bottom: 60px; } .newServicesIPad__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newServicesIPad__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newServicesIPad__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newServicesIPad__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newServicesIPad__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newServicesIPad__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newServicesIPad__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newServicesIPad__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .newServicesWatch { background-color: #f8f8f8; overflow-x: hidden; } .newServicesWatch__wrapper .breadcrums { padding: 20px 0; } .newServicesWatch__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesWatch__wrapper .breadcrums a:hover { color: #37d97b; } .newServicesWatch__wrapper .breadcrums svg { margin: 0 10px; } .newServicesWatch__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 16px; } .newServicesWatch__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; } .newServicesWatch__wrapper-header h1 br { display: none; } .newServicesWatch__wrapper-header-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesWatch__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: #5c5b5b; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newServicesWatch__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newServicesWatch__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesWatch__wrapper-header-rating-stars svg { margin-right: 3px; } .newServicesWatch__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newServicesWatch__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesWatch__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newServicesWatch__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newServicesWatch__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 80px; } .newServicesWatch__wrapper-blocks-mobModels { display: none; } .newServicesWatch__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(32% - 20px); -ms-flex-preferred-size: calc(32% - 20px); flex-basis: calc(32% - 20px); margin-right: 20px; display: block; overflow: hidden; } .newServicesWatch__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newServicesWatch__wrapper-blocks-models-inner { overflow-x: hidden; } .newServicesWatch__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesWatch__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesWatch__wrapper-blocks-models-item a:hover { color: #37d97b; } .newServicesWatch__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesWatch__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newServicesWatch__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newServicesWatch__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newServicesWatch__wrapper-blocks-choose { background-color: #fff; padding: 25px 0 30px 90px; overflow: hidden; -webkit-flex-basis: 68%; -ms-flex-preferred-size: 68%; flex-basis: 68%; max-width: 68%; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; position: relative; min-height: 491px; } .newServicesWatch__wrapper-blocks-choose form { max-width: 274px; z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .newServicesWatch__wrapper-blocks-choose-image { position: absolute; right: 0; bottom: 0; height: 491px; width: 440px; top: 0; } .newServicesWatch__wrapper-blocks-choose-image img { max-width: 440px; position: absolute; right: 0; bottom: 0; height: 491px; } .newServicesWatch__wrapper-blocks-choose-image-block { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesWatch__wrapper-blocks-choose-image-block:first-child { margin-top: 0; } .newServicesWatch__wrapper-blocks-choose-image-block svg { margin-right: 18px; } .newServicesWatch__wrapper-blocks-choose-image-block svg { font-size: 16px; line-height: 16px; color: #010306; } .newServicesWatch__wrapper-blocks-choose-blocks { position: absolute; top: 147px; left: 150px; z-index: 2; } .newServicesWatch__wrapper-blocks-choose-block { margin-top: 32px; } .newServicesWatch__wrapper-blocks-choose-block:first-child { margin-top: 0; } .newServicesWatch__wrapper-blocks-choose-block h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; } .newServicesWatch__wrapper-blocks-choose-block-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-top: 23px; border-radius: 3px; border: 1px solid #ddd; position: relative; } .newServicesWatch__wrapper-blocks-choose-block-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-family: 'Roboto'; font-size: 16px; line-height: 16px; border: none; padding: 13px 24px; } .newServicesWatch__wrapper-blocks-choose-block-select svg { position: absolute; right: 17px; } .newServicesWatch__wrapper-blocks-choose-oldprice { font-size: 22px; line-height: 22px; color: #c4c4c4; font-family: Montserrat-Medium; margin-top: 33px; text-decoration: line-through; } .newServicesWatch__wrapper-blocks-choose-text { font-size: 14px; line-height: 14px; color: #a7a6a9; margin-top: 10px; } .newServicesWatch__wrapper-blocks-choose-price { font-size: 38px; line-height: 38px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 18px; } .newServicesWatch__wrapper-blocks-choose button { margin-top: 38px; color: #fff; background-color: #37d97b; border-radius: 3px; padding: 17px 58px; font-size: 16px; line-height: 16px; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesWatch__wrapper-blocks-choose button:hover { background-color: #12b857; } .newServicesWatch__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(68% - 5px); -ms-flex-preferred-size: calc(68% - 5px); flex-basis: calc(68% - 5px); max-width: calc(68% - 5px); position: relative; display: none; } .newServicesWatch__wrapper-blocks-right h3 { display: none; font-size: 24px; line-height: 28px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 20px; } .newServicesWatch__wrapper-blocks-right .row { display: block; } .newServicesWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newServicesWatch__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .newServicesWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newServicesWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesWatch__wrapper-blocks-right-block, .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesWatch__wrapper-blocks-right-block { margin-top: 40px; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-row: 1/3; grid-column: 1/2; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2), .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 2/3; } .newServicesWatch__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newServicesWatch__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesWatch__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesWatch__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .newServicesWatch__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newServicesWatch__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesWatch__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newServicesWatch__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newServicesWatch__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newServicesWatch__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newServicesWatch__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newServicesWatch__wrapper-blocks-right .col:nth-child(1) .newServicesWatch__wrapper-blocks-right-block { height: 436px; } .newServicesWatch__wrapper-blocks-right .col:nth-child(2) .newServicesWatch__wrapper-blocks-right-block { height: 189px; } .newServicesWatch__wrapper-blocks-right .col:nth-child(3) .newServicesWatch__wrapper-blocks-right-block { height: 237px; } .newServicesWatch__wrapper-blocks-right .col:nth-child(3) .newServicesWatch__wrapper-blocks-right-block-items-item svg path { fill: #010306; } .newServicesWatch__wrapper-blocks-right .col:nth-child(3) .newServicesWatch__wrapper-blocks-right-block-items-item span { color: #010306; } .newServicesWatch__wrapper-blocks-right .col:nth-child(3) img { max-width: 153px; position: absolute; right: 28px; width: 100%; top: 0; height: 237px; } .newServicesWatch__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newServicesWatch__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newServicesWatch__wrapper-blocks-right .swiper-slide:nth-child(1) .newServicesWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(338.49deg, #ff984d 21.18%, #a52fed 143.7%); background: linear-gradient(111.51deg, #ff984d 21.18%, #a52fed 143.7%); } .newServicesWatch__wrapper-blocks-right .swiper-slide:nth-child(2) .newServicesWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(345.88deg, #df7387 -2.74%, #c656af 30.2%, #a135da 98.24%); background: linear-gradient(104.12deg, #df7387 -2.74%, #c656af 30.2%, #a135da 98.24%); } @media (max-width: 1180px) { .newServicesWatch__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesWatch__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newServicesWatch__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .newServicesWatch__wrapper-blocks-models { display: none; } .newServicesWatch__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newServicesWatch__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newServicesWatch__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block.active .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newServicesWatch__wrapper-blocks-choose { padding: 37px 52px 40px 50px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; min-height: auto; margin-bottom: 80px; } .newServicesWatch__wrapper-blocks-choose form { max-width: 270px; } .newServicesWatch__wrapper-blocks-choose-image { bottom: auto; width: auto; min-width: 250px; height: auto; right: 0; top: 83px; } .newServicesWatch__wrapper-blocks-choose-image img { display: none; } .newServicesWatch__wrapper-blocks-choose-image-block { margin-top: 24px; } .newServicesWatch__wrapper-blocks-choose-image-block svg { margin-right: 14px; } .newServicesWatch__wrapper-blocks-choose-blocks { position: absolute; top: 0; left: 0; z-index: 2; } .newServicesWatch__wrapper-blocks-choose-block { margin-top: 20px; } .newServicesWatch__wrapper-blocks-choose-block-select { margin-top: 24px; } .newServicesWatch__wrapper-blocks-choose-block-select select { padding: 13px 14px; } .newServicesWatch__wrapper-blocks-choose-block-select svg { right: 18px; } .newServicesWatch__wrapper-blocks-choose-oldprice { margin-top: 30px; } .newServicesWatch__wrapper-blocks-choose-price { margin-top: 16px; } .newServicesWatch__wrapper-blocks-choose button { margin-top: 22px; } .newServicesWatch__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; display: block; } .newServicesWatch__wrapper-blocks-right h3 { display: block; } .newServicesWatch__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newServicesWatch__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newServicesWatch__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesWatch__wrapper-blocks-right-block, .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesWatch__wrapper-blocks-right-block { margin-top: 0; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide .newServicesWatch__wrapper-blocks-right-block { height: 100%; -webkit-box-shadow: none; box-shadow: none; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide .newServicesWatch__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #ffc59b -3.06%, #d96b91 95.94%); background: linear-gradient(103.37deg, #ffc59b -3.06%, #d96b91 95.94%); } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesWatch__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #d56897 1.94%, #a83bd2 99.18%); background: linear-gradient(107.48deg, #d56897 1.94%, #a83bd2 99.18%); } .newServicesWatch__wrapper-blocks-right .col1, .newServicesWatch__wrapper-blocks-right .col2, .newServicesWatch__wrapper-blocks-right .col3, .newServicesWatch__wrapper-blocks-right .col4, .newServicesWatch__wrapper-blocks-right .col5, .newServicesWatch__wrapper-blocks-right .col6, .newServicesWatch__wrapper-blocks-right .col7, .newServicesWatch__wrapper-blocks-right .col8, .newServicesWatch__wrapper-blocks-right .col9, .newServicesWatch__wrapper-blocks-right .col10, .newServicesWatch__wrapper-blocks-right .col11, .newServicesWatch__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newServicesWatch__wrapper-blocks-right-block { margin-top: 0; } .newServicesWatch__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newServicesWatch__wrapper-blocks-right .col:nth-child(1) img { height: 223px; width: 167px; } .newServicesWatch__wrapper-blocks-right .col:nth-child(3) img { top: auto; bottom: 16px; } } @media (max-width: 816px) { .newServicesWatch__wrapper-header-rating-title { margin: 0 24px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newServicesWatch__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newServicesWatch__wrapper .breadcrums { padding: 20px 0; } .newServicesWatch__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newServicesWatch__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesWatch__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 0; margin-top: 0; } .newServicesWatch__wrapper-header h1 br { display: block; } .newServicesWatch__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newServicesWatch__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newServicesWatch__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newServicesWatch__wrapper-header-rating-stars { margin-top: -2px; } .newServicesWatch__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newServicesWatch__wrapper-blocks { padding-bottom: 50px; } .newServicesWatch__wrapper-blocks-mobModels { margin-top: 50px; } .newServicesWatch__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newServicesWatch__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newServicesWatch__wrapper-blocks-choose { padding: 24px 20px 30px; margin-bottom: 50px; } .newServicesWatch__wrapper-blocks-choose form { max-width: 382px; } .newServicesWatch__wrapper-blocks-choose-image { top: auto; bottom: 231px; left: 20px; height: 128px; right: auto; } .newServicesWatch__wrapper-blocks-choose-image-block { margin-top: 16px; } .newServicesWatch__wrapper-blocks-choose-image-block svg { margin-right: 16px; width: 32px; height: 32px; } .newServicesWatch__wrapper-blocks-choose-block { margin-top: 24px; } .newServicesWatch__wrapper-blocks-choose-block-select { margin-top: 16px; } .newServicesWatch__wrapper-blocks-choose-block-select select { padding: 13px 14px 11px; } .newServicesWatch__wrapper-blocks-choose-block-select svg { right: 20px; } .newServicesWatch__wrapper-blocks-choose-oldprice { margin-top: 180px; font-size: 24px; line-height: 24px; } .newServicesWatch__wrapper-blocks-choose-text { margin-top: 12px; font-size: 14px; line-height: 14px; } .newServicesWatch__wrapper-blocks-choose-price { margin-top: 15px; font-size: 36px; line-height: 36px; } .newServicesWatch__wrapper-blocks-choose button { margin-top: 24px; padding: 15px 15px 13px; width: 100%; } .newServicesWatch__wrapper-blocks-right .col1, .newServicesWatch__wrapper-blocks-right .col2, .newServicesWatch__wrapper-blocks-right .col3, .newServicesWatch__wrapper-blocks-right .col4, .newServicesWatch__wrapper-blocks-right .col5, .newServicesWatch__wrapper-blocks-right .col6, .newServicesWatch__wrapper-blocks-right .col7, .newServicesWatch__wrapper-blocks-right .col8, .newServicesWatch__wrapper-blocks-right .col9, .newServicesWatch__wrapper-blocks-right .col10, .newServicesWatch__wrapper-blocks-right .col11, .newServicesWatch__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newServicesWatch__wrapper-blocks-right .col, .newServicesWatch__wrapper-blocks-right .row { margin: 0 -5px; } .newServicesWatch__wrapper-blocks-right .col .swiper-slide, .newServicesWatch__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 300px; } .newServicesWatch__wrapper-blocks-right .col .swiper-slide .newServicesWatch__wrapper-blocks-right-block h3, .newServicesWatch__wrapper-blocks-right .row .swiper-slide .newServicesWatch__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newServicesWatch__wrapper-blocks-right .col .swiper-slide:nth-child(3) .newServicesWatch__wrapper-blocks-right-block-items, .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServicesWatch__wrapper-blocks-right-block-items { display: none; } .newServicesWatch__wrapper-blocks-right .col .swiper-slide:nth-child(3) img, .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 220px; width: 143px; display: block; right: 36px; top: auto; bottom: 16px; } .newServicesWatch__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newServicesWatch__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newServicesWatch__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesWatch__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newServicesWatch__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newServicesWatch__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newServicesWatch__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newServicesWatch__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newServicesWatch__wrapper-blocks-right-block.gradient .newServicesWatch__wrapper-blocks-right-block-title h3, .newServicesWatch__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newServicesWatch__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServicesWatch__wrapper-blocks-right-block-items { display: none; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 158px; width: 103px; display: block; right: 50px; top: auto; bottom: 31px; } } @media (width: 375px) { .newServicesWatch__wrapper .breadcrums { padding: 20px 0 16px; } .newServicesWatch__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newServicesWatch__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newServicesWatch__wrapper-header-rating-count { padding-top: 2px; } .newServicesWatch__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newServicesWatch__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newServicesWatch__wrapper-blocks { padding-bottom: 60px; } .newServicesWatch__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newServicesWatch__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newServicesWatch__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newServicesWatch__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newServicesWatch__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newServicesWatch__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServicesWatch__wrapper-blocks-right-block-items { display: none; } .newServicesWatch__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 158px; width: 103px; display: block; right: 39px; top: auto; bottom: 31px; } .newServicesWatch__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newServicesWatch__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .newServicesIMac { overflow-x: hidden; background-color: #f8f8f8; } .newServicesIMac__wrapper .breadcrums { padding: 20px 0; } .newServicesIMac__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIMac__wrapper .breadcrums a:hover { color: #37d97b; } .newServicesIMac__wrapper .breadcrums svg { margin: 0 10px; } .newServicesIMac__wrapper-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 16px; } .newServicesIMac__wrapper-header h1 { font-size: 30px; line-height: 36px; font-family: Montserrat-SemiBold; color: #010306; } .newServicesIMac__wrapper-header h1 br { display: none; } .newServicesIMac__wrapper-header-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIMac__wrapper-header-rating-alert { padding: 2px 13px; background-color: #e5e5e5; color: $darkgrayay; font-size: 12px; line-height: 16px; border-radius: 3px; margin-left: 28px; cursor: pointer; } .newServicesIMac__wrapper-header-rating-title { font-size: 18px; line-height: 22px; color: #000; font-family: Montserrat-SemiBold; margin: 0 15px; } .newServicesIMac__wrapper-header-rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIMac__wrapper-header-rating-stars svg { margin-right: 3px; } .newServicesIMac__wrapper-header-rating-stars svg:last-child { margin-right: 0; } .newServicesIMac__wrapper-header-rating-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIMac__wrapper-header-rating-count span { font-size: 18px; line-height: 22px; color: #939393; } .newServicesIMac__wrapper-header-rating-count p { margin-left: 3px; font-size: 18px; line-height: 22px; color: #939393; } .newServicesIMac__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 80px; } .newServicesIMac__wrapper-blocks-mobModels { display: none; } .newServicesIMac__wrapper-blocks-models { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; padding: 25px 30px 0; -webkit-flex-basis: calc(32% - 20px); -ms-flex-preferred-size: calc(32% - 20px); flex-basis: calc(32% - 20px); margin-right: 20px; display: block; overflow: hidden; } .newServicesIMac__wrapper-blocks-models h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .newServicesIMac__wrapper-blocks-models-inner { overflow-x: hidden; } .newServicesIMac__wrapper-blocks-models-item { border-top: 1px solid #ddd; padding: 19px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIMac__wrapper-blocks-models-item a { font-size: 16px; line-height: 20px; color: #010306; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIMac__wrapper-blocks-models-item a:hover { color: #37d97b; } .newServicesIMac__wrapper-blocks-models-item svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIMac__wrapper-blocks-models-item-list { width: 100%; display: none; padding-left: 30px; } .newServicesIMac__wrapper-blocks-models-item-list a { margin-top: 20px; font-size: 16px; display: block; line-height: 18px; color: #010306; font-weight: 400; } .newServicesIMac__wrapper-blocks-models-item-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .newServicesIMac__wrapper-blocks-choose { background-color: #fff; padding: 25px 0 30px 90px; overflow: hidden; -webkit-flex-basis: 68%; -ms-flex-preferred-size: 68%; flex-basis: 68%; max-width: 68%; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; position: relative; min-height: 491px; } .newServicesIMac__wrapper-blocks-choose form { max-width: 274px; z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .newServicesIMac__wrapper-blocks-choose-image { position: absolute; right: 0; bottom: 0; height: 491px; width: 440px; top: 0; } .newServicesIMac__wrapper-blocks-choose-image img { max-width: 440px; position: absolute; right: 0; bottom: 0; height: 491px; } .newServicesIMac__wrapper-blocks-choose-image-block { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newServicesIMac__wrapper-blocks-choose-image-block:first-child { margin-top: 0; } .newServicesIMac__wrapper-blocks-choose-image-block svg { margin-right: 18px; } .newServicesIMac__wrapper-blocks-choose-image-block svg { font-size: 16px; line-height: 16px; color: #010306; } .newServicesIMac__wrapper-blocks-choose-blocks { position: absolute; top: 90px; left: 150px; z-index: 2; } .newServicesIMac__wrapper-blocks-choose-block { margin-top: 32px; } .newServicesIMac__wrapper-blocks-choose-block:first-child { margin-top: 0; } .newServicesIMac__wrapper-blocks-choose-block h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; } .newServicesIMac__wrapper-blocks-choose-block-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-top: 23px; border-radius: 3px; border: 1px solid #ddd; position: relative; } .newServicesIMac__wrapper-blocks-choose-block-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-family: 'Roboto'; font-size: 16px; line-height: 16px; border: none; padding: 13px 24px; } .newServicesIMac__wrapper-blocks-choose-block-select svg { position: absolute; right: 17px; } .newServicesIMac__wrapper-blocks-choose-oldprice { font-size: 22px; line-height: 22px; color: #c4c4c4; font-family: Montserrat-Medium; margin-top: 33px; text-decoration: line-through; } .newServicesIMac__wrapper-blocks-choose-text { font-size: 14px; line-height: 14px; color: #a7a6a9; margin-top: 10px; } .newServicesIMac__wrapper-blocks-choose-price { font-size: 38px; line-height: 38px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 18px; } .newServicesIMac__wrapper-blocks-choose button { margin-top: 38px; color: #fff; background-color: #37d97b; border-radius: 3px; padding: 17px 58px; font-size: 16px; line-height: 16px; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIMac__wrapper-blocks-choose button:hover { background-color: #12b857; } .newServicesIMac__wrapper-blocks-right { margin-top: -40px; -webkit-flex-basis: calc(68% - 5px); -ms-flex-preferred-size: calc(68% - 5px); flex-basis: calc(68% - 5px); max-width: calc(68% - 5px); position: relative; display: none; } .newServicesIMac__wrapper-blocks-right h3 { display: none; font-size: 24px; line-height: 28px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 20px; } .newServicesIMac__wrapper-blocks-right .row { display: block; } .newServicesIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: none; } .newServicesIMac__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .newServicesIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { height: 2px; } .newServicesIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar-drag { background-color: #37d97b; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; width: auto; height: auto; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesIMac__wrapper-blocks-right-block, .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesIMac__wrapper-blocks-right-block { margin-top: 40px; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) { grid-row: 1/3; grid-column: 1/2; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2), .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(3) { grid-column: 2/3; } .newServicesIMac__wrapper-blocks-right .col { width: 100%; max-width: 100%; } .newServicesIMac__wrapper-blocks-right .col1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right .col12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; } .newServicesIMac__wrapper-blocks-right-block { overflow: hidden; border-radius: 3px; background-color: #fff; width: 100%; padding: 26px 30px 20px; margin-top: 10px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesIMac__wrapper-blocks-right-block:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .newServicesIMac__wrapper-blocks-right-block-svg { position: absolute; right: 20px; bottom: 23px; } .newServicesIMac__wrapper-blocks-right-block-title { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesIMac__wrapper-blocks-right-block-title h3 { font-size: 18px; line-height: 22px; color: #010306; font-family: Montserrat-SemiBold; } .newServicesIMac__wrapper-blocks-right-block-items { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newServicesIMac__wrapper-blocks-right-block-items-item { margin-right: 20px; } .newServicesIMac__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; } .newServicesIMac__wrapper-blocks-right-block-items-item span { display: block; font-size: 12px; line-height: 16px; color: #fff; } .newServicesIMac__wrapper-blocks-right .col:nth-child(1) .newServicesIMac__wrapper-blocks-right-block { height: 436px; } .newServicesIMac__wrapper-blocks-right .col:nth-child(1) .newServicesIMac__wrapper-blocks-right-block-items-item svg path { fill: #010306; } .newServicesIMac__wrapper-blocks-right .col:nth-child(1) .newServicesIMac__wrapper-blocks-right-block-items-item span { color: #010306; } .newServicesIMac__wrapper-blocks-right .col:nth-child(1) img { max-width: 212px; position: absolute; right: 0; width: 100%; top: 64px; height: 309px; } .newServicesIMac__wrapper-blocks-right .col:nth-child(2) .newServicesIMac__wrapper-blocks-right-block { height: 189px; } .newServicesIMac__wrapper-blocks-right .col:nth-child(3) .newServicesIMac__wrapper-blocks-right-block { height: 237px; } .newServicesIMac__wrapper-blocks-right-block.gradient { border: none; padding-left: 30px; } .newServicesIMac__wrapper-blocks-right-block.gradient h3 { color: #fff; } .newServicesIMac__wrapper-blocks-right .swiper-slide:nth-child(2) .newServicesIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(335.29deg, #402fff 11.04%, #935cb0 91.27%); background: linear-gradient(114.71deg, #402fff 11.04%, #935cb0 91.27%); } .newServicesIMac__wrapper-blocks-right .swiper-slide:nth-child(3) .newServicesIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(331.33deg, #5d40e2 11.29%, #ec64ae 106.63%); background: linear-gradient(118.67deg, #5d40e2 11.29%, #ec64ae 106.63%); } @media (max-width: 1180px) { .newServicesIMac__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIMac__wrapper-header h1 { width: 100%; margin-bottom: 20px; } .newServicesIMac__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .newServicesIMac__wrapper-blocks-models { display: none; } .newServicesIMac__wrapper-blocks-mobModels { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; margin: 60px auto 0; max-width: 520px; } .newServicesIMac__wrapper-blocks-mobModels h3 { font-size: 30px; line-height: 30px; text-align: center; color: #010305; font-family: Montserrat-SemiBold; } .newServicesIMac__wrapper-blocks-mobModels-blocks { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block { -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 25px 10px 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 170px; width: 100%; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block:nth-child(2n+2) { margin-right: 0; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list { padding: 10px 15px; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: -1; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a { font-size: 12px; line-height: 12px; padding: 14px 5px 10px; -webkit-flex-basis: 106px; -ms-flex-preferred-size: 106px; flex-basis: 106px; display: block; background-color: #fff; border-radius: 3px; margin-top: 10px; text-align: center; margin-right: 10px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(1), .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 0; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2n) { margin-right: 0; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a:hover { color: #37d97b; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block img { max-width: 100px; max-height: 100px; width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; margin-top: 15px; text-align: center; width: 100%; line-height: 18px; color: #010306; font-weight: 500; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block.active .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list { opacity: 1; z-index: 1; visibility: visible; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block.active img { opacity: 0; display: none; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block.active span { opacity: 0; display: none; } .newServicesIMac__wrapper-blocks-choose { padding: 37px 52px 40px 50px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; min-height: auto; margin-bottom: 80px; } .newServicesIMac__wrapper-blocks-choose form { max-width: 270px; } .newServicesIMac__wrapper-blocks-choose-image { bottom: auto; width: auto; min-width: 250px; height: auto; right: 0; top: 83px; } .newServicesIMac__wrapper-blocks-choose-image img { display: none; } .newServicesIMac__wrapper-blocks-choose-image-block { margin-top: 24px; } .newServicesIMac__wrapper-blocks-choose-image-block svg { margin-right: 14px; } .newServicesIMac__wrapper-blocks-choose-blocks { position: absolute; top: 0; left: 0; z-index: 2; } .newServicesIMac__wrapper-blocks-choose-block { margin-top: 20px; } .newServicesIMac__wrapper-blocks-choose-block-select { margin-top: 24px; } .newServicesIMac__wrapper-blocks-choose-block-select select { padding: 13px 14px; } .newServicesIMac__wrapper-blocks-choose-block-select svg { right: 18px; } .newServicesIMac__wrapper-blocks-choose-oldprice { margin-top: 30px; } .newServicesIMac__wrapper-blocks-choose-price { margin-top: 16px; } .newServicesIMac__wrapper-blocks-choose button { margin-top: 22px; } .newServicesIMac__wrapper-blocks-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; display: block; } .newServicesIMac__wrapper-blocks-right h3 { display: block; } .newServicesIMac__wrapper-blocks-right .row .swiper-container { padding-bottom: 15px; } .newServicesIMac__wrapper-blocks-right .row .swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } .newServicesIMac__wrapper-blocks-right .row .swiper-container .swiper-scrollbar { display: block; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide { display: block; margin: 0; height: 300px; padding: 0 10px; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesIMac__wrapper-blocks-right-block, .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesIMac__wrapper-blocks-right-block { margin-top: 0; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide img { position: absolute; bottom: 0; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide .newServicesIMac__wrapper-blocks-right-block { height: 100%; -webkit-box-shadow: none; box-shadow: none; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide .newServicesIMac__wrapper-blocks-right-block h3 { font-size: 24px; line-height: 24px; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2) .newServicesIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(346.63deg, #4030ff -3.06%, #ad3fc2 95.94%); background: linear-gradient(103.37deg, #4030ff -3.06%, #ad3fc2 95.94%); } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(3) .newServicesIMac__wrapper-blocks-right-block.gradient { background: -o-linear-gradient(342.52deg, #9b3dcd 1.94%, #d15db8 99.18%); background: linear-gradient(107.48deg, #9b3dcd 1.94%, #d15db8 99.18%); } .newServicesIMac__wrapper-blocks-right .col1, .newServicesIMac__wrapper-blocks-right .col2, .newServicesIMac__wrapper-blocks-right .col3, .newServicesIMac__wrapper-blocks-right .col4, .newServicesIMac__wrapper-blocks-right .col5, .newServicesIMac__wrapper-blocks-right .col6, .newServicesIMac__wrapper-blocks-right .col7, .newServicesIMac__wrapper-blocks-right .col8, .newServicesIMac__wrapper-blocks-right .col9, .newServicesIMac__wrapper-blocks-right .col10, .newServicesIMac__wrapper-blocks-right .col11, .newServicesIMac__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding: 0; } .newServicesIMac__wrapper-blocks-right-block { margin-top: 0; } .newServicesIMac__wrapper-blocks-right-block-svg { display: block; position: absolute; bottom: 19px; right: 20px; } .newServicesIMac__wrapper-blocks-right .col:nth-child(1) img { height: 223px; width: 167px; } } @media (max-width: 816px) { .newServicesIMac__wrapper-header-rating-title { margin: 0 24px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list { padding: 5px 10px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a { padding: 6px; margin-top: 10px; font-size: 12px; line-height: 16px; padding: 7px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 120px; margin-right: 0; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } } @media (max-width: 768px) { .newServicesIMac__wrapper-blocks-mobModels-blocks-block img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } @media (max-width: 639px) { .fixedSocial { display: none; } .newServicesIMac__wrapper .breadcrums { padding: 20px 0; } .newServicesIMac__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newServicesIMac__wrapper-header { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIMac__wrapper-header h1 { font-size: 22px; line-height: 28px; margin-right: 0; width: 100%; margin-bottom: 0; margin-top: 0; } .newServicesIMac__wrapper-header h1 br { display: block; } .newServicesIMac__wrapper-header-rating-title { font-size: 12px; line-height: 12px; margin: 0 12px; } .newServicesIMac__wrapper-header-rating-count span { font-size: 12px; line-height: 12px; } .newServicesIMac__wrapper-header-rating-count p { font-size: 12px; line-height: 12px; } .newServicesIMac__wrapper-header-rating-stars { margin-top: -2px; } .newServicesIMac__wrapper-header-rating-stars svg { width: 15px; height: 15px; } .newServicesIMac__wrapper-blocks { padding-bottom: 50px; } .newServicesIMac__wrapper-blocks-mobModels { margin-top: 50px; } .newServicesIMac__wrapper-blocks-mobModels h3 { font-size: 18px; line-height: 24px; text-align: left; } .newServicesIMac__wrapper-blocks-mobModels-blocks { margin-top: 10px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block { height: 160px; -webkit-flex-basis: calc(50% - 5px); -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-right: 10px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block span { font-size: 14px; line-height: 16px; margin-top: 19px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a { margin-top: 10px; font-size: 12px; line-height: 12px; padding: 8px 5px 7px; margin-right: 0; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a:nth-child(2) { margin-top: 10px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block img { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } .newServicesIMac__wrapper-blocks-choose { padding: 24px 20px 30px; margin-bottom: 50px; } .newServicesIMac__wrapper-blocks-choose form { max-width: 382px; } .newServicesIMac__wrapper-blocks-choose-image { top: auto; bottom: 231px; left: 20px; height: 128px; right: auto; } .newServicesIMac__wrapper-blocks-choose-image-block { margin-top: 16px; } .newServicesIMac__wrapper-blocks-choose-image-block svg { margin-right: 16px; width: 32px; height: 32px; } .newServicesIMac__wrapper-blocks-choose-block { margin-top: 24px; } .newServicesIMac__wrapper-blocks-choose-block-select { margin-top: 16px; } .newServicesIMac__wrapper-blocks-choose-block-select select { padding: 13px 14px 11px; } .newServicesIMac__wrapper-blocks-choose-block-select svg { right: 20px; } .newServicesIMac__wrapper-blocks-choose-oldprice { margin-top: 180px; font-size: 24px; line-height: 24px; } .newServicesIMac__wrapper-blocks-choose-text { margin-top: 12px; font-size: 14px; line-height: 14px; } .newServicesIMac__wrapper-blocks-choose-price { margin-top: 15px; font-size: 36px; line-height: 36px; } .newServicesIMac__wrapper-blocks-choose button { margin-top: 24px; padding: 15px 15px 13px; width: 100%; } .newServicesIMac__wrapper-blocks-right .col1, .newServicesIMac__wrapper-blocks-right .col2, .newServicesIMac__wrapper-blocks-right .col3, .newServicesIMac__wrapper-blocks-right .col4, .newServicesIMac__wrapper-blocks-right .col5, .newServicesIMac__wrapper-blocks-right .col6, .newServicesIMac__wrapper-blocks-right .col7, .newServicesIMac__wrapper-blocks-right .col8, .newServicesIMac__wrapper-blocks-right .col9, .newServicesIMac__wrapper-blocks-right .col10, .newServicesIMac__wrapper-blocks-right .col11, .newServicesIMac__wrapper-blocks-right .col12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } .newServicesIMac__wrapper-blocks-right .col, .newServicesIMac__wrapper-blocks-right .row { margin: 0 -5px; } .newServicesIMac__wrapper-blocks-right .col .swiper-slide, .newServicesIMac__wrapper-blocks-right .row .swiper-slide { padding: 0 5px; height: 260px; } .newServicesIMac__wrapper-blocks-right .col .swiper-slide .newServicesIMac__wrapper-blocks-right-block h3, .newServicesIMac__wrapper-blocks-right .row .swiper-slide .newServicesIMac__wrapper-blocks-right-block h3 { font-size: 14px; line-height: 16px; } .newServicesIMac__wrapper-blocks-right .col .swiper-slide:nth-child(1) .newServicesIMac__wrapper-blocks-right-block-items, .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) .newServicesIMac__wrapper-blocks-right-block-items { display: none; } .newServicesIMac__wrapper-blocks-right .col .swiper-slide:nth-child(1) img, .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(1) img { height: 183px; width: 124px; display: block; right: 0; top: auto; bottom: 8px; } .newServicesIMac__wrapper-blocks-right-block { margin-top: 0; padding: 31px 9px 22px; position: relative; } .newServicesIMac__wrapper-blocks-right-block-svg { bottom: 22px; right: 14px; } .newServicesIMac__wrapper-blocks-right-block-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newServicesIMac__wrapper-blocks-right-block-items-item { margin-right: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .newServicesIMac__wrapper-blocks-right-block-items-item svg { margin-bottom: 5px; max-height: 16px; max-width: 16px; } .newServicesIMac__wrapper-blocks-right-block-items-item span { font-size: 10px; line-height: 12px; } .newServicesIMac__wrapper-blocks-right-block-items-item:nth-child(1) { margin-top: 0; } .newServicesIMac__wrapper-blocks-right-block.gradient { padding: 31px 9px 22px; } } @media (max-width: 414px) { .newServicesIMac__wrapper-blocks-right-block.gradient .newServicesIMac__wrapper-blocks-right-block-title h3, .newServicesIMac__wrapper-blocks-right-block-title h3 { font-size: 11px; line-height: 14px; margin-top: 0; } .newServicesIMac__wrapper-header h1 { font-size: 18px; line-height: 24px; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide { height: 260px; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(2) img { height: 163px; width: 96px; } .newServicesIMac__wrapper-blocks-right .row .swiper-slide:nth-child(3) img { height: 163px; width: 84px; } } @media (width: 375px) { .newServicesIMac__wrapper .breadcrums { padding: 20px 0 16px; } .newServicesIMac__wrapper-header h1 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .newServicesIMac__wrapper-header-rating-title { font-size: 14px; line-height: 14px; margin: 0 13px 0 15px; } .newServicesIMac__wrapper-header-rating-count { padding-top: 2px; } .newServicesIMac__wrapper-header-rating-count span { font-size: 14px; line-height: 14px; } .newServicesIMac__wrapper-header-rating-count p { font-size: 14px; line-height: 14px; } .newServicesIMac__wrapper-blocks { padding-bottom: 60px; } .newServicesIMac__wrapper-blocks-right-block { padding: 31px 14px 16px; } .newServicesIMac__wrapper-blocks-right-block h3 { font-size: 16px; line-height: 16px; } .newServicesIMac__wrapper-blocks-right-block-items-item svg { max-width: 22px; max-height: 22px; } .newServicesIMac__wrapper-blocks-right-block-items-item span { font-size: 12px; line-height: 12px; } .newServicesIMac__wrapper-blocks-right-block-svg { bottom: 20px; right: 14px; } .newServicesIMac__wrapper-blocks-right .row .swiper-container { padding-bottom: 20px; } .newServicesIMac__wrapper-blocks-mobModels h3 { font-size: 24px; line-height: 28px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block { height: 201px; } .newServicesIMac__wrapper-blocks-mobModels-blocks-block-list a { font-size: 14px; line-height: 14px; } } .about__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .about__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .about__wrapper .breadcrums a:hover { color: #37d97b; } .about__wrapper .breadcrums svg { margin: 0 10px; } .about__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-Bold; margin-top: 39px; } .about__buttons { margin-top: 32px; } .about__buttons a { color: #939393; margin-right: 20px; background-color: transparent; border-radius: 3px; padding: 20px 49px; display: inline-block; font-size: 18px; line-height: 18px; min-width: 200px; font-weight: 500; text-align: center; border: 1px solid #ddd; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .about__buttons a:last-child { margin-right: 0; } .about__buttons a:hover { background-color: #37d97b; color: #fff; border-color: #37d97b; } .about__buttons a.active { background-color: #37d97b; color: #fff; border-color: #37d97b; } .about__text { font-size: 28px; line-height: 42px; color: #010306; margin-top: 80px; font-weight: 300; } .about__text br { display: block; } .about__text br.tablet { display: none; } .about__text br.mob { display: none; } .about-workers { margin-top: 80px; background-color: #f8f8f8; } .about-workers__wrapper { padding: 55px 0 70px; } .about-workers__wrapper h2 { font-size: 48px; line-height: 60px; color: #010306; text-align: center; font-family: Montserrat-Bold; } .about-workers__wrapper-items { margin: 50px auto 0; max-width: 860px; position: relative; } .about-workers__wrapper-items-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .about-workers__wrapper-items-item img { max-width: 200px; max-height: 200px; min-width: 200px; min-height: 200px; width: 100%; display: block; margin-bottom: 24px; } .about-workers__wrapper-items-item h3 { white-space: nowrap; font-size: 20px; line-height: 20px; color: #010306; font-weight: 500; margin-bottom: 10px; } .about-workers__wrapper-items-item p { font-size: 16px; line-height: 18px; text-align: center; color: #939393; } .about-workers__wrapper-items .swiper-button-prev, .about-workers__wrapper-items .swiper-button-next { background-image: none; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); width: 58px; height: 58px; margin-top: 0; border-radius: 50%; top: 71px; opacity: 0.4; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .about-workers__wrapper-items .swiper-button-prev:hover, .about-workers__wrapper-items .swiper-button-next:hover { opacity: 1; } .about-workers__wrapper-items .swiper-button-prev { left: -81px; } .about-workers__wrapper-items .swiper-button-next { right: -81px; } .about-workers__wrapper-items .swiper-pagination { bottom: 0; display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .about-workers__wrapper-items .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; opacity: 0.8; margin: 0 6px !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #ddd; } .about-workers__wrapper-items .swiper-pagination-bullet-active { opacity: 1; background-color: #37d97b; } .about-video { padding: 80px 0 100px; } .about-video__wrapper { position: relative; height: 350px; overflow: hidden; } .about-video__wrapper:hover .about-video__poster img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .about-video__poster { position: absolute; background-color: #f8f8f8; height: 100%; top: 0; left: 0; z-index: 1; width: 100%; } .about-video__poster img { width: 100%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-video__button { position: absolute; z-index: 2; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .about-video__stop { display: none; cursor: pointer; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; } .about-video #presentation { width: 100vw; background-color: #f8f8f8; } .about-video #presentation iframe { left: calc(50% - 540px) !important; background-color: #f8f8f8; } .about-numbers { padding-bottom: 100px; } .about-numbers__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-numbers__wrapper h2 { font-size: 48px; line-height: 60px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #010306; font-family: Montserrat-Bold; margin-bottom: 40px; } .about-numbers__wrapper-left { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; } .about-numbers__wrapper-left p { font-size: 20px; line-height: 32px; color: #010306; } .about-numbers__wrapper-left p br { display: block; } .about-numbers__wrapper-left p br.tablet { display: none; } .about-numbers__wrapper-left p br.mob { display: none; } .about-numbers__wrapper-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 67%; -ms-flex-preferred-size: 67%; flex-basis: 67%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-numbers__wrapper-right-block { border-radius: 3px; background-color: #f8f8f8; -webkit-flex-basis: calc(50% - 7.5px); -ms-flex-preferred-size: calc(50% - 7.5px); flex-basis: calc(50% - 7.5px); padding: 74px 10px 73px 40px; height: 230px; } .about-numbers__wrapper-right-block:nth-child(3) { margin-top: 15px; } .about-numbers__wrapper-right-block h3 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 5px; } .about-numbers__wrapper-right-block p { font-size: 20px; line-height: 30px; color: #010306; } .about-masters { overflow: hidden; margin-bottom: 120px; } .about-masters__wrapper h2 { font-size: 36px; line-height: 52px; color: #010306; font-family: Montserrat-Bold; margin-bottom: 50px; } .about-masters__wrapper h2 br { display: block; } .about-masters__wrapper h2 br.tablet { display: none; } .about-masters__wrapper h2 br.mob { display: none; } .about-masters__wrapper-slider { position: relative; } .about-masters__wrapper-slider:hover .swiper-button-prev, .about-masters__wrapper-slider:hover .swiper-button-next { opacity: 0.5; } .about-masters__wrapper-slider .swiper-button-prev, .about-masters__wrapper-slider .swiper-button-next { background-image: none; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); width: 58px; height: 58px; margin-top: -58px; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .about-masters__wrapper-slider .swiper-button-prev:hover, .about-masters__wrapper-slider .swiper-button-next:hover { opacity: 1; } .about-masters__wrapper-slider .swiper-button-prev { left: -29px; } .about-masters__wrapper-slider .swiper-button-next { right: -29px; } .about-masters__wrapper-slider .swiper-container { padding-bottom: 72px; overflow: visible; } .about-masters__wrapper-slider .swiper-slide { overflow: hidden; border-radius: 3px; } .about-masters__wrapper-slider .swiper-slide img { width: 100%; } .about-masters__wrapper-slider .swiper-pagination { bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .about-masters__wrapper-slider .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; opacity: 0.8; margin: 0 6px !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #ddd; } .about-masters__wrapper-slider .swiper-pagination-bullet-active { opacity: 1; background-color: #37d97b; } .about-rule { padding-bottom: 100px; } .about-rule__wrapper h2 { font-size: 48px; line-height: 60px; color: #010306; font-family: Montserrat-Bold; margin-bottom: 19px; } .about-rule__wrapper-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-rule__wrapper-items-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .about-rule__wrapper-items-item:nth-child(1) .about-rule__wrapper-items-item-block:nth-child(1) { margin-right: 131px; } .about-rule__wrapper-items-item:nth-child(2) { margin-top: 60px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .about-rule__wrapper-items-item:nth-child(2) .about-rule__wrapper-items-item-block:nth-child(1) .about-rule__wrapper-items-item-block-icon { text-align: center; } .about-rule__wrapper-items-item:nth-child(2) .about-rule__wrapper-items-item-block:nth-child(1) .about-rule__wrapper-items-item-block-icon svg { margin-left: 0; } .about-rule__wrapper-items-item:nth-child(2) .about-rule__wrapper-items-item-block:nth-child(2) { margin-left: 176px; } .about-rule__wrapper-items-item-block-icon { margin-bottom: 16px; } .about-rule__wrapper-items-item-block-icon svg { margin-left: 60px; } .about-rule__wrapper-items-item-block h3 { font-size: 36px; line-height: 36px; color: #010306; font-weight: 500; margin-bottom: 11px; } .about-rule__wrapper-items-item-block p { font-size: 20px; line-height: 30px; color: #939393; } .about-rule__wrapper-items-item-block p br { display: block; } .about-rule__wrapper-items-item-block p br.tablet { display: none; } .about-rule__wrapper-items-item-block p br.mob { display: none; } .about-stock { background-color: #f8f8f8; padding: 100px 0 70px; } .about-stock__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .about-stock__wrapper h2 { font-size: 48px; line-height: 66px; font-family: Montserrat-Bold; color: #010306; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .about-stock__wrapper h2 span { color: #37d97b; } .about-stock__wrapper h2 br { display: block; } .about-stock__wrapper h2 br.tablet { display: none; } .about-stock__wrapper h2 br.mob { display: none; } .about-stock__wrapper-block { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .about-stock__wrapper-block img { -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); width: 100%; border-radius: 3px; margin-bottom: 20px; } .about-stock__wrapper-block img.mob { display: none; } .about-stock__wrapper-block h3 { font-size: 30px; line-height: 30px; color: #010306; margin-bottom: 8px; } .about-stock__wrapper-block p { font-size: 18px; line-height: 28px; max-width: 80%; color: #939393; } .about-stock__wrapper-block p br { display: block; } .about-stock__wrapper-block p br.tablet { display: none; } .about-stock__wrapper-block p br.mob { display: none; } .about-stock__wrapper-blocks { margin-top: 80px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 76%; -ms-flex-preferred-size: 76%; flex-basis: 76%; margin-left: auto; } .about-stock__wrapper-blocks-block { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; margin-left: 20px; } .about-stock__wrapper-blocks-block:first-child { margin-left: 0; } .about-stock__wrapper-blocks-block img { -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); width: 100%; border-radius: 3px; margin-bottom: 20px; } .about-stock__wrapper-blocks-block:nth-child(4) img { margin-bottom: 24px; } .about-stock__wrapper-blocks-block img.pc { display: block; } .about-stock__wrapper-blocks-block img.tablet { display: none; } .about-stock__wrapper-blocks-block img.mob { display: none; } .about-stock__wrapper-blocks-block h3 { font-size: 30px; line-height: 30px; color: #010306; margin-bottom: 8px; } .about-stock__wrapper-blocks-block p { font-size: 18px; line-height: 28px; color: #939393; } .about-stock__wrapper-blocks-block p br { display: block; } .about-stock__wrapper-blocks-block p br.tablet { display: none; } .about-stock__wrapper-blocks-block p br.mob { display: none; } .stop { position: absolute; top: 50px; right: 50px; cursor: pointer; z-index: 9999; } .videoPopupBg { background-color: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; visibility: hidden; } .videoPopupBg-active { opacity: 1; visibility: visible; z-index: 9998; } .videoPopup { width: 50%; height: 25%; position: fixed; top: 25%; left: 25%; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; visibility: hidden; } .videoPopup-active { opacity: 1; visibility: visible; z-index: 10000; } @media (max-width: 991px) { .stop { top: 30px; right: 30px; } .videoPopup { width: 80%; height: 40%; top: 30%; left: 10%; } .about__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .about__wrapper h1 { font-size: 48px; line-height: 48px; margin-top: 30px; } .about__buttons { padding-bottom: 15px; } .about__buttons a { margin-right: 10px; padding: 14px 15px; width: 124px; text-align: center; font-size: 16px; line-height: 16px; } .about__text { font-size: 22px; line-height: 34px; margin-top: 35px; } .about__text br { display: none; } .about__text br.mob { display: none; } .about__text br.tablet { display: block; } .about-workers { margin-top: 50px; } .about-workers__wrapper { padding: 40px 0; } .about-workers__wrapper h2 { font-size: 32px; line-height: 41px; } .about-workers__wrapper-items { max-width: 100%; margin: 46px auto 0; } .about-workers__wrapper-items-item img { max-width: 160px; max-height: 160px; min-width: 160px; min-height: 160px; margin-bottom: 32px; } .about-workers__wrapper-items .swiper-button-prev, .about-workers__wrapper-items .swiper-button-next { display: none; } .about-workers__wrapper-items .swiper-container { padding-bottom: 52px; } .about-workers__wrapper-items .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .about-video { padding: 50px 0 80px; } .about-numbers { padding-bottom: 80px; } .about-numbers__wrapper h2 { font-size: 32px; line-height: 41px; margin-bottom: 22px; } .about-numbers__wrapper-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .about-numbers__wrapper-left p br { display: none; } .about-numbers__wrapper-left p br.mob { display: none; } .about-numbers__wrapper-left p br.tablet { display: block; } .about-numbers__wrapper-right { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 40px; } .about-numbers__wrapper-right-block { -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; padding: 49px 20px 48px 20px; height: 180px; } .about-numbers__wrapper-right-block:nth-child(3) { margin-top: 0; } .about-numbers__wrapper-right-block p { font-size: 18px; } .about-masters { margin-bottom: 80px; } .about-masters__wrapper h2 { font-size: 30px; line-height: 42px; margin-bottom: 32px; } .about-masters__wrapper h2 br { display: none; } .about-masters__wrapper h2 br.mob { display: none; } .about-masters__wrapper h2 br.tablet { display: block; } .about-masters__wrapper-slider .swiper-container { padding-bottom: 52px; } .about-rule { padding-bottom: 80px; } .about-rule__wrapper h2 { font-size: 32px; line-height: 41px; margin-bottom: 40px; } .about-rule__wrapper-items-item:nth-child(1) .about-rule__wrapper-items-item-block:nth-child(1) { margin-right: 0; } .about-rule__wrapper-items-item:nth-child(2) { margin-top: 24px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .about-rule__wrapper-items-item:nth-child(2) .about-rule__wrapper-items-item-block:nth-child(1) .about-rule__wrapper-items-item-block-icon { text-align: left; } .about-rule__wrapper-items-item:nth-child(2) .about-rule__wrapper-items-item-block:nth-child(2) { margin-left: 0; } .about-rule__wrapper-items-item-block { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .about-rule__wrapper-items-item-block-icon svg { margin-left: 0; } .about-rule__wrapper-items-item-block h3 { font-size: 24px; line-height: 24px; margin-bottom: 8px; } .about-rule__wrapper-items-item-block p { font-size: 16px; line-height: 24px; } .about-rule__wrapper-items-item-block p br { display: none; } .about-rule__wrapper-items-item-block p br.mob { display: none; } .about-rule__wrapper-items-item-block p br.tablet { display: block; } .about-stock { padding: 80px 0 55px; } .about-stock__wrapper h2 { font-size: 40px; line-height: 57px; text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .about-stock__wrapper h2 br { display: none; } .about-stock__wrapper h2 br.mob { display: none; } .about-stock__wrapper h2 br.tablet { display: block; } .about-stock__wrapper-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 38px; } .about-stock__wrapper-block img { margin-bottom: 15px; } .about-stock__wrapper-block img.mob { display: none; } .about-stock__wrapper-block h3 { font-size: 24px; line-height: 24px; margin-bottom: 12px; } .about-stock__wrapper-block p { max-width: 100%; } .about-stock__wrapper-block p br { display: none; } .about-stock__wrapper-block p br.mob { display: none; } .about-stock__wrapper-block p br.tablet { display: block; } .about-stock__wrapper-blocks { margin-top: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .about-stock__wrapper-blocks-block { margin-left: 0; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-top: 38px; } .about-stock__wrapper-blocks-block img { margin-bottom: 15px; } .about-stock__wrapper-blocks-block img.pc { display: none; } .about-stock__wrapper-blocks-block img.tablet { display: block; } .about-stock__wrapper-blocks-block img.mob { display: none; } .about-stock__wrapper-blocks-block h3 { font-size: 24px; line-height: 24px; margin-bottom: 12px; } .about-stock__wrapper-blocks-block p br { display: none; } .about-stock__wrapper-blocks-block p br.tablet { display: block; } .about-stock__wrapper-blocks-block:last-child { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (max-width: 767px) { .stop { top: 10px; right: 10px; } .stop svg { width: 20px; height: 20px; } .videoPopup { width: 95%; height: 47.5%; top: 26.25%; left: 2.5%; } .about { overflow: hidden; } .about__wrapper .breadcrums { padding: 16px 0; } .about__wrapper .breadcrums a { line-height: 14px; } .about__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 20px; } .about__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; padding-bottom: 15px; margin-left: -16px; margin-right: -16px; } .about__buttons a { padding: 13px; min-width: 116px; white-space: nowrap; font-size: 16px; line-height: 16px; } .about__buttons a.active { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-right: 10px; margin-left: 16px; } .about__text { font-size: 16px; line-height: 26px; margin-top: 15px; } .about__text br { display: none; } .about__text br.tablet { display: none; } .about__text br.mob { display: block; } .about-workers { margin-top: 30px; } .about-workers__wrapper { padding: 26px 0 60px; } .about-workers__wrapper h2 { font-size: 20px; line-height: 20px; } .about-workers__wrapper p { font-size: 16px; line-height: 18px; } .about-workers__wrapper-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 0; } .about-workers__wrapper-items .swiper-container { padding-bottom: 30px; } .about-workers__wrapper-items-item { text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 56px; } .about-workers__wrapper-items-item:nth-child(1) { margin-top: 40px; } .about-workers__wrapper-items-item img { max-width: 150px; max-height: 150px; min-width: 150px; min-height: 150px; margin-bottom: 24px; } .about-video { padding: 0 0 50px; } .about-video .g-wrapper { padding: 0; } .about-video__wrapper { height: 210px; } .about-video__wrapper #presentation iframe { left: 0 !important; } .about-numbers { padding-bottom: 50px; } .about-numbers__wrapper h2 { font-size: 24px; line-height: 28px; margin-bottom: 14px; } .about-numbers__wrapper-left p { color: #939393; font-size: 16px; line-height: 26px; } .about-numbers__wrapper-left p br { display: none; } .about-numbers__wrapper-left p br.tablet { display: none; } .about-numbers__wrapper-left p br.mob { display: block; } .about-numbers__wrapper-right { margin-top: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-numbers__wrapper-right-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 49px 20px 48px 23px; height: 180px; margin-top: 20px; } .about-numbers__wrapper-right-block:nth-child(3) { margin-top: 20px; } .about-numbers__wrapper-right-block h3 { font-size: 48px; line-height: 48px; } .about-numbers__wrapper-right-block p { font-size: 20px; line-height: 30px; } .about-masters { margin-bottom: 67px; } .about-masters__wrapper h2 { text-align: center; font-size: 20px; line-height: 28px; margin-bottom: 40px; } .about-masters__wrapper h2 br { display: none; } .about-masters__wrapper h2 br.tablet { display: none; } .about-masters__wrapper h2 br.mob { display: block; } .about-masters__wrapper-slider .swiper-slide { min-height: 180px; } .about-masters__wrapper-slider .swiper-slide img { -o-object-fit: cover; object-fit: cover; } .about-masters__wrapper-slider .swiper-container { padding-bottom: 30px; } .about-masters__wrapper-slider .swiper-container .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px; } .about-rule { padding-bottom: 50px; } .about-rule__wrapper h2 { text-align: center; font-size: 24px; line-height: 28px; margin-bottom: 20px; } .about-rule__wrapper-items-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-rule__wrapper-items-item:nth-child(1) { margin-top: 20px; } .about-rule__wrapper-items-item:nth-child(1) .about-rule__wrapper-items-item-block:nth-child(1) { margin-top: 0; } .about-rule__wrapper-items-item:nth-child(2) { margin-top: 0; } .about-rule__wrapper-items-item:nth-child(2) .about-rule__wrapper-items-item-block:nth-child(1) .about-rule__wrapper-items-item-block-icon { text-align: center; } .about-rule__wrapper-items-item-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 46px; } .about-rule__wrapper-items-item-block-icon { text-align: center; } .about-rule__wrapper-items-item-block h3 { text-align: center; font-size: 20px; line-height: 20px; } .about-rule__wrapper-items-item-block p { text-align: center; } .about-rule__wrapper-items-item-block p br { display: none; } .about-rule__wrapper-items-item-block p br.tablet { display: none; } .about-rule__wrapper-items-item-block p br.mob { display: block; } .about-stock { padding: 60px 0 31px; } .about-stock__wrapper h2 { font-size: 24px; line-height: 32px; text-align: left; } .about-stock__wrapper h2 br { display: none; } .about-stock__wrapper h2 br.tablet { display: none; } .about-stock__wrapper h2 br.mob { display: block; } .about-stock__wrapper-block { margin-top: 32px; } .about-stock__wrapper-block img { margin-bottom: 24px; display: none; } .about-stock__wrapper-block img.mob { display: block; } .about-stock__wrapper-block p { font-size: 18px; line-height: 28px; } .about-stock__wrapper-block p br { display: none; } .about-stock__wrapper-block p br.tablet { display: none; } .about-stock__wrapper-block p br.mob { display: block; } .about-stock__wrapper-blocks { margin-top: 0; } .about-stock__wrapper-blocks-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 40px; } .about-stock__wrapper-blocks-block img { margin-bottom: 24px; } .about-stock__wrapper-blocks-block img.pc { display: none; } .about-stock__wrapper-blocks-block img.tablet { display: none; } .about-stock__wrapper-blocks-block img.mob { display: block; } .about-stock__wrapper-blocks-block p { font-size: 18px; line-height: 28px; } .about-stock__wrapper-blocks-block p br { display: none; } .about-stock__wrapper-blocks-block p br.tablet { display: none; } .about-stock__wrapper-blocks-block p br.mob { display: block; } } .contacts { overflow-x: hidden; } .contacts__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contacts__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts__wrapper .breadcrums a:hover { color: #37d97b; } .contacts__wrapper .breadcrums svg { margin: 0 10px; } .contacts__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-Bold; margin-top: 39px; } .contacts__buttons { margin-top: 32px; margin-bottom: 80px; } .contacts__buttons a { color: #939393; margin-right: 20px; background-color: transparent; border-radius: 3px; padding: 20px 49px; min-width: 200px; display: inline-block; font-size: 18px; line-height: 18px; font-weight: 500; text-align: center; border: 1px solid #ddd; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts__buttons a:last-child { margin-right: 0; } .contacts__buttons a:hover { background-color: #37d97b; color: #fff; border-color: #37d97b; } .contacts__buttons a.active { background-color: #37d97b; color: #fff; border-color: #37d97b; } .contacts__info { display: grid; grid-template-columns: repeat(12, 1fr); margin-bottom: 94px; } .contacts__info__block h2 { font-size: 44px; line-height: 62px; font-weight: 700; color: #010306; } .contacts__info__block:nth-child(1) { grid-column: 1/7; grid-row: 1/3; } .contacts__info__block:nth-child(2) { grid-column: 7/13; grid-row: 1/2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .contacts__info__block:nth-child(3) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; grid-column: 7/13; grid-row: 2/3; } .contacts__info__block__text p { font-size: 24px; line-height: 28px; color: #5c5b5b; margin-bottom: 12px; } .contacts__info__block__phone { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__info__block__phone a { font-size: 28px; line-height: 28px; font-family: Montserrat-Medium; display: inline-block; color: #010306; margin-bottom: 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts__info__block__phone a:hover { color: #37d97b; } .contacts__info__block__phone p { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 18px; line-height: 20px; color: #5c5b5b; } .contacts__info__block__phone p a { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 20px; line-height: 40px; color: #5c5b5b; } .contacts__info__block__phone p a span { padding-left: 14px; } .contacts__slider { margin-top: 100px; position: relative; } .contacts__slider h2 { font-size: 36px; line-height: 44px; font-weight: 600; color: #010306; margin-bottom: 24px; display: none; } .contacts__slider-text { height: 62px; width: 356px; color: #fff; background-color: rgba(1,3,6,0.4); font-size: 16px; line-height: 20px; position: absolute; left: 0; bottom: 27px; padding-left: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contacts__slider .swiper-container-contacts { padding-bottom: 72px; } .contacts__slider .swiper-container-contacts .swiper-pagination { bottom: 0; } .contacts__slider .swiper-container-contacts .swiper-pagination-bullet { opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #ddd; } .contacts__slider .swiper-container-contacts .swiper-pagination-bullet-active { background: #37d97b; } .contacts__slider .swiper-container-contacts .swiper-button-next, .contacts__slider .swiper-container-contacts .swiper-button-prev { background-image: none; margin: auto; width: 140px; height: calc(100% - 73px); top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts__slider .swiper-container-contacts .swiper-button-next .swiper-button-arrow, .contacts__slider .swiper-container-contacts .swiper-button-prev .swiper-button-arrow { border-radius: 50%; width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(255,255,255,0.5); -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); position: absolute; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts__slider .swiper-container-contacts .swiper-button-next.swiper-button-disabled, .contacts__slider .swiper-container-contacts .swiper-button-prev.swiper-button-disabled { opacity: 0; } .contacts__slider .swiper-container-contacts .swiper-button-next:hover .swiper-button-arrow, .contacts__slider .swiper-container-contacts .swiper-button-prev:hover .swiper-button-arrow { opacity: 1; } .contacts__slider .swiper-container-contacts .swiper-button-prev { left: 0; } .contacts__slider .swiper-container-contacts .swiper-button-prev .swiper-button-arrow { left: 50px; } .contacts__slider .swiper-container-contacts .swiper-button-next { left: auto; right: 0; } .contacts__slider .swiper-container-contacts .swiper-button-next .swiper-button-arrow { right: 50px; } .contacts__slider .swiper-slide img { width: 100%; border-radius: 2px; -o-object-fit: cover; object-fit: cover; } .contacts__callback { margin-top: 80px; margin-bottom: 100px; padding: 50px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, right top, left top, from(#e8feda), color-stop(56.73%, #e5f7fb)); background: -o-linear-gradient(right, #e8feda 0%, #e5f7fb 56.73%); background: linear-gradient(270deg, #e8feda 0%, #e5f7fb 56.73%); border-radius: 3px; } .contacts__callback h2 { font-size: 28px; line-height: 34px; color: #010306; font-weight: 500; text-align: center; margin-bottom: 10px; } .contacts__callback p { font-size: 18px; line-height: 30px; color: #939393; font-weight: 300; margin-bottom: 18px; text-align: center; } .contacts__callback button { font-size: 20px; line-height: 28px; color: #fff; border: none; background-color: #37d97b; border-radius: 3px; padding: 16px 71px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .contacts__callback button:hover { background-color: #12b857; } .contacts__scheme { background-color: #010306; padding: 90px 0 64px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } .contacts__scheme__left { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .contacts__scheme__left h2 { font-size: 36px; line-height: 36px; color: #fff; font-weight: 700; margin-bottom: 24px; } .contacts__scheme__right { position: relative; right: -50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contacts__scheme__right img { width: 100%; max-width: 640px; } .contacts__scheme__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 82px; } .contacts__scheme__buttons a { font-size: 18px; line-height: 18px; white-space: nowrap; display: inline-block; color: #fff; font-weight: 500; padding: 20px 40px; border: 1px solid #fff; border-radius: 45px; margin-right: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts__scheme__buttons a:hover { background-color: #37d97b; border-color: #37d97b; } .contacts__scheme__buttons a:last-child { margin-right: 0; } .contacts__scheme__block { margin-top: 40px; } .contacts__scheme__block h3 { margin-bottom: 11px; font-size: 20px; line-height: 28px; font-weight: 500; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contacts__scheme__block h3 svg { margin-left: 20px; } .contacts__scheme__block p { font-size: 16px; line-height: 24px; color: #ddd; } @media (max-width: 1440px) { .contacts__slider .swiper-container-contacts { margin-right: -70px; margin-left: -70px; width: calc(100% + 140px); } } @media (max-width: 1239px) { .contacts__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .contacts__wrapper h1 { font-size: 48px; line-height: 48px; margin-top: 30px; } .contacts__buttons { margin-bottom: 37px; } .contacts__buttons a { width: 124px; min-width: auto; text-align: center; margin-right: 10px; padding: 14px 15px; font-size: 16px; line-height: 16px; } .contacts__slider { margin-top: 70px; } .contacts__slider h2 { display: block; } .contacts__slider .swiper-container-contacts { padding-bottom: 52px; margin-left: -35px; margin-right: -35px; width: calc(100% + 70px); } .contacts__info { margin-bottom: 77px; } .contacts__info__block h2 { font-size: 33px; line-height: 40px; } .contacts__info__block:nth-child(1) { grid-column: 1/10; grid-row: 1/2; } .contacts__info__block:nth-child(2) { grid-column: 10/13; grid-row: 1/3; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__info__block:nth-child(3) { margin-top: 20px; grid-column: 1/10; grid-row: 2/3; } .contacts__info__block__text p { margin-bottom: 0; } .contacts__info__block__phone { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .contacts__info__block__phone:nth-child(2) { margin-top: 35px; } .contacts__info__block__phone a { white-space: nowrap; font-size: 24px; margin-bottom: 2px; } .contacts__info__block__phone p { font-size: 16px; } .contacts__callback { margin-top: 50px; padding-left: 0; margin-bottom: 65px; } .contacts__scheme { width: calc(100% + 70px); position: relative; left: -35px; border-radius: 0; padding: 50px 0 84px 35px; } .contacts__scheme__left { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; } .contacts__scheme__right { right: -50px; } .contacts__scheme__right img { max-width: 482px; } .contacts__scheme__buttons { margin-bottom: 60px; } .contacts__scheme__buttons a { font-size: 16px; line-height: 16px; padding: 17px; width: 140px; text-align: center; margin-right: 8px; } .contacts__scheme__block { margin-top: 50px; } } @media (max-width: 767px) { .contacts__wrapper .breadcrums { padding: 16px 0; } .contacts__wrapper .breadcrums a { line-height: 14px; } .contacts__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 20px; } .contacts__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; padding-bottom: 15px; margin-left: -16px; margin-right: -16px; } .contacts__buttons a { padding: 13px; min-width: 116px; white-space: nowrap; font-size: 16px; line-height: 16px; } .contacts__buttons a.active { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-right: 10px; margin-left: 16px; } .contacts__slider h2 { font-size: 32px; line-height: 37px; margin-bottom: 14px; } .contacts__slider-text { color: #939393; background-color: transparent; padding-left: 0; bottom: auto; top: calc(100% + 8px); height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 274px; font-size: 14px; line-height: 18px; text-align: center; } .contacts__slider-text br { display: none; } .contacts__slider .swiper-container-contacts { padding-bottom: 73px; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .contacts__slider .swiper-container-contacts .swiper-button-next, .contacts__slider .swiper-container-contacts .swiper-button-prev { width: 90px; } .contacts__slider .swiper-container-contacts .swiper-button-prev .swiper-button-arrow { left: 25px; } .contacts__slider .swiper-container-contacts .swiper-button-next .swiper-button-arrow { right: 25px; } .contacts__info { margin-top: 48px; margin-bottom: 54px; text-align: center; } .contacts__info__block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .contacts__info__block h2 { font-size: 22px; line-height: 32px; } .contacts__info__block h2 br { display: none; } .contacts__info__block:nth-child(1) { grid-column: 1/13; grid-row: auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .contacts__info__block:nth-child(2) { grid-column: 1/13; grid-row: auto; margin-top: 40px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .contacts__info__block:nth-child(3) { margin-top: 8px; grid-column: 1/13; grid-row: auto; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .contacts__info__block__text { text-align: center; width: 100%; } .contacts__info__block__text p { font-size: 18px; line-height: 20px; } .contacts__info__block__phone { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .contacts__info__block__phone:nth-child(2) { margin-top: 30px; } .contacts__info__block__phone a { font-size: 24px; line-height: 24px; margin-bottom: 12px; } .contacts__info__block__phone p { font-size: 18px; line-height: 20px; } .contacts__callback { margin-top: 64px; margin-bottom: 49px; } .contacts__callback h2 { font-size: 24px; line-height: 32px; } .contacts__callback p { font-size: 16px; line-height: 24px; } .contacts__callback p br { display: none; } .contacts__callback button { font-size: 16px; line-height: 16px; padding: 13px 54px 15px; } .contacts__scheme { width: calc(100% + 32px); left: -16px; padding: 40px 16px 46px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__scheme__left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .contacts__scheme__right { margin-top: 40px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; right: auto; text-align: center; } .contacts__scheme__right img { width: calc(100% + 60px); position: relative; left: -30px; } .contacts__scheme__buttons { margin-bottom: 40px; } .contacts__scheme__block { margin-top: 32px; } } .reviewsPage .map { padding-bottom: 0; } .reviewsPage__wrapper .breadcrums { padding: 90px 0 20px; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviewsPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .reviewsPage__wrapper .breadcrums a:hover { color: #37d97b; } .reviewsPage__wrapper .breadcrums svg { margin: 0 10px; } .reviewsPage__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-Bold; margin-top: 39px; } .reviewsPage__buttons { margin-top: 32px; } .reviewsPage__buttons a { color: #939393; margin-right: 20px; background-color: transparent; border-radius: 3px; padding: 20px 49px; display: inline-block; min-width: 200px; font-size: 18px; line-height: 18px; font-weight: 500; text-align: center; border: 1px solid #ddd; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .reviewsPage__buttons a:last-child { margin-right: 0; } .reviewsPage__buttons a:hover { background-color: #37d97b; color: #fff; border-color: #37d97b; } .reviewsPage__buttons a.active { background-color: #37d97b; color: #fff; border-color: #37d97b; } .reviewsPage__text { margin-top: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviewsPage__text p { font-size: 28px; line-height: 42px; color: #010306; font-weight: 300; } .reviewsPage__text p br { display: block; } .reviewsPage__text p br.tablet { display: none; } .reviewsPage__text p br.mob { display: none; } .reviewsPage__text-rate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .reviewsPage__text-rate-left h2 { font-size: 76px; line-height: 76px; color: #010306; margin-bottom: 12px; font-family: Montserrat-SemiBold; } .reviewsPage__text-rate-left a { display: inline-block; font-size: 17px; line-height: 17px; color: #37d97b; } .reviewsPage__text-rate-right { margin-left: 25px; } .reviewsPage__text-rate-right-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviewsPage__text-rate-right-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 8px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviewsPage__text-rate-right-item:first-child { margin-top: 0; } .reviewsPage__text-rate-right-item svg { min-width: 19px; min-height: 19px; margin-right: 5px; } .reviewsPage__text-rate-right-item-line { width: 202px; background-color: #ececec; border-radius: 2px; height: 2px; margin-left: 19px; position: relative; } .reviewsPage__text-rate-right-item-line-green { background-color: #37d97b; border-radius: 2px; height: 2px; position: absolute; left: 0; top: 0; position: relative; width: 0; } .reviewsPage__text-rate-right-item span { margin-left: 14px; font-size: 16px; line-height: 16px; color: #a7a6a9; display: inline-block; } .reviewsPage__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 37px 0 80px; } .reviewsPage__items-left-inner { /*max-width: 859px;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .reviewsPage__items-right-block { margin-top: 80px; } .reviewsPage__items-right-block:first-child { margin-top: 0; } .reviewsPage__items-right-block-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 11px; } .reviewsPage__items-right-block-bottom svg { margin-right: 5px; } .reviewsPage__items-right-block-bottom svg:last-child { margin-right: 0; } .reviewsPage__items-right-block-bottom span { color: #a7a6a9; font-size: 16px; display: inline-block; line-height: 16px; margin-right: 10px; } .reviewsPage__items-filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 32px; margin-top: 43px; } .reviewsPage__items-filter-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .reviewsPage__items-filter-block svg { position: absolute; right: 3px; } .reviewsPage__items-filter-block select { display: inline-block; padding-right: 23px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 16px; background-color: #fff; width: 100%; border: none; border-radius: 3px; color: #c0bfbd; } .reviewsPage__items-filter-block select option { color: #010306; } .reviewsPage__items-filter-block select option:nth-child(1) { color: #c0bfbd; } .reviewsPage__item { padding: 40px 0; border-top: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviewsPage__item:nth-last-child(2) { border-bottom: 1px solid #ddd; } .reviewsPage__item__answer { margin-top: 22px; } .reviewsPage__item__answer__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .reviewsPage__item__answer__header svg:nth-child(2) { margin: 0 10px 0 15px; } .reviewsPage__item__answer__header h3 { font-size: 18px; line-height: 18px; font-family: Montserrat-SemiBold; } .reviewsPage__item__answer__body p { padding-left: 40px; font-size: 16px; line-height: 26px; font-weight: 300; color: #010306; } .reviewsPage__item__image { margin-right: 20px; } .reviewsPage__item__image img { max-width: 90px; max-height: 90px; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .reviewsPage__item__content { width: calc(100% - 110px); } .reviewsPage__item__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviewsPage__item__header-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .reviewsPage__item__header-left h2 { font-size: 20px; line-height: 20px; color: #010306; margin-bottom: 16px; font-family: Montserrat-SemiBold; } .reviewsPage__item__header-left p { font-size: 14px; line-height: 14px; color: #939393; display: inline-block; } .reviewsPage__item__header-left span { margin-top: 8px; font-size: 14px; line-height: 14px; color: #939393; display: inline-block; } .reviewsPage__item__header-left date { margin-top: 8px; font-size: 14px; line-height: 14px; color: #939393; display: inline-block; } .reviewsPage__item__header-right { max-width: 150px; width: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .reviewsPage__item__header-right svg { margin-left: 10px; } .reviewsPage__item__header-right svg:first-child { margin-left: 0; } .reviewsPage__item__body { margin-top: 24px; } .reviewsPage__item__body p { max-width: 796px; font-size: 18px; line-height: 26px; color: #010306; font-weight: 300; } .reviewsPage__more { font-size: 18px; line-height: 21px; color: #939393; text-align: center; margin: 56px auto 0; position: relative; padding: 20px; border: 1px solid #ddd; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .reviewsPage__more:hover { color: #37d97b; border-color: #37d97b; } .reviewsPage__navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .reviewsPage__navigation a { font-size: 16px; line-height: 18px; color: #939393; margin: 0 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; will-change: color; } .reviewsPage__navigation a.active { color: #5c5b5b; } .reviewsPage__navigation a:hover { color: #37d97b; } .reviewsPage__navigation a svg { display: none; } .reviewsPage__navigation a svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; will-change: fill; } .reviewsPage__navigation a svg:hover path { fill: #37d97b; } @media (max-width: 1300px) { .reviewsPage__text { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviewsPage__text-rate { margin-top: 48px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .reviewsPage__item__header { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .reviewsPage__item__body { width: calc(100% + 110px); margin-left: -110px; } .reviewsPage__item__answer { width: calc(100% + 60px); margin-left: -60px; } .reviewsPage__items { margin-top: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviewsPage__items-left { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .reviewsPage__items-right { margin-top: 54px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .reviewsPage__items-right-block { margin-right: 135px; margin-top: 0; } .reviewsPage__items-right-block:last-child { margin-right: 0; } } @media (max-width: 950px) { .reviewsPage__wrapper .breadcrums { padding: 16px 0; } .reviewsPage__wrapper .breadcrums a { line-height: 14px; } .reviewsPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 20px; } .reviewsPage__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; padding-bottom: 15px; margin-left: -16px; margin-right: -16px; } .reviewsPage__buttons a { padding: 13px; min-width: 116px; white-space: nowrap; font-size: 16px; line-height: 16px; } .reviewsPage__buttons a.active { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-right: 10px; margin-left: 16px; } .reviewsPage__text { margin-top: 15px; } .reviewsPage__text p { font-size: 16px; line-height: 26px; } .reviewsPage__text p br { display: none; } .reviewsPage__text p br.mob { display: none; } .reviewsPage__text p br.tablet { display: block; } .reviewsPage__items { margin: 0 auto 56px; } .reviewsPage__items-right { margin-top: 42px; } .reviewsPage__items-filter { margin-bottom: 30px; margin-top: 54px; } .reviewsPage__items-filter-block svg { right: 0; } .reviewsPage__items-filter-block select { padding-right: 19px; } .reviewsPage__item__header { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviewsPage__item__body p { font-size: 16px; line-height: 24px; } .reviewsPage__more { font-size: 16px; line-height: 18px; margin: 48px auto 0; } } @media (max-width: 650px) { .reviewsPage__wrapper .breadcrums { padding: 20px 0; } .reviewsPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .reviewsPage__buttons { margin-top: 20px; } .reviewsPage__buttons a { white-space: nowrap; min-width: 116px; } .reviewsPage__text p { font-size: 14px; line-height: 18px; } .reviewsPage__text p br { display: none; } .reviewsPage__text p br.tablet { display: none; } .reviewsPage__text p br.mob { display: block; } .reviewsPage__text-rate { margin-top: 24px; } .reviewsPage__text-rate-left h2 { font-size: 61px; line-height: 64px; margin-bottom: 7px; } .reviewsPage__text-rate-left a { font-size: 13px; line-height: 13px; } .reviewsPage__text-rate-right { margin-left: 10px; } .reviewsPage__text-rate-right-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviewsPage__text-rate-right-item svg { min-width: 13px; min-height: 13px; width: 13px; height: 13px; margin-right: 4px; } .reviewsPage__text-rate-right-item-line { width: 75px; margin-left: 6px; } .reviewsPage__text-rate-right-item span { margin-left: 6px; font-size: 12px; line-height: 12px; } .reviewsPage__items { margin: 0 auto 56px; } .reviewsPage__items-right { margin-top: 39px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviewsPage__items-right-block { margin-right: 0; } .reviewsPage__items-right-block-top img { max-width: 136px; max-height: 20px; } .reviewsPage__items-filter { margin-bottom: 22px; margin-top: 61px; } .reviewsPage__item { padding: 30px 0; } .reviewsPage__item__content { width: calc(100% - 88px); } .reviewsPage__item__image { max-width: 72px; max-height: 72px; margin-right: 17px; } .reviewsPage__item__answer { margin-left: -88px; width: calc(100% + 88px); } .reviewsPage__item__header { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .reviewsPage__item__header-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .reviewsPage__item__header-left date { position: absolute; bottom: 3px; left: 80px; } .reviewsPage__item__header-right { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: calc(100% + 88px); margin-left: -88px; margin-top: 24px; } .reviewsPage__item__header-right svg { width: 22px; height: 22px; } .reviewsPage__item__body { margin-top: 16px; width: calc(100% + 88px); margin-left: -88px; } .reviewsPage__item__body p { font-size: 16px; line-height: 24px; } .reviewsPage__more { font-size: 16px; line-height: 18px; margin: 56px auto 0; } .reviewsPage__navigation a span { display: none; } .reviewsPage__navigation a svg { display: block; } } .videoReviews { padding: 60px 0 88px; background-color: #f8f8f8; } .videoReviews__wrapper h2 { font-size: 50px; line-height: 50px; font-family: Montserrat-SemiBold; margin-bottom: 47px; } .videoReviews__wrapper__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 20px; } .videoReviews__wrapper__item { border-radius: 3px; overflow: hidden; min-height: 236px; max-height: 236px; } .videoReviews__wrapper__item__video { display: none; } .videoReviews__wrapper__item__cover { position: relative; height: 100%; cursor: pointer; background-color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .videoReviews__wrapper__item__cover:hover svg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .videoReviews__wrapper__item__cover svg { position: absolute; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; top: 0; right: 0; } .videoReviews__wrapper__item__cover h4 { font-size: 47px; line-height: 47px; font-family: Montserrat-SemiBold; color: #37d97b; margin-bottom: 24px; } .videoReviews__wrapper__item__cover p { font-size: 37px; line-height: 37px; font-family: Montserrat-SemiBold; color: #fff; } .videoReviews__wrapper__more { font-size: 18px; line-height: 21px; color: #939393; text-align: center; margin-top: 48px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .videoReviews__wrapper__more:hover { color: #37d97b; } @media (max-width: 1180px) { .videoReviews { padding: 40px 0 72px; } .videoReviews__wrapper h2 { font-size: 36px; line-height: 36px; margin-bottom: 40px; } .videoReviews__wrapper__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } .videoReviews__wrapper__item { min-height: 168px; max-height: 168px; } .videoReviews__wrapper__item svg { width: 137px; height: 137px; } .videoReviews__wrapper__item__cover h4 { font-size: 38px; line-height: 38px; margin-bottom: 18px; } .videoReviews__wrapper__item__cover p { font-size: 30px; line-height: 30px; } .videoReviews__wrapper__more { font-size: 16px; line-height: 18px; } } @media (max-width: 650px) { .videoReviews { padding: 40px 0 80px; } .videoReviews__wrapper h2 { font-size: 24px; line-height: 34px; margin-bottom: 24px; } .videoReviews__wrapper__items { grid-template-columns: repeat(1, minmax(0, 1fr)); } .videoReviews__wrapper__item { min-height: 170px; max-height: 170px; } .videoReviews__wrapper__item__cover h4 { margin-bottom: 20px; } .videoReviews__wrapper__more { font-size: 18px; line-height: 21px; margin-top: 32px; } } .buy__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 59px; } .buy__wrapper { padding: 0 0 209px; } .buy__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .buy__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .buy__wrapper .breadcrums a:hover { color: #37d97b; } .buy__wrapper .breadcrums svg { margin: 0 10px; } .buy__wrapper__image { z-index: 1; } .buy__wrapper__image img { width: 100%; max-width: 607px; position: absolute; left: 0; } .buy__wrapper__text { z-index: 2; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-top: 60px; } .buy__wrapper__text h1 { font-size: 54px; line-height: 54px; color: #010306; font-family: Montserrat-Bold; margin-bottom: 17px; } .buy__wrapper__text p { font-size: 18px; line-height: 32px; color: #939393; font-weight: 300; margin-bottom: 39px; } .buy__wrapper__text p br.mob { display: none; } .buy__wrapper__text p br { display: block; } .buy__wrapper__text button { cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; background-color: #37d97b; padding: 16px 71px; font-weight: 500; font-size: 20px; border: none; line-height: 28px; color: #fff; } .buy__wrapper__text button:hover { background-color: #12b857; } .buy__process { padding-bottom: 100px; } .buy__process h2 { font-size: 30px; line-height: 48px; color: #010306; font-family: Montserrat-Bold; margin-bottom: 60px; } .buy__process__items { max-width: 920px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .buy__process__items__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-left: 66px; position: relative; } .buy__process__items__item svg { position: absolute; top: 0; left: 0; } .buy__process__items__item h3 { font-size: 22px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 12px; } .buy__process__items__item p { font-size: 18px; color: #939393; line-height: 26px; } .buy__process__items__item p br.mob { display: none; } .buy__process__items__item p br { display: block; } .buy__garanties { padding: 100px 0; } .buy__garanties h2 { font-size: 50px; line-height: 50px; text-align: center; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 18px; } .buy__garanties p { font-size: 18px; text-align: center; line-height: 26px; color: #939393; } .buy__garanties p br.mob { display: none; } .buy__garanties p br { display: block; } .buy__garanties__items { margin: 40px auto 0; max-width: 420px; } .buy__garanties__item { padding: 22px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ddd; } .buy__garanties__item h3 { font-size: 16px; line-height: 20px; color: #010306; } .buy__garanties__item span { font-weight: 500; font-size: 18px; color: #010306; line-height: 22px; display: inline-block; } .buy__displays { padding: 84px 0 100px; background-color: #f8f8f8; border-radius: 3px; position: relative; } .buy__displays svg { position: absolute; bottom: -120px; left: 0; } .buy__displays__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .buy__displays__wrapper-left { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; } .buy__displays__wrapper-left h2 { font-size: 46px; line-height: 60px; color: #010306; font-family: Montserrat-Bold; } .buy__displays__wrapper-left h2 br.mob { display: none; } .buy__displays__wrapper-left h2 br { display: block; } .buy__displays__wrapper-right { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; } .buy__displays__wrapper-right-item { margin-top: 65px; } .buy__displays__wrapper-right-item h3 { font-size: 22px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 12px; } .buy__displays__wrapper-right-item p { font-size: 18px; color: #939393; line-height: 26px; } .buy__displays__wrapper-right-item p br.mob { display: none; } .buy__displays__wrapper-right-item p br { display: block; } .buy__displays__wrapper-right-item:first-child { margin-top: 0; } .buy__callback { background-color: #f8f8f8; padding: 100px 0 20px; } .buy__callback__wrapper { padding: 90px 112px; border-radius: 3px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .buy__callback__wrapper-left { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .buy__callback__wrapper-left h2 { font-size: 38px; line-height: 46px; color: #010306; font-weight: 700; margin-bottom: 5px; } .buy__callback__wrapper-left p { font-size: 18px; line-height: 30px; color: #939393; } .buy__callback__wrapper-left p br.mob { display: none; } .buy__callback__wrapper-left p br { display: block; } .buy__callback__wrapper-right { max-width: 310px; } .buy__callback__input { margin-top: 24px; } .buy__callback__input:first-child { margin-top: 0; } .buy__callback__input input { color: #010306; font-size: 16px; line-height: 17px; width: 100%; background-color: #f8f8f8; padding: 16px 22px; border: 1px solid #ddd; border-radius: 3px; } .buy__callback__policy { padding-left: 17px; margin-top: 22px; position: relative; display: inline-block; } .buy__callback__policy input { position: absolute; top: 0; left: 0; visibility: hidden; } .buy__callback__policy span { font-size: 12px; position: relative; line-height: 14px; color: #010306; } .buy__callback__policy span:before { content: ''; position: absolute; left: -17px; cursor: pointer; width: 12px; height: 12px; top: 0; border: 1px solid #ddd; border-radius: 2px; } .buy__callback__policy span:after { cursor: pointer; content: url("/images/check.svg"); position: absolute; top: 0; left: -14px; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .buy__callback__policy span a { color: #84dda9; display: inline-block; } .buy__callback__policy input:checked + span:after { opacity: 1; } .buy__callback button { margin-top: 20px; padding: 11px 54px; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #84dda9; color: #fff; font-size: 18px; border-radius: 3px; line-height: 28px; font-weight: 500; border: none; } .buy__callback button:hover { background-color: #12b857; } @media (max-width: 1200px) { .buy__info { padding-top: 14px; } .buy__wrapper { padding: 0 0 93px; } .buy__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .buy__wrapper__image img { max-width: 375px; left: -20px; } .buy__wrapper__text { -webkit-flex-basis: 54%; -ms-flex-preferred-size: 54%; flex-basis: 54%; padding-top: 0; } .buy__wrapper__text h1 { font-size: 36px; line-height: 46px; margin-bottom: 12px; } .buy__wrapper__text p { line-height: 26px; margin-bottom: 19px; } .buy__wrapper__text button { padding: 13px 51px 15px; font-size: 16px; line-height: 16px; } .buy__process { padding-bottom: 80px; } .buy__process h2 { margin-bottom: 50px; } .buy__process__items__item { padding-left: 53px; } .buy__process__items__item svg { width: 39px; height: 42px; } .buy__process__items__item h3 { font-size: 20px; line-height: 20px; margin-bottom: 8px; } .buy__process__items__item p { font-size: 16px; line-height: 24px; } .buy__garanties { padding: 64px 0 50px; } .buy__garanties h2 { font-size: 42px; margin-bottom: 10px; } .buy__garanties p { font-size: 16px; line-height: 24px; } .buy__garanties__items { margin: 19px auto 0; max-width: 520px; } .buy__displays { padding: 42px 0 60px; } .buy__displays svg { bottom: -120px; max-width: 377px; } .buy__displays__wrapper-left h2 { font-size: 38px; line-height: 50px; } .buy__displays__wrapper-right-item { margin-top: 32px; } .buy__displays__wrapper-right-item h3 { font-size: 18px; line-height: 18px; margin-bottom: 8px; } .buy__displays__wrapper-right-item p { font-size: 16px; line-height: 24px; } .buy__callback { padding: 50px 0 55px; } .buy__callback__wrapper { padding: 40px 40px 31px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buy__callback__wrapper-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .buy__callback__wrapper-left h2 { margin-bottom: 8px; } .buy__callback__wrapper-right { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 10px; } .buy__callback__wrapper-right form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .buy__callback__input { margin-top: 10px; max-width: 330px; width: 100%; } .buy__callback__input input { font-size: 16px; line-height: 16px; padding: 16px 21px; } .buy__callback__policy { padding-left: 19px; margin-top: 10px; } .buy__callback__policy span { line-height: 13px; } .buy__callback__policy span:after { top: 1px; } .buy__callback button { max-width: 330px; width: 100%; margin-top: 22px; padding: 16px 44px; font-size: 15px; line-height: 17px; } } @media (max-width: 767px) { .buy__info { padding-top: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buy__wrapper { padding: 0 0 40px; } .buy__wrapper .breadcrums { padding: 16px 0; } .buy__wrapper .breadcrums a { line-height: 14px; } .buy__wrapper__image { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .buy__wrapper__image img { max-width: 362px; } .buy__wrapper__text { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-top: 268px; text-align: center; } .buy__wrapper__text h1 { font-size: 27px; line-height: 32px; text-align: center; margin-bottom: 13px; } .buy__wrapper__text p { line-height: 16px; line-height: 24px; margin-bottom: 16px; text-align: center; } .buy__wrapper__text p br { display: none; } .buy__wrapper__text p br.mob { display: block; } .buy__process { padding: 32px 0 40px; margin: 0 -16px; width: calc(100% + 32px); background-color: #f8f8f8; } .buy__process h2 { margin-bottom: 40px; text-align: center; font-size: 18px; line-height: 26px; } .buy__process__items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buy__process__items__item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; padding-left: 0; margin-top: 34px; } .buy__process__items__item:first-child { margin-top: 0; } .buy__process__items__item svg { position: relative; left: auto; top: auto; margin-bottom: 24px; } .buy__process__items__item p br { display: none; } .buy__process__items__item p br.mob { display: block; } .buy__garanties { padding: 40px 16px 2px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.15); background-color: #fff; } .buy__garanties h2 { font-size: 24px; line-height: 28px; } .buy__garanties p { font-size: 14px; line-height: 22px; } .buy__garanties p br { display: none; } .buy__garanties p br.mob { display: block; } .buy__garanties__items { margin: 11px auto 0; } .buy__garanties__item { padding: 22px 0; } .buy__garanties__item:last-child { border-bottom: 0; } .buy__displays { padding: 40px 0 0; margin-bottom: 40px; background-color: #fff; } .buy__displays svg { display: none; } .buy__displays__wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buy__displays__wrapper-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .buy__displays__wrapper-left h2 { font-size: 24px; line-height: 28px; } .buy__displays__wrapper-left h2 br { display: none; } .buy__displays__wrapper-left h2 br.mob { display: block; } .buy__displays__wrapper-right { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 24px; } .buy__displays__wrapper-right-item { margin-top: 32px; } .buy__displays__wrapper-right-item:first-child { margin-top: 0; } .buy__displays__wrapper-right-item p br { display: none; } .buy__displays__wrapper-right-item p br.mob { display: block; } .buy__callback { padding: 0 0 54px; margin-top: 50px; background-color: #fff; } .buy__callback__wrapper { padding: 0; -webkit-box-shadow: none; box-shadow: none; } .buy__callback__wrapper-left h2 { margin-bottom: 8px; font-size: 24px; line-height: 32px; } .buy__callback__wrapper-left p { font-size: 16px; line-height: 24px; } .buy__callback__wrapper-left p br { display: none; } .buy__callback__wrapper-left p br.mob { display: block; } .buy__callback__wrapper-right { margin-top: 10px; } .buy__callback__input { max-width: 270px; } .buy__callback__input input { font-size: 16px; line-height: 16px; padding: 13px 20px; background-color: #fff; } .buy__callback button { max-width: 200px; margin-top: 20px; padding: 13px 32px 15px; font-size: 16px; line-height: 16px; } } .pricesPage { background-color: #f8f8f8; } .pricesPage__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pricesPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pricesPage__wrapper .breadcrums a:hover { color: #37d97b; } .pricesPage__wrapper .breadcrums svg { margin: 0 10px; } .pricesPage__wrapper h1 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .pricesPage__block { background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); padding: 74px 110px 60px; margin-bottom: 20px; } .pricesPage__block-inner { display: none; } .pricesPage__block-bigButtons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pricesPage__block-bigButtons button { background-color: #010306; color: #fff; margin-right: 10px; padding: 24px 24px 23px; width: 160px; border-radius: 72px; font-size: 22px; line-height: 22px; font-weight: 500; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pricesPage__block-bigButtons button:last-child { margin-right: 0; } .pricesPage__block-bigButtons button:hover { background-color: #37d97b; } .pricesPage__block-bigButtons button.active { background-color: #37d97b; } .pricesPage__block-smallButtons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 12px; } .pricesPage__block-smallButtons-containers { width: 100%; } .pricesPage__block-smallButtons-container { display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; width: 100%; } .pricesPage__block-smallButtons-container-sub { display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .pricesPage__block-smallButtons button { background-color: #f8f8f8; color: #939393; margin: 8px 5px 0; padding: 20px 40px; border-radius: 72px; font-size: 18px; line-height: 18px; font-weight: 500; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pricesPage__block-smallButtons button:last-child { margin-right: 0; } .pricesPage__block-smallButtons button:hover { background-color: #37d97b; color: #fff; } .pricesPage__block-smallButtons button.active { background-color: #37d97b; color: #fff; } .pricesPage__block-containers { margin: 50px auto 0; max-width: 860px; } .pricesPage__block-container { display: none; } .pricesPage__block-container h2 { font-size: 24px; line-height: 48px; color: #010306; font-weight: 700; margin-bottom: 20px; } .pricesPage__block-content { display: none; } .pricesPage__block-content .pricesPage__block-item-body { display: block; } .pricesPage__block-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 14px -5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 60%; } .pricesPage__block-button { margin: 8px 5px 0; padding: 17px 0 16px; width: 111px; font-size: 16px; line-height: 16px; text-transform: uppercase; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 28px; color: #939393; } .pricesPage__block-button:hover { background-color: #37d97b; color: #fff; } .pricesPage__block-button.active { background-color: #37d97b; color: #fff; } .pricesPage__block-item { padding: 22px 0; border-bottom: 1px solid #ddd; } .pricesPage__block-item-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } .pricesPage__block-item-header a { font-size: 16px; line-height: 20px; display: inline-block; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pricesPage__block-item-header a:hover { color: #37d97b; } .pricesPage__block-item-header span { font-size: 18px; line-height: 22px; color: #010306; font-weight: 500; } .pricesPage__block-item-body { padding-left: 61px; } .pricesPage__block-item-body-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } .pricesPage__block-item-body-item p { font-size: 16px; line-height: 16px; color: #939393; } .pricesPage__block-item-body-item span { font-weight: 500; font-size: 16px; line-height: 16px; color: #939393; } @media (max-width: 1300px) { .pricesPage { background-color: #fff; } .pricesPage__wrapper .breadcrums { padding: 16px 0; } .pricesPage__wrapper .breadcrums a { line-height: 14px; } .pricesPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 20px; margin-bottom: 40px; } .pricesPage__block { -webkit-box-shadow: none; box-shadow: none; padding: 0; margin-bottom: 60px; margin-top: 40px; } .pricesPage__block-bigButtons { width: 100%; padding-bottom: 15px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .pricesPage__block-bigButtons button { margin-right: 8px; white-space: nowrap; padding: 18px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 108px; width: 108px; font-size: 16px; line-height: 16px; } .pricesPage__block-bigButtons button:first-child { margin-left: 16px; } .pricesPage__block-bigButtons button:last-child { margin-right: 16px; } .pricesPage__block-smallButtons { margin-top: 9px; } .pricesPage__block-smallButtons-container { margin: 0 -4px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; width: 100%; padding-bottom: 15px; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .pricesPage__block-smallButtons-container-sub { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; width: 100%; padding-bottom: 15px; } .pricesPage__block-smallButtons button { white-space: nowrap; margin: 0 4px; padding: 18px 32px; font-size: 16px; line-height: 16px; } .pricesPage__block-smallButtons button:first-child { margin-left: 16px; } .pricesPage__block-smallButtons button:last-child { margin-right: 16px; } .pricesPage__block-containers { margin: 25px auto 0; } .pricesPage__block-container h2 { font-size: 24px; line-height: 32px; margin-bottom: 5px; } .pricesPage__block-buttons { margin: 14px -4px; max-width: 80%; } .pricesPage__block-button { margin: 8px 4px 0; } .pricesPage__block-item:last-child { border-bottom: none; } } @media (max-width: 768px) { .pricesPage { background-color: #fff; } .pricesPage__wrapper .breadcrums { padding: 20px 0; } .pricesPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .pricesPage__wrapper h1 { font-size: 22px; line-height: 26px; margin-top: 0; margin-bottom: 20px; } .pricesPage__block { margin-bottom: 28px; margin-top: 20px; } .pricesPage__block-bigButtons button { padding: 18px 0 16px; } .pricesPage__block-smallButtons button { padding: 18px 40px 16px; } .pricesPage__block-containers { margin: 51px auto 0; } .pricesPage__block-container h2 { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .pricesPage__block-buttons { margin: 24px -4px 0; max-width: 100%; width: 100%; overflow-x: auto; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 15px; } .pricesPage__block-button { margin: 0 4px; min-width: 111px; white-space: nowrap; } .pricesPage__block-item-body-item:first-child { margin-top: 31px; } } .searchPage { background-color: #f8f8f8; } .searchPage__bg { background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .searchPage__bg-active { z-index: 9999; opacity: 1; visibility: visible; } .searchPage__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .searchPage__wrapper .breadcrums a:hover { color: #37d97b; } .searchPage__wrapper .breadcrums svg { margin: 0 10px; } .searchPage__container { margin-top: 36px; } .searchPage__container-form { margin-bottom: 40px; } .searchPage__container-input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; max-width: 530px; } .searchPage__container-input input { width: 100%; border: 1px solid #ddd; border-radius: 3px; padding: 14px 54px 14px 52px; font-size: 18px; } .searchPage__container-input svg.iconSearch { position: absolute; left: 17px; } .searchPage__container-input svg.closeSearch { cursor: pointer; position: absolute; right: 20px; } .searchPage__container-value { margin-bottom: 20px; } .searchPage__container-value span { font-size: 30px; line-height: 38px; color: #010306; font-weight: 500; } .searchPage__container-value span br { display: none; } .searchPage__container-value span#count { color: #a7a6a9; margin-left: 4px; font-family: Montserrat-SemiBold; } .searchPage__container-filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .searchPage__container-filter-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchPage__container-filter-title span { font-size: 18px; line-height: 18px; font-weight: 500; color: #010306; margin-left: 9px; display: inline-block; } .searchPage__container-filter-sort { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchPage__container-filter-sort svg.iconSort { display: none; } .searchPage__container-filter-sort span { display: inline-block; margin-right: 12px; color: #010306; font-size: 18px; line-height: 18px; font-weight: 500; } .searchPage__container-filter-sort-select { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchPage__container-filter-sort-select svg { position: absolute; right: 17px; z-index: 2; } .searchPage__container-filter-sort-select select { max-width: 179px; min-width: 179px; border: 1px solid #ddd; display: inline-block; padding: 13px 35px 13px 18px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; line-height: 16px; width: 100%; border-radius: 3px; color: #939393; } .searchPage__container-filter-sort-select select option { color: #939393; } .searchPage__container-filter-sort-select select option:nth-child(1) { color: #939393; } .searchPage__container-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .searchPage__container-aside { min-width: 310px; margin-right: 20px; } .searchPage__container-aside-close { display: none; } .searchPage__container-aside-block { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; background-color: #fff; position: -webkit-sticky; position: sticky; top: 100px; padding: 24px 22px 32px; margin-bottom: 62px; } .searchPage__container-aside-block button { font-size: 16px; line-height: 16px; color: #fff; font-weight: 500; width: 100%; padding: 12px 0; border-radius: 3px; cursor: pointer; background-color: #37d97b; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 32px; } .searchPage__container-aside-block button:hover { background-color: #12b857; } .searchPage__container-aside-block button.disabled { pointer-events: none; background-color: #84dda9; } .searchPage__container-aside-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } .searchPage__container-aside-inner:nth-child(1) h2 { margin-bottom: 24px; } .searchPage__container-aside-inner:nth-child(2) { margin-top: 42px; } .searchPage__container-aside-inner h2 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 16px; } .searchPage__container-aside-inner.disabled .searchPage__container-aside-select select { background-color: #f8f8f8; pointer-events: none; } .searchPage__container-aside-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .searchPage__container-aside-select select { border: 1px solid #ddd; display: inline-block; padding: 13px 16px 13px 14px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 16px; width: 100%; border-radius: 3px; color: #939393; } .searchPage__container-aside-select select option { color: #939393; } .searchPage__container-aside-select select option:nth-child(1) { color: #939393; } .searchPage__container-aside-select svg { position: absolute; right: 16px; z-index: 2; } .searchPage__container-aside-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 14px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; } .searchPage__container-aside-label:nth-child(2) { margin-top: 0; } .searchPage__container-aside-label label { width: 100%; height: 100%; position: absolute; z-index: 1; } .searchPage__container-aside-label span { font-size: 16px; line-height: 22px; color: #010306; font-weight: 500; padding-left: 36px; position: relative; } .searchPage__container-aside-label span:before { content: ''; position: absolute; width: 22px; height: 22px; border-radius: 3px; left: 0; border: 1px solid #ddd; } .searchPage__container-aside-label span:after { content: url("/images/big-check.svg"); position: absolute; top: 1px; left: 7px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .searchPage__container-aside-label.active span:after { opacity: 1; } .searchPage__container-more { margin-top: 40px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .searchPage__container-more span { font-size: 18px; line-height: 22px; color: #939393; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .searchPage__container-more span:hover { color: #37d97b; } .searchPage__container-content { -webkit-flex-basis: calc(100% - 310px); -ms-flex-preferred-size: calc(100% - 310px); flex-basis: calc(100% - 310px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: -20px; } .searchPage__container-content-item { background-color: #fff; max-height: 326px; margin-top: 20px; width: 100%; position: relative; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-radius: 3px; } .searchPage__container-content-item:hover { max-height: 100%; } .searchPage__container-content-item:hover .searchPage__container-content-footer { opacity: 1; visibility: visible; } .searchPage__container-content-item-linkBig { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding-top: 19px; margin-left: 24px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchPage__container-content-item-linkBig span { font-size: 16px; line-height: 16px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #37d97b; } .searchPage__container-content-item-linkBig svg { margin-left: 12px; } .searchPage__container-content-item-linkBig svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .searchPage__container-content-item-linkBig:hover span { color: #12b857; } .searchPage__container-content-item-linkBig:hover svg path { fill: #12b857; } .searchPage__container-content-item-linkSmall { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 24px; margin-top: 12px; } .searchPage__container-content-item-linkSmall span { font-size: 14px; line-height: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #37d97b; } .searchPage__container-content-item-linkSmall:hover span { color: #12b857; } .searchPage__container-content-footer { opacity: 0; bottom: -74px; z-index: 2; left: -24px; visibility: hidden; width: 100%; padding: 0 0 21px; margin: 0 24px; position: absolute; background-color: #fff; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15); box-shadow: 0 10px 10px rgba(0,0,0,0.15); border-radius: 0 0 3px 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .searchPage__container-content-footer:before { background-color: #ddd; content: ''; position: absolute; top: 0; left: 24px; width: calc(100% - 48px); height: 1px; } .searchPage__container-content-inner { z-index: 1; padding: 40px 24px 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .searchPage__container-content-inner img { width: 140px; height: 140px; display: block; margin-bottom: 38px; } .searchPage__container-content-inner h2 { font-size: 16px; line-height: 22px; color: #010306; font-weight: 500; } .searchPage__container-content-inner h3 { font-size: 16px; line-height: 22px; color: #010306; font-weight: 500; } .searchPage__container-content-inner p { font-size: 16px; line-height: 18px; color: #a7a6a9; margin-top: 10px; } .searchPage__container-content-inner-models { position: absolute; top: 28px; right: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .searchPage__container-content-inner-models span { font-size: 14px; line-height: 16px; color: #c4c4c4; text-transform: uppercase; margin-top: 10px; } .searchPage__container-content-inner-models span:first-child { margin-top: 0; } @media (max-width: 1239px) { .searchPage__wrapper .breadcrums { padding: 16px 0; } .searchPage__wrapper .breadcrums a { line-height: 14px; } .searchPage__container { margin-top: 20px; } .searchPage__container-input { max-width: 510px; } .searchPage__container-input input { font-size: 16px; padding: 12px 54px 13px 52px; } .searchPage__container-value { margin-bottom: 37px; } .searchPage__container-value span { font-size: 26px; line-height: 26px; } .searchPage__container-filter-title { cursor: pointer; } .searchPage__container-filter-title span { font-size: 15px; line-height: 15px; } .searchPage__container-filter-sort span { margin-right: 24px; font-size: 16px; line-height: 16px; } .searchPage__container-filter-sort-select select { padding: 9px 55px 9px 18px; } .searchPage__container-inner { margin-top: 18px; } .searchPage__container-aside { position: fixed; top: calc(50% - 169px); -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; height: 338px; max-width: 700px; width: 100%; left: calc(50% - 350px); max-width: 700px; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .searchPage__container-aside-label { margin-top: 24px; } .searchPage__container-aside-close { position: absolute; top: -68px; right: 0; display: block; cursor: pointer; } .searchPage__container-aside-active { z-index: 10000; opacity: 1; visibility: visible; } .searchPage__container-aside-block { padding: 38px 62px 40px 52px; } .searchPage__container-aside-block form { display: grid; grid-template-columns: repeat(12, 1fr); } .searchPage__container-aside-block form input { position: absolute; top: 0; left: 0; visibility: hidden; } .searchPage__container-aside-block button { font-size: 18px; line-height: 18px; padding: 14px 0; margin-top: 36px; width: 196px; grid-column: 7/13; } .searchPage__container-aside-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } .searchPage__container-aside-inner:nth-child(1) { grid-column: 1/6; grid-row: 1/4; } .searchPage__container-aside-inner:nth-child(1) h2 { margin-bottom: 26px; } .searchPage__container-aside-inner:nth-child(2) { grid-column: 7/13; margin-top: 30px; } .searchPage__container-aside-inner h2 { margin-bottom: 10px; } .searchPage__container-aside-inner:nth-child(3) { grid-column: 7/13; } .searchPage__container-more { margin-top: 36px; } .searchPage__container-more span { font-size: 16px; line-height: 22px; } .searchPage__container-content { -webkit-flex-basis: calc(100% + 20px); -ms-flex-preferred-size: calc(100% + 20px); flex-basis: calc(100% + 20px); } .searchPage__container-content-item { max-height: 279px; } .searchPage__container-content-item-linkBig { padding-top: 24px; margin-left: 13px; } .searchPage__container-content-item-linkSmall { margin-left: 13px; } .searchPage__container-content-footer { bottom: -93px; left: -13px; padding: 0 0 24px; margin: 0 13px; } .searchPage__container-content-footer:before { left: 13px; width: calc(100% - 26px); } .searchPage__container-content-inner { padding: 32px 13px 28px; } .searchPage__container-content-inner img { width: 120px; height: 120px; margin-bottom: 32px; } .searchPage__container-content-inner p { font-size: 15px; line-height: 15px; margin-top: 8px; } .searchPage__container-content-inner-models { position: absolute; top: 24px; right: 12px; } .searchPage__container-content-inner-models span { font-size: 10px; line-height: 10px; margin-top: 12px; } } @media (max-width: 767px) { .searchPage__wrapper .breadcrums { padding: 20px 0; } .searchPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .searchPage__container { margin-top: 12px; } .searchPage__container-form { margin-bottom: 18px; } .searchPage__container-input { max-width: 100%; } .searchPage__container-input svg.iconSearch { left: 11px; } .searchPage__container-input svg.iconClose { right: 10px; } .searchPage__container-input input { padding: 13px 42px 11px 36px; } .searchPage__container-value { margin-bottom: 18px; } .searchPage__container-value span { font-weight: 400; font-size: 14px; line-height: 22px; } .searchPage__container-value span br { display: block; } .searchPage__container-value span#count { font-family: 'Roboto'; } .searchPage__container-filter-title span { margin-left: 5px; font-size: 16px; line-height: 16px; } .searchPage__container-filter-sort span { display: none; } .searchPage__container-filter-sort svg.iconSort { display: block; margin-right: 7px; } .searchPage__container-filter-sort-select select { font-size: 16px; min-width: 166px; max-width: 166px; padding: 9px 28px 11px 10px; } .searchPage__container-inner { margin-top: 24px; } .searchPage__container-aside { top: 60px; height: 598px; width: calc(100% - 32px); max-width: 500px; left: calc(50% - 250px); } .searchPage__container-aside-close { top: -40px; } .searchPage__container-aside-close svg { width: 23px; height: 23px; } .searchPage__container-aside-block { padding: 20px 38px 20px 39px; } .searchPage__container-aside-block form { display: grid; grid-template-columns: repeat(12, 1fr); } .searchPage__container-aside-block button { font-size: 16px; line-height: 16px; padding: 12px 0; margin-top: 32px; width: 100%; max-width: 100%; grid-column: 1/13; } .searchPage__container-aside-inner { margin-top: 16px; } .searchPage__container-aside-inner:nth-child(1) { grid-column: 1/6; grid-row: 1/4; margin-top: 0; } .searchPage__container-aside-inner:nth-child(1) h2 { margin-bottom: 24px; } .searchPage__container-aside-inner:nth-child(2) { grid-column: 1/13; margin-top: 46px; } .searchPage__container-aside-inner h2 { margin-bottom: 16px; } .searchPage__container-aside-inner:nth-child(3) { grid-column: 1/13; } .searchPage__container-more { margin-top: 32px; } .searchPage__container-more span { line-height: 18px; } .searchPage__container-content { margin: -10px -5px 0; -webkit-flex-basis: calc(100% + 10px); -ms-flex-preferred-size: calc(100% + 10px); flex-basis: calc(100% + 10px); } .searchPage__container-content .col4 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0 5px; } .searchPage__container-content-item { margin-top: 10px; max-height: 100%; min-height: 247px; } .searchPage__container-content-footer { display: none; } .searchPage__container-content-inner { padding: 32px 10px 12px; } .searchPage__container-content-inner img { width: 90px; height: 90px; margin-bottom: 28px; } .searchPage__container-content-inner h2 { font-size: 12px; line-height: 16px; } .searchPage__container-content-inner h3 { font-size: 12px; line-height: 16px; } .searchPage__container-content-inner p { font-size: 12px; margin-top: 6px; } .searchPage__container-content-inner-models { margin-top: 4px; position: relative; top: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; right: auto; } .searchPage__container-content-inner-models span { margin: 4px 3px 0; } .searchPage__container-content-inner-models span:first-child { margin-top: 4px; } } @media (max-width: 532px) { .searchPage__container-aside { min-width: auto; left: 16px; right: 16px; top: 60px; } .searchPage__container-aside-block { margin-bottom: 0; top: 0; } .searchPage__container-aside-block form { max-height: 420px; overflow-y: auto; } } @media (max-width: 374px) { .searchPage__container-aside-block { top: 70px; padding: 16px 16px 20px; } .searchPage__container-aside-block form { max-height: 400px; } .searchPage__container-content-inner h2 { font-size: 11px; } .searchPage__container-content-inner h3 { font-size: 11px; } } .searchMobilePopup { position: fixed; top: calc(50% - 249px); width: calc(100% - 32px); max-width: 500px; left: calc(50% - 250px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); background-color: #fff; z-index: -1; visibility: hidden; opacity: 0; } .searchMobilePopup-active { opacity: 1; visibility: visible; z-index: 10000; } .searchMobilePopup__bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .searchMobilePopup__bg-active { opacity: 1; visibility: visible; z-index: 9999; } .searchMobilePopup__close { position: absolute; right: 0; top: -43px; cursor: pointer; } .searchMobilePopup__wrapper { padding: 48px 46px 32px; } .searchMobilePopup__wrapper__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchMobilePopup__wrapper__item img { width: 195px; height: 195px; margin-bottom: 32px; } .searchMobilePopup__wrapper__item h2 { font-size: 16px; line-height: 24px; font-weight: 500; } .searchMobilePopup__wrapper__item h3 { font-size: 16px; font-weight: 500; line-height: 24px; } .searchMobilePopup__wrapper__item p { font-size: 16px; line-height: 16px; color: #a7a6a9; margin-top: 9px; } .searchMobilePopup__wrapper__item-models { margin-top: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 172px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .searchMobilePopup__wrapper__item-models span { margin: 8px 4px 0; font-size: 12px; line-height: 12px; color: #c4c4c4; } .searchMobilePopup__wrapper__item-linkBig { margin-top: 32px; } .searchMobilePopup__wrapper__item-linkBig span { font-size: 16px; background-color: #37d97b; line-height: 16px; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #fff; padding: 12px; width: 252px; display: inline-block; text-align: center; border-radius: 3px; } .searchMobilePopup__wrapper__item-linkBig:hover span { background-color: #12b857; } .searchMobilePopup__wrapper__item-linkSmall { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 16px; } .searchMobilePopup__wrapper__item-linkSmall span { font-size: 18px; line-height: 26px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: 500; color: #37d97b; } .searchMobilePopup__wrapper__item-linkSmall svg { margin-left: 24px; } .searchMobilePopup__wrapper__item-linkSmall svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .searchMobilePopup__wrapper__item-linkSmall:hover span { color: #12b857; } .searchMobilePopup__wrapper__item-linkSmall:hover svg path { fill: #12b857; } @media (max-width: 532px) { .searchMobilePopup { position: fixed; left: 16px; right: 16px; top: 60px; } .searchMobilePopup__wrapper__item img { width: 100px; height: 100px; } } .garanties__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .garanties__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .garanties__wrapper .breadcrums a:hover { color: #37d97b; } .garanties__wrapper .breadcrums svg { margin: 0 10px; } .garanties__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-Bold; margin-top: 39px; } .garanties__buttons { margin-top: 32px; margin-bottom: 60px; } .garanties__buttons a { color: #939393; margin-right: 20px; background-color: transparent; border-radius: 3px; padding: 20px 49px; display: inline-block; min-width: 200px; font-size: 18px; line-height: 18px; font-weight: 500; text-align: center; border: 1px solid #ddd; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .garanties__buttons a:last-child { margin-right: 0; } .garanties__buttons a:hover { background-color: #37d97b; color: #fff; border-color: #37d97b; } .garanties__buttons a.active { background-color: #37d97b; color: #fff; border-color: #37d97b; } .garanties__text { font-size: 28px; line-height: 42px; color: #010306; max-width: 860px; font-weight: 300; } .garanties__text br.tablet { display: none; } .garanties__text br.mob { display: none; } .garanties__text br { display: block; } .garanties__items { margin-top: 60px; padding-bottom: 100px; } .garanties__item { margin-top: 16px; background: #fff; border-radius: 3px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.05); box-shadow: 0 4px 20px rgba(0,0,0,0.05); } .garanties__item-header { padding: 38px 110px 36px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.05); box-shadow: 0 4px 20px rgba(0,0,0,0.05); } .garanties__item-header h2 { font-size: 26px; line-height: 26px; font-weight: 500; color: #010306; } .garanties__item-header svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .garanties__item-header.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .garanties__item-body { margin: 0 auto; max-width: 900px; padding: 0 20px 42px; display: none; } .garanties__item-body-item { padding: 22px 0; border-bottom: 1px solid #ddd; } .garanties__item-body-item:last-child { border-bottom: none; } .garanties__item-body-item:first-child { margin-top: 42px; } .garanties__item-body-item-header { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .garanties__item-body-item-header h3 { font-size: 20px; line-height: 20px; color: #010306; } .garanties__item-body-item-header svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .garanties__item-body-item-header.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .garanties__item-body-item-body { max-width: 808px; margin: 0 auto; overflow: hidden; display: none; } .garanties__item-body-item-body-item { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .garanties__item-body-item-body-item:first-child { margin-top: 32px; } .garanties__item-body-item-body-item:last-child { padding-bottom: 10px; } .garanties__item-body-item-body-item a { font-size: 20px; line-height: 20px; color: #939393; position: relative; display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .garanties__item-body-item-body-item a:hover { color: #37d97b; } .garanties__item-body-item-body-item a:hover:after { color: #939393; } .garanties__item-body-item-body-item a:after { content: '........................................................................................................................................................................'; position: absolute; font-size: 16px; white-space: nowrap; letter-spacing: 1px; overflow: hidden; margin-left: 8px; } .garanties__item-body-item-body-item a.nodot:after { display: none; } .garanties__item-body-item-body-item span { font-size: 20px; line-height: 20px; color: #010306; font-weight: 500; background-color: #fff; display: inline-block; z-index: 2; padding-left: 8px; } .garanties__item-body-item-body-item ul { width: 100%; padding-left: 66px; list-style-type: none; } .garanties__item-body-item-body-item ul li { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .garanties__item-body-item-body-item ul li:before { content: ''; width: 8px; height: 8px; background-color: #37d97b; position: absolute; left: -24px; border-radius: 50%; } .garanties__item-body-item-body-item ul li:first-child { margin-top: 0; } .garanties__item-body-item-body-item ul li p { font-size: 20px; line-height: 20px; display: inline-block; color: #939393; } .garanties__item-body-item-body-item ul li p:after { content: '........................................................................................................................................................................'; position: absolute; white-space: nowrap; letter-spacing: 1px; font-size: 16px; overflow: hidden; margin-left: 8px; } .garanties__item-body-item-body-item ul li span { font-size: 20px; line-height: 20px; color: #010306; font-weight: 500; background-color: #fff; display: inline-block; z-index: 2; padding-left: 8px; } @media (max-width: 1239px) { .garanties__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .garanties__wrapper h1 { font-size: 48px; line-height: 48px; margin-top: 30px; } .garanties__buttons { margin-bottom: 37px; } .garanties__buttons a { width: 124px; min-width: auto; text-align: center; margin-right: 10px; padding: 14px 15px; font-size: 16px; line-height: 16px; } .garanties__text { font-size: 22px; line-height: 34px; margin-top: 35px; } .garanties__text br { display: none; } .garanties__text br.mob { display: none; } .garanties__text br.tablet { display: block; } .garanties__items { margin-top: 50px; padding-bottom: 80px; } .garanties__item-header { padding: 25px 48px 27px; } .garanties__item-header h2 { font-size: 22px; line-height: 22px; } .garanties__item-body { padding: 0 40px 3px; } .garanties__item-body-item { padding: 25px 0; } .garanties__item-body-item:first-child { margin-top: 13px; } .garanties__item-body-item-header h3 { font-size: 18px; line-height: 18px; } .garanties__item-body-item-body-item:first-child { margin-top: 40px; } .garanties__item-body-item-body-item:last-child { padding-bottom: 15px; } .garanties__item-body-item-body-item a { font-size: 18px; line-height: 18px; } .garanties__item-body-item-body-item span { font-size: 18px; line-height: 18px; } .garanties__item-body-item-body-item ul { padding-left: 34px; } .garanties__item-body-item-body-item ul li p { font-size: 18px; line-height: 18px; } .garanties__item-body-item-body-item ul li span { font-size: 18px; line-height: 18px; } } @media (max-width: 767px) { .garanties__wrapper .breadcrums { padding: 16px 0; } .garanties__wrapper .breadcrums a { line-height: 14px; } .garanties__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 20px; } .garanties__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; padding-bottom: 15px; margin-left: -16px; margin-right: -16px; } .garanties__buttons a { padding: 13px; min-width: 116px; white-space: nowrap; font-size: 16px; line-height: 16px; } .garanties__buttons a.active { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-right: 10px; margin-left: 16px; } .garanties__text { font-size: 16px; line-height: 26px; margin-top: 15px; } .garanties__text br { display: none; } .garanties__text br.tablet { display: none; } .garanties__text br.mob { display: block; } .garanties__items { margin-top: 32px; padding-bottom: 56px; } .garanties__item-header { padding: 22px 26px 22px 24px; } .garanties__item-header h2 { font-size: 16px; line-height: 16px; } .garanties__item-header svg { width: 8px; height: 5px; } .garanties__item-header svg path { fill: #939393; } .garanties__item-body { padding: 0 10px 3px 24px; } .garanties__item-body-item { padding: 22px 0; } .garanties__item-body-item:first-child { margin-top: 10px; } .garanties__item-body-item-header { padding-right: 16px; } .garanties__item-body-item-header h3 { font-size: 16px; line-height: 16px; } .garanties__item-body-item-header svg { width: 8px; height: 5px; } .garanties__item-body-item-body-item:last-child { padding-bottom: 18px; } .garanties__item-body-item-body-item a { font-size: 16px; line-height: 16px; } .garanties__item-body-item-body-item span { font-size: 16px; line-height: 16px; } .garanties__item-body-item-body-item ul { padding-left: 24px; } .garanties__item-body-item-body-item ul li p { font-size: 16px; line-height: 16px; } .garanties__item-body-item-body-item ul li span { font-size: 16px; line-height: 16px; } } @media (max-width: 374px) { .garanties__items { padding-bottom: 32px; } .garanties__item { margin-top: 10px; } .garanties__item-body-item-body-item a { font-size: 14px; line-height: 14px; } .garanties__item-body-item-body-item span { font-size: 14px; line-height: 14px; } .garanties__item-body-item-body-item ul { padding-left: 20px; } .garanties__item-body-item-body-item ul li p { font-size: 14px; line-height: 14px; } .garanties__item-body-item-body-item ul li span { font-size: 14px; line-height: 14px; } } .newMacbook { overflow: hidden; } .newMacbookCat { z-index: 2; background-color: #f8f8f8; position: relative; } .newMacbookCat__wrapper .breadcrums { padding: 20px 0; } .newMacbookCat__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newMacbookCat__wrapper .breadcrums a:hover { color: #37d97b; } .newMacbookCat__wrapper .breadcrums svg { margin: 0 10px; } .newMacbookCat__wrapper h1 { margin-top: 37px; font-size: 48px; line-height: 48px; font-weight: 600; font-family: Montserrat-SemiBold; color: #010306; margin-bottom: 24px; } .newMacbookCat__wrapper p { font-size: 24px; line-height: 38px; color: #939393; font-weight: 300; } .newMacbookCat__wrapper p br { display: block; } .newMacbookCat__wrapper p br.tablet { display: none; } .newMacbookCat__wrapper p br.mob { display: none; } .newMacbookCat__items { margin-top: 40px; padding-bottom: 90px; } .newMacbookCat__items .swiper-container { overflow: visible; } .newMacbookCat__items .swiper-slide:nth-child(1) .newMacbookCat__item { padding-top: 32px; } .newMacbookCat__items .swiper-slide:nth-child(2) .newMacbookCat__item { padding-top: 58px; } .newMacbookCat__items .swiper-slide:nth-child(3) .newMacbookCat__item { padding-top: 52px; } .newMacbookCat__item { min-height: 354px; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; padding-bottom: 54px; position: relative; } .newMacbookCat__item-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newMacbookCat__item-content { max-width: 238px; margin: 0 auto; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newMacbookCat__item-content-container { max-width: 238px; margin: 0 auto; padding-bottom: 54px; } .newMacbookCat__item-content-inner { display: none; position: absolute; background-color: #fff; left: 0; -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.15); box-shadow: 0 20px 20px rgba(0,0,0,0.15); width: 100%; } .newMacbookCat__item-content h2 { font-size: 30px; line-height: 30px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 56px; } .newMacbookCat__item-content-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-top: 29px; border-radius: 3px; border: 1px solid #ddd; position: relative; } .newMacbookCat__item-content-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-family: 'Roboto'; font-size: 16px; line-height: 16px; border: none; padding: 13px 14px; } .newMacbookCat__item-content-select svg { position: absolute; right: 20px; } .newMacbookCat__item-bigLink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newMacbookCat__item-bigLink span { font-size: 16px; line-height: 16px; color: #37d97b; font-weight: 500; } .newMacbookCat__item-bigLink svg { margin-left: 12px; } .newMacbookCat__item-smallLink { display: inline-block; margin-top: 16px; } .newMacbookCat__item-smallLink span { font-size: 14px; line-height: 18px; color: #37d97b; } .newMacbookCat__item:hover .newMacbookCat__item-content-inner { display: block; } @media (max-width: 1180px) { .newMacbookCat__wrapper .breadcrums { padding: 16px 0; } .newMacbookCat__wrapper .breadcrums a { line-height: 14px; } .newMacbookCat__wrapper h1 { font-size: 30px; line-height: 30px; margin-top: 4px; margin-bottom: 16px; } .newMacbookCat__wrapper p { font-size: 18px; line-height: 28px; } .newMacbookCat__wrapper p br { display: block; } .newMacbookCat__wrapper p br.mob { display: none; } .newMacbookCat__items { margin-top: 24px; padding-bottom: 80px; } .newMacbookCat__items .swiper-slide:nth-child(1) .newMacbookCat__item { padding-top: 45px; } .newMacbookCat__items .swiper-slide:nth-child(1) .newMacbookCat__item img { max-height: 125px; } .newMacbookCat__items .swiper-slide:nth-child(2) .newMacbookCat__item { padding-top: 62px; } .newMacbookCat__items .swiper-slide:nth-child(2) .newMacbookCat__item img { max-height: 97px; } .newMacbookCat__items .swiper-slide:nth-child(3) .newMacbookCat__item { padding-top: 62px; } .newMacbookCat__items .swiper-slide:nth-child(3) .newMacbookCat__item img { max-height: 104px; } .newMacbookCat__item { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; min-height: 294px; padding-bottom: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newMacbookCat__item-image { padding: 0 28px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newMacbookCat__item-content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newMacbookCat__item-content-container { padding-bottom: 30px; } .newMacbookCat__item-content h2 { font-size: 26px; text-align: center; line-height: 26px; margin-top: 58px; } .newMacbookCat__item-content-select { margin-top: 30px; } .newMacbookCat__item-smallLink { margin-top: 20px; } } @media (max-width: 767px) { .newMacbookCat__wrapper .breadcrums { padding: 20px 0; } .newMacbookCat__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newMacbookCat__wrapper h1 { font-size: 22px; line-height: 26px; margin-top: 0; } .newMacbookCat__wrapper p { font-size: 16px; line-height: 26px; } .newMacbookCat__wrapper p br { display: none; } .newMacbookCat__wrapper p br.mob { display: block; } .newMacbookCat__items { padding-bottom: 50px; } .newMacbookCat__items .swiper-slide:nth-child(1) .newMacbookCat__item { padding-top: 29px; } .newMacbookCat__items .swiper-slide:nth-child(1) .newMacbookCat__item img { max-height: 83px; } .newMacbookCat__items .swiper-slide:nth-child(2) .newMacbookCat__item { padding-top: 41px; } .newMacbookCat__items .swiper-slide:nth-child(2) .newMacbookCat__item img { max-height: 67px; } .newMacbookCat__items .swiper-slide:nth-child(3) .newMacbookCat__item { padding-top: 38px; } .newMacbookCat__items .swiper-slide:nth-child(3) .newMacbookCat__item img { max-height: 70px; } .newMacbookCat__item { min-height: 194px; padding-bottom: 32px; } .newMacbookCat__item-image { padding: 0 12px; } .newMacbookCat__item-content-container { padding: 0 8px 30px; } .newMacbookCat__item-content h2 { font-size: 18px; line-height: 18px; margin-top: 32px; } .newMacbookCat__item-content-select { margin-top: 32px; } } .newIPad { overflow: hidden; } .newIPadCat { z-index: 5; background-color: #f8f8f8; position: relative; } .newIPadCat__wrapper .breadcrums { padding: 20px 0; } .newIPadCat__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newIPadCat__wrapper .breadcrums a:hover { color: #37d97b; } .newIPadCat__wrapper .breadcrums svg { margin: 0 10px; } .newIPadCat__wrapper h1 { margin-top: 37px; font-size: 48px; line-height: 48px; font-weight: 600; font-family: Montserrat-SemiBold; color: #010306; margin-bottom: 24px; } .newIPadCat__wrapper p { font-size: 24px; line-height: 38px; color: #939393; font-weight: 300; } .newIPadCat__wrapper p br { display: block; } .newIPadCat__wrapper p br.tablet { display: none; } .newIPadCat__wrapper p br.mob { display: none; } .newIPadCat__items { margin-top: 40px; padding-bottom: 90px; } .newIPadCat__items .swiper-container { overflow: visible; } .newIPadCat__items .swiper-slide:nth-child(1) .newIPadCat__item { padding-top: 57px; } .newIPadCat__items .swiper-slide:nth-child(2) .newIPadCat__item { padding-top: 40px; } .newIPadCat__items .swiper-slide:nth-child(3) .newIPadCat__item { padding-top: 37px; } .newIPadCat__items .swiper-slide:nth-child(4) .newIPadCat__item { padding-top: 50px; } .newIPadCat__item { min-height: 354px; background-color: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; padding-bottom: 54px; position: relative; } .newIPadCat__item-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newIPadCat__item-content { max-width: 238px; margin: 0 auto; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newIPadCat__item-content-container { max-width: 238px; margin-left: 24px; padding-bottom: 54px; } .newIPadCat__item-content-inner { display: none; position: absolute; background-color: #fff; left: 0; -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.15); box-shadow: 0 20px 20px rgba(0,0,0,0.15); width: 100%; } .newIPadCat__item-content h2 { font-size: 30px; line-height: 30px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; text-align: center; } .newIPadCat__item-content-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-top: 29px; border-radius: 3px; border: 1px solid #ddd; position: relative; } .newIPadCat__item-content-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-family: 'Roboto'; font-size: 16px; line-height: 16px; border: none; padding: 13px 14px; } .newIPadCat__item-content-select svg { position: absolute; right: 20px; } .newIPadCat__item-bigLink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newIPadCat__item-bigLink span { font-size: 16px; line-height: 16px; color: #37d97b; font-weight: 500; } .newIPadCat__item-bigLink svg { margin-left: 12px; } .newIPadCat__item-smallLink { display: inline-block; margin-top: 16px; } .newIPadCat__item-smallLink span { font-size: 14px; line-height: 18px; color: #37d97b; } .newIPadCat__item:hover .newIPadCat__item-content-inner { display: block; } @media (max-width: 1180px) { .newIPadCat__wrapper .breadcrums { padding: 16px 0; } .newIPadCat__wrapper .breadcrums a { line-height: 14px; } .newIPadCat__wrapper h1 { font-size: 30px; line-height: 30px; margin-top: 4px; margin-bottom: 16px; } .newIPadCat__wrapper p { font-size: 18px; line-height: 28px; } .newIPadCat__wrapper p br { display: block; } .newIPadCat__wrapper p br.mob { display: none; } .newIPadCat__items { margin-top: 24px; padding-bottom: 80px; } .newIPadCat__items .swiper-slide:nth-child(1) .newIPadCat__item { padding-top: 52px; } .newIPadCat__items .swiper-slide:nth-child(1) .newIPadCat__item img { max-height: 133px; } .newIPadCat__items .swiper-slide:nth-child(2) .newIPadCat__item { padding-top: 39px; } .newIPadCat__items .swiper-slide:nth-child(2) .newIPadCat__item img { max-height: 158px; } .newIPadCat__items .swiper-slide:nth-child(3) .newIPadCat__item { padding-top: 34px; } .newIPadCat__items .swiper-slide:nth-child(3) .newIPadCat__item img { max-height: 169px; } .newIPadCat__items .swiper-slide:nth-child(4) .newIPadCat__item { padding-top: 38px; } .newIPadCat__items .swiper-slide:nth-child(4) .newIPadCat__item img { max-height: 149px; } .newIPadCat__item { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; min-height: 294px; padding-bottom: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newIPadCat__item-image { padding: 0 28px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newIPadCat__item-content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .newIPadCat__item-content-container { padding-bottom: 30px; } .newIPadCat__item-content h2 { font-size: 26px; text-align: center; line-height: 26px; margin-top: 25px; } .newIPadCat__item-content-select { margin-top: 30px; } .newIPadCat__item-smallLink { margin-top: 20px; } } @media (max-width: 767px) { .newIPadCat__wrapper .breadcrums { padding: 20px 0; } .newIPadCat__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .newIPadCat__wrapper h1 { font-size: 22px; line-height: 26px; margin-top: 0; } .newIPadCat__wrapper p { font-size: 16px; line-height: 26px; } .newIPadCat__wrapper p br { display: none; } .newIPadCat__wrapper p br.mob { display: block; } .newIPadCat__items { padding-bottom: 50px; } .newIPadCat__items .swiper-slide:nth-child(1) .newIPadCat__item { padding-top: 35px; } .newIPadCat__items .swiper-slide:nth-child(1) .newIPadCat__item img { max-height: 79px; } .newIPadCat__items .swiper-slide:nth-child(2) .newIPadCat__item { padding-top: 24px; } .newIPadCat__items .swiper-slide:nth-child(2) .newIPadCat__item img { max-height: 101px; } .newIPadCat__items .swiper-slide:nth-child(3) .newIPadCat__item { padding-top: 18px; } .newIPadCat__items .swiper-slide:nth-child(3) .newIPadCat__item img { max-height: 111px; } .newIPadCat__items .swiper-slide:nth-child(4) .newIPadCat__item { padding-top: 25px; } .newIPadCat__items .swiper-slide:nth-child(4) .newIPadCat__item img { max-height: 94px; } .newIPadCat__item { min-height: 194px; padding-bottom: 32px; } .newIPadCat__item-image { padding: 0 12px; } .newIPadCat__item-content-container { padding: 0 8px 30px; margin: 0 auto; } .newIPadCat__item-content h2 { font-size: 18px; line-height: 18px; margin-top: 15px; } .newIPadCat__item-content-select { margin-top: 32px; } } .faceidPage__top { position: relative; } .faceidPage__top-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .faceidPage__top__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 2; position: relative; min-height: 648px; max-height: 648px; } .faceidPage__top__wrapper h1 { font-size: 54px; line-height: 54px; color: #fff; font-family: Montserrat-Bold; margin-bottom: 16px; } .faceidPage__top__wrapper p { font-size: 16px; font-family: Montserrat-Regular; line-height: 24px; color: #c4c4c4; } .faceidPage__top__wrapper p br.mob { display: none; } .faceidPage__top__wrapper button { font-size: 18px; line-height: 28px; color: #fff; background-color: #37d97b; border-radius: 3px; padding: 16px 39px; border: none; margin-top: 21px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .faceidPage__top__wrapper button:hover { background-color: #12b857; } .faceidPage__top__wrapper img { display: none; position: absolute; right: -70px; bottom: 0; } @media (max-width: 1180px) { .faceidPage__top-bg { background: url("/images/top5tablet-bg.png") 50% 50% no-repeat !important; background-size: cover !important; } .faceidPage__top__wrapper { min-height: 816px; max-height: 816px; display: block; padding-top: 112px; } .faceidPage__top__wrapper h1 { font-size: 57px; line-height: 57px; margin-bottom: 32px; } .faceidPage__top__wrapper button { font-size: 16px; line-height: 16px; padding: 17px 58px; margin-top: 26px; } .faceidPage__top__wrapper img { display: block; right: auto; left: -33px; } } @media (max-width: 600px) { .faceidPage__top-bg { background: url("/images/top5mob-bg.png") 50% 50% no-repeat !important; background-size: cover !important; } .faceidPage__top__wrapper { min-height: calc(100vh - 60px); max-height: calc(100vh - 60px); padding-top: 52px; } .faceidPage__top__wrapper h1 { font-size: 36px; line-height: 36px; margin-bottom: 13px; } .faceidPage__top__wrapper p br { display: none; } .faceidPage__top__wrapper p br.mob { display: block; } .faceidPage__top__wrapper p:nth-child(3) { display: none; } .faceidPage__top__wrapper button { padding: 14px 25px; margin-top: 20px; } .faceidPage__top__wrapper img { display: none; } } .faceidPage__info__wrapper { padding-top: 94px; } .faceidPage__info__wrapper-image { margin: 0 auto; max-width: 1100px; } .faceidPage__info__wrapper-image img { width: 100%; } .faceidPage__info__wrapper-image img.pc { display: block; } .faceidPage__info__wrapper-image img.tablet { display: none; } .faceidPage__info__wrapper-image img.mob { display: none; } @media (max-width: 1180px) { .faceidPage__info__wrapper { padding-top: 44px; } .faceidPage__info__wrapper-image img.pc { display: none; } .faceidPage__info__wrapper-image img.tablet { display: block; } .faceidPage__info__wrapper-image img.mob { display: none; } } @media (max-width: 600px) { .faceidPage__info__wrapper { padding-top: 40px; } .faceidPage__info__wrapper-image img.pc { display: none; } .faceidPage__info__wrapper-image img.tablet { display: none; } .faceidPage__info__wrapper-image img.mob { display: block; } } .faceidPage__number { background-color: #f8f8f8; } .faceidPage__number__wrapper { padding: 130px 0 111px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .faceidPage__number__wrapper h2 { font-size: 102px; line-height: 102px; color: #010306; font-family: Montserrat-Bold; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; margin-bottom: 16px; } .faceidPage__number__wrapper img { max-width: 390px; max-height: 390px; width: 100%; z-index: 2; position: relative; } .faceidPage__number__wrapper p { font-size: 29px; margin-left: 131px; line-height: 50px; color: #010306; font-family: Montserrat-Regular; } .faceidPage__number__wrapper p br.tablet { display: none; } .faceidPage__number__wrapper p br.mob { display: none; } .faceidPage__number__wrapper p br { display: block; } .faceidPage__number__wrapper svg { z-index: 1; position: absolute; left: 0; bottom: 111px; } @media (max-width: 1180px) { .faceidPage__number__wrapper { padding: 110px 0 100px; } .faceidPage__number__wrapper h2 { font-size: 96px; line-height: 96px; margin-bottom: 44px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .faceidPage__number__wrapper img { max-width: 508px; max-height: 508px; margin-top: 60px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .faceidPage__number__wrapper p { font-size: 32px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; line-height: 46px; } .faceidPage__number__wrapper p br { display: none; } .faceidPage__number__wrapper p br.mob { display: none; } .faceidPage__number__wrapper p br.tablet { display: block; } .faceidPage__number__wrapper svg { display: none; } } @media (max-width: 600px) { .faceidPage__number__wrapper { padding: 80px 0 70px; } .faceidPage__number__wrapper h2 { font-size: 72px; line-height: 72px; margin-bottom: 24px; } .faceidPage__number__wrapper img { max-width: 343px; max-height: 343px; margin-top: 40px; } .faceidPage__number__wrapper p { font-size: 18px; line-height: 30px; } .faceidPage__number__wrapper p br { display: none; } .faceidPage__number__wrapper p br.tablet { display: none; } .faceidPage__number__wrapper p br.mob { display: block; } } .faceidpage__video__wrapper { padding: 180px 0 120px; } .faceidpage__video__wrapper h2 { font-size: 36px; line-height: 52px; font-family: Montserrat-Bold; color: #010306; margin-bottom: 40px; } .faceidpage__video__wrapper h2 span { color: #37d97b; } .faceidpage__video__wrapper h2 br { display: block; } .faceidpage__video__wrapper h2 br.tablet { display: none; } .faceidpage__video__wrapper h2 br.mob { display: none; } .faceidpage__video__wrapper-video { max-height: 428px; height: 428px; max-height: 428px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; } .faceidpage__video__wrapper-video__poster { position: absolute; height: 100%; top: 0; left: 0; z-index: 1; width: 100%; width: 100%; } .faceidpage__video__wrapper-video__poster img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .faceidpage__video__wrapper-video__button { position: absolute; z-index: 2; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .faceidpage__video__wrapper-video__stop { display: none; cursor: pointer; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; } .faceidpage__video__wrapper-video #presentation { width: 100vw; } .faceidpage__video__wrapper-video #presentation iframe { left: 0 !important; } @media (max-width: 1180px) { .faceidpage__video__wrapper { padding: 90px 0 60px; } .faceidpage__video__wrapper h2 { font-size: 30px; line-height: 42px; } .faceidpage__video__wrapper h2 br { display: none; } .faceidpage__video__wrapper h2 br.mob { display: none; } .faceidpage__video__wrapper h2 br.tablet { display: block; } .faceidpage__video__wrapper-video { max-height: 393px; height: 393px; max-height: 393px; } .faceidpage__video__wrapper-video__button svg { width: 67px; height: 67px; } } @media (max-width: 600px) { .faceidpage__video__wrapper { padding: 60px 0 70px; } .faceidpage__video__wrapper h2 { font-size: 20px; line-height: 28px; } .faceidpage__video__wrapper h2 br { display: none; } .faceidpage__video__wrapper h2 br.tablet { display: none; } .faceidpage__video__wrapper h2 br.mob { display: block; } .faceidpage__video__wrapper-video { max-height: 193px; height: 193px; max-height: 193px; } .faceidpage__video__wrapper-video__button svg { width: 47px; height: 47px; } } .faceidPage__callback { background-color: #f8f8f8; } .faceidPage__callback__wrapper { padding: 58px 0 60px; } .faceidPage__callback__wrapper h2 { font-size: 33px; line-height: 36px; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 17px; } .faceidPage__callback__wrapper p { font-size: 18px; line-height: 30px; color: #939393; margin-bottom: 16px; } .faceidPage__callback__wrapper button { border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 20px; line-height: 28px; font-weight: 500; background-color: #37d97b; border-radius: 3px; padding: 16px 71px; color: #fff; } .faceidPage__callback__wrapper button:hover { background-color: #12b857; } @media (max-width: 1180px) { .faceidPage__callback__wrapper { padding: 52px 0 56px; } .faceidPage__callback__wrapper h2 { font-size: 36px; line-height: 43px; margin-bottom: 10px; } } @media (max-width: 600px) { .faceidPage__callback__wrapper { padding: 50px 0 60px; } .faceidPage__callback__wrapper h2 { font-size: 23px; line-height: 29px; margin-bottom: 14px; } .faceidPage__callback__wrapper p { font-size: 16px; line-height: 24px; } .faceidPage__callback__wrapper button { font-size: 16px; line-height: 16px; padding: 13px 0 15px; max-width: 243px; width: 100%; } } .faceidPage__error__wrapper { padding: 100px 0; } .faceidPage__error__wrapper h2 { font-size: 71px; line-height: 71px; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 105px; text-align: center; } .faceidPage__error__wrapper .swiper-button-next, .faceidPage__error__wrapper .swiper-button-prev { display: none; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-image { margin: 0 auto; margin-bottom: 39px; text-align: center; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-error { font-size: 18px; line-height: 31px; font-weight: 500; color: #010306; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-error span { font-weight: 400; color: #a7a6a9; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-reason { font-size: 18px; line-height: 31px; font-weight: 500; color: #010306; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-reason span { font-weight: 400; color: #a7a6a9; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-text { font-size: 18px; line-height: 31px; margin-top: 30px; color: #a7a6a9; } @media (max-width: 1180px) { .faceidPage__error__wrapper { padding: 80px 0 50px; } .faceidPage__error__wrapper h2 { font-size: 32px; line-height: 40px; margin-bottom: 8px; } .faceidPage__error__wrapper .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .faceidPage__error__wrapper .swiper-slide { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-content { max-width: 340px; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-image { margin: 0; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-image img { max-width: 234px; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-error { font-size: 16px; line-height: 26px; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-reason { font-size: 16px; line-height: 26px; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-text { font-size: 16px; line-height: 26px; margin-top: 10px; } .faceidPage__error__wrapper .swiper-slide:nth-child(1) .faceidPage__error-slide-image, .faceidPage__error__wrapper .swiper-slide:nth-child(3) .faceidPage__error-slide-image { margin-right: 45px; } .faceidPage__error__wrapper .swiper-slide:nth-child(2) .faceidPage__error-slide-image { margin-left: 45px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .faceidPage__error__wrapper .swiper-slide:nth-child(2) .faceidPage__error-slide-content { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media (max-width: 600px) { .faceidPage__error__wrapper { padding: 52px 0 26px; } .faceidPage__error__wrapper h2 { font-size: 24px; line-height: 28px; margin-bottom: 32px; } .faceidPage__error__wrapper .swiper-wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .faceidPage__error__wrapper .swiper-button-next, .faceidPage__error__wrapper .swiper-button-prev { display: block; background-image: none; width: auto; height: auto; top: 150px; } .faceidPage__error__wrapper .swiper-slide { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; margin-top: 0; display: block; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-content { max-width: 100%; padding-right: 69px; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-image { margin-bottom: 24px; } .faceidPage__error__wrapper .swiper-slide .faceidPage__error-slide-image img { max-width: 143px; } .faceidPage__error__wrapper .swiper-slide:nth-child(1) .faceidPage__error-slide-image, .faceidPage__error__wrapper .swiper-slide:nth-child(3) .faceidPage__error-slide-image { margin-right: 0; } .faceidPage__error__wrapper .swiper-slide:nth-child(2) .faceidPage__error-slide-image { margin-left: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .faceidPage__error__wrapper .swiper-slide:nth-child(2) .faceidPage__error-slide-content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .faceidPage__slider { overflow: hidden; } .faceidPage__slider__wrapper { padding: 80px 0 0; } .faceidPage__slider__wrapper .swiper-container { padding-bottom: 152px; overflow: visible; } .faceidPage__slider__wrapper-slide img { width: 100%; } .faceidPage__slider__wrapper .swiper-pagination { bottom: 74px; margin-left: auto; margin-right: auto; } .faceidPage__slider__wrapper .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; opacity: 0.8; margin: 0 6px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #ddd; } .faceidPage__slider__wrapper .swiper-pagination-bullet-active { background-color: #37d97b; } @media (max-width: 1180px) { .faceidPage__slider__wrapper { padding: 60px 0 0; } .faceidPage__slider__wrapper .swiper-container { padding-bottom: 112px; } } @media (max-width: 600px) { .faceidPage__slider__wrapper { padding: 25px 0 0; } .faceidPage__slider__wrapper .swiper-container { padding-bottom: 67px; } .faceidPage__slider__wrapper .swiper-pagination { bottom: 31px; } .faceidPage__slider__wrapper .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px; } } .faceidPage__models { background-color: #f8f8f8; } .faceidPage__models__wrapper { padding: 100px 0 90px; max-width: 520px; margin: 0 auto; } .faceidPage__models__wrapper h2 { font-size: 57px; line-height: 57px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 20px; } .faceidPage__models__wrapper p { font-size: 16px; line-height: 24px; color: #939393; text-align: center; margin-bottom: 45px; } .faceidPage__models__wrapper p br { display: block; } .faceidPage__models__wrapper p br.tablet { display: none; } .faceidPage__models__wrapper p br.mob { display: none; } .faceidPage__models__wrapper ul { list-style-type: none; } .faceidPage__models__wrapper ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 22px 0; border-bottom: 1px solid #ddd; } .faceidPage__models__wrapper ul li:last-child { border-bottom: none; padding-bottom: 0; } .faceidPage__models__wrapper ul li a { font-size: 16px; line-height: 20px; color: #010306; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .faceidPage__models__wrapper ul li a:hover { color: #37d97b; } .faceidPage__models__wrapper ul li span { font-size: 18px; line-height: 22px; font-weight: 500; color: #010306; } @media (max-width: 1180px) { .faceidPage__models__wrapper { padding: 70px 0 55px; } .faceidPage__models__wrapper h2 { font-size: 42px; line-height: 50px; margin-bottom: 10px; } .faceidPage__models__wrapper p { margin-bottom: 18px; } .faceidPage__models__wrapper p br { display: none; } .faceidPage__models__wrapper p br.mob { display: none; } .faceidPage__models__wrapper p br.tablet { display: block; } } @media (max-width: 600px) { .faceidPage__models { background-color: #fff; padding: 35px 0 50px; } .faceidPage__models__wrapper { padding: 40px 16px 22px; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.15); } .faceidPage__models__wrapper h2 { font-size: 24px; line-height: 28px; } .faceidPage__models__wrapper p { margin-bottom: 11px; line-height: 20px; } .faceidPage__models__wrapper p br { display: none; } .faceidPage__models__wrapper p br.tablet { display: none; } .faceidPage__models__wrapper p br.mob { display: block; } } .catalogPage { background-color: #f8f8f8; padding-bottom: 100px; } .catalogPage__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalogPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalogPage__wrapper .breadcrums a:hover { color: #37d97b; } .catalogPage__wrapper .breadcrums svg { margin: 0 10px; } .catalogPage__wrapper h1 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 53px; } .catalogPage__wrapper__item { width: 100%; display: block; height: 100%; padding: 40px; } .catalogPage__wrapper .swiper-scrollbar { display: none; height: 2px; } .catalogPage__wrapper .swiper-scrollbar-drag { background-color: #37d97b; } .catalogPage__wrapper .swiper-container { overflow: visible; } .catalogPage__wrapper .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 20px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide { position: relative; border-radius: 3px; background-color: #fff; overflow: hidden; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); } .catalogPage__wrapper .swiper-wrapper .swiper-slide h2 { font-size: 30px; line-height: 30px; color: #010306; font-family: Montserrat-SemiBold; z-index: 2; position: relative; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img { display: block; position: absolute; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img.tablet { display: none; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img.mob { display: none; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(1) { min-height: 256px; grid-row: 1/5; grid-column: 1/7; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(1) img { width: 100%; bottom: 0; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(2) { min-height: 196px; grid-row: 1/4; grid-column: 7/13; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(2) img { right: 110px; top: 7px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(3) { min-height: 290px; grid-row: 5/13; grid-column: 1/7; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(3) img { width: 100%; left: 0; bottom: 0; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(4) { min-height: 350px; grid-row: 4/13; grid-column: 7/10; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(4) img { top: 45px; right: 55px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(5) { min-height: 350px; grid-row: 4/13; grid-column: 10/13; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(5) img { width: 100%; bottom: 7px; left: 0; } @media (max-width: 1180px) { .catalogPage { padding-bottom: 72px; overflow: hidden; } .catalogPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .catalogPage__wrapper h1 { font-size: 30px; line-height: 30px; margin-top: 0; margin-bottom: 32px; } .catalogPage__wrapper__item { padding: 30px 20px; } .catalogPage__wrapper .swiper-scrollbar { display: block; bottom: -10px; } .catalogPage__wrapper .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 0; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img { display: none; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img.tablet { display: block; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img.mob { display: none; } .catalogPage__wrapper .swiper-wrapper .swiper-slide h2 { font-size: 24px; line-height: 24px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(1) { min-height: 300px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(1) img { width: auto; right: -20px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(2) { min-height: 300px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(2) .catalogPage__wrapper__item-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(2) .catalogPage__wrapper__item-image img { right: auto; bottom: 41px; top: auto; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(3) { min-height: 300px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(3) .catalogPage__wrapper__item-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(3) .catalogPage__wrapper__item-image img { left: auto; top: auto; bottom: 36px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(4) { min-height: 300px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(4) .catalogPage__wrapper__item-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(4) .catalogPage__wrapper__item-image img { top: auto; bottom: 18px; right: auto; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(5) { min-height: 300px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(5) .catalogPage__wrapper__item-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(5) .catalogPage__wrapper__item-image img { bottom: 25px; width: auto; left: auto; } } @media (max-width: 600px) { .catalogPage__wrapper .breadcrums { padding: 16px 0; } .catalogPage__wrapper .breadcrums a { line-height: 14px; } .catalogPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-bottom: 20px; } .catalogPage__wrapper__item { padding: 30px 20px; } .catalogPage__wrapper .swiper-scrollbar { bottom: -20px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img { display: none; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img.tablet { display: none; } .catalogPage__wrapper .swiper-wrapper .swiper-slide img.mob { display: block; } .catalogPage__wrapper .swiper-wrapper .swiper-slide h2 { font-size: 18px; line-height: 18px; text-align: center; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(1) { min-height: 268px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(1) img { right: -20px; bottom: -6px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(2) { min-height: 268px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(2) .catalogPage__wrapper__item-image img { bottom: 45px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(3) { min-height: 268px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(3) .catalogPage__wrapper__item-image img { bottom: 59px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(4) { min-height: 268px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(4) .catalogPage__wrapper__item-image img { bottom: 45px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(5) { min-height: 268px; } .catalogPage__wrapper .swiper-wrapper .swiper-slide:nth-child(5) .catalogPage__wrapper__item-image img { bottom: 51px; } } .errorPage__index { overflow: hidden; } .errorPage__index__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 143px 0 71px; } .errorPage__index__wrapper-left { padding-bottom: 120px; } .errorPage__index__wrapper-left h1 { color: #fff; } .errorPage__index__wrapper-left h1 .errorPage__title-t { display: none; } .errorPage__index__wrapper-left h1 br.tablet { display: none; } .errorPage__index__wrapper-left h1 .title__row { margin-top: 7px; } .errorPage__index__wrapper-left h1 .title__row:first-child { margin-top: 0; } .errorPage__index__wrapper-left h1 span { display: inline-block; margin-right: 10px; font-size: 47px; line-height: 50px; font-family: Montserrat-Bold; } .errorPage__index__wrapper-left h1 span.green { background-color: #37d97b; padding: 2px; } .errorPage__index__wrapper-left p { font-size: 16px; line-height: 24px; color: #fff; margin-top: 8px; } .errorPage__index__wrapper-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .errorPage__index__wrapper-right p { font-size: 16px; line-height: 24px; color: #ddd; position: relative; padding-top: 14px; } .errorPage__index__wrapper-right p br { display: block; } .errorPage__index__wrapper-right p br.mob { display: none; } .errorPage__index__wrapper-right p:before { content: ''; position: absolute; top: 0; left: 0; height: 1px; background-color: #a7a6a9; right: -999px; } .errorPage__index__wrapper-right span { display: inline-block; margin-top: 18px; font-size: 36px; font-family: Montserrat-SemiBold; line-height: 36px; text-shadow: 0 0 30px rgba(115,221,124,0.5); color: #37d97b; } @media (max-width: 1180px) { .errorPage__index { background: url("/images/errorPage__index-t.png") 50% 100% no-repeat !important; background-size: cover !important; } .errorPage__index__wrapper { padding: 70px 0 90px; position: relative; } .errorPage__index__wrapper-left { padding-bottom: 554px; } .errorPage__index__wrapper-left h1 .errorPage__title { display: none; } .errorPage__index__wrapper-left h1 .errorPage__title-t { display: block; } .errorPage__index__wrapper-left h1 .errorPage__title-t span.green { margin-top: 4px; display: inline-block; } .errorPage__index__wrapper-left h1 br.tablet { display: block; } .errorPage__index__wrapper-left h1 .title__row { margin-top: 5px; } .errorPage__index__wrapper-left h1 span { display: block; font-size: 48px; line-height: 48px; } .errorPage__index__wrapper-left p { display: none; } .errorPage__index__wrapper-right { position: absolute; bottom: 90px; right: 0; } } @media (max-width: 670px) { .errorPage__index { background: url("/images/errorPage__index-m.png") 50% 100% no-repeat !important; background-size: cover !important; } .errorPage__index__wrapper { padding: 32px 0 54px; } .errorPage__index__wrapper-left { padding-bottom: 367px; } .errorPage__index__wrapper-left h1 span { font-size: 24px; line-height: 29px; } .errorPage__index__wrapper-left h1 span:nth-child(1) { font-size: 44px; line-height: 44px; } .errorPage__index__wrapper-right { bottom: 54px; } .errorPage__index__wrapper-right p:before { background-color: #fff; } .errorPage__index__wrapper-right p br { display: none; } .errorPage__index__wrapper-right p br.mob { display: block; } } .errorPage__info__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .errorPage__info__wrapper-image { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .errorPage__info__wrapper-image img { display: block; max-width: 391px; width: 100%; } .errorPage__info__wrapper-content { -webkit-flex-basis: 57%; -ms-flex-preferred-size: 57%; flex-basis: 57%; padding: 100px 0 119px; } .errorPage__info__wrapper-content h2 { font-size: 36px; line-height: 50px; color: #010306; margin-bottom: 70px; } .errorPage__info__wrapper-content h2 span { color: #37d97b; } .errorPage__info__wrapper-content h2 br { display: block; } .errorPage__info__wrapper-content h2 br.mob { display: none; } .errorPage__info__wrapper-content p { position: relative; padding-left: 26px; font-size: 24px; margin-top: 16px; line-height: 34px; color: #939393; } .errorPage__info__wrapper-content p span { font-weight: 500; } .errorPage__info__wrapper-content p:before { top: 12px; content: ''; position: absolute; left: 0; width: 12px; height: 12px; background-color: #37d97b; border-radius: 50%; } @media (max-width: 1180px) { .errorPage__info__wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 70px 0 0; } .errorPage__info__wrapper-image { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .errorPage__info__wrapper-image img { max-width: 411px; } .errorPage__info__wrapper-content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0; margin-bottom: 40px; } } @media (max-width: 670px) { .errorPage__info__wrapper { padding: 32px 0 0; } .errorPage__info__wrapper-image img { max-width: 295px; } .errorPage__info__wrapper-content { margin-bottom: 42px; } .errorPage__info__wrapper-content h2 { font-size: 20px; line-height: 28px; margin-bottom: 20px; } .errorPage__info__wrapper-content h2 br { display: none; } .errorPage__info__wrapper-content h2 br.mob { display: block; } .errorPage__info__wrapper-content p { font-size: 16px; padding-left: 19px; line-height: 24px; } .errorPage__info__wrapper-content p:before { width: 8px; height: 8px; top: 8px; } } .errorPage__reason { background-color: #010306; } .errorPage__reason__wrapper { padding: 80px 0; } .errorPage__reason__wrapper h2 { font-size: 48px; line-height: 48px; color: #fff; font-family: Montserrat-SemiBold; } .errorPage__reason__wrapper p { font-size: 24px; line-height: 36px; color: #fff; margin-top: 40px; } .errorPage__reason__wrapper p br { display: block; } .errorPage__reason__wrapper p br.tablet { display: none; } .errorPage__reason__wrapper p br.mob { display: none; } .errorPage__reason__wrapper blockquote { margin-top: 34px; background-color: #37d97b; border-left: 8px solid #fff; color: #fff; padding: 16px 45px 16px 18px; font-size: 16px; line-height: 25px; max-width: 697px; } .errorPage__reason__wrapper blockquote br { display: block; } .errorPage__reason__wrapper blockquote br.tablet { display: none; } .errorPage__reason__wrapper blockquote br.mob { display: none; } @media (max-width: 1180px) { .errorPage__reason__wrapper { padding: 40px 0; } .errorPage__reason__wrapper h2 { font-size: 32px; line-height: 40px; } .errorPage__reason__wrapper p { font-size: 20px; line-height: 32px; margin-top: 16px; } .errorPage__reason__wrapper p br { display: none; } .errorPage__reason__wrapper p br.mob { display: none; } .errorPage__reason__wrapper p br.tablet { display: block; } .errorPage__reason__wrapper p:last-child { display: none; } .errorPage__reason__wrapper blockquote { margin-top: 32px; border-left: 4px solid #fff; padding: 16px 62px 16px 16px; line-height: 20px; max-width: 535px; } .errorPage__reason__wrapper blockquote br { display: none; } .errorPage__reason__wrapper blockquote br.mob { display: none; } .errorPage__reason__wrapper blockquote br.tablet { display: block; } } @media (max-width: 600px) { .errorPage__reason__wrapper h2 { font-size: 24px; line-height: 24px; } .errorPage__reason__wrapper p { font-size: 16px; line-height: 24px; margin-top: 18px; } .errorPage__reason__wrapper p br { display: none; } .errorPage__reason__wrapper p br.tablet { display: none; } .errorPage__reason__wrapper p br.mob { display: block; } .errorPage__reason__wrapper blockquote { margin-top: 24px; padding: 16px 21px 16px 10px; font-size: 14px; line-height: 18px; max-width: 326px; } .errorPage__reason__wrapper blockquote br { display: none; } .errorPage__reason__wrapper blockquote br.tablet { display: none; } .errorPage__reason__wrapper blockquote br.mob { display: block; } } @media (max-width: 374px) { .errorPage__reason__wrapper p br { display: none; } .errorPage__reason__wrapper p br.tablet { display: none; } .errorPage__reason__wrapper p br.mob { display: none; } .errorPage__reason__wrapper blockquote br { display: none; } .errorPage__reason__wrapper blockquote br.tablet { display: none; } .errorPage__reason__wrapper blockquote br.mob { display: none; } } .errorPage__models__wrapper { padding: 80px 0; } .errorPage__models__wrapper h2 { font-size: 48px; line-height: 54px; font-family: Montserrat-SemiBold; color: #010306; } .errorPage__models__wrapper h2 br { display: block; } .errorPage__models__wrapper h2 br.mob { display: none; } .errorPage__models__wrapper-text { font-size: 24px; line-height: 36px; color: #939393; margin-top: 40px; } .errorPage__models__wrapper-text br { display: block; } .errorPage__models__wrapper-text br.mob { display: none; } .errorPage__models__wrapper-text span { font-weight: 700; } .errorPage__models__wrapper-text:nth-child(2) { margin-top: 24px; } .errorPage__models__wrapper-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 100px; } .errorPage__models__wrapper-block { -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; } .errorPage__models__wrapper-block img { width: 100%; display: block; margin-bottom: 30px; } .errorPage__models__wrapper-block p { font-size: 18px; line-height: 31px; color: #a7a6a9; } .errorPage__models__wrapper-items { margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .errorPage__models__wrapper-item { -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1); box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 29px 0; min-width: 160px; max-width: 160px; margin-right: 16px; } .errorPage__models__wrapper-item:last-child { margin-right: 0; } .errorPage__models__wrapper-item img { margin-bottom: 32px; } .errorPage__models__wrapper-item p { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; font-size: 16px; line-height: 18px; color: #010306; } .errorPage__models__wrapper-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .errorPage__models__wrapper-price-mob { display: none; } .errorPage__models__wrapper-price p { font-size: 34px; line-height: 54px; color: #010306; } .errorPage__models__wrapper-price span { font-size: 96px; line-height: 96px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 1px; } @media (max-width: 1305px) { .errorPage__models__wrapper { padding: 50px 0 60px; } .errorPage__models__wrapper-items { margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .errorPage__models__wrapper-item { margin-right: 20px; margin-top: 20px; } .errorPage__models__wrapper-price { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; height: 202px; width: 282px; } .errorPage__models__wrapper-price p { font-size: 24px; line-height: 24px; text-align: right; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .errorPage__models__wrapper-price span { font-size: 72px; line-height: 72px; margin-top: 8px; text-align: right; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (max-width: 1180px) { .errorPage__models__wrapper h2 { font-size: 32px; line-height: 40px; } .errorPage__models__wrapper-text { font-size: 20px; line-height: 32px; margin-top: 32px; } .errorPage__models__wrapper-text:nth-child(2) { margin-top: 16px; } .errorPage__models__wrapper-blocks { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; } .errorPage__models__wrapper-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 50px; } .errorPage__models__wrapper-block img { margin-bottom: 20px; } .errorPage__models__wrapper-block p { font-size: 20px; line-height: 32px; } .errorPage__models__wrapper-item img { margin-bottom: 26px; } .errorPage__models__wrapper-item p { font-size: 14px; line-height: 18px; } } @media (max-width: 700px) { .errorPage__models__wrapper { padding: 40px 0 6px; } .errorPage__models__wrapper h2 { font-size: 24px; line-height: 28px; } .errorPage__models__wrapper h2 br { display: none; } .errorPage__models__wrapper h2 br.mob { display: block; } .errorPage__models__wrapper-text { font-size: 16px; line-height: 24px; margin-top: 20px; } .errorPage__models__wrapper-text br { display: none; } .errorPage__models__wrapper-text br.mob { display: block; } .errorPage__models__wrapper-text:nth-child(2) { margin-top: 18px; } .errorPage__models__wrapper-items { padding-top: 32px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 24px; position: relative; margin: 0 -16px; } .errorPage__models__wrapper-block img { margin-bottom: 20px; } .errorPage__models__wrapper-block p { font-size: 20px; line-height: 32px; } .errorPage__models__wrapper-item { min-width: 125px; max-width: 125px; margin-top: 0; } .errorPage__models__wrapper-item:first-child { margin-left: 16px; } .errorPage__models__wrapper-item img { margin-bottom: 26px; width: 58px; } .errorPage__models__wrapper-item p { font-size: 14px; line-height: 18px; } .errorPage__models__wrapper-price { display: none; } .errorPage__models__wrapper-price-mob { display: block; margin-top: 38px; } .errorPage__models__wrapper-price-mob p { font-size: 20px; line-height: 20px; text-align: center; } .errorPage__models__wrapper-price-mob span { font-size: 44px; line-height: 44px; margin-top: 16px; text-align: center; display: block; font-family: Montserrat-ExtraBold; } } .errorPage__video__wrapper { padding: 70px 0; } @media (max-width: 1180px) { .errorPage__video__wrapper { padding: 60px 0; } .faceidpage__video__wrapper-video { max-height: 393px; height: 393px; max-height: 393px; } .faceidpage__video__wrapper-video__button svg { width: 67px; height: 67px; } } @media (max-width: 600px) { .errorPage__video__wrapper { padding: 40px 0; } .faceidpage__video__wrapper-video { max-height: 193px; height: 193px; max-height: 193px; } .faceidpage__video__wrapper-video__button svg { width: 47px; height: 47px; } } .newCard2__top { margin: 24px 0 20px; overflow-x: hidden; } .newCard2__top__slider .swiper-pagination { display: none; bottom: 20px; } .newCard2__top__slider .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #fff; margin: 0 10px !important; opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard2__top__slider .swiper-pagination-bullet-active { background-color: #37d97b; } .newCard2__top__slider .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 20px; } .newCard2__top__slider .swiper-wrapper .swiper-slide { background-color: #000; border-radius: 3px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) { grid-row: 1/3; grid-column: 1/9; padding: 52px 46px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2 { font-size: 36px; line-height: 45px; position: relative; color: #fff; font-family: Montserrat-Bold; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2 span.green { color: #37d97b; text-shadow: 0 0 20px rgba(89,181,97,0.5); } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2 span.purple { color: #b189ea; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2 span.purple-bg { background-color: #9888f8; padding: 0 6px 2px; border-radius: 10px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2.big { font-size: 49px; line-height: 51px; margin-bottom: 26px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2.bordered { margin-bottom: 29px; display: inline-block; padding-right: 30px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2.bordered:before { content: ''; right: 0; height: 5px; background-color: #86f90f; left: -999px; position: absolute; bottom: -25px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) p { margin-top: 24px; font-size: 14px; line-height: 14px; color: #c4c4c4; font-family: Montserrat-SemiBold; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) p.gray { color: #c4c4c4; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol { margin-top: 8px; counter-reset: number; list-style-type: none; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol li { font-size: 14px; line-height: 26px; color: #c4c4c4; font-family: Montserrat-Medium; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol li span { min-width: 30px; display: inline-block; padding-right: 7px; position: relative; font-size: 26px; line-height: 40px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; font-family: Montserrat-SemiBold; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol.purple li span { -webkit-text-stroke-color: #bf9cfd; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol.green li span { -webkit-text-stroke-color: #37d97b; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol.green-solid li span { min-width: 20px; -webkit-text-stroke-color: transparent; color: #37d97b; -webkit-text-stroke-width: 0; font-size: 14px; line-height: 26px; padding-right: 9px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol.purple-solid li span { min-width: 20px; -webkit-text-stroke-color: transparent; color: #bf9cfd; -webkit-text-stroke-width: 0; font-size: 14px; line-height: 26px; padding-right: 9px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ul { margin-top: 8px; padding-left: 20px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ul li { font-size: 14px; line-height: 26px; color: #c4c4c4; font-family: Montserrat-Medium; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ul.green li::marker { color: #37d97b; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ul.gray li { color: #c4c4c4; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ul.gray li::marker { color: #c4c4c4; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 50px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a span { font-size: 16px; line-height: 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #fff; font-family: Montserrat-SemiBold; display: inline-block; margin-right: 20px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a svg path, .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a svg circle { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a svg.mob { display: none; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a:hover span { color: #fff; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a:hover svg path { fill: #fff; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a:hover svg circle { stroke: #fff; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a.purple span { color: #ac98cf; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a.purple svg path { fill: #ac98cf; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a.purple svg circle { stroke: #ac98cf; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a.green span { color: #37d97b; text-shadow: 0 0 20px rgba(89,181,97,0.5); } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a.green svg path { fill: #37d97b; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a.green svg circle { stroke: #37d97b; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) { grid-column: 9/13; grid-row: 1/2; height: 240px; padding: 68px 30px 91px; position: relative; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) h2 { font-size: 18px; line-height: 18px; color: #fff; font-family: Montserrat-SemiBold; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) p { font-size: 51px; line-height: 51px; color: #fff; font-family: Montserrat-ExtraBold; margin-top: 12px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) svg { position: absolute; right: 26px; bottom: 15px; z-index: 2; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) { grid-row: 2/3; grid-column: 9/13; height: 240px; padding: 45px 30px 56px; position: relative; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) h2 { font-size: 32px; line-height: 36px; color: #fff; font-family: Montserrat-SemiBold; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) p { font-size: 14px; line-height: 19px; color: #a7a6a9; font-family: Montserrat-Regular; margin-top: 12px; } @media (max-width: 1180px) { .newCard2__top { margin: 0 0 12px; } .newCard2__top__slider { margin: 0 -35px; } .newCard2__top__slider .swiper-pagination { display: block; } .newCard2__top__slider .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 0; } .newCard2__top__slider .swiper-wrapper .swiper-slide { border-radius: 0; min-height: 414px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) { grid-row: 1/2; grid-column: 1/13; padding: 46px 34px 40px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a { margin-top: 30px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2.big { font-size: 42px; line-height: 45px; margin-bottom: 8px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) { grid-column: 1/13; padding: 147px 49px 40px; height: auto; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) h2 { font-size: 22px; line-height: 22px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) p { font-size: 64px; line-height: 64px; margin-top: 20px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) svg { right: 34px; bottom: 22px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) { grid-column: 1/13; height: auto; padding: 89px 57px 40px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) h2 { font-size: 49px; line-height: 53px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) p { margin-top: 18px; } .newCard2__top__slider1 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider1 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider1 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider2 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-2.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider2 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider2 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider3 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-3.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider3 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider3 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider4 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-4.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider4 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider4 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider5 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-5.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider5 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider5 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider6 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-6.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider6 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider6 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider7 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-7.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider7 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider7 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider8 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-8.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider8 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider8 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider9 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-9.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider9 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider9 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider10 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-10.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider10 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider10 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider11 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-11.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider11 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider11 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider12 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-12.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider12 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider12 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider13 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-tablet-13.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider13 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider13 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-tablet-1.png") 50% 50% no-repeat !important; background-size: cover !important; } } @media (max-width: 600px) { .newCard2__top { margin: 0 0 4px; } .newCard2__top__slider { margin: 0 -16px; } .newCard2__top__slider .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 7px !important; } .newCard2__top__slider .swiper-pagination-bullet-active { width: 20px; border-radius: 4px; } .newCard2__top__slider .swiper-wrapper .swiper-slide { min-height: 523px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) { padding: 43px 16px 40px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2 { font-size: 26px; line-height: 38px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2.big { font-size: 34px; line-height: 40px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ul { display: none; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) p { display: none; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) ol { display: none; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2.bordered { margin-bottom: 0; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) h2.bordered:before { display: none; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(1) a { display: none; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) { grid-column: 1/13; padding: 195px 16px 40px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) h2 { font-size: 18px; line-height: 18px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) p { font-size: 51px; line-height: 51px; margin-top: 17px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(2) svg { right: 18px; bottom: auto; top: 46px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) { grid-column: 1/13; padding: 76px 16px 40px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) h2 { font-size: 44px; line-height: 44px; } .newCard2__top__slider .swiper-wrapper .swiper-slide:nth-child(3) p { margin-top: 14px; font-size: 19px; line-height: 19px; } .newCard2__top__slider1 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider1 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider1 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider2 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-2.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider2 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider2 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider3 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-3.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider3 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider3 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider4 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-4.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider4 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider4 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider5 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-5.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider5 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider5 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider6 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-6.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider6 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider6 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider7 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-7.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider7 .swiper-slide:nth-child(1) ol { display: none; } .newCard2__top__slider7 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider7 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider8 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-8.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider8 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider8 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider9 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-9.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider9 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider9 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider10 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-10.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider10 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider10 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider11 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-11.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider11 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider11.swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider12 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-12.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider12 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider12 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider13 .swiper-slide:nth-child(1) { background: url("/images/newCard2-bg1-mob-13.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider13 .swiper-slide:nth-child(2) { background: url("/images/newCard2-bg2-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2__top__slider13 .swiper-slide:nth-child(3) { background: url("/images/newCard2-bg3-mob-1.png") 50% 50% no-repeat !important; background-size: cover !important; } } .newCard2Page .seo { background-color: #fff; padding-top: 0; padding-bottom: 120px; } .newCard2Page .faq { padding-top: 60px; } .newCard2Page .map { padding-bottom: 0; } .newCard2Page .repairService-prices { padding-top: 80px; } .newCard2Page .videoNew { background-color: transparent; padding-bottom: 120px; } .newCard2Page .videoNew__wrapper { position: relative; } .newCard2Page .videoNew__wrapper iframe { display: block; } .newCard2Page .videoNew__block { background-color: rgba(0,0,0,0.5); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 0; left: 0; width: calc(100% - 70px); height: 100%; margin: 0 35px; } .newCard2Page .videoNew__block svg { position: absolute; width: 80px; height: 80px; left: 50%; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .newCard2Page .videoNew__block svg:hover { -webkit-transform: scale(1.1) translateX(-45%) translateY(-45%); -ms-transform: scale(1.1) translateX(-45%) translateY(-45%); transform: scale(1.1) translateX(-45%) translateY(-45%); } .newCard2Page .videoNew__block span { font-size: 22px; line-height: 32px; color: #fff; text-align: center; bottom: 111px; position: absolute; max-width: 876px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .newCard2 { margin-top: 132px; margin-bottom: 120px; } .newCard2__wrapper h1 { font-size: 44px; line-height: 44px; font-family: Montserrat-SemiBold; color: #010306; margin-top: 36px; } .newCard2__desc { grid-column: 4/7; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newCard2__desc__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 16px; } .newCard2__desc__item-tradein { margin-top: 32px; } .newCard2__desc__item:first-child { margin-top: 0; } .newCard2__desc__item h4 { font-size: 14px; line-height: 14px; color: #939393; margin-bottom: 8px; } .newCard2__desc__item p { font-size: 16px; line-height: 16px; color: #3e3e3e; } .newCard2__desc__item a { color: #37d97b; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .newCard2__desc__item a:hover { color: #12b857; } .newCard2__image { grid-column: 1/4; position: relative; } .newCard2__image img { max-width: 310px; -o-object-fit: cover; object-fit: cover; width: 100%; max-height: 310px; height: 100%; } .newCard2__image__tip { position: absolute; padding: 16px; top: -20px; left: 0; background-color: #fff; -webkit-box-shadow: 6px 6px 20px rgba(0,0,0,0.12); box-shadow: 6px 6px 20px rgba(0,0,0,0.12); border-radius: 3px; width: 258px; } .newCard2__image__tip__close { position: absolute; top: 8px; right: 8px; cursor: pointer; } .newCard2__image__tip__close svg path { -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s; will-change: stroke; } .newCard2__image__tip__close:hover svg path { stroke: #37d97b; } .newCard2__image__tip p { max-width: 202px; color: #5c5b5b; font-size: 12px; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .newCard2__image__tip p a { color: #37d97b; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; font-size: 12px; line-height: 16px; } .newCard2__image__tip p a:hover { color: #12b857; } .newCard2__block { display: grid; margin-top: 64px; position: relative; gap: 20px; grid-template-columns: repeat(12, minmax(0, 1fr)); } .newCard2__items { grid-column: 5/9; margin-left: -20px; } .newCard2__radios { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -8px; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__radios h3 { font-size: 16px; line-height: 16px; font-weight: 500; color: #010306; margin-bottom: 16px; display: none; } .newCard2__additionalServices { margin-top: 40px; position: relative; } .newCard2__additionalServices h3 { font-size: 20px; line-height: 22px; font-weight: 500; color: #010306; margin-bottom: 16px; } .newCard2__additionalServices:first-child { margin-top: 0; } .newCard2__additionalService { position: relative; margin-top: 26px; display: block; } .newCard2__additionalService:first-child { margin-top: 0; } .newCard2__additionalService input { position: absolute; visibility: hidden; top: 0; left: 0; } .newCard2__additionalService input:checked + .newCard2__additionalService__container:after { opacity: 1; } .newCard2__additionalService__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 28px; cursor: pointer; } .newCard2__additionalService__container:before { content: ''; position: absolute; cursor: pointer; left: 0; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #c4c4c4; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard2__additionalService__container:after { content: url("/images/check.svg"); position: absolute; top: -2px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); cursor: pointer; left: 7px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .newCard2__additionalService__container span { font-size: 16px; line-height: 16px; display: inline-block; margin-right: 16px; color: #5c5b5b; } .newCard2__additionalService__container p { font-size: 16px; line-height: 16px; font-weight: 600; color: #3e3e3e; font-family: Montserrat-SemiBold; margin-right: 3px; } .newCard2__additionalService__container div { color: #3e3e3e; } .newCard2__radio { margin-right: 8px; margin-top: 8px; position: relative; cursor: pointer; max-width: 190px; /*display: none;*/ } .newCard2__radio__button { display: none; } .newCard2__radio:nth-child(2), .newCard2__radio:nth-child(3), .newCard2__radio:nth-child(4) { display: block; } .newCard2__radio input { position: absolute; visibility: hidden; top: 0; left: 0; } .newCard2__radio input:checked + .newCard2__radio__button + .newCard2__radio__container { /*border-color: #37d97b;*/ } .newCard2__radio__container { border: 1px solid #ddd; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s; will-change: border-color, background-color, color; padding: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #3e3e3e; min-width: 120px; max-width: 120px; border-radius: 3px; position: relative; } .newCard2__radio__container:hover { background-color: #37d97b; color: #fff; } .newCard2__radio__container:hover .newCard2__radio__container__tip { opacity: 1; visibility: visible; color: #3e3e3e; } .newCard2__radio__container__tip { position: absolute; top: -58px; left: 0; width: 256px; padding: 14px 40px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 3px; background: #fff; z-index: 20; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; color: #3e3e3e; font-size: 16px; line-height: 20px; } .newCard2__radio__container__tip:after { content: ''; position: absolute; bottom: -19px; left: 40px; border: 10px solid transparent; border-top: 10px solid #fff; } .newCard2__radio span { font-size: 16px; line-height: 20px; display: block; text-align: center; margin-bottom: 16px; width: 100%; } .newCard2__radio p { font-size: 16px; line-height: 16px; font-weight: 600; font-family: Montserrat-SemiBold; margin-right: 3px; } .newCard2__more { color: #37d97b; font-size: 16px; line-height: 16px; position: absolute; right: 17px; cursor: pointer; display: none; margin-top: 10px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .newCard2__more:hover { color: #12b857; } .newCard2__payment { grid-column: 9/13; } .newCard2__points { background-color: #f8f8f8; border-radius: 15px; padding-top: 40px; padding-right: 30px; padding-left: 30px; padding-bottom: 32px; } .newCard2__price { padding-top: 28px; border-top: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newCard2__price__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #010306; } .newCard2__price__text__container { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;*/ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .newCard2__price__text__container input { position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0; } .newCard2__price__text__container span { font-size: 32px; line-height: 32px; font-family: sans-serif; font-weight: 600; } .newCard2__price__text__container span:last-child { margin-left: 3px; font-family: Montserrat-SemiBold; display: inline-block; } .newCard2__price__button { margin-left: 8px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__price__button svg { cursor: pointer; } .newCard2__price__button:hover .newCard2__price__tip { opacity: 1; visibility: visible; } .newCard2__price__tip { padding: 20px 18px 26px; background-color: #fff; -webkit-box-shadow: 0 0 17px rgba(0,0,0,0.15); box-shadow: 0 0 17px rgba(0,0,0,0.15); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 43px; width: 316px; right: -60px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; } .newCard2__price__tip:after { content: ''; position: absolute; bottom: -19px; right: 60px; border: 10px solid transparent; border-top: 10px solid #fff; } .newCard2__price__tip p { font-size: 16px; line-height: 20px; text-align: center; color: #5c5b5b; margin-bottom: 20px; font-weight: 400; font-family: 'Roboto'; } .newCard2__price__tip a { color: #37d97b; font-size: 16px; line-height: 16px; font-weight: 400; margin-bottom: 20px; display: inline-block; font-family: 'Roboto'; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .newCard2__price__tip a:last-child { margin-bottom: 0; } .newCard2__price__tip a:hover { color: #12b857; } .newCard2__price__title { font-size: 18px; line-height: 22px; color: #3e3e3e; } .newCard2__button { margin-top: 20px; } .newCard2__button button { background-color: #37d97b; padding: 17px; text-align: center; cursor: pointer; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; border-radius: 3px; color: #fff; width: 100%; border: none; font-size: 16px; line-height: 16px; } .newCard2__button button:hover { background-color: #12b857; } .newCard2__select { margin-top: 40px; } .newCard2__select:first-child { margin-top: 0; } .newCard2__select-short .newCard2__select__item { max-width: 148px; width: 148px; } .newCard2__select h3 { font-size: 20px; line-height: 22px; font-weight: 500; color: #010306; margin-bottom: 16px; } .newCard2__select__item { position: relative; border: 1px solid #c4c4c4; border-radius: 3px; max-width: 310px; width: 310px; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; will-change: border-color; } .newCard2__select__item:hover { border-color: #37d97b; } .newCard2__select__item select { cursor: pointer; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 13px 17px 9px 14px; font-size: 18px; border: none; line-height: 20px; width: 100%; color: #3e3e3e; font-weight: 400; background-color: #fff; } .newCard2__select__item svg { position: absolute; right: 17px; bottom: 17px; z-index: 2; width: 7px; height: 4px; } .newCard2__advantages { margin-top: 40px; } .newCard2__advantages:first-child { margin-top: 0; } .newCard2__advantage { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__advantage:first-child { margin-top: 0; } .newCard2__advantage svg { margin-right: 10px; } .newCard2__advantage span { font-size: 16px; line-height: 20px; color: #5c5b5b; } .newCard2__tradein { font-size: 16px; line-height: 20px; color: #37d97b; display: inline-block; margin-top: 24px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .newCard2__tradein:hover { color: #12b857; } .newCard2__info { padding-bottom: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .newCard2__info__inner { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newCard2__checker { cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__checker__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__checker__button svg { cursor: pointer; } .newCard2__checker__tip { padding: 20px 5px; background-color: #fff; -webkit-box-shadow: 0 0 17px rgba(0,0,0,0.15); box-shadow: 0 0 17px rgba(0,0,0,0.15); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 35px; width: 280px; left: -50px; opacity: 0; z-index: 2; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; } .newCard2__checker__tip:after { content: ''; position: absolute; bottom: -19px; left: 40px; border: 10px solid transparent; border-top: 10px solid #fff; } .newCard2__checker__tip p { font-size: 16px; line-height: 20px; text-align: center; color: #5c5b5b; margin-bottom: 20px; font-weight: 400; font-family: 'Roboto'; } .newCard2__checker__tip a { color: #37d97b; font-size: 16px; line-height: 16px; font-weight: 400; display: inline-block; font-family: 'Roboto'; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; text-align: center; } .newCard2__checker__tip a:hover { color: #12b857; } .newCard2__checker input { position: absolute; top: 0; left: 0; visibility: hidden; } .newCard2__checker input:checked + span:before { background-color: #37d97b; } .newCard2__checker input:checked + span:after { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .newCard2__checker span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 58px; color: #3e3e3e; font-size: 18px; line-height: 22px; } .newCard2__checker span:before { content: ''; position: absolute; left: 0; background-color: #c0bfbd; height: 24px; width: 42px; border-radius: 22px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; will-change: background-color; } .newCard2__checker span:after { content: ''; position: absolute; left: 2px; border-radius: 50%; width: 20px; height: 20px; background-color: #fff; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; will-change: transform; } .newCard2__point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 22px; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .newCard2__point__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newCard2__point__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__point__button svg { cursor: pointer; } .newCard2__point span { font-size: 18px; line-height: 22px; display: inline-block; margin-left: 16px; color: #3e3e3e; } .newCard2__point__count { background: -o-linear-gradient(343.92deg, #64c3f9 4.34%, #8a37f4 100%); background: linear-gradient(106.08deg, #64c3f9 4.34%, #8a37f4 100%); border-radius: 35px; padding: 6px 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__point__count svg { margin-right: 8px; } .newCard2__point__count p { font-size: 20px; line-height: 20px; font-weight: 500; color: #fff; } .newCard2__point__tip { padding: 10px 18px 16px; background-color: #fff; -webkit-box-shadow: 0 0 17px rgba(0,0,0,0.15); box-shadow: 0 0 17px rgba(0,0,0,0.15); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 42px; width: 211px; left: -50px; opacity: 0; z-index: 2; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; will-change: opacity, visibility; } .newCard2__point__tip:after { content: ''; position: absolute; top: -19px; left: 40px; border: 10px solid transparent; border-bottom: 10px solid #fff; } .newCard2__point__tip p { font-size: 18px; line-height: 20px; text-align: center; color: #010306; font-family: Montserrat-Bold; font-weight: 700; margin-bottom: 8px; } .newCard2__point__tip a { color: #37d97b; font-size: 16px; line-height: 16px; font-weight: 400; display: inline-block; font-family: 'Roboto'; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .newCard2__point__tip a:hover { color: #12b857; } .newCard2 .breadcrums { padding: 24px 0; } .newCard2 .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .newCard2 .breadcrums a:hover { color: #37d97b; } .newCard2 .breadcrums svg { margin: 0 10px; } @media (max-width: 1180px) { .newCard2Page .videoNew { display: none; } .newCard2Page .repairService-prices { padding-top: 56px; } .newCard2Page .faq { padding-top: 56px; } .newCard2 { margin: 60px 0 64px; } .newCard2__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 30px; } .newCard2__wrapper-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .newCard2__image { grid-column: 1/7; grid-row: 1/2; } .newCard2__image img { max-width: 270px; max-height: 270px; margin: 0 auto; } .newCard2__items { grid-column: 7/13; margin-left: 0; grid-row: 1/3; } .newCard2__payment { grid-column: 1/7; grid-row: 2/3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .newCard2__points { padding: 24px; padding-bottom: 29px; } .newCard2__checker__tip { left: -24px; bottom: 38px; } .newCard2__checker__button:hover .newCard2__checker__tip { opacity: 1; visibility: visible; } .newCard2__point { width: 100%; } .newCard2__point__tip { left: -24px; top: 45px; } .newCard2__point__button:hover .newCard2__point__tip { opacity: 1; visibility: visible; } .newCard2__info { padding-bottom: 24px; } .newCard2__info__inner { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2__info__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newCard2__price { padding-top: 29px; } .newCard2__price__tip { right: 0; } .newCard2__select { width: 100%; max-width: 100%; margin-top: 48px; } .newCard2__select__item { width: 100%; max-width: 100%; } .newCard2__select-short .newCard2__select__item { width: 100%; max-width: 100%; } .newCard2__select h3 { font-size: 16px; line-height: 16px; } .newCard2__additionalServices { margin-top: 48px; } .newCard2__additionalServices h3 { font-size: 16px; line-height: 16px; margin-bottom: 26px; } .newCard2__radios { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 0; } .newCard2__radios h3 { display: block; } .newCard2__radio { margin-bottom: 24px !important; margin-top: 0; margin-right: 0; display: block; padding: 0; border: none; width: 100%; } .newCard2__radio__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; } .newCard2__radio__button:hover + .newCard2__radio__container .newCard2__radio__container__tip { opacity: 1; visibility: visible; } .newCard2__radio input:checked + .newCard2__radio__button + .newCard2__radio__container:before { border-color: #37d97b; } .newCard2__radio input:checked + .newCard2__radio__button + .newCard2__radio__container:after { background-color: #37d97b; } .newCard2__radio__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 0; min-width: 0; max-width: 100%; padding: 0; width: calc(100% - 32px); padding-left: 32px; position: relative; } .newCard2__radio__container:hover .newCard2__radio__container__tip { opacity: 0; visibility: hidden; } .newCard2__radio__container:before { content: ''; position: absolute; left: 0; width: 16px; height: 16px; border: 1px solid #c4c4c4; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; will-change: border-color; border-radius: 50%; } .newCard2__radio__container:after { content: ''; position: absolute; left: 5px; width: 8px; height: 8px; background-color: transparent; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; will-change: background-color; border-radius: 50%; } .newCard2__radio__container:hover { background-color: transparent; color: #3e3e3e; } .newCard2__radio__container span { width: auto; margin-bottom: 0; margin-right: 16px; color: #939393; } .newCard2__radio:nth-last-child(2) { margin-bottom: 0; } .newCard2__tradein { margin-top: 32px; } .newCard2__more { display: none; } .newCard2__block { margin-top: 40px; } .newCard2 .breadcrums { margin-top: 16px; padding: 16px 0; } .newCard2 .breadcrums a { line-height: 14px; } } @media (max-width: 767px) { .newCard2Page .indexWhy { margin-bottom: 0; padding-top: 0; } .newCard2Page .seo { padding-bottom: 56px; } .newCard2Page .faq { padding-top: 40px; padding-bottom: 55px; } .newCard2Page .repairService-prices { padding-top: 48px; } .newCard2 { margin: 60px 0 48px; } .newCard2__wrapper h1 { font-size: 24px; line-height: 26px; margin-top: 20px; } .newCard2__block { margin-top: 32px; padding-top: 100px; gap: 32px; grid-template-columns: repeat(6, minmax(0, 1fr)); } .newCard2__image { grid-column: 1/4; grid-row: auto/auto; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 8px; padding: 28px 10px; position: static; } .newCard2__image__tip { top: 0; width: 100%; } .newCard2__image__tip p { max-width: 250px; display: inline-block; } .newCard2__image img { max-width: 125px; max-height: 125px; margin: 0 auto; } .newCard2__items { grid-column: 1/7; margin-left: 0; margin-top: 12px; grid-row: auto/auto; } .newCard2__payment { grid-column: 1/7; grid-row: auto/auto; } .newCard2__points { padding: 50px 0 0 0; background-color: transparent; margin-top: 18px; border-top: 1px solid #ddd; border-radius: 0; } .newCard2__checker__tip { left: 0; } .newCard2__point__tip { left: 0; } .newCard2__price { border: none; padding-top: 24px; } .newCard2__tradein { display: none; } .newCard2__desc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newCard2__advantage:nth-child(1), .newCard2__advantage:nth-child(2) { display: none; } .newCard2__advantage svg path { fill: #37d97b; } .newCard2 .breadcrums { margin-top: 4px; padding: 20px 0; } .newCard2 .breadcrums a { font-size: 10px; line-height: 12px; } } @media (max-width: 767px) { .newCard2 { margin-top: 50px; } } .newCard2-info { margin-top: 120px; } .newCard2-info__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2-info__back { display: none; } .newCard2-info__button { padding: 24px 32px; cursor: pointer; position: relative; z-index: 2; } .newCard2-info__button span { color: #939393; font-size: 20px; line-height: 20px; z-index: 4; position: relative; } .newCard2-info__button svg { display: none; } .newCard2-info__button:before { content: ''; position: absolute; background-color: #fff; width: 100%; height: calc(100% + 30px); top: 0; left: 0; z-index: 3; display: none; } .newCard2-info__button.active { border-radius: 3px 3px 0 0; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.12); box-shadow: 0 0 20px rgba(0,0,0,0.12); z-index: 4; } .newCard2-info__button.active span { color: #5c5b5b; } .newCard2-info__button.active:before { display: block; } .newCard2-info__container { display: none; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.12); box-shadow: 0 0 20px rgba(0,0,0,0.12); position: relative; padding: 40px 110px; min-height: 540px; max-height: 540px; height: 100%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .newCard2-info__container.moved { -webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); } .newCard2-info__container .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; max-width: 550px; position: absolute; top: 56px; left: 100px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; bottom: auto; } .newCard2-info__container .swiper-pagination span { width: auto; height: auto; padding: 6px 8px; background: #eefaef; opacity: 1; font-size: 14px; line-height: 16px; border-radius: 3px; color: #5c5b5b; } .newCard2-info__container .swiper-pagination span.swiper-pagination-bullet-active { background: #cbf7dd; } .newCard2-info__container .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 90px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newCard2-info__container .swiper-slide .newCard2-info__block { max-width: 550px; padding-top: 96px; } .newCard2-info__container .swiper-button-prev, .newCard2-info__container .swiper-button-next { width: 54px; height: 54px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 1px solid #ddd; position: static; background-image: none; } .newCard2-info__container .swiper-button-prev svg { margin-left: -3px; } .newCard2-info__container .swiper-button-next svg { margin-right: -3px; } .newCard2-info__media { max-width: 440px; max-height: 460px; position: absolute; top: 0; right: 0; min-width: 440px; } .newCard2-info__media iframe { width: 100%; } .newCard2-info__media img { width: 100%; max-width: 440px; max-height: 460px; } .newCard2-info__media .swiper-slide img { margin-top: -20px; } .newCard2-info__media .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } .newCard2-info__media .swiper-pagination { bottom: -20px; left: auto; display: block; top: auto; } .newCard2-info__media .swiper-pagination span { border-radius: 50%; background: #d9d9d9; width: 8px; padding: 0; height: 8px; } .newCard2-info__media .swiper-pagination span.swiper-pagination-bullet-active { background: #37d97b; } .newCard2-info__navigation { position: absolute; bottom: 40px; left: 110px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; } .newCard2-info__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; counter-reset: faq; } .newCard2-info__grid .newCard2-info__block { margin-top: 0; } .newCard2-info__faq { border-bottom: 1px solid #ddd; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; counter-increment: faq; } .newCard2-info__faq:before { content: "0" counter(faq); position: absolute; font-size: 32px; line-height: 32px; left: 0; top: 14px; color: #ddd; font-family: Montserrat-ExtraBold; } .newCard2-info__faq:last-child { margin-bottom: 22px; } .newCard2-info__faq__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0 20px 94px; width: 100%; cursor: pointer; } .newCard2-info__faq__header span { font-size: 20px; line-height: 24px; color: #010306; font-weight: 500; } .newCard2-info__faq__header img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; min-width: 24px; min-height: 24px; } .newCard2-info__faq__header.active img { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .newCard2-info__faq__body { padding-left: 94px; padding-bottom: 24px; display: none; } .newCard2-info__faq__body p { margin-top: 32px; color: #5c5b5b; font-size: 16px; line-height: 22px; font-weight: 300; } .newCard2-info__faq__body p:first-child { margin-top: 0; } .newCard2-info__block { margin-top: 64px; max-width: 660px; } .newCard2-info__block:first-child { margin-top: 0; } .newCard2-info__block h2 { font-size: 20px; line-height: 20px; font-weight: 500; color: #010306; } .newCard2-info__block p { color: #5c5b5b; font-size: 16px; line-height: 20px; font-weight: 300; margin-top: 24px; } .newCard2-info__block p span { font-weight: 500; } .newCard2-info__block p a { color: #5c5b5b; margin-top: 0; } .newCard2-info__block blockquote { border-left: 8px solid #37d97b; padding: 16px 64px 16px 20px; background-color: #f8f8f8; display: inline-block; margin-top: 24px; font-weight: 300; font-size: 16px; line-height: 20px; color: #5c5b5b; } .newCard2-info__block blockquote span { font-weight: 500; } .newCard2-info__block a { color: #37d97b; font-size: 16px; line-height: 20px; margin-top: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; will-change: color; } .newCard2-info__block a:hover { color: #12b857; } .newCard2-info__block table tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; } .newCard2-info__block table tr:first-child { margin-top: 24px; } .newCard2-info__block table tr td { white-space: nowrap; font-weight: 300; font-size: 16px; line-height: 20px; color: #5c5b5b; } .newCard2-info__block table tr td:first-child { min-width: 200px; font-size: 16px; line-height: 20px; font-weight: 500; } @media (max-width: 1180px) { .newCard2-info { margin-top: 56px; } .newCard2-info__buttons { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .newCard2-info__block { margin-top: 56px; } .newCard2-info__block table tr td { white-space: normal; } .newCard2-info__block table tr td:first-child { margin-right: 24px; } .newCard2-info__block p { max-width: 520px; } .newCard2-info__block table { max-width: 520px; } .newCard2-info__block blockquote { max-width: 520px; } .newCard2-info__block h2 { font-size: 24px; line-height: 24px; font-weight: 500; margin-bottom: 32px; white-space: nowrap; } .newCard2-info__button { padding: 32px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ddd; width: 100%; } .newCard2-info__button svg { display: block; } .newCard2-info__button:before { display: none; } .newCard2-info__button:first-child { border-top: 1px solid #ddd; } .newCard2-info__button span { color: #010306; font-size: 28px; line-height: 28px; font-family: Montserrat-SemiBold; } .newCard2-info__button.active { border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; z-index: 4; } .newCard2-info__button.active span { color: #010306; } .newCard2-info__back { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; padding-top: 40px; padding-left: 34px; } .newCard2-info__back span { font-size: 28px; line-height: 28px; font-family: Montserrat-Bold; color: #010306; } .newCard2-info__container { padding: 0; z-index: 50; position: fixed; top: 60px; left: 0; width: 100%; min-height: calc(100% - 60px); max-height: calc(100% - 60px); overflow-y: auto; background-color: #fff; } .newCard2-info__container .swiper-pagination { display: none; } .newCard2-info__container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 32px; } .newCard2-info__container .swiper-slide { padding: 56px 34px; -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.12); box-shadow: 0 0 11px rgba(0,0,0,0.12); gap: 17px; } .newCard2-info__container .swiper-slide:first-child { -webkit-box-shadow: 0 11px 11px rgba(0,0,0,0.12); box-shadow: 0 11px 11px rgba(0,0,0,0.12); gap: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 0; } .newCard2-info__container .swiper-slide:first-child .newCard2-info__media { width: 100%; margin-top: 72px; } .newCard2-info__container .swiper-slide:first-child .newCard2-info__block { width: 550px; } .newCard2-info__container .swiper-slide .newCard2-info__block { padding-top: 0; width: 340px; } .newCard2-info__navigation { display: none; } .newCard2-info__media { max-width: 100%; max-height: 100%; min-width: auto; position: static; margin-top: 62px; width: 343px; } .newCard2-info__media iframe { height: 394px; } .newCard2-info__media .swiper-slide { width: 100%; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .newCard2-info__media .swiper-slide:first-child { -webkit-box-shadow: none; box-shadow: none; } .newCard2-info__media .swiper-wrapper { gap: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .newCard2-info__media .swiper-pagination { display: block; } .newCard2-info__media .swiper-newCard2-info-2 { position: relative; } .newCard2-info__inner { padding: 36px 34px; } .newCard2-info__grid { display: block; } .newCard2-info__grid .newCard2-info__block { margin-top: 56px; } .newCard2-info__grid .newCard2-info__block:first-child { margin-top: 0; } .newCard2-info__slider { padding-left: 0; padding-right: 0; padding-bottom: 0; } } @media (max-width: 767px) { .newCard2-info { margin-top: 32px; } .newCard2-info__button span { color: #5c5b5b; font-size: 20px; line-height: 20px; font-family: 'Roboto'; } .newCard2-info__button.active:before { display: none; } .newCard2-info__button.active span { color: #5c5b5b; } .newCard2-info__container { top: 48px; min-height: calc(100% - 48px); max-height: calc(100% - 48px); } .newCard2-info__container .swiper-wrapper { gap: 24px; } .newCard2-info__container .swiper-slide { padding: 48px 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .newCard2-info__container .swiper-slide:first-child { gap: 24px; } .newCard2-info__container .swiper-slide:first-child .newCard2-info__media { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; margin-top: 0; } .newCard2-info__container .swiper-slide:first-child .newCard2-info__media img { margin-top: 0; } .newCard2-info__container .swiper-slide:first-child .newCard2-info__block { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; max-width: 550px; width: 100%; } .newCard2-info__container .swiper-slide .newCard2-info__block { width: 100%; max-width: 340px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .newCard2-info__container .swiper-slide .newCard2-info__media { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .newCard2-info__inner { padding: 36px 16px; } .newCard2-info__inner.active { padding-top: 82px; } .newCard2-info__back { padding-left: 16px; padding-top: 24px; } .newCard2-info__back.scrolled { position: fixed; top: 48px; width: 100%; background-color: #fff; padding-bottom: 24px; z-index: 2; left: 0; } .newCard2-info__back span { font-size: 22px; line-height: 22px; font-family: Montserrat-SemiBold; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 280px; text-align: center; } .newCard2-info__slider { padding: 40px 0 0 0; } .newCard2-info__media { max-width: 100%; width: 100%; margin-top: 24px; } .newCard2-info__media iframe { height: 191px; } .newCard2-info__media .swiper-slide { padding: 0; } .newCard2-info__block h2 { white-space: normal; margin-bottom: 24px; } .newCard2-info__block table tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .newCard2-info__block table tr td { white-space: normal; } .newCard2-info__block table tr td:first-child { margin-right: 0; margin-bottom: 8px; } .newCard2-info__block blockquote { padding-right: 20px; } .newCard2-info__faq:before { display: none; } .newCard2-info__faq__header { padding: 32px 0; padding-left: 0; } .newCard2-info__faq__header span { color: #3e3e3e; font-family: 'Roboto'; font-weight: 500; font-size: 18px; line-height: 19px; } .newCard2-info__faq__body { padding-left: 0; padding-bottom: 32px; } } .newCard2-banner { margin-bottom: 120px; } .newCard2-banner__alert { position: absolute; right: 143px; bottom: 131px; } .newCard2-banner__wrapper { padding: 46px 110px 74px; border-radius: 3px; position: relative; } .newCard2-banner__wrapper h3 { color: #fff; font-family: Montserrat-Bold; font-size: 24px; line-height: 29px; letter-spacing: 10px; margin-bottom: 85px; text-transform: uppercase; } .newCard2-banner__wrapper h2 { color: #fff; font-family: Montserrat-Bold; font-size: 48px; line-height: 53px; margin-bottom: 17px; max-width: 680px; } .newCard2-banner__wrapper p { font-size: 24px; font-family: Montserrat-Medium; line-height: 39px; margin-bottom: 58px; color: #fff; } .newCard2-banner__wrapper p span { border-bottom: 1px dashed #fff; } .newCard2-banner__wrapper a { font-weight: 500; font-size: 22px; line-height: 22px; color: #37d97b; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newCard2-banner__wrapper a span { -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; } .newCard2-banner__wrapper a svg { margin-left: 16px; } .newCard2-banner__wrapper a svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; will-change: fill; } .newCard2-banner__wrapper a:hover { color: #12b857; } .newCard2-banner__wrapper a:hover svg path { fill: #12b857; } @media (max-width: 1180px) { .newCard2-banner { margin-bottom: 80px; } .newCard2-banner__alert { right: 56px; bottom: 56px; } .newCard2-banner__wrapper { padding: 40px 34px 56px; background: url("/images/newCard2-banner2-tablet.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2-banner__wrapper h3 { font-size: 16px; line-height: 19px; letter-spacing: 10px; margin-bottom: 32px; } .newCard2-banner__wrapper h2 { font-size: 32px; line-height: 40px; margin-bottom: 104px; max-width: 394px; } .newCard2-banner__wrapper p { display: none; } .newCard2-banner__wrapper a { font-size: 20px; line-height: 22px; } .newCard2-banner__wrapper a svg { margin-left: 24px; } } @media (max-width: 650px) { .newCard2-banner { margin-bottom: 64px; } .newCard2-banner__alert { right: 9px; bottom: 95px; } .newCard2-banner__wrapper { padding: 32px 16px 323px; background: url("/images/newCard2-banner2-mob.png") 50% 50% no-repeat !important; background-size: cover !important; } .newCard2-banner__wrapper h3 { font-size: 14px; line-height: 17px; } .newCard2-banner__wrapper h2 { font-size: 25px; line-height: 30px; margin-bottom: 30px; max-width: 311px; } .newCard2-banner__wrapper a { font-size: 16px; } .newCard2-banner__wrapper a svg { margin-left: 8px; } } .newCard2__video { background-color: #f8f8f8; } .newCard2__video__wrapper { padding: 70px 0; } @media (max-width: 1180px) { .newCard2__video__wrapper { padding: 60px 0; } .faceidpage__video__wrapper-video { max-height: 393px; height: 393px; max-height: 393px; } .faceidpage__video__wrapper-video__button svg { width: 67px; height: 67px; } } @media (max-width: 600px) { .newCard2__video__wrapper { padding: 40px 0; } .faceidpage__video__wrapper-video { max-height: 193px; height: 193px; max-height: 193px; } .faceidpage__video__wrapper-video__button svg { width: 47px; height: 47px; } } @media (max-width: 414px) { .newCard2__video__wrapper { padding: 40px 0 25px; } } .notAuth { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10000000; -webkit-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; will-change: visibility, opacity; padding: 56px 70px 48px; width: 520px; } .notAuth__bg { position: fixed; z-index: 9999999; -webkit-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; will-change: visibility, opacity; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(1,3,6,0.8); } .notAuth__close { position: absolute; right: 16px; top: 16px; cursor: pointer; } .notAuth__close svg path { will-change: stroke; -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s; } .notAuth__close:hover svg path { stroke: #37d97b; } .notAuth__content { max-width: 380px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .notAuth__content p { font-size: 16px; line-height: 20px; text-align: center; color: #5c5b5b; margin-top: 20px; } .notAuth__content p:first-child { margin-top: 0; } .notAuth__content p:nth-child(2) { margin-bottom: 48px; } .notAuth__content a { color: #37d97b; margin-bottom: 20px; will-change: color; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .notAuth__content a:hover { color: #12b857; } .notAuth__content a:last-child { margin-bottom: 0; } @media (max-width: 650px) { .notAuth { padding: 56px 28px 48px; width: 100%; max-width: 343px; } .notAuth__content { max-width: 280px; } } .otherReviews { padding-bottom: 120px; } .otherReviews .reviewsPage__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0; margin-top: 40px; } .otherReviews .reviewsPage__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .otherReviews .reviewsPage__rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 28px 32px; border-radius: 3px; background-color: #effff6; } .otherReviews .reviewsPage__rating h3 { font-size: 64px; line-height: 64px; font-family: Montserrat-SemiBold; color: #010306; margin-right: 32px; } .otherReviews .reviewsPage__rating-stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .otherReviews .reviewsPage__rating-stars svg { margin-right: 5px; } .otherReviews .reviewsPage__rating-text { font-size: 20px; line-height: 20px; color: #939393; } .otherReviews .reviewsPage__stats { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -10px; } .otherReviews .reviewsPage__stat { margin-left: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .otherReviews .reviewsPage__stat h4 { font-size: 20px; line-height: 20px; color: #939393; } .otherReviews .reviewsPage__stat-like { margin-left: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .otherReviews .reviewsPage__stat-like span { color: #5c5b5b; font-weight: 500; font-size: 20px; line-height: 20px; } .otherReviews .reviewsPage__stat-like svg { margin-left: 8px; } .otherReviews .reviewsPage__item__back { margin-bottom: 24px; cursor: pointer; width: 17px; display: none; height: 17px; position: absolute; top: 27px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .otherReviews .reviewsPage__item { padding: 40px 40px 56px; background-color: #f8f8f8; border-radius: 3px; width: 100%; margin-top: 20px; border: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .otherReviews .reviewsPage__item.active { position: fixed; top: 48px; left: 0; z-index: 999999; width: 100%; height: calc(var(--vh, 1vh) * 100 - 48px); -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 16px; padding-right: 16px; padding-top: 68px; background-color: #fff; } .otherReviews .reviewsPage__item.active .reviewsPage__item__back { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .otherReviews .reviewsPage__item.active .reviewsPage__item__container { margin-top: 10px; max-height: calc(var(--vh, 1vh) * 100 - 250px); overflow-y: auto; width: calc(100% + 88px); margin-left: -88px; padding-left: 88px; } .otherReviews .reviewsPage__item.active .reviewsPage__item__text { margin-bottom: 0; } .otherReviews .reviewsPage__item.active .reviewsPage__item__text:after { display: none; } .otherReviews .reviewsPage__item.active .reviewsPage__item__more { display: none; } .otherReviews .reviewsPage__item__more { display: none; margin-top: 16px; color: #37d97b; font-size: 14px; line-height: 14px; } .otherReviews .reviewsPage__item:first-child { margin-top: 0; } .otherReviews .reviewsPage__item:nth-last-child(2) { border: none; } .otherReviews .reviewsPage__item__content { max-width: 730px; } .otherReviews .reviewsPage__more { border: none; font-weight: 500; color: #37d97b; padding: 0; } .otherReviews .reviewsPage__more:hover { color: #12b857; } @media (max-width: 1180px) { .otherReviews { padding-bottom: 100px; } .otherReviews .reviewsPage__item { padding: 32px 32px 40px; } .otherReviews .reviewsPage__items { margin-top: 48px; } .otherReviews .reviewsPage__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; overflow-x: hidden; } .otherReviews .reviewsPage__rating { padding: 0; border-radius: 0; background-color: transparent; } .otherReviews .reviewsPage__rating h3 { margin-right: 16px; } .otherReviews .reviewsPage__rating-stars { margin-bottom: 8px; } .otherReviews .reviewsPage__rating-stars svg { margin-right: 4px; } .otherReviews .reviewsPage__rating-text { font-size: 16px; line-height: 16px; } .otherReviews .reviewsPage__stats { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 24px; overflow-x: auto; width: 100%; } .otherReviews .reviewsPage__stat { margin-left: 0; margin-right: 16px; margin-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; min-width: 160px; padding: 12px; background-color: #f8f8f8; } .otherReviews .reviewsPage__stat h4 { font-size: 16px; line-height: 16px; white-space: nowrap; } .otherReviews .reviewsPage__stat-like { margin-left: 0; margin-top: 16px; } } @media (max-width: 650px) { .otherReviews { padding-bottom: 80px; } .otherReviews .reviewsPage__items { margin-top: 72px; } .otherReviews .reviewsPage__item { padding: 32px 0; background-color: transparent; margin-top: 0; border-bottom: 1px solid #ddd; } .otherReviews .reviewsPage__item:last-child { border: none; } .otherReviews .reviewsPage__item__more { display: block; } .otherReviews .reviewsPage__item__text { max-height: 168px; overflow: hidden; } .otherReviews .reviewsPage__stats { margin-top: 40px; } .otherReviews .reviewsPage__stat { margin-right: 8px; min-width: 153px; } } .mailingTop { padding: 24px 0 75px; background-color: #f8f8f8; } .mailingTop__wrapper { border-radius: 3px; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.2); box-shadow: 0 4px 40px rgba(0,0,0,0.2); padding: 66px 51px 46px; position: relative; } .mailingTop__wrapper-title { margin-bottom: 82px; } .mailingTop__wrapper-title svg { max-width: 574px; width: 100%; } .mailingTop__wrapper-title svg.pc { display: block; } .mailingTop__wrapper-title svg.mob { display: none; } .mailingTop__wrapper-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mailingTop__wrapper-text span { font-size: 18px; line-height: 24px; font-family: Montserrat-Regular; color: #fff; display: inline-block; margin-bottom: 40px; } .mailingTop__wrapper-text svg { margin-left: 75px; } @media (max-width: 1180px) { .mailingTop { padding: 0 0 45px; background-color: #f8f8f8; } .mailingTop__wrapper { margin: 0 -16px; border-radius: 0; background: url("/images/mailing-tablet.png") 50% 50% no-repeat !important; background-size: cover !important; -webkit-box-shadow: 0; box-shadow: 0; padding: 46px 34px 44px; } .mailingTop__wrapper-title { margin-bottom: 0; } .mailingTop__wrapper-title svg { max-width: 380px; } .mailingTop__wrapper-text svg { margin-left: -20px; max-width: 209px; width: 100%; margin-top: 115px; } } @media (max-width: 639px) { .mailingTop { padding: 0; } .mailingTop__wrapper { background: url("/images/mailing-mob.png") 50% 50% no-repeat !important; background-size: cover !important; padding: 46px 16px 228px; } .mailingTop__wrapper-title { max-width: 343px; margin: 0 auto 15px; } .mailingTop__wrapper-title svg { max-width: 343px; } .mailingTop__wrapper-title svg.pc { display: none; } .mailingTop__wrapper-title svg.mob { display: block; } .mailingTop__wrapper-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mailingTop__wrapper-text span { text-align: center; margin-bottom: 0; } .mailingTop__wrapper-text svg { margin-left: 0; max-height: 87px; max-width: 181px; margin-top: 16px; } } .callCurier { padding: 0 0 75px; background-color: #f8f8f8; } .callCurier__wrapper { border-radius: 3px; background: -o-linear-gradient(342.92deg, #be437e 24.77%, #fab069 87.35%); background: linear-gradient(107.08deg, #be437e 24.77%, #fab069 87.35%); -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.2); box-shadow: 0 4px 40px rgba(0,0,0,0.2); padding: 77px 56px 133px; position: relative; } .callCurier__wrapper-title { margin-bottom: 57px; } .callCurier__wrapper-title svg { max-width: 474px; width: 100%; } .callCurier__wrapper img { position: absolute; bottom: 0; max-width: 563px; width: 100%; right: 77px; } .callCurier__wrapper img.pc { display: block; } .callCurier__wrapper img.tablet { display: none; } .callCurier__wrapper img.mob { display: none; } .callCurier__price { max-width: 424px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .callCurier__price span { font-size: 36px; line-height: 36px; color: #fff; font-family: Montserrat-Regular; margin-left: 13px; display: inline-block; } @media (max-width: 1180px) { .callCurier { padding: 0 0 50px; } .callCurier__wrapper { padding: 45px 26px 289px; } .callCurier__wrapper-title { margin-bottom: 32px; } .callCurier__wrapper img { max-width: 528px; right: 0; } .callCurier__wrapper img.pc { display: none; } .callCurier__wrapper img.tablet { display: block; } .callCurier__wrapper img.mob { display: none; } .callCurier__price { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 639px) { .callCurier { padding: 0 0 25px; } .callCurier__wrapper { padding: 40px 20px 275px; } .callCurier__wrapper-title { max-width: 251px; margin: 0 auto 20px; } .callCurier__wrapper-title svg { max-width: 251px; max-height: 63px; } .callCurier__wrapper img { max-width: 334px; } .callCurier__wrapper img.pc { display: none; } .callCurier__wrapper img.tablet { display: none; } .callCurier__wrapper img.mob { display: block; } .callCurier__price { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .callCurier__price span { font-size: 24px; line-height: 24px; } } .errorPage { background-color: #f8f8f8; } .errorPage__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .errorPage__wrapper .breadcrums a { white-space: nowrap; font-size: 12px; line-height: 12px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .errorPage__wrapper .breadcrums a:hover { color: #37d97b; } .errorPage__wrapper .breadcrums svg { margin: 0 10px; } .errorPage__wrapper-block { padding: 50px 0 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .errorPage__wrapper h2 { margin-top: 40px; font-size: 36px; line-height: 36px; color: #010306; font-family: Montserrat-Medium; } .errorPage__wrapper-icon { position: absolute; right: 24px; margin-top: 2px; } .errorPage__wrapper form { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; max-width: 534px; width: 100%; } .errorPage__wrapper form input { width: 100%; background-color: #fff; border-radius: 3px; border: 1px solid #c4c4c4; padding: 15px 60px 15px 24px; color: #010306; font-weight: 400; font-size: 18px; line-height: 20px; } @media (max-width: 1180px) { .errorPage__wrapper-block { padding: 30px 0 100px; } .errorPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .errorPage__wrapper h2 { margin-top: 32px; font-size: 28px; line-height: 28px; } .errorPage__wrapper form { max-width: 483px; } .errorPage__wrapper form input { padding: 12px 60px 12px 24px; font-size: 16px; line-height: 16px; } } @media (max-width: 639px) { .errorPage__wrapper .breadcrums { padding: 16px 0; } .errorPage__wrapper .breadcrums a { line-height: 14px; } .errorPage__wrapper-block { padding: 80px 0 110px; } .errorPage__wrapper-image svg { width: 50px; } .errorPage__wrapper h2 { margin-top: 16px; font-size: 22px; line-height: 22px; } } .loyalityPage .indexRepair { background-color: #f7f7f7; margin-bottom: 0; padding-bottom: 140px; } .loyalityPage .seo { padding-top: 0; padding-bottom: 120px; } .loyalityPage .map { padding-bottom: 0; } .loyalityBanner { margin-top: 168px; margin-bottom: 15px; } .loyalityBanner__content { z-index: 2; position: relative; } .loyalityBanner__wrapper { padding: 52px 10px 56px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); background-color: #010306; } .loyalityBanner__wrapper h1 { font-size: 48px; line-height: 48px; color: #fff; max-width: 540px; font-family: Montserrat-SemiBold; } .loyalityBanner__wrapper h1 span { color: #37d97b; } .loyalityBanner__wrapper p { margin-top: 16px; color: #fff; max-width: 334px; font-weight: 300; font-size: 18px; line-height: 25px; } .loyalityBanner__wrapper a { padding: 17px 65px; color: #fff; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); display: inline-block; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 40px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loyalityBanner__wrapper a:hover { background-position-x: 266px; } .loyalityBanner__image { position: absolute; bottom: 0; right: 40px; max-width: 700px; } .loyalityBanner__image img { width: 100%; } @media (max-width: 1180px) { .loyalityBanner { margin-top: 60px; overflow: hidden; margin-bottom: 10px; } .loyalityBanner__wrapper { margin: 0 -35px; width: calc(100% + 70px); padding: 40px 33px 44px; border-radius: 0; position: relative; } .loyalityBanner__wrapper:before { content: ''; bottom: 0; position: absolute; left: 0; width: 100%; height: 145px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(1,3,6,0)), to(rgba(1,3,6,0.35))); background: -o-linear-gradient(top, rgba(1,3,6,0) 0%, rgba(1,3,6,0.35) 100%); background: linear-gradient(180deg, rgba(1,3,6,0) 0%, rgba(1,3,6,0.35) 100%); z-index: 2; } .loyalityBanner__wrapper h1 { font-size: 50px; line-height: 50px; max-width: 100%; } .loyalityBanner__wrapper p { font-size: 20px; line-height: 25px; margin-top: 24px; } .loyalityBanner__wrapper a { padding: 17px 47px; font-size: 16px; line-height: 16px; margin-top: 94px; } .loyalityBanner__wrapper a:hover { background-position-x: 222px; } .loyalityBanner__image { max-width: 630px; right: -200px; } } @media (max-width: 768px) { .loyalityBanner .indexWhy { margin-bottom: 0; padding-top: 50px; } .loyalityBanner .seo { padding-bottom: 56px; } .loyalityBanner .indexCallback { padding-top: 240px; } .loyalityBanner .repairService-choose__wrapper { padding-bottom: 56px; } } @media (max-width: 650px) { .loyalityBanner { margin-top: 50px; margin-bottom: 4px; } .loyalityBanner__wrapper { padding: 56px 40px 40px; } .loyalityBanner__wrapper h1 { font-size: 36px; line-height: 36px; } .loyalityBanner__wrapper p { margin-top: 18px; } .loyalityBanner__wrapper a { padding: 17px; width: 100%; margin-top: 238px; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); } .loyalityBanner__wrapper a:hover { background-position-x: 0; } .loyalityBanner__content { width: 100%; } } .loyality-how__wrapper { padding-bottom: 70px; } .loyality-how__wrapper .breadcrums { padding: 20px 0; } .loyality-how__wrapper .breadcrums a { font-size: 12px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loyality-how__wrapper .breadcrums a:hover { color: #37d97b; } .loyality-how__wrapper .breadcrums svg { margin: 0 10px; } .loyality-how__wrapper h2 { font-size: 48px; line-height: 48px; font-family: Montserrat-SemiBold; color: #010306; text-align: center; margin-top: 44px; } .loyality-how__blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 90px; } .loyality-how__blocks-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .loyality-how__blocks-block-image { position: relative; background: #fff; padding: 0 17px; } .loyality-how__blocks-block-image:before { content: ''; position: absolute; right: -256px; top: 17px; background: url("/images/dot.svg") 50% 50% repeat-x; width: 256px; height: 3px; max-width: 256px; } .loyality-how__blocks-block:last-child .loyality-how__blocks-block-image:before { display: none; } .loyality-how__blocks-block p { font-size: 18px; line-height: 26px; text-align: center; font-weight: 300; margin-top: 30px; color: #5c5b5b; } .loyality-how__blocks-block p a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loyality-how__blocks-block p a:hover { color: $grenhover; } @media (max-width: 1180px) { .loyality-how__wrapper { padding-bottom: 35px; } .loyality-how__wrapper h2 { font-size: 32px; line-height: 40px; margin-top: 20px; } .loyality-how__blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; } .loyality-how__blocks-block { margin-top: 76px; } .loyality-how__blocks-block:first-child { margin-top: 0; } .loyality-how__blocks-block-image { background: transparent; padding: 0; } .loyality-how__blocks-block-image:before { display: none; } .loyality-how__blocks-block p { font-size: 16px; line-height: 22px; margin-top: 16px; position: relative; } .loyality-how__blocks-block p:before { content: ''; position: absolute; bottom: -38px; width: 12px; height: 12px; background-color: #bf9cfd; border-radius: 50%; left: calc(50% - 6px); } .loyality-how__blocks-block:last-child p:before { display: none; } } @media (max-width: 639px) { .loyality-how__wrapper { padding-bottom: 35px; } .loyality-how__wrapper .breadcrums { padding: 20px 0; } .loyality-how__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .loyality-how__wrapper h2 { font-size: 24px; line-height: 32px; margin-top: 28px; } .loyality-how__blocks { margin-top: 32px; } .loyality-how__blocks-block { margin-top: 97px; } .loyality-how__blocks-block p:before { bottom: -55px; width: 18px; height: 18px; left: calc(50% - 9px); } } .loyality-spend__wrapper { padding: 70px 0; } .loyality-spend__wrapper h2 { font-size: 48px; line-height: 48px; font-family: Montserrat-SemiBold; color: #010306; text-align: center; } .loyality-spend__blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 70px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .loyality-spend__blocks-block { background: #fff; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.1); box-shadow: 0 0 40px rgba(0,0,0,0.1); border-radius: 25px; padding: 121px 91px; margin-right: 77px; } .loyality-spend__blocks-block h3 { background: -o-linear-gradient(346.13deg, #2fdc78 29.3%, #45ccd5 96.89%); background: linear-gradient(103.87deg, #2fdc78 29.3%, #45ccd5 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 62px; line-height: 62px; font-family: Montserrat-SemiBold; white-space: nowrap; } .loyality-spend__blocks-content p { font-size: 28px; line-height: 40px; color: #3e3e3e; margin-bottom: 29px; font-family: Montserrat-Medium; } .loyality-spend__blocks-content p:last-child { margin-bottom: 0; } .loyality-spend__blocks-content p span { font-family: Montserrat-SemiBold; } .loyality-spend__blocks-content p svg { margin-bottom: -10px; margin-left: 10px; } @media (max-width: 1180px) { .loyality-spend__wrapper { padding: 35px 0 60px; } .loyality-spend__wrapper h2 { font-size: 32px; line-height: 40px; } .loyality-spend__blocks { margin-top: 40px; } .loyality-spend__blocks-block { padding: 102px 58px 111px; margin-right: 20px; } .loyality-spend__blocks-block h3 { font-size: 40px; line-height: 40px; } .loyality-spend__blocks-content p { font-size: 20px; line-height: 29px; margin-bottom: 38px; } .loyality-spend__blocks-content p svg { margin-bottom: -8px; height: 28px; margin-left: 0; } } @media (max-width: 720px) { .loyality-spend__wrapper { padding: 40px 0; } .loyality-spend__wrapper h2 { font-size: 24px; line-height: 32px; } .loyality-spend__blocks { margin-top: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .loyality-spend__blocks-block { margin-top: 32px; padding: 0; text-align: center; border-radius: 0; margin-right: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .loyality-spend__blocks-block h3 { font-size: 36px; line-height: 36px; } .loyality-spend__blocks-content { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .loyality-spend__blocks-content p { font-size: 16px; line-height: 22px; text-align: center; margin-bottom: 70px; position: relative; } .loyality-spend__blocks-content p:nth-child(2) { font-family: Montserrat-SemiBold; } .loyality-spend__blocks-content p svg { margin-bottom: 0; height: 38px; position: absolute; bottom: 52px; left: calc(50% - 30px); } } .loyality-rates { padding: 80px 0 45px; background-color: #f7f7f7; overflow: hidden; } .loyality-rates__wrapper h2 { font-size: 36px; line-height: 52px; color: #010306; font-family: Montserrat-Bold; } .loyality-rates__wrapper h2 span { color: #bf9cfd; } .loyality-rates__wrapper h2 br { display: block; } .loyality-rates__wrapper h2 br.tablet { display: none; } .loyality-rates__wrapper h2 br.mob { display: none; } .loyality-rates__wrapper-blocks { margin-top: 90px; } .loyality-rates__wrapper-blocks .swiper-container { overflow: visible; } .loyality-rates__wrapper-blocks .swiper-pagination { display: none; bottom: -30px; } .loyality-rates__wrapper-blocks .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 8px !important; opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #c4c4c4; } .loyality-rates__wrapper-blocks .swiper-pagination-bullet-active { background-color: #37d97b; } .loyality-rates__wrapper-block { border-radius: 37px; overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); } .loyality-rates__wrapper-block-header { padding: 26px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #000; } .loyality-rates__wrapper-block-header h3 { font-size: 50px; line-height: 50px; font-family: Montserrat-Bold; } .loyality-rates__wrapper-block-header.silver h3 { background: -o-linear-gradient(249.91deg, #cce3ff -1.78%, #ccd2db 104.63%); background: linear-gradient(200.09deg, #cce3ff -1.78%, #ccd2db 104.63%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .loyality-rates__wrapper-block-header.gold h3 { background: -o-linear-gradient(240.3deg, #fed27c 2.94%, #f4c76e 97.97%); background: linear-gradient(209.7deg, #fed27c 2.94%, #f4c76e 97.97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .loyality-rates__wrapper-block-header.platinum h3 { background: -o-linear-gradient(239.82deg, #e8dbc8 1.09%, #d3cac6 96.9%); background: linear-gradient(210.18deg, #e8dbc8 1.09%, #d3cac6 96.9%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .loyality-rates__wrapper-block-body { background-color: #fff; padding: 20px 20px 41px; } .loyality-rates__wrapper-block-body-desc { font-size: 16px; line-height: 26px; text-align: center; color: #939393; font-family: Montserrat-Regular; } .loyality-rates__wrapper-block-body-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 28px 12px; border-bottom: 1px solid rgba(1,3,6,0.1); } .loyality-rates__wrapper-block-body-item:last-child { border-bottom: 0; } .loyality-rates__wrapper-block-body-item span { font-size: 20px; line-height: 20px; font-family: Montserrat-Medium; color: #a7a6a9; } .loyality-rates__wrapper-block-body-item p { font-size: 20px; line-height: 20px; font-family: Montserrat-SemiBold; color: #939393; } @media (max-width: 1180px) { .loyality-rates { padding: 70px 0 35px; } .loyality-rates__wrapper h2 { font-size: 30px; line-height: 42px; } .loyality-rates__wrapper h2 br { display: none; } .loyality-rates__wrapper h2 br.tablet { display: block; } .loyality-rates__wrapper h2 br.mob { display: none; } .loyality-rates__wrapper-blocks { margin-top: 48px; } } @media (max-width: 639px) { .loyality-rates { padding: 25px 0 60px; } .loyality-rates__wrapper h2 { font-size: 20px; line-height: 28px; } .loyality-rates__wrapper h2 br { display: none; } .loyality-rates__wrapper h2 br.tablet { display: none; } .loyality-rates__wrapper h2 br.mob { display: block; } .loyality-rates__wrapper-blocks { margin-top: 42px; } .loyality-rates__wrapper-blocks .swiper-pagination { display: block; } .loyality-rates__wrapper-block-header { padding: 21px; } .loyality-rates__wrapper-block-header h3 { font-size: 32px; line-height: 32px; } .loyality-rates__wrapper-block-body { padding: 16px 20px 13px; } .loyality-rates__wrapper-block-body-desc { font-size: 14px; line-height: 20px; } .loyality-rates__wrapper-block-body-item { padding: 24px 4px; } .loyality-rates__wrapper-block-body-item span { font-size: 18px; } .loyality-rates__wrapper-block-body-item p { font-size: 18px; } } .loyality-callback { background-color: #f7f7f7; padding-bottom: 100px; } .loyality-callback__wrapper { border-radius: 3px; background-color: #010306; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 60px 153px 60px 137px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.15); } .loyality-callback__wrapper-block-icon { position: absolute; right: 20px; border: none; background-color: transparent; cursor: pointer; } .loyality-callback__wrapper-block-success { position: absolute; bottom: 16px; display: none; } .loyality-callback__wrapper-block-success br { display: none; } .loyality-callback__wrapper-block-success span { display: inline-block; white-space: nowrap; color: #37d97b; font-size: 14px; line-height: 16px; text-align: center; } .loyality-callback__wrapper-block h2 { background: -o-linear-gradient(346.13deg, #2fdc78 29.3%, #45ccd5 96.89%); background: linear-gradient(103.87deg, #2fdc78 29.3%, #45ccd5 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 25px; line-height: 35px; font-family: Montserrat-SemiBold; margin-bottom: 27px; } .loyality-callback__wrapper-block h2 br { display: none; } .loyality-callback__wrapper-block form { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 287px; height: 47px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .loyality-callback__wrapper-block form input { border: 1px solid #777373; background-color: #292a2c; color: #fff; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; padding: 15px 40px 15px 20px; } .loyality-callback__wrapper-block form input:focus, .loyality-callback__wrapper-block form input:hover { border-color: #37d97b; } .loyality-callback__wrapper-block:last-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .loyality-callback__wrapper-block p { font-size: 18px; line-height: 26px; font-family: Montserrat-Medium; color: #ddd; margin-right: 60px; } .loyality-callback__wrapper-block p br { display: block; } .loyality-callback__wrapper-block p br.tablet { display: none; } .loyality-callback__wrapper-block-prices { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 26px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: -49px; } .loyality-callback__wrapper-block-prices-oldPrice { font-size: 27px; line-height: 27px; text-decoration: line-through; font-family: Montserrat-Regular; margin-bottom: 13px; color: #a7a6a9; } .loyality-callback__wrapper-block-prices-price { font-size: 43px; line-height: 43px; font-family: Montserrat-Bold; background: -o-linear-gradient(346.13deg, #2fdc78 29.3%, #45ccd5 96.89%); background: linear-gradient(103.87deg, #2fdc78 29.3%, #45ccd5 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 1180px) { .loyality-callback { padding-bottom: 60px; } .loyality-callback__wrapper { padding: 113px 0 70px 32px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: url("/images/loyality-callback-tablet.png") 50% 80% no-repeat !important; background-size: cover !important; } .loyality-callback__wrapper-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .loyality-callback__wrapper-block:last-child { margin-top: 55px; } .loyality-callback__wrapper-block-success { bottom: -45px; } .loyality-callback__wrapper-block-success br { display: block; } .loyality-callback__wrapper-block-success span { font-size: 14px; line-height: 16px; text-align: left; } .loyality-callback__wrapper-block h2 { font-size: 36px; line-height: 38px; margin-bottom: 20px; } .loyality-callback__wrapper-block h2 br { display: block; } .loyality-callback__wrapper-block form { max-width: 279px; } .loyality-callback__wrapper-block form input { padding: 12px 16px; } .loyality-callback__wrapper-block p { font-size: 16px; line-height: 20px; margin-right: 89px; } .loyality-callback__wrapper-block p br { display: none; } .loyality-callback__wrapper-block p br.tablet { display: block; } .loyality-callback__wrapper-block-prices { margin-top: 0; margin-bottom: 0; } .loyality-callback__wrapper-block-prices-oldPrice { font-size: 20px; line-height: 20px; } .loyality-callback__wrapper-block-prices-price { font-size: 31px; line-height: 31px; } } @media (max-width: 639px) { .loyality-callback { padding-bottom: 50px; padding-top: 35px; } .loyality-callback__wrapper { padding: 42px 16px 140px 16px; background: url("/images/loyality-callback-mob.png") 50% 80% no-repeat !important; background-size: cover !important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .loyality-callback__wrapper-block h2 { font-size: 25px; line-height: 35px; text-align: center; } .loyality-callback__wrapper-block p { margin-right: 0; } .loyality-callback__wrapper-block form { margin: 0 auto; } .loyality-callback__wrapper-block:last-child { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .loyality-callback__wrapper-block-success { position: relative; text-align: center; width: 100%; bottom: auto; } .loyality-callback__wrapper-block-success span { text-align: center; } } .blogPage { background-color: #f8f8f8; } .blogPage .loyality-callback { padding-bottom: 50px; } .blogPage-new__wrapper .breadcrums { padding: 20px 0; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blogPage-new__wrapper .breadcrums a { white-space: nowrap; font-size: 12px; line-height: 12px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .blogPage-new__wrapper .breadcrums a:hover { color: #37d97b; } .blogPage-new__wrapper .breadcrums svg { margin: 0 10px; } .blogPage-new__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-Bold; margin-top: 39px; margin-bottom: 24px; } .blogPage-new__wrapper-desc { font-size: 36px; line-height: 45px; color: #010306; font-family: Montserrat-Medium; } .blogPage-new__wrapper-items { padding-bottom: 100px; margin-top: 20px; } .blogPage-new__wrapper-item { margin-top: 40px; padding: 50px; background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blogPage-new__wrapper-item-image { overflow: hidden; border-radius: 3px; margin-right: 50px; min-width: 480px; } .blogPage-new__wrapper-item-image img { width: 100%; } .blogPage-new__wrapper-item-content h2 { font-size: 28px; line-height: 28px; font-family: Montserrat-SemiBold; color: #000; margin-bottom: 24px; } .blogPage-new__wrapper-item-content p { font-size: 20px; line-height: 28px; color: #5c5b5b; font-weight: 300; margin-bottom: 24px; } .blogPage-new__wrapper-item-content a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blogPage-new__wrapper-item-content a span { color: #37d97b; font-size: 18px; line-height: 20px; display: inline-block; margin-right: 10px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .blogPage-new__wrapper-item-content a svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .blogPage-new__wrapper-item-content a:hover span { color: #12b857; } .blogPage-new__wrapper-item-content a:hover svg path { fill: #12b857; } .blogPage-new__wrapper-more { text-align: center; color: #939393; font-size: 18px; line-height: 21px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 40px; cursor: pointer; } .blogPage-new__wrapper-more:hover { color: #37d97b; } @media (max-width: 1180px) { .blogPage .loyality-callback { padding-bottom: 30px; } .blogPage-new__wrapper h1 { font-size: 48px; line-height: 48px; margin-top: 36px; margin-bottom: 16px; } .blogPage-new__wrapper-desc { font-size: 26px; line-height: 34px; } .blogPage-new__wrapper-items { padding-bottom: 70px; margin-top: 16px; } .blogPage-new__wrapper-item { padding: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blogPage-new__wrapper-item-image { margin-right: 0; min-width: 100%; height: 291px; } .blogPage-new__wrapper-item-image img { -o-object-fit: cover; object-fit: cover; height: 100%; } .blogPage-new__wrapper-item-content { padding: 32px; } .blogPage-new__wrapper-item-content h2 { font-size: 22px; line-height: 26px; margin-bottom: 16px; } .blogPage-new__wrapper-item-content p { font-size: 18px; } .blogPage-new__wrapper-more { line-height: 24px; } } @media (max-width: 639px) { .blogPage .loyality-callback { padding-bottom: 20px; } .blogPage-new__wrapper .breadcrums { padding: 16px 0; } .blogPage-new__wrapper .breadcrums a { line-height: 14px; } .blogPage-new__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 24px; } .blogPage-new__wrapper-desc { font-size: 20px; line-height: 28px; } .blogPage-new__wrapper-desc br { display: none; } .blogPage-new__wrapper-items { padding-bottom: 60px; margin-top: 16px; } .blogPage-new__wrapper-item-image { height: 160px; } .blogPage-new__wrapper-item-content { padding: 16px 16px 32px; } .blogPage-new__wrapper-item-content h2 { font-size: 18px; line-height: 22px; } .blogPage-new__wrapper-item-content p { font-size: 16px; line-height: 24px; } .blogPage-new__wrapper-item-content a span { font-size: 16px; } } .article1-top { position: relative; } .article1-top__wrapper { padding: 126px 0 180px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .article1-top__wrapper img { max-width: 706px; position: absolute; bottom: -34px; right: 70px; } .article1-top__wrapper__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; } .article1-top__wrapper__content h1 { font-size: 50px; line-height: 60px; color: #fff; font-family: Montserrat-Bold; margin-bottom: 40px; } .article1-top__wrapper__content h1 br { display: block; } .article1-top__wrapper__content h1 br.mob { display: none; } .article1-top__wrapper__content a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article1-top__wrapper__content a span { color: #fff; font-size: 20px; line-height: 28px; } .article1-top__wrapper__content a svg { margin-left: 24px; } @media (max-width: 1180px) { .article1-top { background: url("/images/article-top-bg-tablet.png") 50% 50% no-repeat !important; background-size: cover !important; } .article1-top__wrapper { padding: 125px 0 47px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .article1-top__wrapper img { max-width: 546px; margin-top: 46px; position: relative; width: 100%; bottom: auto; right: auto; } .article1-top__wrapper__content { max-width: 700px; width: 100%; } .article1-top__wrapper__content h1 { font-size: 46px; line-height: 46px; margin-bottom: 49px; } } @media (max-width: 639px) { .article1-top { background: url("/images/article-top-bg-mob.png") 50% 50% no-repeat !important; background-size: cover !important; } .article1-top__wrapper { padding: 87px 0 26px; } .article1-top__wrapper img { max-width: 283px; margin-top: 50px; } .article1-top__wrapper__content { max-width: auto; } .article1-top__wrapper__content h1 { font-size: 30px; line-height: 30px; margin-bottom: 34px; } .article1-top__wrapper__content h1 br { display: none; } .article1-top__wrapper__content h1 br.mob { display: block; } .article1-top__wrapper__content a span { font-size: 16px; line-height: 28px; } .article1-top__wrapper__content a svg { display: none; } .article1-top__wrapper__content a svg.mob { display: block; margin-left: 10px; } } .article1-content__wrapper .breadcrums { padding: 50px 0; margin-bottom: 14px; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article1-content__wrapper .breadcrums a { white-space: nowrap; font-size: 12px; line-height: 12px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .article1-content__wrapper .breadcrums a:hover { color: #37d97b; } .article1-content__wrapper .breadcrums svg { margin: 0 10px; } .article-content { padding-bottom: 110px; } .article-content > p { font-size: 22px; line-height: 32px; color: #5c5b5b; font-weight: 300; max-width: 752px; margin-bottom: 40px; } .article-content > p a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .article-content > p a:hover { color: #12b857; } .article-content > p.paragraph-after-list { margin-top: 32px; max-width: 958px; } .article-content blockquote { position: relative; font-size: 18px; line-height: 32px; background-color: #eefaef; border-radius: 0 3px 3px 0; padding: 32px; color: #5c5b5b; max-width: 812px; display: inline-block; margin-left: 6px; } .article-content blockquote a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .article-content blockquote a:hover { color: #12b857; } .article-content blockquote:before { content: ''; position: absolute; left: -6px; width: 6px; top: 0; height: 100%; background-color: #37d97b; border-radius: 3px 0 0 3px; } .article-content h2 { margin-top: 90px; font-size: 44px; line-height: 50px; color: #010306; margin-bottom: 40px; font-family: Montserrat-SemiBold; } .article-content h3 { font-size: 26px; line-height: 32px; margin-top: 64px; font-weight: 500; max-width: 660px; color: #5c5b5b; margin-bottom: 32px; } .article-content .swiper-container { max-width: 1176px; padding: 48px; margin: -48px; width: calc(100% + 48px); } .article-content .swiper-container .swiper-wrapper { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .article-content .swiper-container .swiper-wrapper .swiper-slide { height: auto; } .article-content ol { margin-left: 24px; } .article-content ol.list-after-blockquote { margin-top: 40px; } .article-content ol li { margin-top: 20px; font-size: 22px; line-height: 34px; color: #5c5b5b; font-weight: 300; } .article-content ol li p { max-width: 994px; } .article-content ol li::marker { font-weight: 700; } .article-content ol li:first-child { margin-top: 0; } .article-content ol li span { font-weight: 500; } .article-content ol li .swiper-container { margin: -8px -48px -18px -72px; } .article-content ol li a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .article-content ol li a:hover { color: #12b857; } .article-content-slide { height: 100%; border-radius: 25px; background-color: #fff; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.1); box-shadow: 0 0 40px rgba(0,0,0,0.1); padding: 40px 35px 50px; } .article-content-slide h4 { font-size: 20px; line-height: 20px; font-weight: 600; text-align: center; color: #5c5b5b; padding-bottom: 32px; border-bottom: 1px solid #ddd; margin-bottom: 24px; } .article-content-slide ol { margin-left: 32px; } .article-content-slide ol li { font-size: 18px; line-height: 26px; } .article-content-slide ol li::marker { font-weight: 400; } .article-content .content-with-image { margin-bottom: 90px; margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article-content .content-with-image-text { margin-right: 40px; } .article-content .content-with-image-text p { font-size: 22px; line-height: 32px; color: #5c5b5b; font-weight: 300; max-width: 545px; } .article-content .content-with-image-text p span { font-weight: 500; } .article-content .content-with-image img { max-width: 286px; width: 100%; } .article-content .content-callback { background: -webkit-gradient(linear, right top, left top, from(#e8feda), color-stop(56.73%, #e5f7fb)); background: -o-linear-gradient(right, #e8feda 0%, #e5f7fb 56.73%); background: linear-gradient(270deg, #e8feda 0%, #e5f7fb 56.73%); text-align: center; border-radius: 3px; padding: 50px 0; } .article-content .content-callback h3 { font-family: Montserrat-SemiBold; font-size: 28px; line-height: 34px; color: #010306; margin-bottom: 10px; } .article-content .content-callback p { font-size: 18px; line-height: 30px; font-weight: 300; color: #5c5b5b; margin-top: 10px; } .article-content .content-callback button { display: inline-block; background-color: #37d97b; border-radius: 3px; color: #fff; cursor: pointer; border: none; padding: 18px 58px 17px; margin-top: 18px; font-size: 18px; line-height: 18px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .article-content .content-callback button:hover { background-color: #12b857; } .article-content .content-images-with-iphone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 76px; } .article-content .content-images-with-iphone-image:first-child { max-width: 253px; } .article-content .content-images-with-iphone-image:last-child { max-width: 755px; margin-left: 88px; } .article-content .content-images-with-iphone-image img { width: 100%; } .article-content .three-images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 56px; width: 100%; } .article-content .three-images-image { margin-right: 20px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 3px; -webkit-flex-basis: 33.33334%; -ms-flex-preferred-size: 33.33334%; flex-basis: 33.33334%; } .article-content .three-images-image img { width: 100%; } .article-content .three-images-image:last-child { margin-right: 0; } .article-content .two-images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 30px 0 40px; width: 100%; } .article-content .two-images-image { margin-right: 20px; -webkit-flex-basis: 530px; -ms-flex-preferred-size: 530px; flex-basis: 530px; } .article-content .two-images-image img { width: 100%; } .article-content .two-images-image:last-child { margin-right: 0; } @media (max-width: 1180px) { .article1-content { overflow: hidden; } .article1-content__wrapper .breadcrums { padding: 32px 0; margin-bottom: 8px; } .article-content { padding-bottom: 60px; } .article-content > p { font-size: 20px; line-height: 28px; max-width: 593px; margin-bottom: 32px; } .article-content blockquote { font-size: 16px; line-height: 22px; padding: 24px; max-width: 520px; margin-bottom: 50px; } .article-content h2 { margin-top: 40px; font-size: 32px; line-height: 40px; margin-bottom: 32px; } .article-content h3 { font-size: 19px; line-height: 26px; margin-top: 32px; margin-bottom: 24px; } .article-content .swiper-container { max-width: calc(100% + 80px); padding: 40px; margin: -32px -40px -40px; width: calc(100% + 80px); } .article-content ol li { margin-top: 20px; font-size: 20px; line-height: 28px; } .article-content ol li p { max-width: 636px; } .article-content ol li .swiper-container { max-width: calc(100% + 80px); padding: 40px; margin: 8px -40px -14px -64px; width: calc(100% + 80px); } .article-content-slide { background-color: #fff; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.1); box-shadow: 0 0 40px rgba(0,0,0,0.1); padding: 24px 16px; } .article-content-slide h4 { font-size: 16px; line-height: 20px; padding-bottom: 16px; margin-bottom: 16px; } .article-content-slide ol { margin-left: 16px; } .article-content-slide ol li { font-size: 16px; line-height: 22px; } .article-content .content-with-image { margin: 40px 0; } .article-content .content-with-image-text { margin-right: 0; } .article-content .content-with-image-text p { font-size: 20px; line-height: 28px; max-width: 593px; } .article-content .content-with-image img { display: none; } .article-content .content-callback { margin: 0 -35px; width: calc(100% + 70px); } .article-content .content-callback h3 { font-size: 22px; line-height: 26px; margin-bottom: 14px; } .article-content .content-callback p { font-size: 16px; line-height: 20px; margin-top: 10px; } .article-content .content-callback button { padding: 13px 51px; margin-top: 14px; font-size: 16px; line-height: 16px; } .article-content .content-images-with-iphone-image:last-child { margin-left: 12px; } .article-content .three-images { padding: 40px; margin: -40px; margin-bottom: 32px; width: calc(100% + 80px); overflow-x: scroll; } .article-content .three-images-image { min-width: 430px; } .article-content .two-images { margin-bottom: 48px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .article-content .two-images-image { margin-bottom: 20px; margin-right: 0; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .article-content .two-images-image:last-child { margin-bottom: 0; } .articlePage .loyality-callback { padding-top: 60px; } } @media (max-width: 639px) { .article1-content__wrapper .breadcrums { padding: 24px 0; margin-bottom: 16px; } .article-content { padding-bottom: 20px; } .article-content > p { font-size: 17px; line-height: 26px; max-width: 323px; } .article-content blockquote { font-size: 14px; line-height: 20px; padding: 16px 12px; margin-bottom: 0; } .article-content h2 { margin-top: 60px; font-size: 24px; line-height: 28px; margin-bottom: 24px; } .article-content .swiper-container { padding-top: 32px; padding-bottom: 32px; padding-right: 40px; margin: -32px -40px -32px; } .article-content ol li { margin-top: 16px; font-size: 17px; line-height: 26px; } .article-content ol li .swiper-container { padding-top: 32px; padding-bottom: 32px; padding-right: 20px; margin: 0 -40px -16px -64px; } .article-content-slide h4 { font-size: 14px; padding-bottom: 16px; margin-bottom: 16px; } .article-content-slide ol { margin-left: 16px; } .article-content-slide ol li { font-size: 14px; line-height: 18px; } .article-content .content-with-image { margin: 40px 0; } .article-content .content-with-image-text { margin-right: 0; } .article-content .content-with-image-text p { font-size: 20px; line-height: 28px; max-width: 593px; } .article-content .content-with-image img { display: none; } .article-content .content-callback { margin: 0 -35px; width: calc(100% + 70px); } .article-content .content-callback h3 { font-size: 22px; line-height: 26px; margin-bottom: 14px; } .article-content .content-callback p { font-size: 16px; line-height: 20px; margin-top: 10px; } .article-content .content-callback button { padding: 13px 51px; margin-top: 14px; font-size: 16px; line-height: 16px; } .article-content .content-images-with-iphone { overflow-x: scroll; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 20px; margin-top: 60px; } .article-content .content-images-with-iphone-image:first-child { min-width: 161px; max-width: 100%; } .article-content .content-images-with-iphone-image:last-child { max-width: 100%; min-width: 481px; margin-left: 20px; } .article-content .three-images { padding: 0; margin: 0; margin-bottom: 32px; width: 100%; overflow-x: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px; } .article-content .three-images-image { margin-bottom: 16px; margin-right: 0; min-width: 100%; } .article-content .three-images-image:last-child { margin-bottom: 0; } .article-content .two-images { margin-bottom: 40px; } .article-content .two-images-image { margin-bottom: 10px; } .articlePage .loyality-callback { padding-top: 40px; } } .article2-top { position: relative; } .article2-top__wrapper { padding: 92px 0 299px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .article2-top__wrapper img { max-width: 862px; position: absolute; bottom: 14px; right: 70px; } .article2-top__wrapper__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; } .article2-top__wrapper__content h1 { font-size: 50px; line-height: 60px; color: #fff; font-family: Montserrat-Bold; margin-bottom: 21px; } .article2-top__wrapper__content p { font-size: 22px; line-height: 32px; color: #fff; font-weight: 300; max-width: 412px; } @media (max-width: 1180px) { .article2-top { background: url("/images/article2-top-bg-tablet.png") 50% 50% no-repeat !important; background-size: cover !important; } .article2-top__wrapper { padding: 160px 0 18px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .article2-top__wrapper img { max-width: 790px; margin-top: 60px; position: relative; width: 100%; bottom: auto; right: auto; } .article2-top__wrapper__content h1 { font-size: 46px; line-height: 46px; margin-bottom: 16px; } } @media (max-width: 639px) { .article2-top { background: url("/images/article2-top-bg-mob.png") 50% 50% no-repeat !important; background-size: cover !important; } .article2-top__wrapper { padding: 96px 0 40px; } .article2-top__wrapper img { max-width: 297px; margin: 35px auto 0; } .article2-top__wrapper__content { width: 100%; } .article2-top__wrapper__content h1 { font-size: 30px; line-height: 30px; margin-bottom: 23px; text-align: center; } .article2-top__wrapper__content p { font-size: 16px; line-height: 22px; margin: 0 auto; text-align: center; max-width: 270px; } } .usedPage .seo { padding-top: 80px; } .usedPage__container { padding-top: 20px; padding-bottom: 80px; } .usedPage__wrapper .breadcrums { padding: 20px 0 24px; margin-bottom: 32px; } .usedPage__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .usedPage__wrapper .breadcrums a:hover { color: #37d97b; } .usedPage__wrapper .breadcrums svg { margin: 0 10px; } .usedPage__blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .usedPage__mobSocial { display: none; } .usedPage__pages { position: absolute; bottom: 32px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(1,3,6,0.5); border-radius: 20px; padding: 10px 24px; display: none; } .usedPage__pages span { color: #fff; font-size: 18px; line-height: 18px; display: inline-block; } .usedPage__pages span:nth-child(2) { margin: 0 8px; } .usedPage__slider { width: 50%; position: relative; max-width: 530px; margin-right: 30px; } .usedPage__slider-main li { -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); border-radius: 3px; overflow: hidden; cursor: pointer; } .usedPage__slider-main li img { -o-object-fit: cover; object-fit: cover; width: 100%; } .usedPage__slider .lSSlideOuter .lSPager.lSGallery { margin-top: 32px !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .usedPage__slider .lSSlideOuter .lSPager.lSGallery li { border-radius: 3px; overflow: hidden; margin-right: 10px !important; max-width: 96px; max-height: 96px; } .usedPage__more { position: absolute; width: 112px; bottom: 0; right: 0; z-index: 2; height: 100px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #37d97b; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .usedPage__more:hover { color: #12b857; } .usedPage__content { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .usedPage__header ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } .usedPage__header ul li:first-child { margin-top: 24px; } .usedPage__header ul li p { font-size: 20px; line-height: 22px; color: #000; font-weight: 500; width: 40%; } .usedPage__header ul li span { color: #3e3e3e; font-size: 20px; line-height: 22px; width: 55%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .usedPage__header ul li span:before { content: ''; position: absolute; border-radius: 50%; left: 0; width: 40px; height: 40px; } .usedPage__header ul li span.silver { padding-left: 51px; } .usedPage__header ul li span.silver:before { background: #d9d9d9; border: 1px solid #adadad; } .usedPage__header ul li span.black { padding-left: 51px; } .usedPage__header ul li span.black:before { background: #000; border: 1px solid #adadad; } .usedPage__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .usedPage__price { font-size: 32px; line-height: 32px; font-family: Montserrat-SemiBold; color: #010306; font-weight: 600; margin-bottom: 8px; } .usedPage__tip { font-size: 14px; line-height: 17px; color: #939393; margin-bottom: 24px; } .usedPage button { padding: 17px 58px; color: #fff; border-radius: 3px; background-color: #37d97b; font-size: 16px; line-height: 16px; border: none; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .usedPage button:hover { background-color: #12b857; } .usedPage__icons { margin-top: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .usedPage__social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .usedPage__social p { font-size: 14px; line-height: 17px; color: #3e3e3e; } .usedPage__social__icon { display: inline-block; margin-right: 21px; position: relative; } .usedPage__social__icon:last-child { margin-right: 0; } .usedPage__social__icon .usedPage__social__block { position: absolute; background-color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; z-index: -10; color: #010306; font-size: 16px; line-height: 18px; font-weight: 500; padding: 14px 31px 12px; border-radius: 3px; min-width: 178px; right: 20px; top: 44px; display: inline-block; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15); box-shadow: 0 0 20px rgba(0,0,0,0.15); } .usedPage__social__icon .usedPage__social__block:hover { color: #37d97b; } .usedPage__social__icon .usedPage__social__block:before { content: ''; position: absolute; height: 20px; width: 100%; top: -20px; right: -20px; } .usedPage__social__icon:hover .usedPage__social__block { opacity: 1; visibility: visible; z-index: 10; } #lg-counter, #lg-download { display: none; } .lg-toolbar { background-color: transparent; } .lg-toolbar .lg-icon { -webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); color: #3e3e3e; } .lg-toolbar .lg-icon:hover { color: #37d97b; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: transparent; height: 50px; width: 24px; } .lg-actions .lg-next:after, .lg-actions .lg-prev:after, .lg-actions .lg-next:before, .lg-actions .lg-prev:before { display: none; } .lg-actions .lg-prev { background: url("../images/lightslider-prev.svg") no-repeat 50% 50%; } .lg-actions .lg-next { background: url("../images/lightslider-next.svg") no-repeat 50% 50%; } .lg-backdrop { background-color: #fff; } .lg-outer .lg-thumb-outer { background-color: transparent; } .lg-toogle-thumb { display: none; } .lg-outer .lg-thumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 30px; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #37d97b; } .lg-outer .lg-thumb-item { height: 100px !important; width: 100px !important; } @media (max-width: 1180px) { .usedPage .seo { padding-top: 40px; } .usedPage__container { padding-top: 0; padding-bottom: 50px; } .usedPage__wrapper .breadcrums { padding: 20px 0 30px; margin-bottom: 0; } .usedPage__wrapper .breadcrums a { line-height: 14px; } .usedPage__blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .usedPage__pages { display: block; } .usedPage__mobSocial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f8f8f8; padding: 40px 0; } .usedPage__mobSocial p { font-size: 18px; line-height: 26px; color: #3e3e3e; text-align: center; margin-bottom: 32px; } .usedPage__mobSocial .usedPage__social__icon { margin-right: 80px; } .usedPage__mobSocial .usedPage__social__icon svg { width: 40px; height: 40px; } .usedPage__mobSocial .usedPage__social__icon:last-child { margin-right: 0; } .usedPage__slider { width: 100%; max-width: 100%; margin-right: 0; border-radius: 3px; } .usedPage__slider .lSSlideOuter .lSPager.lSGallery { display: none; } .usedPage__more { display: none; } .usedPage__content { width: 100%; } .usedPage__header ul li:first-child { margin-top: 46px; } .usedPage__header ul li p { font-size: 18px; line-height: 26px; } .usedPage__header ul li span { font-size: 18px; line-height: 26px; } .usedPage__footer { padding-left: 45%; margin-top: 32px; } .usedPage__price { font-size: 32px; line-height: 32px; margin-bottom: 8px; } .usedPage__tip { line-height: 18px; } .usedPage button { padding: 16px 100px; } .usedPage__social { display: none; } } @media (max-width: 600px) { .usedPage .seo { padding-top: 28px; } .usedPage__wrapper .breadcrums { padding: 20px 0 30px; margin-bottom: 0; } .usedPage__wrapper .breadcrums a { line-height: 14px; } .usedPage__header ul li:first-child { margin-top: 40px; } .usedPage__header ul li p { font-size: 14px; line-height: 18px; } .usedPage__header ul li span { font-size: 14px; line-height: 18px; } .usedPage__info { width: 100%; } .usedPage__footer { padding-left: 0; width: 100%; margin-top: 56px; } .usedPage__price { font-size: 28px; line-height: 28px; } .usedPage button { padding: 16px; width: 100%; text-align: center; } } .paymentPage { padding-bottom: 70px; } .paymentPage__wrapper .breadcrums { padding: 90px 0 20px; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .paymentPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .paymentPage__wrapper .breadcrums a:hover { color: #37d97b; } .paymentPage__wrapper .breadcrums svg { margin: 0 10px; } .paymentPage__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .paymentPage__block { max-width: 960px; } .paymentPage__block h2 { font-size: 30px; line-height: 30px; font-family: Montserrat-SemiBold; margin-bottom: 48px; margin-top: 96px; } .paymentPage__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } .paymentPage__item svg { min-width: 58px; min-height: 58px; } .paymentPage__item span { display: inline-block; margin-left: 50px; font-size: 22px; line-height: 32px; font-weight: 300; color: #010306; } .paymentPage__alert { border-left: 6px solid #37d97b; border-radius: 4px 0 0 4px; background-color: #eefaef; padding: 32px 153px 32px 32px; } .paymentPage__alert span { font-size: 18px; line-height: 32px; color: #5c5b5b; } @media (max-width: 1180px) { .paymentPage { padding-bottom: 30px; } .paymentPage__wrapper .breadcrums { padding: 16px 0; } .paymentPage__wrapper .breadcrums a { line-height: 14px; } .paymentPage__wrapper h1 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .paymentPage__block h2 { margin-top: 80px; } .paymentPage__block:nth-child(3) h2 { margin-top: 40px; } .paymentPage__item span { margin-left: 30px; font-size: 20px; line-height: 30px; } .paymentPage__alert { padding: 24px; } .paymentPage__alert span { font-size: 16px; line-height: 22px; } } @media (max-width: 768px) { .paymentPage { padding-bottom: 24px; } .paymentPage__wrapper .breadcrums { padding: 20px 0; } .paymentPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .paymentPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 0; margin-bottom: 20px; } .paymentPage__block h2 { margin-top: 64px; font-size: 22px; line-height: 26px; margin-bottom: 32px; } .paymentPage__block:nth-child(3) h2 { margin-top: 30px; } .paymentPage__item { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 40px; } .paymentPage__item svg { width: 35px; height: 35px; } .paymentPage__item span { margin-left: 25px; font-size: 17px; line-height: 26px; } .paymentPage__alert { padding: 16px 16px 16px 12px; } .paymentPage__alert span { font-size: 14px; line-height: 20px; } } .deliveryPage .newForm { padding-top: 88px; background-color: #fff; margin-bottom: 0; } .deliveryPage__wrapper .breadcrums { padding: 90px 0 20px; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .deliveryPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .deliveryPage__wrapper .breadcrums a:hover { color: #37d97b; } .deliveryPage__wrapper .breadcrums svg { margin: 0 10px; } .deliveryPage__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .deliveryPage__content { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 95px; grid-row-gap: 24px; } .deliveryPage__alert { max-width: 960px; border-left: 6px solid #37d97b; border-radius: 4px 0 0 4px; background-color: #eefaef; padding: 32px 153px 32px 32px; margin-top: 60px; } .deliveryPage__alert span { font-size: 18px; line-height: 32px; color: #5c5b5b; } .deliveryPage__text:nth-child(1) { grid-column: 1/8; grid-row: 1/2; } .deliveryPage__text:nth-child(1) p { font-size: 22px; line-height: 32px; color: #010306; font-weight: 300; } .deliveryPage__text:nth-child(2) { grid-column: 8/13; max-width: 530px; grid-row: 1/3; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.1); box-shadow: 0 0 40px rgba(0,0,0,0.1); padding: 104px 34px; border-radius: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .deliveryPage__text:nth-child(2) h3 { font-size: 36px; line-height: 37px; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-bottom: 10px; text-align: center; font-family: Montserrat-Bold; } .deliveryPage__text:nth-child(2) p { font-size: 22px; line-height: 34px; text-align: center; font-family: Montserrat-SemiBold; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .deliveryPage__text:nth-child(3) { grid-row: 2/3; grid-column: 1/6; } .deliveryPage__text:nth-child(3) p { font-size: 22px; line-height: 32px; color: #010306; font-weight: 300; margin-bottom: 24px; } .deliveryPage__text:nth-child(3) p span { font-weight: 500; margin-left: 4px; } .deliveryPage__callback { margin-top: 80px; padding: 50px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, right top, left top, from(#e8feda), color-stop(56.73%, #e5f7fb)); background: -o-linear-gradient(right, #e8feda 0%, #e5f7fb 56.73%); background: linear-gradient(270deg, #e8feda 0%, #e5f7fb 56.73%); border-radius: 3px; } .deliveryPage__callback h2 { font-size: 28px; line-height: 34px; color: #010306; font-weight: 500; text-align: center; margin-bottom: 10px; } .deliveryPage__callback p { font-size: 18px; line-height: 30px; color: #939393; font-weight: 300; margin-bottom: 18px; text-align: center; } .deliveryPage__callback button { font-size: 20px; line-height: 28px; color: #fff; border: none; background-color: #37d97b; border-radius: 3px; padding: 16px 71px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .deliveryPage__callback button:hover { background-color: #12b857; } @media (max-width: 1180px) { .deliveryPage__wrapper .breadcrums { padding: 16px 0; } .deliveryPage__wrapper .breadcrums a { line-height: 14px; } .deliveryPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 20px; margin-bottom: 40px; } .deliveryPage__content { grid-column-gap: 58px; grid-row-gap: 48px; } .deliveryPage__text:nth-child(1) { grid-column: 1/13; } .deliveryPage__text:nth-child(1) p { font-size: 20px; line-height: 28px; } .deliveryPage__text:nth-child(2) { grid-column: 8/13; max-width: 100%; min-width: 300px; grid-row: 2/3; padding: 48px 32px; border-radius: 20px; } .deliveryPage__text:nth-child(2) h3 { font-size: 30px; line-height: 35px; } .deliveryPage__text:nth-child(2) p { font-size: 18px; line-height: 24px; } .deliveryPage__text:nth-child(3) { grid-row: 2/3; grid-column: 1/8; } .deliveryPage__text:nth-child(3) p { font-size: 17px; line-height: 26px; } .deliveryPage__text:nth-child(3) p:nth-child(2) { margin-bottom: 48px; } .deliveryPage__alert { padding: 24px; margin-top: 48px; } .deliveryPage__alert span { font-size: 16px; line-height: 22px; } __callback { margin-top: 50px; padding-left: 0; } } @media (max-width: 768px) { .deliveryPage { padding-bottom: 24px; } .deliveryPage__wrapper .breadcrums { padding: 20px 0; } .deliveryPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .deliveryPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 0; margin-bottom: 20px; } .deliveryPage__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 0; } .deliveryPage__text:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .deliveryPage__text:nth-child(1) p { font-size: 17px; line-height: 26px; } .deliveryPage__text:nth-child(2) { margin-top: 32px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .deliveryPage__text:nth-child(2) h3 { text-align: left; } .deliveryPage__text:nth-child(2) p { text-align: left; } .deliveryPage__text:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 24px; } .deliveryPage__text:nth-child(3) p:last-child { margin-bottom: 0; } .deliveryPage__text:nth-child(3) p:nth-child(2) { margin-bottom: 32px; } .deliveryPage__alert { margin-top: 32px; padding: 16px 16px 16px 12px; } .deliveryPage__alert span { font-size: 14px; line-height: 20px; } .deliveryPage__callback { margin-top: 48px; } .deliveryPage__callback h2 { font-size: 24px; line-height: 32px; } .deliveryPage__callback p { font-size: 16px; line-height: 24px; } .deliveryPage__callback p br { display: none; } .deliveryPage__callback button { font-size: 16px; line-height: 16px; padding: 13px 54px 15px; } } .allServicesPage .catalogPage { padding-top: 80px; } .allServicesPage .catalogPage__wrapper > h2 { font-size: 44px; font-family: Montserrat-SemiBold; line-height: 44px; color: #010306; text-align: center; margin-bottom: 56px; } .servicesPage__wrapper .breadcrums { padding: 90px 0 20px; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .servicesPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .servicesPage__wrapper .breadcrums a:hover { color: #37d97b; } .servicesPage__wrapper .breadcrums svg { margin: 0 10px; } .servicesPage__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .servicesPage__content { padding-bottom: 80px; max-width: 960px; } .servicesPage__content p { font-size: 22px; line-height: 32px; color: #010306; font-weight: 300; margin-top: 32px; } .servicesPage__content p:first-child { margin-top: 0; } .servicesPage__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 32px; } .servicesPage__item p { margin-top: 0; } .servicesPage__item svg { margin-top: 4px; margin-right: 32px; min-width: 75px; } .servicesPage__item a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .servicesPage__item a:hover { color: #12b857; } @media (max-width: 1180px) { .allServicesPage .catalogPage { padding-top: 46px; } .allServicesPage .catalogPage__wrapper > h2 { font-size: 30px; line-height: 30px; margin-bottom: 45px; } .servicesPage__wrapper .breadcrums { padding: 16px 0; } .servicesPage__wrapper .breadcrums a { line-height: 14px; } .servicesPage__wrapper h1 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .servicesPage__content { padding-bottom: 50px; } .servicesPage__content p { font-size: 20px; line-height: 28px; } .servicesPage__item svg { max-width: 50px; margin-right: 20px; min-width: 50px; } } @media (max-width: 768px) { .allServicesPage .catalogPage { padding-top: 50px; } .allServicesPage .catalogPage__wrapper > h2 { font-size: 26px; line-height: 32px; margin-bottom: 32px; } .servicesPage__wrapper .breadcrums { padding: 20px 0; } .servicesPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .servicesPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 0; margin-bottom: 20px; } .servicesPage__content p { font-size: 17px; line-height: 26px; } .servicesPage__item svg { max-width: 40px; margin-right: 16px; min-width: 40px; } } .diagnosticsPage .catalogPage { padding-top: 80px; } .diagnosticsPage .catalogPage__wrapper > h2 { font-size: 44px; font-family: Montserrat-SemiBold; line-height: 44px; color: #010306; text-align: center; margin-bottom: 56px; } .diagnosticsPage__wrapper .breadcrums { padding: 90px 0 20px; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .diagnosticsPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .diagnosticsPage__wrapper .breadcrums a:hover { color: #37d97b; } .diagnosticsPage__wrapper .breadcrums svg { margin: 0 10px; } .diagnosticsPage__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .diagnosticsPage__content { padding-bottom: 80px; max-width: 860px; } .diagnosticsPage__content > span { background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-size: 30px; line-height: 30px; font-family: Montserrat-SemiBold; display: inline-block; margin: 48px 0 30px; } .diagnosticsPage__content p { font-size: 22px; line-height: 32px; color: #010306; font-weight: 300; margin-top: 32px; } .diagnosticsPage__content p:first-child { margin-top: 0; } .diagnosticsPage__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 32px; } .diagnosticsPage__item p { margin-top: 0; } .diagnosticsPage__item p span { background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .diagnosticsPage__item svg { margin-top: 4px; margin-right: 32px; min-width: 75px; } @media (max-width: 1180px) { .diagnosticsPage .catalogPage { padding-top: 46px; } .diagnosticsPage .catalogPage__wrapper > h2 { font-size: 30px; line-height: 30px; margin-bottom: 45px; } .diagnosticsPage__wrapper .breadcrums { padding: 16px 0; } .diagnosticsPage__wrapper .breadcrums a { line-height: 14px; } .diagnosticsPage__wrapper h1 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .diagnosticsPage__content { padding-bottom: 50px; } .diagnosticsPage__content p { font-size: 20px; line-height: 28px; } .diagnosticsPage__content > span { font-size: 36px; line-height: 36px; margin-top: 32px; margin-bottom: 0; } .diagnosticsPage__item svg { max-width: 50px; margin-right: 20px; min-width: 50px; } } @media (max-width: 768px) { .diagnosticsPage .catalogPage { padding-top: 50px; } .diagnosticsPage .catalogPage__wrapper > h2 { font-size: 26px; line-height: 32px; margin-bottom: 32px; } .diagnosticsPage__wrapper .breadcrums { padding: 20px 0; } .diagnosticsPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .diagnosticsPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 0; margin-bottom: 20px; } .diagnosticsPage__content p { font-size: 17px; line-height: 26px; } .diagnosticsPage__content > span { margin-top: 24px; } .diagnosticsPage__item svg { max-width: 40px; margin-right: 16px; min-width: 40px; } } .shopPage { background-color: #f8f8f8; } .shopPage__bg { display: none; position: fixed; z-index: 999; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.8); } .shopPage .seo { padding-top: 0; } .shopPage__close { position: absolute; right: 16px; top: 16px; cursor: pointer; } .shopPage__close svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .shopPage__close:hover svg path { stroke: #12b857; } .shopPage__wrapper .breadcrums { padding: 90px 0 20px; overflow-x: auto; overflow-x: overlay; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .shopPage__wrapper .breadcrums a { white-space: nowrap; font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .shopPage__wrapper .breadcrums a:hover { color: #37d97b; } .shopPage__wrapper .breadcrums svg { margin: 0 10px; } .shopPage__wrapper h1 { font-size: 64px; line-height: 64px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .shopPage__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; } .shopPage__filter-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 18px; font-weight: 500; cursor: pointer; color: #010306; } .shopPage__filter-button svg { margin-right: 8px; } .shopPage__suggestions { color: #37d97b; font-size: 18px; line-height: 18px; } .shopPage__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 128px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .shopPage__filter { -webkit-flex-basis: calc(25% - 20px); -ms-flex-preferred-size: calc(25% - 20px); flex-basis: calc(25% - 20px); border-radius: 3px; padding: 24px 22px 32px; background-color: #fff; } .shopPage__filter-block { margin-bottom: 40px; } .shopPage__filter-block h3 { font-size: 20px; line-height: 22px; color: #010306; font-weight: 500; margin-bottom: 24px; } .shopPage__filter-block label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-bottom: 24px; } .shopPage__filter-block label.dropdown { border-radius: 3px; border: 1px solid #ddd; padding: 13px 15px; position: relative; } .shopPage__filter-block label.dropdown svg { position: absolute; right: 15px; } .shopPage__filter-block label.dropdown select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; width: 100%; font-size: 16px; line-height: 16px; font-family: 'Roboto'; } .shopPage__filter-block label:last-child { margin-bottom: 0; } .shopPage__filter-block label input:checked + span:after { opacity: 1; } .shopPage__filter-block label span { font-size: 16px; line-height: 22px; color: #010306; font-weight: 500; display: inline-block; padding-left: 37px; position: relative; } .shopPage__filter-block label span:before { content: ''; position: absolute; left: 0; width: 22px; height: 22px; border-radius: 3px; border: 1px solid #ddd; } .shopPage__filter-block label span:after { content: url("/images/check.svg"); position: absolute; left: 8px; opacity: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .shopPage__filter-block label.disabled { cursor: default; pointer-events: none; } .shopPage__filter-block label.disabled span { color: #c4c4c4; } .shopPage__filter-button button { width: 100%; background-color: #37d97b; cursor: pointer; border-radius: 3px; color: #fff; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 16px; line-height: 16px; font-weight: 500; padding: 12px; } .shopPage__filter-button button:hover { background-color: #12b857; } .shopPage__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 20px; grid-row-gap: 40px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .shopPage__item { text-align: center; display: inline-block; } .shopPage__item-image { margin-bottom: 24px; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.15); box-shadow: 0 3px 20px rgba(0,0,0,0.15); } .shopPage__item-image img { width: 100%; border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .shopPage__item h3 { font-size: 18px; line-height: 18px; color: #939393; margin-bottom: 16px; } .shopPage__item p { font-size: 24px; line-height: 24px; color: #010306; font-family: Montserrat-SemiBold; } @media (max-width: 1180px) { .shopPage__wrapper .breadcrums { padding: 16px 0; } .shopPage__wrapper .breadcrums a { line-height: 14px; } .shopPage__wrapper h1 { font-size: 48px; line-height: 48px; color: #010306; font-family: Montserrat-SemiBold; margin-top: 39px; margin-bottom: 54px; } .shopPage__heading { margin-bottom: 17px; } .shopPage__filter { display: none; position: fixed; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; z-index: 1000; top: 34px; left: 34px; right: 34px; width: calc(100% - 68px); padding: 32px 56px 40px; } .shopPage__filter form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 66px; } .shopPage__filter-block:nth-child(3) { margin-bottom: 0; } .shopPage__filter-block:nth-child(4) { grid-column: 2/3; grid-row: 1/3; } .shopPage__filter-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .shopPage__filter-button button { font-size: 16px; line-height: 16px; padding: 14px; max-width: 196px; } .shopPage__suggestions { font-size: 16px; line-height: 16px; } .shopPage__container { padding-bottom: 70px; } .shopPage__items { grid-row-gap: 32px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .shopPage__item-image { margin-bottom: 16px; -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.1); box-shadow: 0 3px 15px rgba(0,0,0,0.1); } .shopPage__item h3 { font-size: 16px; line-height: 16px; margin-bottom: 12px; } .shopPage__item p { font-size: 20px; line-height: 20px; } } @media (max-width: 768px) { .shopPage__wrapper .breadcrums { padding: 20px 0; } .shopPage__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .shopPage__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 0; margin-bottom: 32px; } .shopPage__heading { margin-bottom: 16px; } .shopPage__filter { top: 40px; left: 16px; right: 16px; width: calc(100% - 32px); padding: 24px 30px 32px; } .shopPage__filter form { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 0; overflow-y: auto; max-height: calc(100vh - 200px); } .shopPage__filter-block:nth-child(3) { margin-bottom: 40px; } .shopPage__filter-block:nth-child(4) { grid-column: auto; grid-row: auto; } .shopPage__filter-button { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .shopPage__filter-button button { padding: 12px; width: 100%; text-align: center; max-width: 100%; } .shopPage__suggestions { font-size: 14px; line-height: 14px; } .shopPage__container { padding-bottom: 80px; } .shopPage__items { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 11px; } .shopPage__item-image { margin-bottom: 12px; } .shopPage__item h3 { font-size: 12px; line-height: 14px; margin-bottom: 10px; } .shopPage__item p { font-size: 16px; line-height: 16px; } } .map { padding-bottom: 100px; background-color: #f8f8f8; } .map__wrapper { height: 544px; } .map__wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1180px) { .map { padding-bottom: 70px; } .map__wrapper { height: 432px; } } @media (max-width: 768px) { .map { padding-bottom: 60px; } .map__wrapper { height: 350px; } } .loginPage { background-color: #fff; } .loginPage__wrapper { position: relative; padding: 66px 0; min-height: 100vh; } .loginPage__bg { position: absolute; right: 0; bottom: 0; z-index: 1; } .loginPage__back { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .loginPage__back span { margin-left: 18px; color: #939393; font-size: 14px; line-height: 18px; display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loginPage__back svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loginPage__back:hover span { color: #37d97b; } .loginPage__back:hover svg path { fill: #37d97b; } .loginPage__block { background: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.18); box-shadow: 0 0 20px rgba(0,0,0,0.18); border-radius: 3px; position: absolute; top: 50%; z-index: 2; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 400px; min-height: 331px; padding: 40px; } .loginPage__form__title { font-size: 24px; line-height: 24px; margin-bottom: 32px; font-family: Montserrat-SemiBold; color: #010306; } .loginPage__form form .loginPage__form__input { margin-bottom: 16px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .loginPage__form form .loginPage__form__input span { color: #eb001b; font-size: 14px; line-height: 18px; position: absolute; display: none; } .loginPage__form form .loginPage__form__input svg { position: absolute; right: 16px; top: 14px; display: none; } .loginPage__form form .loginPage__form__input input { width: 100%; padding: 13px 20px; font-size: 14px; line-height: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; border: 1px solid #c4c4c4; } .loginPage__form form .loginPage__form__input input:focus, .loginPage__form form .loginPage__form__input input:active, .loginPage__form form .loginPage__form__input input:hover { border-color: #37d97b; } .loginPage__form form .loginPage__form__input.valid svg { display: block; } .loginPage__form form .loginPage__form__input.error { margin-bottom: 16px; } .loginPage__form form .loginPage__form__input.error input { border-color: #eb001b !important; margin-bottom: 6px; } .loginPage__form form .loginPage__form__input.error span { position: relative; display: block; } .loginPage__form form button { width: 100%; background-color: #37d97b; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 15px; line-height: 17px; color: #fff; border: none; padding: 13px; margin-bottom: 16px; border-radius: 3px; } .loginPage__form form button:hover { background-color: #12b857; } .loginPage__form form button.disabled { pointer-events: none; opacity: 0.5; } .loginPage__form form button + a { font-size: 14px; line-height: 22px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; margin-bottom: 16px; } .loginPage__form form button + a:hover { color: #12b857; } .loginPage__form form p { font-size: 14px; line-height: 18px; color: #939393; } .loginPage__form form p a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 0; } .loginPage__form form p a:hover { color: #12b857; } .loginPage__form form a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; margin-top: 20px; font-size: 14px; line-height: 14px; } .loginPage__form form a:hover { color: #12b857; } .loginPage__code { display: none; } .loginPage__code__title { font-size: 24px; line-height: 24px; margin-bottom: 32px; font-family: Montserrat-SemiBold; } .loginPage__code__tip { font-size: 16px; line-height: 22px; color: #3e3e3e; margin-bottom: 5px; max-width: 266px; } .loginPage__code__tip span { font-weight: 600; } .loginPage__code .changeNumber { font-size: 14px; line-height: 14px; margin-bottom: 32px; color: #37d97b; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loginPage__code .changeNumber:hover { color: #12b857; } .loginPage__code form { margin-bottom: 14px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .loginPage__code form input { width: 290px; height: 58px; padding: 14px 16px; border-radius: 3px; border: 1px solid #c4c4c4; margin-right: 20px; font-size: 30px; line-height: 30px; font-weight: 500; } .loginPage__code form button.hidden { display: none; } .loginPage__code p { font-size: 14px; line-height: 22px; color: #939393; } .loginPage__code .getNewCode { display: none; font-size: 14px; line-height: 22px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .loginPage__code .getNewCode:hover { color: #12b857; } .loginPage__code .error__code__text { font-size: 14px; line-height: 22px; color: #eb001b; margin-bottom: 12px; display: none; } .loginPage__code__code.error { height: 352px; } .loginPage__code__code.error form { margin-bottom: 14px; } .loginPage__code__code.error .error__code__text { display: block; } .loginPage__notFound { padding-top: 60px; } .loginPage__notFound__back { position: absolute; top: 24px; left: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .loginPage__notFound__back span { margin-left: 10px; color: #939393; font-size: 14px; line-height: 18px; display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loginPage__notFound__back svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loginPage__notFound__back:hover span { color: #37d97b; } .loginPage__notFound__back:hover svg path { fill: #37d97b; } .loginPage__notFound__links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 32px; } .loginPage__notFound__links a { margin-right: 50px; } .loginPage__notFound__links a:last-child { margin-right: 0; } .loginPage__notFound__title { font-size: 24px; line-height: 24px; margin-bottom: 20px; font-family: Montserrat-SemiBold; white-space: nowrap; color: #010306; } .loginPage__notFound p { text-align: center; font-size: 14px; line-height: 18px; color: #939393; margin-bottom: 26px; } .loginPage__notFound p a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .loginPage__notFound p a:hover { color: #12b857; } .loginPage__notFound form .loginPage__notFound__input { margin-bottom: 16px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .loginPage__notFound form .loginPage__notFound__input span { color: #eb001b; font-size: 14px; line-height: 18px; position: absolute; display: none; } .loginPage__notFound form .loginPage__notFound__input svg { position: absolute; right: 16px; top: 14px; display: none; } .loginPage__notFound form .loginPage__notFound__input input { width: 100%; padding: 13px 20px; font-size: 14px; line-height: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; border: 1px solid #c4c4c4; } .loginPage__notFound form .loginPage__notFound__input input:focus, .loginPage__notFound form .loginPage__notFound__input input:active, .loginPage__notFound form .loginPage__notFound__input input:hover { border-color: #37d97b; } .loginPage__notFound form .loginPage__notFound__input.valid svg { display: block; } .loginPage__notFound form .loginPage__notFound__input.error { margin-bottom: 16px; } .loginPage__notFound form .loginPage__notFound__input.error input { border-color: #eb001b !important; margin-bottom: 6px; } .loginPage__notFound form .loginPage__notFound__input.error span { position: relative; display: block; } .loginPage__notFound form button { width: 100%; background-color: #37d97b; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 15px; line-height: 17px; color: #fff; border: none; padding: 13px; margin-bottom: 16px; border-radius: 3px; } .loginPage__notFound form button:hover { background-color: #12b857; } .loginPage__notFound form button.disabled { pointer-events: none; opacity: 0.5; } .loginPage__notFound form button + a { font-size: 14px; line-height: 22px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; margin-bottom: 16px; } .loginPage__notFound form button + a:hover { color: #12b857; } .loginPage__notFound form p { font-size: 14px; line-height: 18px; color: #939393; } .loginPage__notFound form p a { color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 0; } .loginPage__notFound form p a:hover { color: #12b857; } .loginPage__copy { color: #939393; font-size: 14px; line-height: 20px; text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 66px; } .loginPage__welcome { display: none; position: absolute; top: 0; left: 0; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 100vh; } .loginPage__welcome h2 { font-size: 48px; line-height: 48px; display: none; color: #010306; font-family: Montserrat-SemiBold; } .loginPage__welcome #welcome { height: 209px !important; width: 252px !important; margin-top: 60px; } .loginPage__welcome svg { max-height: 209px !important; max-width: 252px !important; } @media (max-width: 1180px) { .loginPage__bg { overflow: hidden; } .loginPage__bg svg { margin-right: -100px; } .loginPage__wrapper { padding: 55px 0 40px; } .loginPage__form { top: 160px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .loginPage__code { top: 160px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .loginPage__notFound { top: 160px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .loginPage__notFound p { text-align: left; } } @media (max-width: 650px) { .loginPage__bg { display: none; } .loginPage .g-wrapper { padding: 0; } .loginPage__block { top: 100px; left: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%; height: calc(100% - 100px); padding: 0 16px; } .loginPage__close { top: 32px; } .loginPage__back svg { display: none; } .loginPage__title { font-size: 20px; line-height: 22px; } .loginPage form .loginPage__form__input svg { top: 16px; } .loginPage form .loginPage__form__input input { padding: 16px 20px; } .loginPage form .loginPage__form__input.error { margin-bottom: 16px; } .loginPage form .loginPage__form__input.error input { margin-bottom: 8px; } .loginPage form button { font-size: 16px; line-height: 16px; padding: 16px; } .loginPage form__title { font-size: 20px; line-height: 22px; } .loginPage form .error__code__text { margin-bottom: 14px; } .loginPage__code.error { height: 100%; } .loginPage__notFound { top: 0; min-height: 100vh; padding-top: 100px; } .loginPage__notFound__title { white-space: normal; } .loginPage__welcome h2 { font-size: 28px; line-height: 28px; } .loginPage__welcome #welcome { margin-top: 40px; width: 151px !important; height: 125px !important; } .loginPage__welcome svg { max-width: 151px !important; max-height: 125px !important; } } .profile__wrapper { grid-gap: 48px; grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; padding-top: 108px; padding-bottom: 40px; } .profile__inner { padding: 32px 32px 40px; background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); position: relative; border-radius: 15px; } .profile__col:nth-child(1) .profile__block:nth-child(1) .profile__inner { padding-top: 24px; } .profile__col:nth-child(2) .profile__block:nth-child(1) .profile__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .profile__col:nth-child(2) .profile__block:nth-child(2) .profile__inner { padding-bottom: 18px; } .profile__close { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; text-align: center; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .profile__close-button { padding: 10px; position: absolute; left: 0; } .profile__close svg { cursor: pointer; } .profile__close svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .profile__close:hover svg path { stroke: inherit; fill: #37d97b; } .profile__close h2 { font-size: 24px; line-height: 24px; color: #010306; font-family: Montserrat-SemiBold; } .profile__block { margin-top: 48px; grid-row: span 1/span 1; } .profile__block.historyPopupMobile.active { display: block; top: 50px; position: fixed; z-index: 1000; height: calc(100vh - 50px); background: #fff; margin-top: 0 !important; padding: 24px 16px 0; left: 0; width: 100%; } .profile__block.historyPopupMobile.active h2 { display: none; } .profile__block.historyPopupMobile.active .profile__close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 16px; } .profile__block.historyPopupMobile.active .profile__close h2 { display: block; } .profile__block.historyPopupMobile.active .profile__history-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .profile__block.historyPopupMobile.active .profile__history-items .profile__noItems:first-child { display: block; } .profile__block.personPopupMobile .profile__avatar { margin-top: 24px; } .profile__block.personPopupMobile .profile__form { margin-top: 32px; margin-right: 0; } .profile__block.personPopupMobile .profile__form form { max-width: 353px; } .profile__block.personPopupMobile.active { display: block; top: 50px; position: fixed; z-index: 1000; height: calc(100vh - 50px); background: #fff; margin-top: 0 !important; padding: 24px 16px 0; left: 0; width: 100%; } .profile__block.personPopupMobile.active .profile__inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile__block.personPopupMobile.active .profile__form h2 span { display: block; } .profile__block.personPopupMobile.active .profile__form h2 span.mobile { display: none; } .profile__block.personPopupMobile.active .profile__form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 414px; } .profile__block.personPopupMobile.active .profile__avatar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 414px; } .profile__block.personPopupMobile.active .profile__close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .profile__block:nth-child(1) { margin-top: 0; } .profile__block h2 { font-size: 24px; line-height: 24px; color: #010306; font-family: Montserrat-SemiBold; } .profile__block h2 span { display: block; } .profile__block h2 span.mobile { display: none; } .profile__block-big { grid-row: span 2/span 2; } .profile__block-bg { position: absolute; right: 0; bottom: 0; } .profile__block-bg svg { display: block; } .profile__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 44px; } .profile__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile__title span { display: inline-block; width: 40px; height: 40px; border-radius: 50%; margin-right: 13px; } .profile__title span.silver { background: -o-linear-gradient(249.91deg, #cce3ff -1.78%, #ccd2db 104.63%); background: linear-gradient(200.09deg, #cce3ff -1.78%, #ccd2db 104.63%); } .profile__title span.gold { background: -o-linear-gradient(240.3deg, #fed27c 2.94%, #f4c76e 97.97%); background: linear-gradient(209.7deg, #fed27c 2.94%, #f4c76e 97.97%); } .profile__title span.platinum { background: -o-linear-gradient(240.3deg, #fed27c 2.94%, #f4c76e 97.97%); background: linear-gradient(209.7deg, #fed27c 2.94%, #f4c76e 97.97%); } .profile__points { color: #010306; font-size: 32px; line-height: 32px; font-family: Montserrat-SemiBold; } .profile__cashback { font-size: 24px; line-height: 24px; color: #010306; font-family: Montserrat-SemiBold; margin-bottom: 54px; } .profile__link { font-size: 14px; line-height: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: inline-block; color: #37d97b; } .profile__link:hover { color: #12b857; } .profile__form { margin-right: 20px; } .profile__form form { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 353px; } .profile__input { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; } .profile__input:nth-child(1) { margin-top: 0; } .profile__input:nth-child(3) { -webkit-flex-basis: calc(60% - 15px); -ms-flex-preferred-size: calc(60% - 15px); flex-basis: calc(60% - 15px); margin-right: 15px; } .profile__input:nth-child(4) { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .profile__input:nth-child(4) label svg { right: 16px; } .profile__input span { font-size: 14px; line-height: 14px; color: #a7a6a9; display: inline-block; margin-bottom: 6px; } .profile__input label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .profile__input label select { width: 100%; padding: 13px 20px; background-color: #fff; font-size: 16px; line-height: 16px; color: #010306; border-radius: 3px; border: 1px solid #c4c4c4; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .profile__input label input[type="date"] { background-color: #fff; min-height: 44px; text-align: left; color: #010306; } .profile__input label input { width: 100%; font-size: 14px; background-color: #fff; line-height: 14px; padding: 13px 20px; border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #c4c4c4; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .profile__input label input:focus, .profile__input label input:active { border-color: #37d97b; } .profile__input label svg { position: absolute; right: 9px; } .profile__input-date label p { display: none; position: absolute; left: 20px; font-size: 14px; line-height: 14px; color: #939393; } .profile__checkboxes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .profile__checkboxes span { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 14px; line-height: 14px; color: #a7a6a9; display: inline-block; margin-bottom: 6px; } .profile__checkboxes label { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 32px; margin-top: 16px; } .profile__checkboxes label:last-child { margin-right: 0; } .profile__checkboxes label p { position: relative; font-size: 16px; line-height: 16px; padding-left: 29px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile__checkboxes label p:before { content: ''; position: absolute; width: 20px; height: 20px; left: 0; border-radius: 2px; border: 1px solid #c4c4c4; } .profile__checkboxes label p:after { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; content: url("/images/check.svg"); position: absolute; left: 7px; top: -1px; } .profile__checkboxes label input { position: absolute; top: 0; left: 0; visibility: hidden; } .profile__checkboxes label input:checked + p:after { opacity: 1; } .profile__avatar { max-width: 118px; } .profile__avatar img { max-width: 118px; max-height: 118px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; width: 100%; height: 100%; } .profile__avatar-text { margin-top: 21px; text-align: center; } .profile__avatar-text span { color: #37d97b; font-size: 14px; line-height: 14px; display: inline-block; cursor: pointer; } .profile__avatar-text span.remove { margin-top: 11px; color: #a7a6a9; } .profile__avatar-text-add { display: block; } .profile__avatar-text-added { display: none; } .profile__avatar-text.added .profile__avatar-text-add { display: none; } .profile__avatar-text.added .profile__avatar-text-added { display: block; } .profile__current-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .profile__current-item:nth-child(2) { margin-top: 24px; } .profile__current-item:not(:nth-child(2)) { padding-top: 40px; } .profile__current-item:not(:last-child) { padding-bottom: 40px; border-bottom: 1px solid #ddd; } .profile__current-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profile__current-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #f2f2f2; border-radius: 8px; margin-right: 28px; padding: 12px; min-height: 66px; min-width: 66px; } .profile__current-image img { width: 100%; } .profile__current-content { padding-top: 6px; } .profile__current-content h3 { font-size: 16px; line-height: 16px; font-family: Montserrat-SemiBold; color: #010306; } .profile__current-content ul { margin-top: 16px; } .profile__current-content ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 14px; } .profile__current-content ul li:first-child { margin-top: 0; } .profile__current-content ul li p { font-size: 12px; line-height: 12px; color: #939393; min-width: 172px; } .profile__current-content ul li span { display: inline-block; font-size: 16px; line-height: 16px; font-family: Montserrat-SemiBold; color: #010306; } .profile__current-content .loading { max-width: 154px; width: 100%; margin-top: 24px; display: none; } .profile__current-content .loading img { width: 28px; height: 28px; margin: 0 auto; } .profile__current-content button { cursor: pointer; border: none; padding: 7px 27px; margin-top: 24px; font-size: 14px; line-height: 14px; color: #fff; background: #010306; border-radius: 3px; } .profile__current-content button:hover { background-color: #010306; } .profile__current-content button.error { display: none; } .profile__current-content button.error + .profile__current-content-error { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .profile__current-content button.error + .profile__current-content-error button { background: transparent; border-radius: 0; padding: 0; } .profile__current-content button.success { display: none; } .profile__current-content button.success + .profile__current-content-success { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .profile__current-content-success { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 31px; } .profile__current-content-success svg { margin-right: 5px; } .profile__current-content-success p { font-size: 14px; line-height: 14px; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .profile__current-content-error { display: none; margin-top: 46px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profile__current-content-error p { font-size: 14px; line-height: 14px; color: #eb001b; } .profile__current-content-error button { color: #37d97b; border: none; font-size: 14px; display: inline-block; line-height: 14px; margin-top: 21px; } .profile__current-content-error span { color: #939393; font-size: 12px; line-height: 14px; display: inline-block; margin-top: 21px; } .profile__current-content-error span a { color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .profile__current-content-error span a:hover { color: #37d97b; } .profile__current-right button { border: none; background: transparent; cursor: pointer; } .profile__current-right button span { font-size: 12px; line-height: 12px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .profile__current-right button span:hover { color: #12b857; } .profile__current-right button svg { display: none; } .profile__history-item { padding: 24px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ddd; } .profile__history-item:last-child { border-bottom: none; } .profile__history-item.hidden { display: none; } .profile__history-item p.mobile, .profile__history-item span.mobile { display: none; } .profile__history-item span.mobile { font-size: 12px; line-height: 12px; color: #010306; margin-top: 16px; font-family: Montserrat-SemiBold; } .profile__history-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile__history-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .profile__history-right button { cursor: pointer; border: none; background: transparent; font-size: 12px; line-height: 12px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .profile__history-right button:hover { color: #12b857; } .profile__history-right button svg { display: none; } .profile__history-right p { font-size: 22px; line-height: 22px; font-family: Montserrat-SemiBold; color: #010306; margin-top: 11px; } .profile__history-right span { display: inline-block; margin-top: 12px; font-size: 12px; line-height: 12px; color: #939393; } .profile__history-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #f2f2f2; border-radius: 3px; margin-right: 24px; padding: 7px; min-height: 56px; min-width: 56px; } .profile__history-image img { width: 100%; } .profile__history-content { padding-top: 3px; } .profile__history-content h3 { font-size: 14px; line-height: 14px; font-family: Montserrat-SemiBold; color: #010306; } .profile__history-content p { font-size: 12px; line-height: 12px; color: #939393; margin-top: 16px; } .profile__history-content time { display: inline-block; margin-top: 16px; font-size: 12px; line-height: 12px; color: #939393; } .profile__history-more { text-align: center; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 12px; line-height: 12px; display: inline-block; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; margin-top: 19px; } .profile__history-more:hover { color: #12b857; } .profile__more { display: none; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; line-height: 14px; margin-top: 70px; cursor: pointer; } .profile__more:hover { color: #12b857; } .profile__noItems { display: none; position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 16px; right: 16px; width: calc(100% - 32px); font-size: 16px; line-height: 27px; color: #939393; text-align: center; } @media (max-width: 1180px) { .profile__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 32px 0; } .profile__block { margin-top: 32px; } .profile__heading { margin-bottom: 32px; } } @media (max-width: 650px) { .profile__wrapper { grid-gap: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profile__inner { padding: 16px 0 37px; -webkit-box-shadow: none; box-shadow: none; } .profile__col { width: 100%; } .profile__col:nth-child(1) .profile__block:nth-child(1) .profile__inner { background-color: #f2f2f2; padding: 16px 16px 27px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .profile__col:nth-child(1) .profile__block:nth-child(1) .profile__inner .profile__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0; } .profile__col:nth-child(1) .profile__block:nth-child(1) .profile__inner .profile__heading .profile__title { margin-bottom: 32px; } .profile__col:nth-child(2) .profile__block:nth-child(1) { margin-top: 60px; } .profile__col:nth-child(2) .profile__block:nth-child(1) .profile__inner { padding: 0; } .profile__col:nth-child(2) .profile__block:nth-child(2) { margin-top: 60px; } .profile__col:nth-child(2) .profile__block:nth-child(2) .profile__inner { padding: 0; } .profile__block.personPopupMobile.active .profile__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profile__block h2 { font-size: 20px; line-height: 20px; } .profile__block h2 span { display: none; } .profile__block h2 span.mobile { display: block; } .profile__block-bg { display: none; } .profile__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile__title span { width: 32px; height: 32px; margin-right: 16px; } .profile__points { color: #010306; font-size: 29px; line-height: 29px; } .profile__cashback { font-size: 14px; line-height: 14px; color: #939393; font-family: 'Roboto'; margin-bottom: 0; } .profile__link { display: none; } .profile__current-item { position: relative; margin-top: 94px; } .profile__current-item:not(:last-child) { border-bottom: none; } .profile__current-item:not(:nth-child(2)) { padding-top: 0; } .profile__current-item.error { padding-bottom: 90px; } .profile__current-image { margin-right: 32px; padding: 42px 19px; min-height: 107px; min-width: 107px; } .profile__current-image img { min-height: 107px; min-width: 107px; } .profile__current-content h3 { font-size: 14px; line-height: 14px; } .profile__current-content ul { margin-top: 24px; } .profile__current-content ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 16px; } .profile__current-content ul li p { min-width: auto; } .profile__current-content ul li span { display: block; font-size: 14px; line-height: 14px; margin-top: 8px; } .profile__current-content button { position: absolute; bottom: 16px; left: 0; max-width: 414px; width: 100%; padding: 17px; margin-top: 0; font-size: 16px; line-height: 16px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .profile__current-content .loading { max-width: 414px; width: 100%; margin-top: 24px; position: absolute; left: 0; bottom: -20px; } .profile__current-content-success { position: absolute; left: 0; bottom: 0; } .profile__current-content-error { position: absolute; left: 0; } .profile__current-content-error p { font-size: 16px; line-height: 16px; } .profile__current-content-error button { text-align: left; font-size: 16px; line-height: 16px; margin-top: 0; bottom: 60px; } .profile__current-content-error span { font-size: 12px; line-height: 14px; margin-top: 48px; } .profile__current-right button { padding: 10px; margin-top: -8px; margin-right: -7px; } .profile__current-right button span { display: none; } .profile__current-right button svg { display: block; } .profile__history-left { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profile__history-item, .profile__history-more { display: none; } .profile__history-items { max-height: calc(100vh - 200px); overflow-y: auto; } .profile__history-right p { display: none; } .profile__history-right span { display: none; } .profile__history-right button { padding: 10px; margin-top: -8px; margin-right: -7px; } .profile__history-right button div { display: none; } .profile__history-right button svg { display: block; } .profile__history-item p.mobile, .profile__history-item span.mobile { display: block; } .profile__form form { display: none; } .profile__avatar { display: none; } .profile__more { display: inline-block; } .profile__input-date label input:not(.has-value) + p { display: block; } .profile__input-date label:before { left: 13px; display: block; } .profile__input label input { padding: 13px; } .profile__input label select { padding: 13px; } } @media (max-width: 375px) and (max-height: 667px) { .profile__form form { max-height: 180px; overflow-y: auto; } } .catalogBanner { margin-top: 168px; margin-bottom: 80px; } .catalogBanner__content { z-index: 2; position: relative; } .catalogBanner__wrapper { padding: 52px 10px 56px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); } .catalogBanner__wrapper:before { content: ''; position: absolute; left: 0; display: none; width: 100%; height: 100%; top: 0; z-index: 1; background-color: rgba(2,5,6,0.6); } .catalogBanner__wrapper h1 { font-size: 48px; line-height: 48px; color: #fff; font-family: Montserrat-SemiBold; } .catalogBanner__wrapper ul { margin-top: 16px; } .catalogBanner__wrapper ul li { font-size: 17px; line-height: 17px; margin-top: 24px; color: #fff; position: relative; padding-left: 21px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalogBanner__wrapper ul li:before { content: ''; position: absolute; width: 10px; border-radius: 50%; height: 10px; border: 1px solid #37d97b; left: 0; } .catalogBanner__wrapper a { padding: 17px 65px; color: #fff; background-color: #37d97b; display: inline-block; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalogBanner__wrapper a:hover { background-color: #12b857; } .catalogBanner__wrapper a.mob { display: none; } .catalogBanner .breadcrums { margin-top: 15px; padding: 20px 0; } .catalogBanner .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalogBanner .breadcrums a:hover { color: #37d97b; } .catalogBanner .breadcrums svg { margin: 0 10px; } @media (max-width: 1180px) { .catalogBanner { margin: 60px 0 34px; overflow: hidden; } .catalogBanner__wrapper { margin: 0 -35px; width: calc(100% + 70px); padding: 40px 33px 44px; border-radius: 0; background-position: 76% 50% !important; } .catalogBanner__wrapper h1 { font-size: 50px; line-height: 50px; max-width: 380px; } .catalogBanner__wrapper ul { margin-top: 32px; } .catalogBanner__wrapper ul li { font-size: 16px; line-height: 24px; margin-top: 16px; } .catalogBanner__wrapper a { padding: 17px 70px; font-size: 16px; line-height: 16px; margin-top: 40px; } .catalogBanner .breadcrums { margin-top: 16px; padding: 16px 0; } .catalogBanner .breadcrums a { line-height: 14px; } } @media (max-width: 768px) { .newCatalogPage .indexWhy { margin-bottom: 20px; } } @media (max-width: 650px) { .catalogBanner { margin: 50px 0 22px; } .catalogBanner__wrapper { padding: 56px 40px 40px; background-position: 76% 50% !important; } .catalogBanner__wrapper:before { display: block; } .catalogBanner__wrapper h1 { text-align: center; font-size: 36px; line-height: 36px; max-width: 284px; margin: 0 auto; } .catalogBanner__wrapper ul li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; font-size: 24px; line-height: 32px; } .catalogBanner__wrapper ul li:before { display: none; } .catalogBanner__wrapper a { padding: 17px; width: 100%; margin-top: 109px; } .catalogBanner__content { width: 100%; } .catalogBanner .breadcrums { margin: 4px; padding: 20px 0; } .catalogBanner .breadcrums a { font-size: 10px; line-height: 12px; } } .catalogGallery { background-color: #f8f8f8; padding: 60px 0 100px; } .catalogGallery__wrapper { position: relative; } .catalogGallery__wrapper h2 { font-size: 50px; line-height: 50px; color: #010306; font-family: Montserrat-SemiBold; text-align: center; margin-bottom: 40px; } .catalogGallery__mainGallery { width: calc(100% + 84px); margin: 0 -42px 40px; overflow: hidden; } .catalogGallery__mainGallery-slide { margin: 0 42px; } .catalogGallery__mainGallery-slide img { width: 100%; display: block; border-radius: 3px; } .catalogGallery__mainGallery-slide:last-child { margin-right: 0; } .catalogGallery__secondaryGallery { overflow: hidden; position: relative; width: calc(100% + 84px); margin: 0 -42px; } .catalogGallery__secondaryGallery .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalogGallery__secondaryGallery-pagination { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(1,3,6,0.4); border-radius: 23px; padding: 11px 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalogGallery__secondaryGallery-pagination span { color: #fff; font-size: 18px; line-height: 18px; } .catalogGallery__secondaryGallery-pagination span:nth-child(2) { display: inline-block; margin: 0 8px; } .catalogGallery__secondaryGallery-slide { margin: 0 42px; min-height: 100%; height: auto; } .catalogGallery__secondaryGallery-slide img { width: 100%; display: block; border-radius: 3px; -o-object-fit: cover; object-fit: cover; height: 100%; } .catalogGallery__secondaryGallery-slide:last-child { margin-right: 0; } .catalogGallery__secondaryGallery .prev, .catalogGallery__secondaryGallery .next { position: absolute; width: 64px; height: 64px; border: none; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; z-index: 2; cursor: pointer; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.15); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalogGallery__secondaryGallery .prev:hover, .catalogGallery__secondaryGallery .next:hover { background-color: #eee; } .catalogGallery__secondaryGallery .prev.slick-disabled, .catalogGallery__secondaryGallery .next.slick-disabled { opacity: 0.5; pointer-events: none; } .catalogGallery__secondaryGallery .prev { left: 10px; } .catalogGallery__secondaryGallery .next { right: 10px; } .catalogGallery__thumbsGallery { max-width: 1080px; } .catalogGallery__thumbsGallery .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .catalogGallery__thumbsGallery-slide { margin-right: 100px; cursor: pointer; min-width: 130px; min-width: 130px; } .catalogGallery__thumbsGallery-slide span { display: block; text-align: center; margin-top: 24px; font-size: 14px; width: 100%; line-height: 14px; color: #939393; } .catalogGallery__thumbsGallery-slide:last-child { margin-right: 0; } .catalogGallery__thumbsGallery-slide img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; border-radius: 3px; display: block; -o-object-fit: cover; object-fit: cover; max-width: 130px; min-width: 130px; max-height: 130px; min-height: 130px; border-radius: 3px; } .catalogGallery__thumbsGallery-slide.slick-current img { padding: 6px; border: 1px solid #37d97b; } .catalogGallery__thumbsArrows { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; bottom: 38px; right: 0; height: 130px; } .catalogGallery__thumbsArrows-prev, .catalogGallery__thumbsArrows-next { cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalogGallery__thumbsArrows-prev svg path, .catalogGallery__thumbsArrows-next svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalogGallery__thumbsArrows-prev:hover svg path, .catalogGallery__thumbsArrows-next:hover svg path { fill: #37d97b; } .catalogGallery__thumbsArrows-prev.slick-disabled, .catalogGallery__thumbsArrows-next.slick-disabled { opacity: 0.5; pointer-events: none; } .catalogGallery__thumbsArrows-next { margin-left: 40px; } @media (max-width: 1180px) { .catalogGallery { padding: 40px 0 100px; overflow: hidden; } .catalogGallery__wrapper h2 { font-size: 36px; line-height: 36px; } .catalogGallery__thumbsGallery .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow-x: auto; } .catalogGallery__thumbsGallery-slide { margin-right: 20px; max-width: 160px; min-width: 160px; } .catalogGallery__thumbsGallery-slide img { max-width: 160px; min-width: 160px; max-height: 160px; min-height: 160px; } .catalogGallery__thumbsArrows { display: none; } .catalogGallery__secondaryGallery { width: calc(100% + 20px); margin: 0 -10px; } .catalogGallery__secondaryGallery-slide { margin: 0 10px; } .catalogGallery__secondaryGallery-slide span { margin-top: 16px; } .catalogGallery__secondaryGallery .prev, .catalogGallery__secondaryGallery .next { display: none !important; } .catalogGallery__secondaryGallery-pagination { bottom: 10px; padding: 8px 16px; } .catalogGallery__secondaryGallery-pagination span { font-size: 12px; line-height: 12px; } .catalogGallery__secondaryGallery-pagination span:nth-child(2) { margin: 0 4px; } } @media (max-width: 650px) { .catalogGallery { padding-bottom: 40px; } .catalogGallery__wrapper h2 { font-size: 24px; line-height: 32px; margin-bottom: 24px; } .catalogGallery__mainGallery { margin-bottom: 28px; } .catalogGallery__thumbsGallery .slick-track { width: calc(100% + 16px) !important; margin: 0 -16px; padding: 0 16px 0 32px; } .catalogGallery__thumbsGallery .slick-list { overflow: visible; width: calc(100% + 32px); margin: 0 -16px; } .catalogGallery__thumbsGallery-slide { max-width: 125px; min-width: 125px; } .catalogGallery__thumbsGallery-slide img { max-width: 125px; min-width: 125px; max-height: 125px; min-height: 125px; } .catalogGallery__secondaryGallery { padding-bottom: 32px; } .catalogGallery__secondaryGallery-slide { min-height: 192px !important; } .catalogGallery__secondaryGallery-slide span { margin-top: 14px; } .catalogGallery__secondaryGallery-pagination { bottom: 0; padding: 6px 11px; } } .repairServicePage .indexWhy { padding-top: 100px; } .repairServicePage .seo { background-color: #fff; padding-top: 0; padding-bottom: 120px; } .repairServicePage .videoNew { background-color: transparent; padding-bottom: 120px; } .repairServicePage .videoNew__wrapper { position: relative; } .repairServicePage .videoNew__wrapper iframe { display: block; } .repairServicePage .videoNew__block { background-color: rgba(0,0,0,0.5); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 0; left: 0; width: calc(100% - 70px); height: 100%; margin: 0 35px; } .repairServicePage .videoNew__block svg { position: absolute; width: 80px; height: 80px; left: 50%; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .repairServicePage .videoNew__block svg:hover { -webkit-transform: scale(1.1) translateX(-45%) translateY(-45%); -ms-transform: scale(1.1) translateX(-45%) translateY(-45%); transform: scale(1.1) translateX(-45%) translateY(-45%); } .repairServicePage .videoNew__block span { font-size: 22px; line-height: 32px; color: #fff; text-align: center; bottom: 111px; position: absolute; max-width: 876px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .repairService { margin-top: 168px; margin-bottom: 80px; } .repairService__content { z-index: 2; position: relative; } .repairService__wrapper { padding: 52px 10px 56px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); } .repairService__wrapper h1 { font-size: 48px; line-height: 48px; color: #fff; font-family: Montserrat-SemiBold; } .repairService__wrapper ul { margin-top: 16px; } .repairService__wrapper ul li { font-size: 17px; line-height: 17px; margin-top: 24px; color: #fff; position: relative; padding-left: 21px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .repairService__wrapper ul li:before { content: ''; position: absolute; width: 10px; border-radius: 50%; height: 10px; background-color: #fff; left: 0; } .repairService__wrapper a { padding: 17px 65px; color: #fff; background-color: #010306; display: inline-block; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .repairService__wrapper a:hover { color: #37d97b; } .repairService .breadcrums { margin-top: 15px; padding: 20px 0; } .repairService .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .repairService .breadcrums a:hover { color: #37d97b; } .repairService .breadcrums svg { margin: 0 10px; } @media (max-width: 1180px) { .repairServicePage .videoNew { display: none; } .repairService { margin: 60px 0 34px; overflow: hidden; } .repairService__wrapper { margin: 0 -35px; width: calc(100% + 70px); padding: 40px 33px 76px; border-radius: 0; background-position: 72% 50% !important; } .repairService__wrapper h1 { font-size: 50px; line-height: 50px; max-width: 420px; } .repairService__wrapper ul { margin-top: 32px; } .repairService__wrapper ul li { font-size: 16px; line-height: 24px; margin-top: 16px; } .repairService__wrapper a { padding: 17px 47px; font-size: 16px; line-height: 16px; margin-top: 40px; } .repairService .breadcrums { margin-top: 16px; padding: 16px 0; } .repairService .breadcrums a { line-height: 14px; } } @media (max-width: 768px) { .repairServicePage .indexWhy { margin-bottom: 0; padding-top: 50px; } .repairServicePage .videoNew__block { margin: 0 16px; width: calc(100% - 32px); } .repairServicePage .seo { padding-bottom: 56px; } } @media (max-width: 639px) { .repairService { margin: 50px 0 22px; } .repairService__wrapper { padding: 56px 40px 40px; background: url("/images/repairServiceBanner-mob.png") 50% 50% no-repeat !important; background-size: cover !important; } .repairService__wrapper h1 { text-align: center; font-size: 36px; line-height: 36px; max-width: 290px; margin: 0 auto; } .repairService__wrapper ul li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; font-size: 24px; line-height: 32px; } .repairService__wrapper ul li:before { display: none; } .repairService__wrapper a { padding: 17px; width: 100%; margin-top: 109px; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); } .repairService__wrapper a:hover { color: #fff; } .repairService__content { width: 100%; } .repairService .breadcrums { margin-top: 4px; padding: 20px 0; } .repairService .breadcrums a { font-size: 10px; line-height: 12px; } } .repairService-choose__wrapper { padding: 0 0 100px; } .repairService-choose__wrapper h2 { margin-bottom: 42px; font-family: Montserrat-SemiBold; font-size: 48px; line-height: 48px; color: #010306; text-align: center; } .repairService-choose__group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .repairService-choose__itemsMob { display: none; } .repairService-choose__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .repairService-choose span { display: inline-block; margin-top: 16px; margin-right: 16px; color: #fff; background-color: #010306; cursor: pointer; font-family: Montserrat-SemiBold; font-size: 24px; border-radius: 33px; padding: 24px 20px; line-height: 24px; } .repairService-choose a { display: inline-block; margin-top: 16px; margin-right: 16px; color: #fff; background-color: #010306; font-family: Montserrat-SemiBold; font-size: 24px; border-radius: 33px; padding: 24px 20px; line-height: 24px; } .repairService-choose a .gradient { background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); } .repairService-choose a .gradient:hover { background-color: #c4c4c4; } .repairService-choose a .hide-pc { display: none; } .repairService-choose a:hover { background-color: #c4c4c4; } @media (max-width: 1180px) { .repairService-choose__wrapper { padding: 0 0 120px; } .repairService-choose__wrapper h2 { margin-bottom: 40px; font-size: 36px; line-height: 36px; } .repairService-choose__items { display: none; } .repairService-choose__group { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: calc(50% - 12px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .repairService-choose__group.active { width: 100%; } .repairService-choose__group.active .repairService-choose__parent { color: #fff; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); } .repairService-choose__group.active a { display: block !important; width: calc(50% - 12px); background-color: #ededed; color: #010306; } .repairService-choose__group.active a:hover { background-color: #37d97b; color: #fff; } .repairService-choose__itemsMob { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 520px; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .repairService-choose span { margin-right: 0; text-align: center; font-size: 15px; padding: 24px 0; width: 100%; line-height: 15px; } .repairService-choose span:nth-child(2n+1) { margin-right: 0; } .repairService-choose a { display: none; margin-right: 0; text-align: center; font-size: 15px; margin-top: 8px; padding: 24px 0; width: 100%; line-height: 15px; } .repairService-choose a:nth-child(2n+1) { margin-right: 0; } .repairService-choose__parent { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; display: block !important; } } @media (max-width: 650px) { .repairService-choose__wrapper { padding: 0 0 104px; } .repairService-choose__wrapper h2 { font-size: 24px; line-height: 26px; max-width: 253px; margin: 0 auto 14px; } .repairService-choose span { padding: 20px 0; margin-top: 10px; font-family: 'Roboto'; } .repairService-choose a { margin-top: 10px; font-family: 'Roboto'; padding: 20px 0; } .repairService-choose__group { width: calc(50% - 7px); } .repairService-choose__group.active a { width: calc(50% - 7px); } } .repairService-prices__wrapper { padding-bottom: 100px; } .repairService-prices__wrapper h2 { font-size: 48px; text-align: center; line-height: 56px; font-family: Montserrat-SemiBold; color: #010306; margin: 0 auto; max-width: 700px; } .repairService-prices__text { font-weight: 300; color: #5c5b5b; font-size: 16px; text-align: center; max-width: 600px; margin: 12px auto 0; line-height: 23px; } .repairService-prices ul { margin-top: 40px; } .repairService-prices li { padding: 16px 0; grid-gap: 20px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); border-bottom: 1px solid #ddd; } .repairService-prices li:last-child { border-bottom: 0; } .repairService-prices li a { grid-column: 1/8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .repairService-prices li h3 { font-size: 24px; line-height: 24px; font-weight: 300; color: #010306; } .repairService-prices__price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column: 8/10; } .repairService-prices__price p { font-size: 24px; line-height: 24px; font-family: Montserrat-SemiBold; color: #010306; margin-bottom: 4px; } .repairService-prices__price span { font-size: 14px; line-height: 23px; color: #939393; display: inline-block; } .repairService-prices__link { grid-column: 11/13; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .repairService-prices__link a { padding: 10px 26px; border-radius: 3px; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); color: #fff; font-weight: 500; font-size: 16px; line-height: 16px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .repairService-prices__link a:hover { background-position-x: 180px; } .repairService-prices__link a svg { display: none; } .repairService-prices__more { font-size: 20px; line-height: 20px; font-weight: 500; text-align: center; margin: 0 auto; cursor: pointer; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 48px; } .repairService-prices__more:hover { color: #12b857; } @media (max-width: 1180px) { .repairService-prices__wrapper { padding-bottom: 34px; } .repairService-prices__wrapper h2 { font-size: 36px; line-height: 40px; max-width: 370px; } .repairService-prices__text { max-width: 461px; margin: 16px auto 0; line-height: 20px; } .repairService-prices__text br { display: none; } .repairService-prices ul { margin-top: 32px; } .repairService-prices li { padding: 16px 0; } .repairService-prices li a { grid-column: 1/6; } .repairService-prices li h3 { font-size: 18px; line-height: 18px; } .repairService-prices__price { grid-column: 6/9; } .repairService-prices__price p { font-size: 20px; line-height: 20px; } .repairService-prices__link { grid-column: 9/13; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .repairService-prices__more { font-size: 18px; line-height: 18px; } } @media (max-width: 768px) { .repairServicePage .indexWhy { padding-top: 38px; } } @media (max-width: 650px) { .repairService-prices__wrapper h2 { font-size: 24px; line-height: 26px; max-width: 253px; } .repairService-prices__text { font-size: 14px; } .repairService-prices ul { margin-top: 34px; } .repairService-prices li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; grid-gap: 0; } .repairService-prices li h3 { font-size: 18px; line-height: 18px; } .repairService-prices__price { margin-top: 10px; } .repairService-prices__price p { font-size: 16px; line-height: 16px; } .repairService-prices__price span { font-size: 12px; line-height: 12px; } .repairService-prices__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .repairService-prices__link a { background: transparent; padding: 0; position: absolute; right: 0; width: 100%; z-index: 2; height: 100%; left: 0; top: 0; } .repairService-prices__link a span { display: none; } .repairService-prices__link a svg { display: block; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .repairService-prices__more { margin-top: 24px; font-size: 16px; line-height: 16px; } } .repairService-callback__wrapper { margin-bottom: 120px; position: relative; background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.15); box-shadow: 0 4px 40px rgba(0,0,0,0.15); padding: 32px 81px 46px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .repairService-callback__wrapper h2 { font-size: 36px; line-height: 40px; font-family: Montserrat-SemiBold; letter-spacing: -0.04em; margin-bottom: 32px; } .repairService-callback__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 2; position: relative; } .repairService-callback__buttons button { cursor: pointer; border: none; background-color: #ededed; border-radius: 15px; padding: 14px 34px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .repairService-callback__buttons button:hover { background-color: #010306; } .repairService-callback__buttons button:hover span { color: #fff; } .repairService-callback__buttons button:hover svg path { fill: #fff; } .repairService-callback__buttons button:nth-child(2):hover svg path { stroke: #fff; } .repairService-callback__buttons button:last-child { margin-right: 0; } .repairService-callback__buttons button svg { margin-right: 14px; min-width: 32px; min-height: 32px; } .repairService-callback__buttons button span { color: #010306; font-size: 17px; white-space: nowrap; display: inline-block; line-height: 17px; } .repairService-callback__buttons button.green-bg { background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); } .repairService-callback__buttons button.green-bg:hover { background: #010306; } .repairService-callback__buttons button.green-bg span { color: #fff; } .repairService-callback__image { position: absolute; right: 15%; z-index: 1; } @media (max-width: 1180px) { .repairService-callback__wrapper { padding-top: 62px; margin-bottom: 96px; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; padding: 0; } .repairService-callback__wrapper h2 { margin-bottom: 40px; } .repairService-callback__image { display: none; } } @media (max-width: 768px) { .repairService-callback__wrapper { margin-bottom: 60px; padding-top: 46px; } .repairService-callback__wrapper h2 { font-size: 24px; line-height: 26px; margin-bottom: 48px; } .repairService-callback__content { z-index: 2; position: relative; width: 100%; } .repairService-callback__buttons button { min-width: 50px; border-radius: 50%; min-height: 50px; padding: 0; background-color: #010306; } .repairService-callback__buttons button:nth-child(2) svg path { stroke: #fff; } .repairService-callback__buttons button svg { min-width: 28px; min-height: 28px; width: 28px; height: 28px; margin-right: 0; } .repairService-callback__buttons button svg path { fill: #fff; } .repairService-callback__buttons button span { font-size: 16px; line-height: 16px; display: none; } .repairService-callback__buttons button.green-bg { width: auto; height: auto; border-radius: 15px; padding: 11px 24px; margin-right: 13px; } .repairService-callback__buttons button.green-bg span { display: block; } .repairService-callback__buttons button.green-bg svg { margin-right: 13px; } } @media (max-width: 374px) { .repairService-callback__buttons { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .repairService-callback__buttons button { margin-top: 8px; } .repairService-callback__buttons button:first-child { width: 100%; margin-right: 0; margin-top: 0; } } .popularCalls__wrapper { padding-bottom: 120px; position: relative; } .popularCalls__wrapper h2 { margin-bottom: 48px; font-size: 48px; line-height: 48px; font-family: Montserrat-SemiBold; text-align: center; } .popularCalls__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: calc(100% - 160px); max-height: 170px; overflow: hidden; } .popularCalls__items.active { max-height: 100%; } .popularCalls__items a { margin-right: 8px; margin-top: 8px; background-color: #f5f5f5; border-radius: 3px; padding: 16px 12px; font-weight: 300; font-size: 16px; line-height: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .popularCalls__items a:hover { background-color: #010306; color: #fff; } .popularCalls__inner { position: relative; } .popularCalls__inner button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 20px; border: none; background-color: transparent; cursor: pointer; } .popularCalls__inner button span { font-size: 19px; line-height: 19px; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .popularCalls__inner button svg { margin-left: 7px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .popularCalls__inner button svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .popularCalls__inner button:hover span { color: #12b857; } .popularCalls__inner button:hover svg path { fill: #12b857; } .popularCalls__inner button.active span { color: #12b857; } .popularCalls__inner button.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .popularCalls__inner button.active svg path { fill: #12b857; } @media (max-width: 1180px) { .popularCalls { display: none; } } .repairServiceCategoryPage .indexWhy { padding-top: 100px; } .repairServiceCategoryPage .seo { background-color: #fff; padding-top: 0; padding-bottom: 120px; } .repairServiceCategoryPage .videoNew { background-color: transparent; padding-bottom: 120px; } .repairServiceCategoryPage .videoNew__wrapper { position: relative; } .repairServiceCategoryPage .videoNew__wrapper iframe { display: block; } .repairServiceCategoryPage .videoNew__block { background-color: rgba(0,0,0,0.5); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 0; left: 0; width: calc(100% - 70px); height: 100%; margin: 0 35px; } .repairServiceCategoryPage .videoNew__block svg { position: absolute; width: 80px; height: 80px; left: 50%; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .repairServiceCategoryPage .videoNew__block svg:hover { -webkit-transform: scale(1.1) translateX(-45%) translateY(-45%); -ms-transform: scale(1.1) translateX(-45%) translateY(-45%); transform: scale(1.1) translateX(-45%) translateY(-45%); } .repairServiceCategoryPage .videoNew__block span { font-size: 22px; line-height: 32px; color: #fff; text-align: center; bottom: 111px; position: absolute; max-width: 876px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .repairServiceCategory { margin-top: 168px; margin-bottom: 80px; } .repairServiceCategory__content { z-index: 2; position: relative; } .repairServiceCategory__wrapper { padding: 52px 10px 56px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); background-color: #e9e9e9; overflow: hidden; } .repairServiceCategory__wrapper h1 { font-size: 40px; line-height: 40px; color: #010306; font-family: Montserrat-SemiBold; } .repairServiceCategory__wrapper ul { margin-top: 16px; } .repairServiceCategory__wrapper ul li { font-size: 17px; line-height: 17px; margin-top: 24px; color: #010306; position: relative; padding-left: 21px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .repairServiceCategory__wrapper ul li:before { content: ''; position: absolute; width: 10px; border-radius: 50%; height: 10px; background-color: #010306; left: 0; } .repairServiceCategory__wrapper a { padding: 17px 65px; color: #fff; background-color: #37d97b; display: inline-block; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .repairServiceCategory__wrapper a:hover { background-color: #010306; } .repairServiceCategory .breadcrums { margin-top: 15px; padding: 20px 0; } .repairServiceCategory .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .repairServiceCategory .breadcrums a:hover { color: #37d97b; } .repairServiceCategory .breadcrums svg { margin: 0 10px; } .repairServiceCategory__image { position: absolute; top: 48px; right: 0; max-width: 641px; max-height: 641px; } .repairServiceCategory__image img { width: 100%; } @media (max-width: 1180px) { .repairServiceCategoryPage .videoNew { display: none; } .repairServiceCategory { margin: 60px 0 34px; overflow: hidden; } .repairServiceCategory__wrapper { margin: 0 -35px; height: 414px; width: calc(100% + 70px); padding: 40px 33px 76px; border-radius: 0; } .repairServiceCategory__wrapper h1 { font-size: 50px; line-height: 50px; max-width: 420px; } .repairServiceCategory__wrapper ul { margin-top: 32px; } .repairServiceCategory__wrapper ul li { font-size: 16px; line-height: 24px; margin-top: 16px; } .repairServiceCategory__wrapper a { padding: 17px 47px; font-size: 16px; line-height: 16px; margin-top: 40px; } .repairServiceCategory .breadcrums { margin-top: 16px; padding: 16px 0; } .repairServiceCategory .breadcrums a { line-height: 14px; } .repairServiceCategory__image { top: 148px; } } @media (max-width: 768px) { .repairServiceCategoryPage .indexWhy { margin-bottom: 0; padding-top: 50px; } .repairServiceCategoryPage .seo { padding-bottom: 56px; } } @media (max-width: 650px) { .repairServiceCategory { margin: 50px 0 22px; } .repairServiceCategory__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .repairServiceCategory__wrapper { padding: 56px 40px 40px; min-height: 540px; max-height: 540px; } .repairServiceCategory__wrapper h1 { text-align: center; font-size: 36px; line-height: 45px; max-width: 100%; margin: 0 auto; } .repairServiceCategory__wrapper ul { display: none; } .repairServiceCategory__wrapper ul li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; font-size: 24px; line-height: 32px; } .repairServiceCategory__wrapper ul li:before { display: none; } .repairServiceCategory__wrapper a { padding: 17px; width: 100%; margin-top: 0; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); } .repairServiceCategory__wrapper a:hover { color: #fff; } .repairServiceCategory__content { width: 100%; } .repairServiceCategory .breadcrums { margin-top: 4px; padding: 20px 0; } .repairServiceCategory .breadcrums a { font-size: 10px; line-height: 12px; } .repairServiceCategory__image { max-width: 500px; top: 154px; right: -30%; max-height: 386px; } } .repairServiceCategory-choose__wrapper { padding: 0 0 80px; } .repairServiceCategory-choose__wrapper h2 { margin-bottom: 24px; font-family: Montserrat-SemiBold; font-size: 48px; line-height: 48px; color: #010306; text-align: center; } .repairServiceCategory-choose__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .repairServiceCategory-choose__items span { display: inline-block; margin-right: 32px; color: #fff; background-color: #000; font-family: Montserrat-SemiBold; font-size: 24px; border-radius: 33px; padding: 24px 20px; line-height: 24px; } .repairServiceCategory-choose__items a { display: inline-block; color: #010306; background-color: #ededed; font-family: Montserrat-SemiBold; font-size: 24px; border-radius: 33px; padding: 24px 20px; line-height: 24px; } .repairServiceCategory-choose__items a:hover { color: #fff; background-color: #010306; } @media (max-width: 1180px) { .repairServiceCategory-choose__wrapper { padding: 0 0 60px; } .repairServiceCategory-choose__wrapper h2 { margin-bottom: 40px; font-size: 36px; line-height: 36px; } .repairServiceCategory-choose__items span { font-size: 22px; padding: 24px 22px; line-height: 22px; } .repairServiceCategory-choose__items a { margin-right: 0; font-size: 22px; padding: 24px 22px; line-height: 22px; } } @media (max-width: 650px) { .repairServiceCategory-choose__wrapper { padding: 0 0 56px; } .repairServiceCategory-choose__wrapper h2 { font-size: 24px; line-height: 26px; margin-bottom: 24px; } .repairServiceCategory-choose__wrapper span { margin-right: 15px; font-family: 'Roboto'; padding: 20px 19px; font-size: 15px; line-height: 15px; } .repairServiceCategory-choose__wrapper a { font-family: 'Roboto'; padding: 20px 19px; font-size: 15px; line-height: 15px; } } .callbackPage__logo { position: absolute; bottom: 0; right: 0; z-index: 1; } .callbackPage__wrapper { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .callbackPage__copy { margin-top: 32px; color: #939393; text-align: center; font-size: 14px; line-height: 20px; margin-bottom: 40px; } .callbackPage__form { margin-top: 120px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.18); box-shadow: 0 0 20px rgba(0,0,0,0.18); border-radius: 3px; padding: 40px 32px; max-width: 672px; width: 100%; background-color: #fff; position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .callbackPage__form h2 { font-size: 24px; line-height: 24px; color: #010306; margin-bottom: 40px; text-align: center; font-family: Montserrat-SemiBold; } .callbackPage__stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .callbackPage__star { margin-right: 14px; cursor: pointer; position: relative; } .callbackPage__star input { position: absolute; top: 0; left: 0; visibility: hidden; } .callbackPage__star:last-child { margin-right: 0; } .callbackPage__star svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .callbackPage__star-active svg path { fill: #37d97b; } .callbackPage__star-hover svg path { fill: #37d97b; } .callbackPage__comment { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .callbackPage__comment span { display: inline-block; margin-bottom: 6px; font-size: 16px; line-height: 16px; color: #939393; } .callbackPage__comment textarea { background-color: #fff; border: 1px solid #c4c4c4; min-height: 157px; border-radius: 3px; padding: 16px 20px; resize: none; font-family: 'Roboto'; font-size: 16px; line-height: 20px; color: #010306; } .callbackPage button { font-size: 15px; line-height: 18px; color: #fff; padding: 13px 87px; margin-top: 24px; border-radius: 3px; background-color: #37d97b; cursor: pointer; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .callbackPage button:hover { background-color: #12b857; } .callbackPage button.disabled { background-color: #94dab1; pointer-events: none; } .callbackPage__answers { margin-bottom: 32px; } .callbackPage__answers h3 { font-size: 14px; line-height: 16px; color: #3e3e3e; font-weight: 500; } .callbackPage__answer { margin: 24px 0; } .callbackPage__answer:first-child { margin-top: 0; } .callbackPage__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .callbackPage__header .callbackPage__stars { margin-bottom: 0; } .callbackPage__header .callbackPage__star { pointer-events: none; } .callbackPage__header .callbackPage__star svg { width: 20px; height: 20px; } .callbackPage__body { margin-bottom: 32px; } .callbackPage__body p { font-size: 14px; line-height: 16px; font-weight: 300; color: #3e3e3e; } .callbackPage__body p span { margin-left: 4px; } .callbackPage__body p span.toggle-content { display: inline-block; color: #37d97b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .callbackPage__body p span.toggle-content:hover { color: #12b857; } .callbackPage__body p span.hidden { display: none; } @media (max-width: 1180px) { .callbackPage__form { margin-top: 80px; padding: 40px 48px 48px; max-width: 520px; } .callbackPage__comment span { margin-bottom: 12px; } .callbackPage__comment textarea { padding: 16px 24px; min-height: 100px; } .callbackPage button { font-size: 16px; line-height: 16px; padding: 16px; width: 100%; text-align: center; } .callbackPage__answer { margin: 20px 0 16px; } .callbackPage__body { margin-bottom: 20px; } .callbackPage__body p { font-size: 14px; line-height: 18px; } .callbackPage__copy { margin-top: 20px; } } @media (max-width: 650px) { .callbackPage { padding-top: 0; } .callbackPage__logo { display: none; } .callbackPage__form { margin-top: 0; padding: 60px 16px 0; max-width: 100%; -webkit-box-shadow: none; box-shadow: none; } .callbackPage__comment span { margin-bottom: 8px; } .callbackPage__comment textarea { padding: 16px; min-height: 182px; } .callbackPage__stars { margin-bottom: 40px; } .callbackPage__star svg { width: 41px; height: 41px; } .callbackPage__answers { margin-bottom: 24px; } .callbackPage__answer { margin: 16px 0 24px; } } .servicePage .indexWhy { padding-top: 100px; } .servicePage .seo { background-color: #fff; padding-top: 0; padding-bottom: 120px; } .servicePage .faq { background-color: #fff; } .serviceBanner { margin-top: 168px; margin-bottom: 80px; } .serviceBanner__content { z-index: 2; position: relative; } .serviceBanner__wrapper { padding: 80px 75px 96px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative; background-color: #eaeaea; } .serviceBanner__wrapper h1 { font-size: 60px; line-height: 63px; color: #010306; font-family: Montserrat-SemiBold; max-width: 624px; } .serviceBanner__wrapper p { font-size: 18px; line-height: 28px; color: #010306; font-family: Montserrat-Regular; margin-top: 20px; max-width: 336px; } .serviceBanner__wrapper p span { border-bottom: 1px dashed #010306; } .serviceBanner__wrapper a { padding: 17px 62px; color: #fff; background: -o-linear-gradient(346.13deg, #19d4e0 29.3%, #36d97b 96.89%); background: linear-gradient(103.87deg, #19d4e0 29.3%, #36d97b 96.89%); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 72px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .serviceBanner__wrapper a svg { margin-right: 9px; } .serviceBanner__wrapper a:hover { background-position-x: 315px; } .serviceBanner__image { position: absolute; right: 75px; max-width: 491px; } .serviceBanner__image img { width: 100%; } .serviceBanner .breadcrums { margin-top: 15px; padding: 20px 0; } .serviceBanner .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .serviceBanner .breadcrums a:hover { color: #37d97b; } .serviceBanner .breadcrums svg { margin: 0 10px; } @media (max-width: 1320px) { .servicePage { margin-top: 0; } .serviceBanner { overflow: hidden; margin-top: 0; } .serviceBanner__wrapper { margin: 0 -35px; width: calc(100% + 70px); padding: 180px 35px 470px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; } .serviceBanner__wrapper h1 { font-size: 48px; line-height: 56px; max-width: 603px; } .serviceBanner__wrapper p { margin: 24px auto 0; } .serviceBanner__wrapper a { padding: 17px 75px; margin-top: 40px; } .serviceBanner__wrapper a:hover { background-position-x: 340px; } .serviceBanner__content { text-align: center; } .serviceBanner__image { right: auto; max-width: 543px; bottom: 0; } .serviceBanner .breadcrums { margin-top: 16px; padding: 16px 0; } .serviceBanner .breadcrums a { line-height: 14px; } } @media (max-width: 1180px) { .serviceBanner { overflow: hidden; } .serviceBanner__wrapper { padding-top: 124px; } } @media (max-width: 768px) { .servicePage .indexWhy { margin-bottom: 0; padding-top: 50px; } .servicePage .seo { padding-bottom: 56px; } .servicePage .indexCallback { padding-top: 240px; } .servicePage .repairService-choose__wrapper { padding-bottom: 56px; } } @media (max-width: 650px) { .serviceBanner__wrapper { padding: 100px 16px 31px; } .serviceBanner__wrapper h1 { font-size: 30px; line-height: 34px; max-width: 343px; } .serviceBanner__wrapper p { margin-top: 22px; font-size: 14px; line-height: 22px; } .serviceBanner__wrapper a { padding: 17px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 277px; background: -o-linear-gradient(346.13deg, #19d4e0 29.3%, #36d97b 96.89%); background: linear-gradient(103.87deg, #19d4e0 29.3%, #36d97b 96.89%); } .serviceBanner__wrapper a:hover { background-position-x: 0; } .serviceBanner__image { max-width: 283px; bottom: 81px; } .serviceBanner .breadcrums { margin-top: 4px; padding: 20px 0; } .serviceBanner .breadcrums a { font-size: 10px; line-height: 12px; } } .servicePage .indexWhy { padding-top: 100px; } .servicePage .seo { background-color: #fff; padding-top: 0; padding-bottom: 120px; } .servicePage .faq { background-color: #fff; } .serviceBanner2 { margin-top: 168px; margin-bottom: 80px; } .serviceBanner2__content { z-index: 2; position: relative; } .serviceBanner2__wrapper { padding: 80px 56px 96px 80px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative; background-color: #eaeaea; } .serviceBanner2__wrapper h1 { font-size: 51px; line-height: 55px; color: #010306; font-family: Montserrat-SemiBold; max-width: 671px; } .serviceBanner2__wrapper p { font-size: 18px; line-height: 28px; color: #010306; font-family: Montserrat-Regular; margin-top: 20px; max-width: 336px; } .serviceBanner2__wrapper p span { border-bottom: 1px dashed #010306; } .serviceBanner2__wrapper a { padding: 17px 62px; color: #fff; background: -o-linear-gradient(346.13deg, #19d4e0 29.3%, #36d97b 96.89%); background: linear-gradient(103.87deg, #19d4e0 29.3%, #36d97b 96.89%); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 84px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .serviceBanner2__wrapper a svg { margin-right: 9px; } .serviceBanner2__wrapper a:hover { background-position-x: 315px; } .serviceBanner2__image { position: absolute; right: 56px; max-width: 667px; } .serviceBanner2__image img { width: 100%; } .serviceBanner2 .breadcrums { margin-top: 15px; padding: 20px 0; } .serviceBanner2 .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .serviceBanner2 .breadcrums a:hover { color: #37d97b; } .serviceBanner2 .breadcrums svg { margin: 0 10px; } @media (max-width: 1320px) { .servicePage { margin-top: 0; } .serviceBanner2 { overflow: hidden; margin-top: 0; } .serviceBanner2__wrapper { margin: 0 -35px; width: calc(100% + 70px); padding: 180px 35px 420px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; } .serviceBanner2__wrapper h1 { font-size: 48px; line-height: 56px; max-width: 603px; } .serviceBanner2__wrapper p { margin: 24px auto 0; } .serviceBanner2__wrapper a { padding: 17px 75px; margin-top: 40px; } .serviceBanner2__wrapper a:hover { background-position-x: 340px; } .serviceBanner2__content { text-align: center; } .serviceBanner2__image { right: auto; max-width: 543px; bottom: 0; } .serviceBanner2 .breadcrums { margin-top: 16px; padding: 16px 0; } .serviceBanner2 .breadcrums a { line-height: 14px; } } @media (max-width: 1180px) { .serviceBanner2 { overflow: hidden; } .serviceBanner2__wrapper { padding-top: 124px; } } @media (max-width: 768px) { .servicePage .indexWhy { margin-bottom: 0; padding-top: 50px; } .servicePage .seo { padding-bottom: 56px; } .servicePage .indexCallback { padding-top: 240px; } .servicePage .repairService-choose__wrapper { padding-bottom: 56px; } } @media (max-width: 650px) { .serviceBanner2__wrapper { padding: 100px 16px 31px; } .serviceBanner2__wrapper h1 { font-size: 26px; line-height: 32px; max-width: 343px; } .serviceBanner2__wrapper p { margin-top: 22px; font-size: 14px; line-height: 22px; } .serviceBanner2__wrapper a { padding: 17px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 277px; background: -o-linear-gradient(346.13deg, #19d4e0 29.3%, #36d97b 96.89%); background: linear-gradient(103.87deg, #19d4e0 29.3%, #36d97b 96.89%); } .serviceBanner2__wrapper a:hover { background-position-x: 0; } .serviceBanner2__image { max-width: 283px; bottom: 130px; } .serviceBanner2 .breadcrums { margin-top: 4px; padding: 20px 0; } .serviceBanner2 .breadcrums a { font-size: 10px; line-height: 12px; } } .service-info { margin-bottom: 120px; } .service-info__wrapper h2 { font-size: 48px; line-height: 48px; font-family: Montserrat-SemiBold; font-weight: 600; margin-bottom: 24px; text-align: center; } .service-info__wrapper p { font-size: 20px; line-height: 24px; text-align: center; font-weight: 300; color: #5c5b5b; } .service-info__items { margin-bottom: 120px; margin-top: 40px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; } .service-info__link { position: absolute; bottom: 32px; left: 48px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .service-info__link a { color: #37d97b; font-size: 20px; line-height: 20px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; color: #37d97b; } .service-info__link a:hover { color: #12b857; } .service-info__image { grid-row: span 2; } .service-info__item { grid-column: span 1; padding: 0px 16px 32px 48px; height: 262px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0px 4px 20px rgba(0,0,0,0.15); box-shadow: 0px 4px 20px rgba(0,0,0,0.15); } .service-info__item__bg { display: none; } .service-info__item:first-child { grid-row: span 2; height: 572px; } .service-info__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .service-info__list h3 { margin-top: 16px; margin-bottom: 24px; font-size: 32px; line-height: 32px; font-weight: 500; } .service-info__list h3 img { display: none; } .service-info__list a { font-size: 20px; line-height: 20px; margin-top: 16px; font-weight: 300; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; will-change: color; color: #5c5b5b; } .service-info__list a:hover { color: #37d97b; } .service-info__content { display: grid; grid-template-columns: 750px 1fr; -webkit-column-gap: 108px; -moz-column-gap: 108px; column-gap: 108px; } .service-info__content__text p { margin-top: 23px; text-align: left; color: #5c5b5b; font-size: 16px; line-height: 23px; font-weight: 300; } .service-info__video iframe { border-radius: 3px; height: 422px; width: 100%; } @media (max-width: 1180px) { .service-info { margin-bottom: 100px; } .service-info__wrapper h2 { font-size: 36px; line-height: 36px; margin-bottom: 16px; } .service-info__wrapper p { font-size: 16px; line-height: 20px; } .service-info__items { margin-bottom: 100px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .service-info__link { position: static; margin-top: 56px; } .service-info__link a { font-size: 16px; line-height: 16px; } .service-info__image { display: none; } .service-info__item { border-radius: 3px; grid-column: span 1; padding: 40px 16px; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .service-info__item:first-child { grid-row: span 1; height: auto; } .service-info__list h3 { margin: 0; font-size: 20px; line-height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .service-info__list h3 img { display: block; } .service-info__list a { font-size: 16px; line-height: 16px; margin-top: 32px; } .service-info__content { display: block; } .service-info__content__text { display: none; } .service-info__video iframe { height: 394px; } } @media (max-width: 650px) { .service-info { margin-bottom: 80px; } .service-info__wrapper h2 { font-size: 24px; line-height: 26px; margin-bottom: 24px; } .service-info__wrapper p { font-size: 14px; } .service-info__items { margin-bottom: 64px; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 32px; } .service-info__item { padding: 40px 24px; overflow: hidden; } .service-info__item__bg { display: block; text-transform: uppercase; position: absolute; font-size: 82px; line-height: 82px; top: 16px; color: #f1f1f1; font-family: Montserrat-Bold; } .service-info__item:nth-child(1) .service-info__item__bg { right: -39px; } .service-info__item:nth-child(2) .service-info__item__bg { right: -9px; } .service-info__item:nth-child(3) .service-info__item__bg { right: -11px; } .service-info__list a { margin-top: 32px; } .service-info__video iframe { height: 193px; } } .servicePrices { margin: 20px 0 120px; } .servicePrices__wrapper { background: #fff; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); border-radius: 15px; padding: 56px 40px 101px; } .servicePrices__wrapper h1 { text-align: center; font-size: 36px; line-height: 40px; font-family: Montserrat-SemiBold; margin-bottom: 20px; color: #010306; } .servicePrices__wrapper p { text-align: center; font-size: 16px; line-height: 19px; color: #5c5b5b; font-weight: 300; } .servicePrices__items { margin-top: 56px; } .servicePrices__table { width: 100%; } .servicePrices__table__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; background-color: #fff; position: -webkit-sticky; position: sticky; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 2; } .servicePrices__table__header-tip { background: #fff; padding: 14px 30px 13px; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: -60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .servicePrices__table__header-tip:before { content: ''; position: absolute; bottom: -20px; border: 10px solid transparent; border-top: 10px solid #fff; } .servicePrices__table__header-tip svg { margin-right: 5px; min-width: 16px; min-height: 16px; } .servicePrices__table__header-tip span { text-transform: lowercase; color: #3e3e3e; font-size: 16px; line-height: 16px; font-weight: 400; white-space: nowrap; } .servicePrices__table__header h4 { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 26px 37px 24px; width: 100%; } .servicePrices__table__header h4:nth-child(1) { text-align: left; max-width: 330px; } .servicePrices__table__header h4:nth-child(2) { text-align: right; max-width: 173px; } .servicePrices__table__header h4:nth-child(3) { text-align: center; max-width: 193px; } .servicePrices__table__header h4:nth-child(4) { text-align: right; max-width: 178px; } .servicePrices__table__header h4:nth-child(5) { text-align: right; max-width: 169px; } .servicePrices__table__header-title { color: #a7a6a9; text-transform: uppercase; cursor: pointer; display: inline; font-size: 12px; line-height: 12px; font-weight: 700; position: relative; } .servicePrices__table__header-title:hover .servicePrices__table__header-tip { opacity: 1; visibility: visible; } .servicePrices__table__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .servicePrices__table__body.active:before { opacity: 0; } .servicePrices__table__body.active + .servicePrices__table__body:before { opacity: 0; } .servicePrices__table__body:before { content: ''; position: absolute; top: 0; height: 1px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: calc(100% - 64px); left: 32px; right: 32px; background-color: #ddd; } .servicePrices__table__body p { padding: 24px 37px; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 16px; color: #3e3e3e; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .servicePrices__table__body p:nth-child(1) { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; max-width: 330px; } .servicePrices__table__body p:nth-child(2) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-width: 173px; } .servicePrices__table__body p:nth-child(2):hover { background-color: #d3f9e3; } .servicePrices__table__body p:nth-child(3) { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 193px; } .servicePrices__table__body p:nth-child(3):hover { background-color: #d3f9e3; } .servicePrices__table__body p:nth-child(4) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-width: 178px; } .servicePrices__table__body p:nth-child(4):hover { background-color: #d3f9e3; } .servicePrices__table__body p:nth-child(5) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-width: 169px; } .servicePrices__table__body p:nth-child(5):hover { background-color: #d3f9e3; } @media (max-width: 1180px) { .servicePrices { margin: 0; } .servicePrices__wrapper { -webkit-box-shadow: none; box-shadow: none; margin: 0 -35px; border-radius: 0; padding: 24px 0 100px; } .servicePrices__wrapper h1 { margin-bottom: 16px; max-width: 700px; margin-left: auto; margin-right: auto; } .servicePrices__wrapper p { line-height: 20px; max-width: 460px; margin: 0 auto; } .servicePrices__wrapper p br { display: none; } .servicePrices__items { margin-top: 40px; } .servicePrices__table__header-title { cursor: default; } .servicePrices__table__header-tip { display: none; } .servicePrices__table__header h4 { padding: 15px 27px; } .servicePrices__table__header h4:nth-child(1) { max-width: 330px; } .servicePrices__table__header h4:nth-child(2) { max-width: 160px; } .servicePrices__table__header h4:nth-child(3) { max-width: 160px; } .servicePrices__table__header h4:nth-child(4) { max-width: 160px; } .servicePrices__table__header h4:nth-child(5) { max-width: 160px; } .servicePrices__table__body:before { display: none; } .servicePrices__table__body:nth-child(2n) { background-color: #f8f8f8; } .servicePrices__table__body p { padding: 15px 27px; font-size: 14px; line-height: 20px; } .servicePrices__table__body p:nth-child(1) { max-width: 330px; text-align: left; } .servicePrices__table__body p:nth-child(2) { max-width: 160px; } .servicePrices__table__body p:nth-child(2):hover { background-color: inherit; } .servicePrices__table__body p:nth-child(3) { max-width: 160px; } .servicePrices__table__body p:nth-child(3):hover { background-color: inherit; } .servicePrices__table__body p:nth-child(4) { max-width: 160px; } .servicePrices__table__body p:nth-child(4):hover { background-color: inherit; } .servicePrices__table__body p:nth-child(5) { max-width: 160px; } .servicePrices__table__body p:nth-child(5):hover { background-color: inherit; } } @media (max-width: 650px) { .servicePrices { overflow: hidden; } .servicePrices__wrapper { padding-bottom: 64px; margin: 0 -16px; } .servicePrices__wrapper h1 { margin-bottom: 24px; font-size: 24px; line-height: 26px; } .servicePrices__items { margin-top: 24px; } .servicePrices__table { margin-top: -52px; overflow-x: auto; } .servicePrices__table__header h4 { background-color: #fff; padding: 14px 16px; font-size: 10px; line-height: 10px; } .servicePrices__table__header h4:nth-child(1) { max-width: 124px; min-width: 124px; position: -webkit-sticky; position: sticky; left: 0; z-index: 2; } .servicePrices__table__header h4:nth-child(2) { max-width: 126px; min-width: 126px; } .servicePrices__table__header h4:nth-child(3) { max-width: 124px; min-width: 124px; } .servicePrices__table__header h4:nth-child(4) { max-width: 130px; min-width: 130px; } .servicePrices__table__header h4:nth-child(5) { max-width: 124px; min-width: 124px; } .servicePrices__table__body:nth-child(2) { margin-top: 52px; } .servicePrices__table__body:nth-child(2n) { position: relative; background-color: transparent; } .servicePrices__table__body:nth-child(2n):after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #f8f8f8; top: 0; left: 0; } .servicePrices__table__body:nth-child(2n) p { background-color: #f8f8f8; } .servicePrices__table__body p { padding: 16px 16px; z-index: 1; background-color: #fff; } .servicePrices__table__body p:nth-child(1) { max-width: 124px; min-width: 124px; position: -webkit-sticky; position: sticky; left: 0; z-index: 2; } .servicePrices__table__body p:nth-child(2) { max-width: 126px; min-width: 126px; } .servicePrices__table__body p:nth-child(3) { max-width: 124px; min-width: 124px; } .servicePrices__table__body p:nth-child(4) { max-width: 130px; min-width: 130px; } .servicePrices__table__body p:nth-child(5) { max-width: 124px; min-width: 124px; } } .policyPage .map { padding-bottom: 0; } .policy { margin-top: 152px; margin-bottom: 80px; } .policy__wrapper .breadcrums { padding: 20px 0; } .policy__wrapper .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .policy__wrapper .breadcrums a:hover { color: #37d97b; } .policy__wrapper .breadcrums svg { margin: 0 10px; } .policy__wrapper h1 { font-size: 44px; line-height: 44px; font-family: Montserrat-SemiBold; color: #010306; margin-top: 36px; margin-bottom: 32px; } .policy__text { max-width: 812px; font-weight: 300; color: #5c5b5b; font-size: 22px; line-height: 32px; } .policy__text span { font-weight: 500; } .policy__text a { font-weight: 300; color: #5c5b5b; font-size: 22px; line-height: 32px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .policy__text a:hover { color: #37d97b; } .policy__items { margin-top: 56px; } .policy__items ol { counter-reset: item; } .policy__items ol li { margin-top: 24px; color: #5c5b5b; font-size: 18px; line-height: 27px; font-weight: 400; } .policy__items ol li a { color: #5c5b5b; font-size: 18px; line-height: 27px; font-weight: 400; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .policy__items ol li a:hover { color: #37d97b; } .policy__items ol li::marker { content: ''; } .policy__items ol li:before { content: counters(item, ".") ". "; counter-increment: item; } .policy__items > ol { list-style-type: none; } .policy__items > ol > li { margin-top: 24px; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-radius: 3px; padding: 40px 48px; cursor: pointer; color: #010306; font-weight: 500; font-size: 26px; line-height: 26px; position: relative; } .policy__items > ol > li.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .policy__items > ol > li svg { position: absolute; right: 50px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; top: 50px; } .policy__items > ol > li > ol { display: none; cursor: default; } .policy__items > ol > li > ol > li { max-width: 962px; } .policy__items > ol > li > ol > li:first-child { margin-top: 40px; } @media (max-width: 1180px) { .policy { margin-top: 80px; } .policy__wrapper .breadcrums { margin-top: 16px; padding: 16px 0; } .policy__wrapper .breadcrums a { line-height: 14px; } .policy__wrapper h1 { font-size: 36px; line-height: 36px; margin-top: 30px; margin-bottom: 24px; } .policy__text { font-size: 20px; line-height: 28px; } .policy__text a { font-size: 20px; line-height: 28px; } .policy__items { margin-top: 24px; } .policy__items ol li { font-size: 14px; line-height: 18px; } .policy__items ol li a { font-size: 14px; line-height: 18px; } .policy__items > ol > li { padding: 24px 32px; font-size: 22px; line-height: 28px; } .policy__items > ol > li svg { right: 34px; top: 34px; } .policy__items > ol > li > ol > li:first-child { margin-top: 24px; } } @media (max-width: 650px) { .policy { margin-top: 50px; margin-bottom: 64px; } .policy__wrapper .breadcrums { margin-top: 4px; padding: 20px 0; } .policy__wrapper .breadcrums a { font-size: 10px; line-height: 12px; } .policy__wrapper h1 { font-size: 24px; line-height: 26px; margin-top: 20px; margin-bottom: 16px; } .policy__text { font-size: 17px; line-height: 26px; } .policy__text a { font-size: 17px; line-height: 26px; } .policy__items { margin-top: 20px; } .policy__items > ol > li { margin-top: 16px; padding: 22px 40px 22px 16px; font-size: 16px; line-height: 20px; } .policy__items > ol > li svg { right: 32px; top: calc(50% - 2px); width: 8px; height: 5px; } .policy__items > ol > li.active svg { top: 32px; } } .batteryPage .faq { padding-top: 80px; } .batteryPage .indexWhy { padding-top: 80px; } .batteryPage .seo { background-color: #fff; padding-top: 0; padding-bottom: 120px; } .batteryPage .map { padding-bottom: 0; } .batteryPage .videoNew { background-color: transparent; padding-bottom: 120px; } .batteryPage .videoNew__wrapper { position: relative; } .batteryPage .videoNew__wrapper iframe { display: block; } .batteryPage .videoNew__block { background-color: rgba(0,0,0,0.5); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 0; left: 0; width: calc(100% - 70px); height: 100%; margin: 0 35px; } .batteryPage .videoNew__block svg { position: absolute; width: 80px; height: 80px; left: 50%; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .batteryPage .videoNew__block svg:hover { -webkit-transform: scale(1.1) translateX(-45%) translateY(-45%); -ms-transform: scale(1.1) translateX(-45%) translateY(-45%); transform: scale(1.1) translateX(-45%) translateY(-45%); } .batteryPage .videoNew__block span { font-size: 22px; line-height: 32px; color: #fff; text-align: center; bottom: 111px; position: absolute; max-width: 876px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .battery { margin-top: 168px; margin-bottom: 80px; } .battery__content { z-index: 2; position: relative; } .battery__block { padding-bottom: 80px; } .battery__block p { margin-top: 48px; font-size: 22px; line-height: 32px; font-weight: 300; color: #5c5b5b; } .battery__block p:nth-child(1) { max-width: 903px; } .battery__block p:nth-child(2) { max-width: 802px; } .battery__block p span { font-weight: 500; } .battery__block h2 { margin-top: 48px; font-size: 30px; line-height: 40px; font-family: Montserrat-SemiBold; color: #010306; } .battery__items { display: grid; grid-gap: 20px; margin-top: 56px; grid-template-columns: repeat(3, minmax(auto, 1fr)); } .battery__item { background: #ededed; border-radius: 34px; padding: 32px; height: 376px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .battery__item h3 { text-align: center; font-weight: 500; font-size: 22px; line-height: 28px; color: #010306; } .battery__item img { position: absolute; bottom: 0; } .battery__item:nth-child(2) img { bottom: 24px; } .battery__item:nth-child(3) img { bottom: 73px; } .battery__wrapper { padding: 52px 10px 56px 110px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-shadow: 0 4px 40px rgba(0,0,0,0.1); box-shadow: 0 4px 40px rgba(0,0,0,0.1); } .battery__wrapper h1 { font-size: 48px; line-height: 56px; color: #fff; max-width: 609px; font-family: Montserrat-SemiBold; } .battery__wrapper h1 span { background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); padding: 0 7px; line-height: 52px; display: inline-block; } .battery__wrapper p { margin-top: 40px; font-size: 22px; line-height: 32px; color: #fff; max-width: 484px; font-weight: 300; } .battery__wrapper a { padding: 17px 65px; color: #fff; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); display: inline-block; text-align: center; font-size: 17px; line-height: 17px; border-radius: 3px; margin-top: 56px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .battery__wrapper a:hover { color: #010306; } .battery .breadcrums { margin-top: 15px; padding: 20px 0; } .battery .breadcrums a { font-size: 14px; line-height: 14px; color: #939393; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .battery .breadcrums a:hover { color: #37d97b; } .battery .breadcrums svg { margin: 0 10px; } @media (max-width: 1180px) { .batteryPage .videoNew { display: none; } .batteryPage .faq { padding-bottom: 68px; } .battery { margin: 30px 0 44px; overflow: hidden; } .battery__block p { margin-top: 32px; font-size: 20px; line-height: 28px; } .battery__block p:nth-child(1) { max-width: 600px; } .battery__block p:nth-child(2) { max-width: 600px; } .battery__block h2 { margin-top: 40px; font-size: 36px; line-height: 36px; } .battery__items { margin-top: 40px; grid-template-columns: repeat(1, minmax(auto, 1fr)); } .battery__item { padding: 40px 28px 40px 40px; height: 202px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .battery__item h3 { max-width: 300px; } .battery__item img { position: relative; bottom: 0; } .battery__item:nth-child(1) img { right: 51px; max-width: 209px; position: absolute; } .battery__item:nth-child(2) img { bottom: auto; max-width: 255px; } .battery__item:nth-child(3) img { max-width: 130px; bottom: auto; right: 62px; } .battery__wrapper { margin: 0 -35px; width: calc(100% + 70px); padding: 40px 33px 76px; border-radius: 0; background: url("/images/battery-tablet.png") 100% 50% no-repeat !important; background-size: cover !important; } .battery__wrapper h1 { font-size: 46px; line-height: 46px; } .battery__wrapper h1 span { line-height: 46px; } .battery__wrapper p { max-width: 325px; margin-top: 24px; font-size: 20px; line-height: 31px; } .battery__wrapper a { padding: 17px 47px; font-size: 16px; line-height: 16px; margin-top: 42px; } .battery .breadcrums { margin-top: 16px; padding: 16px 0; } .battery .breadcrums a { line-height: 14px; } } @media (max-width: 768px) { .batteryPage .videoNew__block { margin: 0 16px; width: calc(100% - 32px); } .batteryPage .seo { padding-bottom: 56px; } } @media (max-width: 639px) { .batteryPage .faq { padding-top: 40px; padding-bottom: 24px; } .batteryPage .indexWhy { padding-top: 40px; margin-bottom: 0; } .battery { margin: 50px 0 22px; } .battery__block p { font-size: 17px; line-height: 26px; } .battery__block p:nth-child(1) { max-width: 323px; } .battery__block p:nth-child(2) { max-width: 323px; } .battery__block h2 { font-size: 24px; line-height: 28px; } .battery__item { padding: 32px 20px; height: 343px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .battery__item h3 { max-width: 329px; } .battery__item img { position: absolute; bottom: 0; } .battery__item:nth-child(1) img { right: auto; max-width: 263px; } .battery__item:nth-child(2) img { bottom: 22px; max-width: 309px; } .battery__item:nth-child(3) img { max-width: 142px; bottom: 59px; right: auto; } .battery__wrapper { padding: 32px 16px 40px; margin: 0 -16px; width: calc(100% + 32px); background: url("/images/battery-mob.png") 100% 50% no-repeat !important; background-size: cover !important; } .battery__wrapper h1 { font-size: 30px; line-height: 32px; max-width: 328px; } .battery__wrapper h1 span { line-height: 32px; } .battery__wrapper p { display: none; } .battery__wrapper a { padding: 17px; width: 100%; margin-top: 322px; background: -o-linear-gradient(346.13deg, #36d97b 29.3%, #19d4e0 96.89%); background: linear-gradient(103.87deg, #36d97b 29.3%, #19d4e0 96.89%); } .battery__content { width: 100%; } .battery .breadcrums { margin-top: 4px; padding: 20px 0; } .battery .breadcrums a { font-size: 10px; line-height: 12px; } } /* Служебные страницы - начало */ .feedback_wrapper.without_image .input_site { width: 310px; } .display_wrapper .big_text { font-weight: 300; font-size: 30px; line-height: 46px; margin-bottom: 20px; } .display_wrapper .display_line { font-size: 18px; line-height: 28px; margin-bottom: 20px; } .display_wrapper .display_line .head { font-weight: 500; } .display_wrapper .display_line .text { font-weight: 300; } .display_wrapper .with_margin_bottom { margin-bottom: 150px; } .head_green_small { font-weight: bold; font-size: 25px; line-height: 38px; color: #59B561; margin-bottom: 30px; } .display_buy .display_line { max-width: 450px; } .price_table .col-12:first-child { padding-right: 25px; } .price_table .col-12:last-child { padding-left: 25px; } .price_table .item_price { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #C4C4C4; display: flex; justify-content: space-between; align-items: center; } .price_table .item_price .name { font-size: 24px; line-height: 24px; font-weight: 300; color: #010306; } .price_table .item_price .price { font-weight: 500; font-size: 24px; line-height: 24px; font-family: Montserrat-SemiBold; color: #010306; margin-bottom: 4px; } .big_image_wrapper_site.to_bottom { display: flex; align-items: flex-end; padding-top: 0; padding-bottom: 100px; } .reviews_wrapper { padding: 60px 0; background-color: #F8F8F8; margin-bottom: 150px; } .review_list { margin-top: 80px; } .review_list .review_item { border-top: 1px solid #C4C4C4; padding: 40px 0; } .review_list .review_item.hidden_start { display: none; } .review_list .review_item .name { font-weight: 500; font-size: 18px; line-height: 24px; margin-bottom: 10px; } .review_list .review_item .date { font-size: 14px; line-height: 16px; color: #939393; margin-bottom: 20px; } .review_list .review_item .head_wrapper { display: flex; justify-content: space-between; } .review_list .review_item .text_wrapper { font-weight: 300; font-size: 18px; line-height: 28px; padding-right: 170px; } .stars_wrapper .star_item { width: 22px; height: 22px; display: inline-block; margin-right: 5px; background: url("../img/icon_star_gray.svg") center / contain no-repeat; } .stars_wrapper .star_item.active { background-image: url("../img/icon_star_yellow.svg"); } .stars_wrapper .star_item:last-child { margin-right: 0; } .review_list .show_more { font-size: 16px; line-height: 20px; color: #939393; cursor: pointer; transition: 0.3s ease; margin-top: 50px; position: relative; padding-bottom: 20px; } .review_list .show_more:hover { color: #59B561; } .review_list .show_more:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 14px; height: 14px; transform: rotate(45deg); border-right: 1px solid #939393; border-bottom: 1px solid #939393; transition: 0.3s ease; } .review_list .show_more:hover:after { border-color: #59B561; bottom: -3px; } .vacancies_wrapper .thin { font-weight: 300; margin-bottom: 60px; } .vacancies_wrapper .accordion_wrapper .accordion_item { box-shadow: none; } .vacancies_wrapper .accordion_wrapper .head { padding: 30px 50px 30px 0; font-weight: 500; font-size: 18px; line-height: 26px; border-top: 1px solid #C4C4C4; } .vacancies_wrapper .accordion_wrapper .content { font-size: 16px; padding: 10px 0 30px 0; } .vacancies_wrapper .accordion_wrapper .accordion_item:last-child { border-bottom: 1px solid #C4C4C4; } .vacancies_wrapper .accordion_wrapper .head:after { right: 5px; bottom: 5px; width: 12px; height: 12px; border-right: 1px solid #010306; border-bottom: 1px solid #010306; } /* Служебные страницы - конец */ /*Страница контакты*/ .conts { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 30px; } .conts .block { border-radius: 3px; display: grid; background-color: #fff; position: relative; width: 22%; margin: 0 10px; padding: 26px; -webkit-box-shadow: 0 4px 14px rgba(0,0,0,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.1); align-content: center; justify-content: space-between; } .name_cont { text-align: center; margin-bottom: 20px; font-size: 24px; } .conts .block p { line-height: 2; } .conts .block span { margin-left: 11px; } .webform{font:normal normal normal 12px/normal Verdana,sans-serif}.webform-corners-top,.webform-corners-bottom{position:relative;overflow:hidden;height:4px}.webform-left-corner,.webform-right-corner{position:relative;overflow:hidden;width:4px;height:16px}.webform-right-corner{position:absolute;top:-4px;right:0}.webform-corners-bottom .webform-left-corner,.webform-corners-bottom .webform-right-corner{margin-top:-8px}.webform-content{padding:7px 20px 15px 16px}.webform-main-fields{margin-bottom:var(--ui-space-stack-md,3px);background-color:#f8f3da;border-radius:var(--ui-border-radius-sm,1px)}.webform-main-fields .webform-content .webform-content{padding:5px 10px;border-right:1px solid #e5e1c5}.webform-additional-fields{background-color:#eee;border-radius:var(--ui-border-radius-sm,1px);margin-bottom:var(--ui-space-stack-md)}.webform-additional-fields-content{margin:15px 0 0}.webform-additional-fields .webform-content .webform-content{padding:7px 10px;border-right:1px solid #dfdfdf}.webform-main-block{background-color:#f8f6e4;border-radius:var(--ui-border-radius-sm)}.webform-main-block .webform-content{padding:14px 20px 11px 15px;border-radius:var(--ui-border-radius-sm)}.webform-main-content{overflow:hidden}.webform-main-title{float:left;margin-right:.5em;color:#4c431f;white-space:nowrap}.webform-main-text{overflow:hidden;color:#000}.webform-main-block-topless .webform-corners-top,.webform-main-block-bottomless .webform-corners-bottom{display:none}.webform-additional-block{background-color:#f3f3f3;border-radius:var(--ui-border-radius-sm)}.webform-additional-block .webform-content{padding:11px 20px 7px 16px}.webform-additional-content{overflow:hidden}.webform-additional-title{float:left;margin-right:.5em;color:#4c431f;white-space:nowrap}.webform-additional-text{overflow:hidden;color:#000}.webform-additional-block-topless .webform-corners-top,.webform-additional-block-bottomless .webform-corners-bottom{display:none}.webform-warning-block{background-color:#ffe168}.webform-warning-block .webform-content{padding:11px 20px 11px 16px;border-right:1px solid #ebd165;border-left:1px solid #ebd165;} .webform-warning-block .webform-corners-top { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -172px; } .webform-warning-block .webform-corners-bottom { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -169px; } .webform-warning-block .webform-left-corner, .webform-warning-block .webform-right-corner { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -10px -34px; } .webform-warning-content{overflow:hidden}.webform-warning-title{float:left;margin-right:.5em;color:#4c431f;white-space:nowrap}.webform-warning-text{overflow:hidden;color:#000}.webform-warning-block-topless .webform-corners-top,.webform-warning-block-bottomless .webform-corners-bottom{display:none}.webform-warning-block-topless .webform-content{border-top:1px solid #ebd165}.webform-warning-block-bottomless .webform-content{border-bottom:1px solid #ebd165}.webform-error-block{margin-bottom:17px;background-color:#ffebeb}.webform-error-block .webform-content{padding:6px 18px 6px 10px;border-right:1px solid #ffa7a7;border-left:1px solid #ffa7a7;color:#d10000;} .webform-error-block .webform-corners-top { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -152px; } .webform-error-block .webform-corners-bottom { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -149px; } .webform-error-block .webform-left-corner, .webform-error-block .webform-right-corner { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -15px -34px !important; } .webform-error-block-topless .webform-corners-top,.webform-error-block-bottomless .webform-corners-bottom{display:none}.webform-error-block-topless .webform-content{border-top:1px solid #ffa7a7}.webform-error-block-bottomless .webform-content{border-bottom:1px solid #ffa7a7}.webform-error-list{margin:0;padding:.3em 0 .3em 2em}.webform-error-list li{margin:0;padding:0}.webform-additional-select-block{background-color:#fff !important}.webform-additional-select-block .webform-content{padding:5px !important;border-right:1px solid #dedede;border-left:1px solid #dedede;} .webform-additional-select-block .webform-corners-top { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -156px; } .webform-additional-select-block .webform-corners-bottom { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -153px; } .webform-additional-select-block .webform-left-corner, .webform-additional-select-block .webform-right-corner { background: scroll transparent url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -10px 0 !important; } .webform-additional-select-block-topless .webform-corners-top,.webform-additional-select-block-bottomless .webform-corners-bottom{display:none}.webform-additional-select-block-topless .webform-content{border-top:1px solid #dedede}.webform-additional-select-block-bottomless .webform-content{border-bottom:1px solid #dedede}.webform-row{margin:0 0 11px}.webform-field{margin:0;color:#171717}.webform-field-label{margin:0 0 2px 4px;color:#7a7869}.webform-field-textbox{border:0;background-color:#fff;border-radius:var(--ui-field-border-radius)}.webform-field-textbox-double{border:1px solid #f9f7e8;background-color:#fff}.webform-field-textbox-inner{padding:3px 6px 4px;border:1px solid #d9d9d9}span.webform-field-textbox,span.webform-field-textbox-double,span.webform-field-textbox-inner{display:inline-block}.webform-field-textbox input,.webform-field-textbox-double input{margin:0;padding:0;border:0;background-color:#fff;color:#000;font:normal normal normal 13px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.webform-field-textbox input[type="text"],.webform-field-textbox-double input[type="text"]{outline:0}.webform-field-textbox input.inactive,.webform-field-textbox-double input.inactive{color:#999}.webform-field-textbox-clearable{position:relative}.webform-field-textbox-clearable .webform-field-textbox-inner{padding-right:20px}.webform-field-textbox-clear{position:absolute;top:0;right:0;display:block;width:20px;height:24px;outline:0; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -17px 10px; cursor:pointer}.webform-field-textbox-empty .webform-field-textbox-clear{display:none;cursor:default}.webform-field-combobox{display:inline-block;border:1px solid #f9f7e8;background-color:#fff;white-space:nowrap}.webform-field-combobox-inner{padding:5px 0 5px 8px;border:1px solid #d9d9d9}.webform-additional-fields .webform-field-combobox{border:1px solid #f6f6f6}.webform-field-combobox input{padding:0;width:238px;border:0;background-color:#fff;color:#000;vertical-align:top}.webform-field-combobox input[type="text"]{outline:0}.webform-field-combobox-arrow{display:inline-block;width:25px;outline:0; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -15px -14px; vertical-align:top;text-decoration:none !important}.webform-field-combobox input,.webform-field-combobox-arrow{font:normal normal normal 15px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.webform-field-combobox-disabled .webform-field-combobox-arrow{display:none}.webform-field-combobox-disabled input{color:#999}.webform-field-date{display:inline-block;padding:3px 6px 4px;border:1px solid #d9d9d9;background-color:#fff;vertical-align:top}.webform-field-date input{padding:0;width:140px;border:0;background-color:#fff;color:#191919;vertical-align:top;font:normal normal normal 13px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.webform-field-date input[type="text"]{outline:0}.webform-field-textarea{border:1px solid #f9f7e8;background-color:#fff}.webform-field-textarea-inner{padding:8px;border:1px solid #d9d9d9}.webform-additional-fields .webform-field-textarea{border:1px solid #f6f6f6}.webform-field-textarea textarea{padding:0;width:99%;height:100px;outline:0;border:0;background-color:#fff;color:#000;font:normal normal normal 14px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica));resize:none}.webform-field-textarea textarea.inactive{color:#999}.webform-field-checkbox-options .webform-field-checkbox-option{margin:0;height:19px}.webform-field-checkbox-option input,.webform-field-checkbox-option label{vertical-align:middle}.webform-field-checkbox-option input{margin:0;padding:0;width:14px}.webform-field-checkbox-option label{margin:0 0 0 5px}.webform-field-checkbox-option-disabled label{color:#a9a792}.webform-field-upload-list{margin:0 0 11px 2.8em;padding:0}.webform-field-upload-list a.upload-file-name{margin:0 0 0 -4px;color:#0069c4;text-decoration:underline;white-space:normal;word-wrap:break-word}.webform-field-upload-list a.upload-file-name:hover{color:#1c91e7}.webform-field-upload-list li{margin:0 0 3px -5px;color:#888;white-space:nowrap}.webform-field-upload-list li.uploading{color:#bbb}.webform-field-upload-list li.uploading a.upload-file-name{opacity:.5;cursor:default}.webform-field-upload-list a.delete-file{display:inline-block;margin:0 0 0 6px;width:15px;height:16px;outline:0; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat 0 -280px; vertical-align:top}.webform-field-upload-list a.delete-file:hover{background:url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -17px -280px}.webform-field-upload-list i{display:none;margin:0 0 0 8px;width:15px;height:15px; background: url(/bitrix/js/main/core/images/popup/upload-waiting.gif) no-repeat 0 2px; vertical-align: top;}.webform-field-upload-list li.uploading i{display:inline-block}.webform-field-upload-list:empty{margin:0;padding:0}.webform-field-upload{overflow:hidden;width:250px;height:27px}.webform-field-upload:hover .webform-button,.webform-field-upload:hover .webform-button-text{color:#535c69;cursor:pointer !important}.webform-field-upload input{margin-top:-50px;margin-left:-410px;height:100px;font-size:150px;opacity:0}.webform-field-action-link,.webform-field-action-link:link,.webform-field-action-link:visited,.webform-field-action-link:hover,.webform-field-action-link:active{display:inline-block;outline:0;border-bottom:1px dashed #938f79;color:#757361;text-decoration:none;font-size:13px;cursor:pointer}.webform-field-action-link.selected{padding-bottom:1px;border:0;color:#2f2e27 !important;cursor:default}.webform-field-additional-link{outline:0;text-decoration:none;cursor:pointer}.webform-field-additional-link i{display:inline-block;width:15px;height:15px; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat 0 -177px; vertical-align:middle;} .webform-field-additional-link.selected i { background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat 0 -193px; } .webform-field-additional-link span{margin:0 0 0 5px;border-bottom:1px dashed #4d4d4d;color:#171717;vertical-align:middle;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.webform-buttons{margin:15px 0 0;text-align:center}.webform-button,.webform-small-button,.webform-button-upload{display:inline-block;margin:0 16px 0 0;padding:0 18px;height:47px;outline:0;border:0;border-radius:var(--webform-button-border-radius,var(--ui-border-radius-2xs,2px));background:#ecedef;box-shadow:0 0 0 1px #c6cdd3 inset;color:#7a818a;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;font:normal 12px/47px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-bold,700);cursor:pointer;transition:background-color .2s linear,color .2s linear;-webkit-font-smoothing:antialiased}.webform-button:link,.webform-button:visited,.webform-small-button:link,.webform-small-button:visited,.webform-button-upload:link,.webform-button-upload:visited{color:#7a818a}.webform-small-button,.webform-button.webform-button-upload,.webform-small-button.webform-button-upload,.webform-field-upload{box-sizing:border-box;margin:0 12px 0 0;height:39px;line-height:39px}.webform-button-text,.webform-small-button-text,.webform-button-upload .webform-button-text{display:inline;padding:0;height:auto;border:0;background:none !important;color:#7a818a;text-transform:uppercase;text-shadow:none !important;font-size:12px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-bold,700);line-height:47px;transition:color .25s linear}.webform-small-button-icon{position:relative;display:inline-block;height:20px;outline:0;border:0;background:0;vertical-align:top;text-decoration:none !important;line-height:39px;cursor:pointer}.webform-small-button:active .webform-button-icon,.webform-small-button:active .webform-small-button-icon,.webform-small-button:hover .webform-button-icon,.webform-small-button:hover .webform-small-button-icon{opacity:1}.webform-small-button:active .webform-button-icon,.webform-small-button:active .webform-small-button-icon{opacity:1 !important}.webform-small-button.webform-small-button-plus .webform-small-button-icon,.webform-small-button.webform-small-button-disk .webform-small-button-icon,.webform-small-button.webform-small-button-check-round .webform-small-button-icon,.webform-small-button.webform-small-button-dropdown .webform-small-button-icon{margin:-2px -5px 0 5px;width:12px;height:8px;background-repeat:no-repeat;vertical-align:middle;transition:background-image .25s linear}.webform-small-button.webform-small-button-dropdown .webform-small-button-icon{margin:-2px 0 0}.webform-small-button.webform-small-button-dropdown .webform-small-button-text+.webform-small-button-icon{margin:-2px -5px 0 5px}.webform-small-button.webform-small-button-plus .webform-small-button-icon{margin-left:7px;height:12px}.webform-small-button.webform-small-button-disk .webform-small-button-icon{margin:-2px 11px 0 0;width:17px;height:12px}.webform-small-button.webform-small-button-check-round .webform-small-button-icon{margin:-2px 7px 0 -3px;width:16px;height:15px;} .webform-small-button.webform-small-button-check-round .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%3E%0A%09%3Cpolygon%20id%3D%22a%22%20points%3D%2214.148%2014%200%2014%200%200%2014.148%200%2014.148%2014%2014.148%200%200%200%200%2014%2014.148%2014%22/%3E%0A%09%3Cg%20transform%3D%22translate%281%29%22%3E%0A%20%09%09%3Cpath%20fill%3D%22%23535C68%22%20d%3D%22M4.8638%2C5.0571%20L3.5148%2C6.4031%20L6.9648%2C9.8551%20L8.3138%2C8.5101%20L14.1478%2C2.6891%20L12.8028%2C1.3431%20L6.9688%2C7.1631%20L4.8638%2C5.0571%20Z%20M12.0678%2C7.2841%20C11.9178%2C9.9641%209.7178%2C12.0971%206.9998%2C12.0971%20C4.1848%2C12.0971%201.9038%2C9.8151%201.9038%2C7.0001%20C1.9038%2C4.1851%204.1848%2C1.9031%206.9998%2C1.9031%20C7.6458%2C1.9031%208.2568%2C2.0361%208.8248%2C2.2551%20L10.2658%2C0.8111%20C9.2908%2C0.2951%208.1798%2C0.0001%206.9998%2C0.0001%20C3.1338%2C0.0001%20-0.0002%2C3.1341%20-0.0002%2C7.0001%20C-0.0002%2C10.8661%203.1338%2C14.0001%206.9998%2C14.0001%20C10.8658%2C14.0001%2013.9998%2C10.8661%2013.9998%2C7.0001%20C13.9998%2C6.4881%2013.9418%2C5.9911%2013.8378%2C5.5111%20L12.0678%2C7.2841%20Z%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E%0A'); } .webform-small-button:active.webform-small-button-check-round .webform-small-button-icon{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%3E%0A%09%3Cpolygon%20id%3D%22a%22%20points%3D%2214.148%2014%200%2014%200%200%2014.148%200%2014.148%2014%2014.148%200%200%200%200%2014%2014.148%2014%22/%3E%0A%09%3Cg%20transform%3D%22translate%281%29%22%3E%0A%20%09%09%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.8638%2C5.0571%20L3.5148%2C6.4031%20L6.9648%2C9.8551%20L8.3138%2C8.5101%20L14.1478%2C2.6891%20L12.8028%2C1.3431%20L6.9688%2C7.1631%20L4.8638%2C5.0571%20Z%20M12.0678%2C7.2841%20C11.9178%2C9.9641%209.7178%2C12.0971%206.9998%2C12.0971%20C4.1848%2C12.0971%201.9038%2C9.8151%201.9038%2C7.0001%20C1.9038%2C4.1851%204.1848%2C1.9031%206.9998%2C1.9031%20C7.6458%2C1.9031%208.2568%2C2.0361%208.8248%2C2.2551%20L10.2658%2C0.8111%20C9.2908%2C0.2951%208.1798%2C0.0001%206.9998%2C0.0001%20C3.1338%2C0.0001%20-0.0002%2C3.1341%20-0.0002%2C7.0001%20C-0.0002%2C10.8661%203.1338%2C14.0001%206.9998%2C14.0001%20C10.8658%2C14.0001%2013.9998%2C10.8661%2013.9998%2C7.0001%20C13.9998%2C6.4881%2013.9418%2C5.9911%2013.8378%2C5.5111%20L12.0678%2C7.2841%20Z%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E%0A')} .webform-small-button.webform-small-button-plus .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2210px%22%20width%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23535C68%22%20d%3D%22M4%204H0v2h4v4h2V6h4V4H6V0H4v4z%22/%3E%3C/svg%3E'); } .webform-small-button:active.webform-small-button-plus .webform-small-button-icon{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2210px%22%20width%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4%204H0v2h4v4h2V6h4V4H6V0H4v4z%22/%3E%3C/svg%3E')} .webform-small-button.webform-small-button-disk .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2212%22%20viewBox%3D%220%200%2017%2012%22%3E%3Cpath%20fill%3D%22%23535C68%22%20d%3D%22M2%2C7%20L17%2C7%20C18.3%2C7%2018%2C6.4%2018%2C5.7%20C18%2C5.7%2015.5%2C0.1%2015%2C0.1%20L4%2C0.1%20C3.4%2C0.1%201%2C5.7%201%2C5.7%20C1%2C6.4%200.8%2C7%202%2C7%20Z%20M17%2C8%20L2%2C8%20C1.5%2C8%201%2C8.4%201%2C9%20L1%2C11%20C1%2C11.5%201.5%2C12%202%2C12%20L17%2C12%20C17.5%2C12%2018%2C11.5%2018%2C11%20L18%2C9%20C18%2C8.5%2017.5%2C8%2017%2C8%20Z%20M9.9%2C10%20L2.1%2C10%20C2%2C10%202%2C10%202%2C9.9%20L2%2C9.1%20C2%2C9%202%2C9%202.1%2C9%20L9.9%2C9%20C10%2C9%2010%2C9%2010%2C9.1%20L10%2C9.9%20C10%2C10%2010%2C10%209.9%2C10%20Z%20M13.9%2C10%20L12.1%2C10%20C12%2C10%2012%2C10%2012%2C9.9%20L12%2C9.1%20C12%2C9%2012%2C9%2012.1%2C9%20L13.9%2C9%20C14%2C9%2014%2C9%2014%2C9.1%20L14%2C9.9%20C14%2C10%2013.9%2C10%2013.9%2C10%20Z%22%20transform%3D%22translate%28-1%29%22/%3E%3C/svg%3E%0A'); } .webform-small-button:active.webform-small-button-disk .webform-small-button-icon{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2212%22%20viewBox%3D%220%200%2017%2012%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M2%2C7%20L17%2C7%20C18.3%2C7%2018%2C6.4%2018%2C5.7%20C18%2C5.7%2015.5%2C0.1%2015%2C0.1%20L4%2C0.1%20C3.4%2C0.1%201%2C5.7%201%2C5.7%20C1%2C6.4%200.8%2C7%202%2C7%20Z%20M17%2C8%20L2%2C8%20C1.5%2C8%201%2C8.4%201%2C9%20L1%2C11%20C1%2C11.5%201.5%2C12%202%2C12%20L17%2C12%20C17.5%2C12%2018%2C11.5%2018%2C11%20L18%2C9%20C18%2C8.5%2017.5%2C8%2017%2C8%20Z%20M9.9%2C10%20L2.1%2C10%20C2%2C10%202%2C10%202%2C9.9%20L2%2C9.1%20C2%2C9%202%2C9%202.1%2C9%20L9.9%2C9%20C10%2C9%2010%2C9%2010%2C9.1%20L10%2C9.9%20C10%2C10%2010%2C10%209.9%2C10%20Z%20M13.9%2C10%20L12.1%2C10%20C12%2C10%2012%2C10%2012%2C9.9%20L12%2C9.1%20C12%2C9%2012%2C9%2012.1%2C9%20L13.9%2C9%20C14%2C9%2014%2C9%2014%2C9.1%20L14%2C9.9%20C14%2C10%2013.9%2C10%2013.9%2C10%20Z%22%20transform%3D%22translate%28-1%29%22/%3E%3C/svg%3E%0A')} .webform-small-button.webform-small-button-dropdown .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A'); } .webform-small-button:active.webform-small-button-dropdown .webform-small-button-icon{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A')} .webform-button-active.webform-small-button.webform-small-button-dropdown .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A'); } .webform-button-disable.webform-small-button.webform-small-button-dropdown .webform-small-button-icon{opacity:.3;cursor:default;} .webform-small-button-transparent.webform-small-button-dropdown .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A'); } .webform-small-button-accept.webform-small-button-dropdown .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A'); } .webform-small-button-accept:active.webform-small-button-dropdown .webform-small-button-icon{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A')} .webform-button-active.webform-small-button-accept.webform-small-button-dropdown .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A'); } .webform-small-button-decline.webform-small-button-dropdown .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A'); } .webform-small-button-blue.webform-small-button-dropdown .webform-small-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.656%2C5.235%20L2.413%2C0.992%20L0.999%2C2.406%20L5.949%2C7.356%20L6.656%2C8.063%20L12.313%2C2.406%20L10.899%2C0.992%20L6.656%2C5.235%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%0A%3C/svg%3E%0A'); } .webform-button-disable.webform-small-button-blue .webform-small-button-text{color:#95e3fa !important}.webform-button-text,.webform-small-button-text,.webform-button-upload .webform-button-text{display:inline;padding:0;height:auto;outline:0;border:0;background:none !important;color:#7a818a;vertical-align:top !important;text-decoration:none !important;text-transform:uppercase;text-shadow:none !important;font:normal 12px/47px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-bold,700);cursor:pointer;transition:color .25s linear}.webform-small-button-text{height:auto;line-height:39px}.webform-button-upload .webform-button-text{display:inline-block;height:auto;vertical-align:top;font:12px/39px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-bold,700);cursor:pointer}.webform-button:hover,.webform-button:hover .webform-button-text,.webform-small-button:hover,.webform-small-button:hover .webform-small-button-text,.webform-button-upload:hover,.webform-field-upload:hover .webform-button-upload{background:#cfd4d8;color:#535c69}.webform-button:active,.webform-button-active,.webform-button-active:link,.webform-button-active:visited,.webform-button-active:active,.webform-button-active:hover,.webform-small-button:active,.webform-small-button-active,.webform-small-button-active:link,.webform-small-button-active:visited,.webform-small-button-active:active,.webform-small-button-active:hover,.webform-small-button-active:hover .webform-button-text,.webform-small-button-active:hover .webform-small-button-text,.webform-button-active:hover .webform-small-button-text,.webform-button-active:hover .webform-button-text,.webform-button-transparent.webform-button-active,.webform-small-button-transparent.webform-button-active,.webform-small-button-transparent.webform-small-button-active,.webform-field-upload:active .webform-button-upload,.webform-field-upload:active .webform-button-text{background:#868d95;box-shadow:none !important;color:#fff}.webform-button:active .webform-button-text,.webform-button-active .webform-button-text,.webform-button-active .webform-small-button-text,.webform-small-button:active .webform-small-button-text,.webform-small-button-active .webform-small-button-text,.webform-field-upload:active .webform-small-button-text{color:#fff}.webform-button-accept,.webform-button-accept:link,.webform-button-accept:visited,.webform-button-accept .webform-button-text,.webform-button-create,.webform-button-create:link,.webform-button-create:visited,.webform-button-create .webform-button-text,.webform-small-button-accept,.webform-small-button-accept:link,.webform-small-button-accept:visited,.webform-small-button-accept .webform-small-button-text,.webform-small-button-create,.webform-small-button-create:link,.webform-small-button-create:visited,.webform-small-button-create .webform-small-button-text{background:#bbed21;box-shadow:none;color:#535c69}.webform-button-accept:hover,.webform-button-create:hover,.webform-small-button-accept:hover,.webform-small-button-create:hover{background:#d2f95f;color:#535c69}.webform-button-accept:active,.webform-button-create:active,.webform-small-button-accept:active,.webform-small-button-create:active,.webform-button-accept.webform-button-active,.webform-button-create.webform-button-active,.webform-small-button-accept.webform-button-active,.webform-small-button-accept.webform-small-button-active,.webform-small-button-create.webform-button-active,.webform-small-button-create.webform-small-button-active{background:#b2e233 !important;color:#535c69}.webform-button-accept:active .webform-button-text,.webform-button-create:active .webform-button-text,.webform-button-accept.webform-button-active .webform-button-text,.webform-button-create.webform-button-active .webform-button-text,.webform-small-button-accept:active .webform-small-button-text,.webform-small-button-create:active .webform-small-button-text,.webform-small-button-accept.webform-button-active .webform-small-button-text,.webform-small-button-accept.webform-small-button-active .webform-small-button-text{color:#535c69}.webform-button-accept.webform-button-text-white,.webform-button-accept.webform-button-text-white:link,.webform-button-accept.webform-button-text-white:visited,.webform-small-button-accept.webform-button-text-white,.webform-small-button-accept.webform-button-text-white:link,.webform-small-button-accept.webform-button-text-white:visited{color:#fff}.webform-button-decline,.webform-button-decline:link,.webform-button-decline:visited,.webform-button-decline .webform-button-text,.webform-small-button-decline,.webform-small-button-decline:link,.webform-small-button-decline:visited,.webform-small-button-decline .webform-small-button-text{background:#f1361b;box-shadow:none;color:#fff}.webform-button-decline:hover,.webform-button-decline:hover .webform-button-text,.webform-small-button-decline:hover,.webform-small-button-decline:hover .webform-small-button-text{background:#cc1a00;color:#fff}.webform-button-decline:active,.webform-button-decline.webform-button-active,.webform-small-button-decline:active,.webform-small-button-decline.webform-button-active,.webform-small-button-decline.webform-small-button-active{background:#d24430 !important;color:#fff}.webform-button-blue,.webform-button-blue:link,.webform-button-blue:visited,.webform-button-blue .webform-button-text,.webform-button-blue .webform-small-button-text,.webform-small-button-blue,.webform-small-button-blue .webform-small-button-text,.webform-small-button-blue:link,.webform-small-button-blue:visited,.webform-small-button-blue .webform-small-button-text{background:#3bc8f5;box-shadow:none;color:#fff}.webform-button-blue:hover,.webform-button-blue:hover .webform-button-text,.webform-small-button-blue:hover,.webform-small-button-blue:hover .webform-small-button-text{background:#3fddff;color:#fff}.webform-button-blue:active,.webform-button-blue.webform-button-active,.webform-small-button-blue:active,.webform-small-button-blue.webform-button-active,.webform-small-button-blue.webform-small-button-active{background:#13b1e3 !important;color:#fff}.webform-button-transparent,.webform-small-button-transparent{background:0;box-shadow:inset 0 0 0 1px #a1a6ac;color:#535c69}.webform-button-disable,.webform-button-disable .webform-button-text,.webform-button-disable .webform-small-button-text,.webform-small-button-disable,.webform-small-button-disable .webform-small-button-text{color:#b6c1cf !important;cursor:default}.webform-button-disable,.webform-small-button-disable{background:#ecedef !important;box-shadow:0 0 0 1px #c6cdd3 inset !important}.webform-button-create.webform-button-disable,.webform-button-create.webform-button-disable .webform-button-text,.webform-button-accept.webform-button-disable,.webform-button-accept.webform-button-disable .webform-button-text,.webform-small-button-create.webform-button-disable,.webform-small-button-accept.webform-button-disable,.webform-small-button-create.webform-button-disable .webform-small-button-text,.webform-small-button-accept.webform-button-disable .webform-small-button-text,.webform-small-button-create.webform-small-button-disable,.webform-small-button-accept.webform-small-button-disable,.webform-small-button-create.webform-small-button-disable .webform-small-button-text,.webform-small-button-accept.webform-small-button-disable .webform-small-button-text{background:#bbed21 !important;box-shadow:none !important;color:#a0c83c !important}.webform-button-decline.webform-button-disable,.webform-button-decline.webform-button-disable .webform-button-text,.webform-small-button-decline.webform-button-disable,.webform-small-button-decline.webform-small-button-disable,.webform-small-button-decline.webform-small-button-disable .webform-small-button-text,.webform-small-button-decline.webform-button-disable .webform-small-button-text{background:#f1361b !important;box-shadow:none !important;color:#f8a498 !important}.webform-button-blue.webform-button-disable,.webform-small-button-blue.webform-button-disable,.webform-small-button-blue.webform-small-button-disable{background:#3bc8f5 !important;box-shadow:none !important;color:#95e3fa !important}.webform-button-link{display:inline-block;margin:8px 15px 0 0;border-bottom:1px solid transparent;text-decoration:none !important;font:normal normal normal 14px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica));cursor:pointer;transition:border-bottom-color .25s linear}.webform-button-link:hover{border-bottom:1px solid}.webform-button-link-cancel{color:#d20000 !important}.webform-small-button-link{display:inline-block;margin:0 15px 0 0;vertical-align:middle;text-decoration:underline !important}.webform-small-button-separate-wrap{position:relative;display:inline-block;margin-right:12px;padding-right:0;height:39px;border-radius:0;box-shadow:none;vertical-align:middle;font-size:0}.webform-small-button-separate-wrap .webform-small-button{margin:0;padding-right:44px;border-radius:0;box-shadow:0 0 0 1px #c6cdd3 inset;vertical-align:top}.webform-small-button-right-part{position:absolute;top:1px;right:1px;display:block;margin:0;width:30px;height:37px;border-radius:0 3px 3px 0; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%3E%3Cpath%20fill%3D%22%23535c68%22%20d%3D%22M4%2C4L0%2C0.015H8Z%22/%3E%3C/svg%3E%0A) no-repeat center center; vertical-align:top;cursor:pointer;transition:background-color .25s linear}.webform-small-button-right-part:before,.webform-small-button-accept+.webform-small-button-right-part:before{display:block;margin-top:6px;width:1px;height:26px;background:rgba(83,92,104,.25);content:''}.webform-small-button-accept+.webform-small-button-right-part:before,.webform-small-button-decline+.webform-small-button-right-part:before{margin-top:7px}.webform-small-button-right-part:after{display:none}.webform-small-button-right-part:hover{background-color:#cfd4d8}.webform-small-button-separate-wrap .webform-small-button-accept,.webform-small-button-separate-wrap .webform-small-button-blue,.webform-small-button-separate-wrap .webform-small-button-decline{box-shadow:none}.webform-small-button-separate-wrap .webform-small-button{border-radius:2px}.webform-small-button-blue+.webform-small-button-right-part,.webform-small-button-decline+.webform-small-button-right-part{top:0;right:0;width:31px;height:39px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2C4L0%2C0.015H8Z%22/%3E%3C/svg%3E%0A) no-repeat center center #ecedef;}.webform-small-button-accept+.webform-small-button-right-part{background-color:#bbed21}.webform-small-button-accept+.webform-small-button-right-part:hover{background-color:#d2f95f; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%3E%3Cpath%20fill%3D%22%23535c68%22%20d%3D%22M4%2C4L0%2C0.015H8Z%22/%3E%3C/svg%3E%0A');}.webform-small-button-decline+.webform-small-button-right-part,.webform-small-button-decline+.webform-small-button-right-part:hover,.webform-small-button-blue+.webform-small-button-right-part,.webform-small-button-blue+.webform-small-button-right-part:hover{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2C4L0%2C0.015H8Z%22/%3E%3C/svg%3E%0A')}.webform-small-button-decline+.webform-small-button-right-part:before,.webform-small-button-blue+.webform-small-button-right-part:before{background-color:rgba(255,255,255,.5)}.webform-small-button-decline+.webform-small-button-right-part{background-color:#f1361b}.webform-small-button-decline+.webform-small-button-right-part:hover{background-color:#cc1a00}.webform-small-button-blue+.webform-small-button-right-part{background-color:#3bc8f5}.webform-small-button-blue+.webform-small-button-right-part:hover{background-color:#3fddff}.webform-small-button-blue+.webform-small-button-right-part:active{background-color:#13b1e3}.bx24-top-toolbar-add .webform-small-button-blue+.webform-small-button-right-part,.bx24-top-toolbar-add .webform-small-button-blue+.webform-small-button-right-part:hover{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2C4L0%2C0.015H8Z%22/%3E%3C/svg%3E%0A')}.bx24-top-toolbar-add .webform-small-button-right-part:before{margin-top:8px;height:18px}.webform-small-button-add .webform-small-button-icon,.bx24-top-toolbar-add .webform-small-button-icon{position:relative;margin:11px 9px 0 -6px;width:11px;height:11px}.webform-small-button-add .webform-small-button-icon{margin:14px 9px 0 -2px;width:11px;height:11px}.webform-small-button-add .webform-small-button-icon:before,.bx24-top-toolbar-add .webform-small-button-icon:before{position:absolute;top:4px;left:0;display:block;width:11px;height:3px;background:#fff;content:""}.webform-small-button-add .webform-small-button-icon:after,.bx24-top-toolbar-add .webform-small-button-icon:after{position:absolute;top:0;left:4px;display:block;width:3px;height:11px;background:#fff;content:""}.webform-small-button-forward .webform-small-button-icon,.webform-small-button-back .webform-small-button-icon{display:inline-block;margin:-3px 5px 0 -5px;width:7px;height:11px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2029.719%2046.688%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.436%2C1.665L30.8%2C8.029%2C7.465%2C31.364%2C1.1%2C25ZM7.465%2C18.636L30.8%2C41.971l-6.364%2C6.364L1.1%2C25Z%22%20transform%3D%22translate%28-1.094%20-1.656%29%22/%3E%3C/svg%3E) center center no-repeat; vertical-align:middle}.webform-small-button-forward .webform-small-button-icon{margin:-3px -5px 0 5px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2029.719%2046.688%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.564%2C48.335L2.2%2C41.971%2C25.535%2C18.636%2C31.9%2C25Zm16.971-16.97L2.2%2C8.029%2C8.564%2C1.665%2C31.9%2C25Z%22%20transform%3D%22translate%28-2.188%20-1.656%29%22/%3E%3C/svg%3E%0A') center center no-repeat;}.webform-button-wait,.webform-small-button-wait{position:relative;color:transparent !important}.webform-button-wait .webform-button-text,.webform-small-button-wait .webform-small-button-text{opacity:0}.webform-button-wait:before,.webform-small-button-wait:before{position:absolute;top:13px;left:50%;display:block;margin:0 0 0 -11px;padding-right:6px;width:15px;height:21px;border-radius:50%;background:none !important;box-shadow:inset 0 0 0 1px #fff;color:#fff;content:'_';text-align:right;font-size:10px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-bold,700);line-height:10px}.webform-small-button-wait:before{top:10px}.webform-button-wait:after,.webform-small-button-wait:after{position:absolute;top:17px;left:50%;display:block;margin:0 0 0 -1px;padding:0;width:1px;height:7px;background:#fff !important;content:'';-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-animation:webform-button-clock 1s infinite linear;animation:webform-button-clock 1s infinite linear}.webform-small-button-wait:after{top:14px}.webform-button-create.webform-button-wait:before,.webform-button-accept.webform-button-wait:before,.webform-small-button-accept.webform-small-button-wait:before,.webform-small-button-transparent.webform-small-button-wait:before,.webform-button-transparent.webform-button-wait:before{box-shadow:inset 0 0 0 1px #535c69;color:#535c69}.webform-button-create.webform-button-wait:after,.webform-button-accept.webform-button-wait:after,.webform-small-button-accept.webform-small-button-wait:after,.webform-small-button-transparent.webform-small-button-wait:after,.webform-button-transparent.webform-button-wait:after{background:#535c69 !important}@-webkit-keyframes webform-button-clock{0{-webkit-transform:rotate(0);margin-left:-1px}50%{-webkit-transform:rotate(180deg);margin-left:0}100%{-webkit-transform:rotate(360deg);margin-left:-1px}}@keyframes webform-button-clock{0{transform:rotate(0);margin-left:-1px}50%{transform:rotate(180deg);margin:0}100%{transform:rotate(360deg);margin-left:-1px}}.webform-button-icon-triangle{display:inline-block;margin:-2px 0 0 3px;width:0;height:0;vertical-align:middle}.webform-button-icon-triangle-down .webform-button-icon-triangle{border-width:5px 4px 0;border-style:solid;border-color:#fff transparent transparent transparent}.webform-button-icon-triangle-up .webform-button-icon-triangle{border-width:0 4px 5px;border-style:solid;border-color:transparent transparent #fff transparent}.webform-button-left,.webform-button-right,.webform-small-button-left,.webform-button-upload .webform-button-left,.webform-small-button-right,.webform-button-upload .webform-button-right{display:none}.webform-button-rounded{border-radius:25px}.finder-box{overflow:hidden;padding:2px 6px 6px;width:395px;background:#fff;font:normal normal normal 12px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.finder-box-multiple{width:595px}.finder-box-layout{width:100%}.finder-box-left-column{padding:0;vertical-align:top}.finder-box-multiple .finder-box-left-column{padding:0 15px 0 0}.finder-box-right-column{width:200px;border:1px solid #e2e2e2;border-radius:var(--ui-border-radius-xs);background:#f5f5f5;vertical-align:top}.finder-box-search{margin:0 0 7px}.finder-box-search-textbox{width:100%;border:1px solid;border-color:#b0b0b0 #e2e2e2 #e2e2e2 #b0b0b0;font-size:15px;border-radius:var(--ui-field-border-radius)}.finder-box-tabs{margin:0 0 7px;white-space:nowrap}.finder-box-tab,.finder-box-tab-left,.finder-box-tab-right,.finder-box-tab-text{display:inline-block;height:21px;vertical-align:top;cursor:pointer}.finder-box-tab-left,.finder-box-tab-right{width:4px}.finder-box-tab{margin:0 3px 0 0}.finder-box-tab-text{padding:0 5px;color:#333;font-weight:var(--ui-font-weight-bold);line-height:21px}.finder-box-tab:hover{background:url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -621px}.finder-box-tab:hover .finder-box-tab-left{background:url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat 0 -599px}.finder-box-tab:hover .finder-box-tab-right{background:url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -4px -599px} .finder-box .finder-box-tab-selected { background: url(/bitrix/js/main/core/images/controls-sprite.png?1) repeat-x 0 -643px; } .finder-box .finder-box-tab-selected .finder-box-tab-left { background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -8px -599px; } .finder-box .finder-box-tab-selected .finder-box-tab-right { background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -12px -599px; } .finder-box-tabs-content{position:relative;overflow:auto;margin:7px 0 0;min-height:150px;max-height:200px}.finder-box-tab-content{display:none}.finder-box-tab-content-selected{display:block}.finder-box .finder-box-item{position:relative;display:block;overflow:hidden;margin:0 5px 2px 0;color:#000;text-decoration:none;cursor:pointer;border-radius:var(--ui-border-radius-2xs)}.finder-box-item-text{padding:3px 5px}.finder-box-item-icon{position:absolute;top:0;right:0;width:17px;height:21px;background:#fff}.finder-box-item-left{margin:0 3px 0 0}.finder-box-item:hover{background:#f0f0f0}.finder-box-item:hover .finder-box-item-icon{background:#f0f0f0 url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -19px -469px}.finder-box-item-selected:hover .finder-box-item-icon{background:#f0f0f0 url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -20px -577px}.finder-box-item-selected .finder-box-item-text{color:#666}.finder-box-tab-columns{width:100%;table-layout:fixed}.finder-box-tab-columns td{padding:0;width:50%;vertical-align:top}.finder-box-selected-items{overflow-x:hidden;overflow-y:auto;max-height:235px}.finder-box-selected-title{margin:0 8px;height:32px;color:#6e6e6e;line-height:32px}.finder-box-selected-item{overflow:hidden;margin:0 5px 10px}.finder-box-selected-item-icon{float:left;width:13px;height:15px; background: url(/bitrix/js/main/core/images/controls-sprite.png?2) no-repeat 0 -282px; cursor:pointer}.finder-box-selected-item-icon:hover{background:url(/bitrix/js/main/core/images/controls-sprite.png?2) no-repeat -17px -282px}.finder-box-selected-item .finder-box-selected-item-text{display:block;overflow:hidden;padding:0 0 0 4px;color:#000;text-decoration:none}.finder-box-selected-item .finder-box-selected-item-text:hover{text-decoration:underline}.finder-box-tab-note{display:inline-block;margin:0 0 0 5px;font-style:italic}.company-structure{padding:0 0 0 3px}.company-department{padding:10px 0 0}.company-department-first{padding:3px 0 0}.company-department-inner{display:inline-block;overflow:hidden;cursor:pointer;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.company-department-arrow{float:left;width:16px;height:17px; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -16px -175px; } .company-department-opened .company-department-arrow { background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -16px -191px; } .company-department-text{display:inline-block;overflow:hidden;padding:1px 5px;color:#000;font:normal normal normal 12px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.company-department-inner:hover .company-department-text,.company-department-inner:hover .company-department-arrow{background-color:#f0f0f0}.company-department-children{display:none;margin-left:3px;padding:0 0 0 13px}.company-department-children-opened{display:block;border-left:1px solid #f0f0f0}.company-department-employees{margin:0 0 0 -10px;padding:5px 0 0}.company-department-employee{position:relative;margin:5px 10px 0 0;cursor:pointer}.company-department-employee-avatar{position:absolute;top:3px;left:3px;width:24px;height:24px; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat 0 -664px;}.company-department-employee-info{margin:0 0 0 32px;padding:2px 0}.company-department-employee-name{color:#000}.company-department-employee-position{color:#b2b2b2;font-size:11px;line-height:11px}.company-department-employee-icon{position:absolute;top:10px;right:5px;width:11px;height:11px}.company-department-employee:hover{background-color:#f0f0f0}.company-department-employee:hover .company-department-employee-icon{background:url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -19px -474px}.company-department-employee-selected:hover .company-department-employee-icon{background:url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat -19px -584px}.company-department-employees-loading{font-style:italic}.structure-department-head{position:absolute;visibility:hidden;margin-right:15px;width:15px;height:16px; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat 0 -281px; cursor:pointer}.structure-department-head:hover{background-position:-17px -281px !important}.intranet-title-buttons{position:absolute;top:5px;right:0;white-space:nowrap}.intranet-title-button{display:inline-block;margin-left:5px;height:19px;outline:medium none;vertical-align:top;text-decoration:none !important;cursor:pointer}.intranet-title-link{display:inline-block;margin:0 0 0 5px;height:19px;color:#0069c4;vertical-align:top;text-decoration:underline;font-size:12px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));line-height:19px;cursor:pointer}.intranet-title-button-create-icon{display:inline-block;width:11px;height:19px; background: url(/bitrix/js/main/core/images/controls-sprite.png?1) no-repeat scroll -19px -470px transparent; vertical-align:top}.invite-dialog-sonetgroup-wrap{margin-bottom:10px;max-width:500px;background:#fff;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));line-height:20px}.invite-dialog-inv-block{padding:15px 0;width:520px;color:#000;font-weight:var(--ui-font-weight-bold);font-size:14px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));line-height:20px}.invite-dialog-inv-link{border-bottom:1px dashed #2067b0;color:#2067b0;cursor:pointer}a.invite-dialog-inv-link,a.invite-dialog-inv-link:active,a.invite-dialog-inv-link:visited,a.invite-dialog-inv-link:hover{text-decoration:none}.invite-dialog-inv-form{padding:21px 16px 15px 15px;min-width:490px;background-color:#f9fafa}.invite-dialog-inv-form .errortext{padding-bottom:10px;color:red}.invite-dialog-inv-form-table{width:100%;border:0;border-spacing:0}.invite-dialog-inv-form-l{padding:9px 10px 18px 3px;width:85px;color:#555;vertical-align:top;text-shadow:0 1px #fcfdfd;font-size:14px}.invite-dialog-inv-form-r{padding:0 0 18px}.invite-dialog-inv-form-footer .invite-dialog-inv-form-l,.invite-dialog-inv-form-footer .invite-dialog-inv-form-r{padding-bottom:0;border-top:1px solid #e5e8e9}.invite-dialog-inv-form-footer .invite-dialog-inv-form-l{padding-top:29px}.invite-dialog-inv-form-footer .invite-dialog-inv-form-r{padding-top:20px}.invite-dialog-inv-form-inp{padding:0 0 0 2%;width:97%;height:30px;border:1px solid;border-color:#b9bcbe #bdc1c3 #c1c5c8;border-radius:2px;background-color:#fff;font-size:13px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.invite-dialog-inv-form-textarea{overflow:auto;padding:10px;width:93%;height:75px;border:1px solid;border-color:#b9bcbe #bdc1c3 #c1c5c8;border-radius:2px;background-color:#fff;font-size:13px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));resize:none}.invite-dialog-inv-form-textarea-active{color:#000 !important}.invite-dialog-inv-form-select{padding:5px 3px 5px 0;width:100%;height:32px;outline:0;border:1px solid;border-color:#b9bcbe #bdc1c3 #c1c5c8;border-radius:2px;background-color:#fff;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.invite-dialog-inv-form-hidden-text{padding-top:7px;height:32px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.invite-dialog-inv-form-checkbox-wrap{padding-top:12px}.invite-dialog-inv-form-checkbox{vertical-align:middle}.invite-dialog-inv-form-checkbox-label{display:inline-block;margin-left:2px;color:#555;vertical-align:middle;font-size:13px}.invite-dialog-inv-text-bold{padding:10px 0;color:#555;font-weight:normal;font-size:14px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.invite-dialog-inv-success-block{padding:10px}.invite-dialog-box-info-set{margin-top:4px;border:1px solid #d9e5e7;background-color:#fafcfc;color:#555}.invite-dialog-box-info-set.invite-dialog-box-info-set-inactive{border:1px solid #f3f7f8;background-color:#f3f7f8;box-shadow:none}.invite-dialog-box-info-block{overflow:hidden;padding:7px;white-space:nowrap}.invite-dialog-box-info-set-inactive .invite-dialog-box-info-block-body{display:none}.invite-dialog-box-info-btn{display:inline-block;padding:0 5px;height:23px;border:1px solid;border-color:#fafcfc;border-radius:2px;color:#2067b0;vertical-align:middle;text-shadow:0 1px #fff;font-weight:var(--ui-font-weight-bold);font-size:13px;line-height:23px;cursor:pointer}.invite-dialog-box-info-set.invite-dialog-box-info-set-inactive .invite-dialog-box-info-btn{border:1px solid #f3f7f8}.invite-dialog-box-info-btn-active{border-color:#adb2ba #bac0c7 #dae0e3;background-image:-webkit-linear-gradient(top,#dae3e6,#e4ebed);background-image:-moz-linear-gradient(top,#dae3e6,#e4ebed);background-image:-ms-linear-gradient(top,#dae3e6,#e4ebed);background-image:-o-linear-gradient(top,#dae3e6,#e4ebed);background-image:linear-gradient(to bottom,#dae3e6,#e4ebed)}.invite-dialog-box-info-btn-text{border-bottom:1px dashed #2067b0}.invite-dialog-box-info-btn-active .invite-dialog-box-info-btn-text{border-bottom:0}.invite-dialog-box-info-text{display:inline-block;margin:0 8px;vertical-align:middle;font-size:14px}.invite-dialog-box-info-left,.invite-dialog-box-info-right{display:inline-block;margin-right:3%;width:47%;vertical-align:top}.invite-dialog-box-info-right{margin:0 0 0 3%}.invite-dialog-box-info-label{display:block;padding-bottom:5px;color:#555;font-size:14px}.invite-dialog-box-info-close-open{float:right;padding-right:11px; background: url(../../images/intranet/intranet-mail-popup-arrows.png) no-repeat right 100px; color:#8a8b8b;font-size:12px;cursor:pointer}.invite-dialog-box-info-open{background-position:right 7px}.invite-dialog-box-info-close{background-position:right -10px}.invite-dialog-form-table{margin-bottom:6px;width:100%}.invite-dialog-form-table td{padding:0;vertical-align:top;text-align:right}.invite-dialog-form-table td:first-child{text-align:left}.invite-dialog-update-link{border-bottom:1px dashed;color:rgba(128,128,128,0.48);text-decoration:none}.invite-dialog-copy-link{margin-top:7px;color:rgba(128,128,128,0.87);font-size:13px;cursor:pointer;display:inline-block;margin-left:6px}.invite-dialog-settings{border-bottom:1px dashed;text-decoration:none}.invite-dialog-settings-link{margin-top:10px;color:rgba(128,128,128,0.87);font-size:11px}.bx-hint-help-icon{top:12px;right:0;display:inline-block;margin-left:7px;width:16px;height:16px;border-radius:50%;background:#bfc5ca none repeat scroll 0 0;color:#fff;vertical-align:middle;text-align:center;font-size:11px;line-height:16px;cursor:help}.webform-rounded-cogwheel.webform-small-button{position:relative;margin:0;padding:0 10px 0 7px;width:20px;border-radius:30px;box-shadow:none;text-align:center;font-size:0}.webform-rounded-cogwheel.webform-small-button:hover{background:transparent;box-shadow:none}.webform-small-button.webform-cogwheel{box-sizing:border-box;padding:0 11px !important;height:39px;box-shadow:inset 0 0 0 1px #a1a6ac;line-height:0;transition:.3s}.webform-small-button.webform-cogwheel.webform-button-disable{box-shadow:none !important}.webform-small-button.webform-cogwheel.webform-button-disable .webform-button-icon{opacity:.45 !important}.webform-rounded-cogwheel .webform-button-icon,.webform-cogwheel .webform-button-icon{display:inline-block;margin:11px 0 0 0;width:17px;height:17px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%23535C68%22%20d%3D%22M11.654%2C23.56%20L11.654%2C22.093%20L10.234%2C22.093%20C10.124%2C21.403%209.86%2C20.767%209.471%2C20.221%20L10.467%2C19.226%20L9.43%2C18.189%20L8.434%2C19.184%20C7.892%2C18.79%207.26%2C18.522%206.571%2C18.404%20L6.571%2C17%20L5.106%2C17%20L5.106%2C18.4%20C4.41%2C18.513%203.772%2C18.778%203.224%2C19.17%20L2.234%2C18.18%20L1.196%2C19.218%20L2.186%2C20.206%20C1.789%2C20.756%201.523%2C21.396%201.409%2C22.093%20L0%2C22.093%20L0%2C23.56%20L1.41%2C23.56%20C1.527%2C24.25%201.795%2C24.885%202.188%2C25.43%20L1.188%2C26.428%20L2.225%2C27.465%20L3.225%2C26.465%20C3.775%2C26.855%204.413%2C27.117%205.105%2C27.23%20L5.105%2C28.655%20L6.57%2C28.655%20L6.57%2C27.225%20C7.258%2C27.111%207.888%2C26.843%208.43%2C26.453%20L9.435%2C27.459%20L10.475%2C26.421%20L9.465%2C25.413%20C9.853%2C24.873%2010.118%2C24.243%2010.233%2C23.559%20L11.653%2C23.559%20L11.654%2C23.56%20Z%20M5.82%2C25.6%20C4.284%2C25.6%203.038%2C24.353%203.038%2C22.816%20C3.038%2C21.276%204.284%2C20.031%205.821%2C20.031%20C7.361%2C20.031%208.606%2C21.278%208.606%2C22.817%20C8.606%2C24.354%207.36%2C25.601%205.822%2C25.601%20L5.82%2C25.6%20Z%22%20transform%3D%22translate%280%20-17%29%22/%3E%0A%3C/svg%3E%0A') center center no-repeat; background-size:cover;vertical-align:top}.webform-small-button.webform-cogwheel:hover{background:#cfd4d8}.webform-small-button.webform-cogwheel:active{background:#868d95}.webform-small-button.webform-cogwheel:active .webform-button-icon{ background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.654%2C23.56%20L11.654%2C22.093%20L10.234%2C22.093%20C10.124%2C21.403%209.86%2C20.767%209.471%2C20.221%20L10.467%2C19.226%20L9.43%2C18.189%20L8.434%2C19.184%20C7.892%2C18.79%207.26%2C18.522%206.571%2C18.404%20L6.571%2C17%20L5.106%2C17%20L5.106%2C18.4%20C4.41%2C18.513%203.772%2C18.778%203.224%2C19.17%20L2.234%2C18.18%20L1.196%2C19.218%20L2.186%2C20.206%20C1.789%2C20.756%201.523%2C21.396%201.409%2C22.093%20L0%2C22.093%20L0%2C23.56%20L1.41%2C23.56%20C1.527%2C24.25%201.795%2C24.885%202.188%2C25.43%20L1.188%2C26.428%20L2.225%2C27.465%20L3.225%2C26.465%20C3.775%2C26.855%204.413%2C27.117%205.105%2C27.23%20L5.105%2C28.655%20L6.57%2C28.655%20L6.57%2C27.225%20C7.258%2C27.111%207.888%2C26.843%208.43%2C26.453%20L9.435%2C27.459%20L10.475%2C26.421%20L9.465%2C25.413%20C9.853%2C24.873%2010.118%2C24.243%2010.233%2C23.559%20L11.653%2C23.559%20L11.654%2C23.56%20Z%20M5.82%2C25.6%20C4.284%2C25.6%203.038%2C24.353%203.038%2C22.816%20C3.038%2C21.276%204.284%2C20.031%205.821%2C20.031%20C7.361%2C20.031%208.606%2C21.278%208.606%2C22.817%20C8.606%2C24.354%207.36%2C25.601%205.822%2C25.601%20L5.82%2C25.6%20Z%22%20transform%3D%22translate%280%20-17%29%22/%3E%0A%3C/svg%3E%0A') center center no-repeat; background-size:cover}.sonet-filter-menu-settings-icon.webform-rounded-cogwheel{border:none !important;background:none !important;box-shadow:none !important;opacity:.45;transition:.3s}.sonet-filter-menu-settings-icon.webform-rounded-cogwheel:hover{opacity:1}.tasks-add-button-wrapper.webform-small-button{padding-left:0;background:transparent !important}.invite-dialog-phone-item{position:relative;margin-bottom:7px;display:flex;align-items:center}.invite-dialog-phone-flag-block{position:absolute;top:9px;left:10px;border-right:1px solid #d1d4d8;padding:0 22px 0 0;box-sizing:border-box;cursor:pointer;height:19px;display:flex;align-items:center; background: transparent url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%226%22%20height%3D%223%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3%203l3-3H0z%22%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E) no-repeat left 25px top 8px;}.invite-dialog-phone-input{background:#fff;border:1px solid #c4c7cc;border-radius:1px;font-size:15px;line-height:19px;padding:8px 10px 8px 57px}.invite-dialog-phone-label,.invite-dialog-inv-label{color:#80868e;font-size:14px;margin-bottom:8px;display:inline-block}.invite-dialog-inv-label{margin-bottom:0}.invite-dialog-phone-list-add{color:#80868e;border-bottom:1px dashed rgba(82,92,105,.3);transition:border-color .2s linear}.invite-dialog-phone-list-add:hover{border-color:rgba(82,92,105,.8);color:#80868e}.invite-dialog-phone-delete{cursor:pointer;width:25px;height:25px;display:inline-block;opacity:.5;transition:opacity .2s linear; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43ODcgMUw1IDMuNzg3IDIuMjEzIDEgMSAyLjIxMyAzLjc4NyA1IDEgNy43ODcgMi4yMTMgOSA1IDYuMjEzIDcuNzg3IDkgOSA3Ljc4NyA2LjIxMyA1IDkgMi4yMTMiIGZpbGw9IiM5OTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat center;}.invite-dialog-phone-delete:hover{opacity:1}.invite-dialog-inv-form-wrap{background:#f9fafa;padding-bottom:13px}.invite-dialog-inv-text{margin-left:13px}.invite-dialog-inv-text-field{background:#f4f4f4;border:1px solid #e3e6e9;border-radius:2px;color:rgba(83,92,105,.5);padding:10px 15px;margin-right:13px;min-height:100px;box-sizing:border-box;width:615px}.invite-dialog-inv-form-wrap .invite-dialog-inv-form{padding-bottom:0}.invite-dialog-wrap{border:1px solid #c6cdd3;border-radius:2px;padding:10px;background:#fff}.invite-dialog-inner{background:#eef2f4;border-radius:2px;padding:10px 16px 20px}.popup-window-tabs-content.popup-window-tabs-content-invite{background:#fff;padding:0;border:0}.popup-window-tabs-content-invite .popup-window-tab-content{background:#fff;padding:0}.invite-dialog-inv-link-block{border-top:1px solid rgba(82,92,105,.1);padding-top:7px;margin-top:17px} #atum_socializer { display: var(--display, block); position: fixed; z-index: var(--z_index, 1000); top: var(--top, auto); bottom: var(--bottom, auto); left: var(--left, auto); right: var(--right, auto); -webkit-transform: var(--transform, none); transform: var(--transform, none) } #atum_socializer.scroll { opacity: 0; visibility: hidden; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } #atum_socializer:not(.scroll) { opacity: 1; visibility: visible; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } #atum_socializer .atum_socializer-list { position: relative; z-index: 2 } #atum_socializer .animation-waves::after, #atum_socializer .animation-waves::before, #atum_socializer .animation-pulse_waves::after, #atum_socializer .animation-pulse_waves::before { display: block; content: " "; position: absolute; left: -20px; opacity: 0; right: -20px; top: -20px; bottom: -20px; border: 2px solid var(--animation_color, transparent); border-radius: var(--animation_radius, 0); -webkit-animation: waves 2.5s linear infinite; animation: waves 2.5s linear infinite } #atum_socializer .animation-waves::after, #atum_socializer .animation-pulse_waves::after { -webkit-animation-delay: 1.25s; animation-delay: 1.25s } #atum_socializer .animation-pulse, #atum_socializer .animation-pulse_waves { -webkit-animation: pulse 2s infinite ease-out; animation: pulse 2s infinite ease-out } #atum_socializer .animation-pulse.show, #atum_socializer .animation-pulse_waves.show, #atum_socializer .animation-waves.show::after, #atum_socializer .animation-waves.show::before, #atum_socializer .animation-pulse_waves.show::after, #atum_socializer .animation-pulse_waves.show::before { -webkit-animation: none; animation: none } #atum_socializer .animation-hover-size { -webkit-transform: scale(1); transform: scale(1) } #atum_socializer .animation-hover-size:hover { -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-animation: none; animation: none } #atum_socializer[data-type="3"] .atum_socializer-list { opacity: 0; visibility: hidden; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } #atum_socializer[data-type="3"] .atum_socializer-list.show { opacity: 1; visibility: visible; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } #atum_socializer-arrow, #atum_socializer-arrow::before { position: absolute; width: 10px; height: 10px; background: inherit } #atum_socializer-arrow { visibility: hidden } #atum_socializer-arrow::before { visibility: visible; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg) } #atum_socializer .atum_socializer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--row_position, column); flex-direction: var(--row_position, column); margin-top: calc(-1 * var(--row_y)); margin-right: calc(-.5 * var(--row_x)); margin-left: calc(-.5 * var(--row_x)) } #atum_socializer .atum_socializer-col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding-right: calc(var(--row_x) * .5); padding-left: calc(var(--row_x) * .5); margin-top: var(--row_y) } #atum_socializer .atum_socializer-link { --animation_color: var(--link_color, transparent); --animation_radius: var(--link_radius, 0); position: relative; display: block; cursor: pointer; background-color: var(--link_color, transparent); width: var(--link_width, 40px); height: var(--link_height, 40px); border-radius: var(--link_radius, 0); border-top: var(--link_border_top, none); border-right: var(--link_border_right, none); border-bottom: var(--link_border_bottom, none); border-left: var(--link_border_left, none); -webkit-box-shadow: var(--link_box-shadow, none); box-shadow: var(--link_box-shadow, none); -webkit-transition: 0.55s all; -o-transition: 0.55s all; transition: 0.55s all } #atum_socializer .atum_socializer-link:hover { background-color: var(--link_color_hover, transparent); -webkit-transition: 0.55s all; -o-transition: 0.55s all; transition: 0.55s all } #atum_socializer .atum_socializer-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: var(--size_icon, contain) } #atum_socializer .atum_socializer-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23fff' d='M173 131.5C229.2 75.27 320.3 75.27 376.5 131.5C430 185 432.9 270.9 383 327.9L377.7 334C368.9 344 353.8 345 343.8 336.3C333.8 327.6 332.8 312.4 341.5 302.4L346.9 296.3C380.1 258.3 378.2 201.1 342.5 165.4C305.1 127.1 244.4 127.1 206.1 165.4L93.63 278.7C56.19 316.2 56.19 376.9 93.63 414.3C129.3 449.1 186.6 451.9 224.5 418.7L230.7 413.3C240.6 404.6 255.8 405.6 264.5 415.6C273.3 425.5 272.2 440.7 262.3 449.4L256.1 454.8C199.1 504.6 113.2 501.8 59.69 448.2C3.505 392.1 3.505 300.1 59.69 244.8L173 131.5zM467 380.5C410.8 436.7 319.7 436.7 263.5 380.5C209.1 326.1 207.1 241.1 256.9 184.1L261.6 178.7C270.3 168.7 285.5 167.7 295.5 176.4C305.5 185.1 306.5 200.3 297.8 210.3L293.1 215.7C259.8 253.7 261.8 310.9 297.4 346.6C334.9 384 395.6 384 433.1 346.6L546.4 233.3C583.8 195.8 583.8 135.1 546.4 97.7C510.7 62.02 453.4 60.11 415.5 93.35L409.3 98.7C399.4 107.4 384.2 106.4 375.5 96.44C366.7 86.47 367.8 71.3 377.7 62.58L383.9 57.22C440.9 7.348 526.8 10.21 580.3 63.76C636.5 119.9 636.5 211 580.3 267.2L467 380.5z'/%3E%3C/svg%3E") } #atum_socializer .atum_socializer-dropdown { position: relative; z-index: 1 } #atum_socializer .atum_socializer-dropdown-button { --animation_color: var(--link_dropdown_color, transparent); --animation_radius: var(--dropdown_radius, 0); position: relative; display: var(--display, block); cursor: pointer; background-color: var(--link_dropdown_color, transparent); width: var(--dropdown_width, 40px); height: var(--dropdown_height, 40px); border-radius: var(--dropdown_radius, 0); border-top: var(--dropdown_border_top, none); border-right: var(--dropdown_border_right, none); border-bottom: var(--dropdown_border_bottom, none); border-left: var(--dropdown_border_left, none); -webkit-box-shadow: var(--dropdown_box-shadow, none); box-shadow: var(--dropdown_box-shadow, none); -webkit-transition: 0.55s all; -o-transition: 0.55s all; transition: 0.55s all } #atum_socializer .atum_socializer-dropdown-button:hover { background-color: var(--link_dropdown_color_hover, transparent); -webkit-transition: 0.55s all; -o-transition: 0.55s all; transition: 0.55s all } #atum_socializer .atum_socializer-dropdown-button.show { background-color: var(--link_dropdown_close_color, transparent) } #atum_socializer .atum_socializer-dropdown-button.show:hover { background-color: var(--link_dropdown_close_color_hover, transparent) } #atum_socializer .atum_socializer-dropdown-button .open { opacity: 1 } #atum_socializer .atum_socializer-dropdown-button .close { opacity: 0 } #atum_socializer .atum_socializer-dropdown-button.show .open { opacity: 0; -webkit-transition: 0.55s opacity; -o-transition: 0.55s opacity; transition: 0.55s opacity } #atum_socializer .atum_socializer-dropdown-button.show .close { opacity: 1; -webkit-transition: 0.55s opacity; -o-transition: 0.55s opacity; transition: 0.55s opacity } #atum_socializer .atum_socializer-dropdown-button-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: var(--dropdown_size_icon, contain) } #atum_socializer .atum_socializer-notify { --notify_row_x: 10px; --notify_row_y: 10px; --notify_indent: 10px; position: absolute; z-index: 2; display: var(--display, flex); opacity: 0; visibility: hidden; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } #atum_socializer .atum_socializer-notify[data-popper-placement] { right: calc(100% + var(--notify_indent)); bottom: 0 } #atum_socializer .atum_socializer-notify.show { opacity: 1; visibility: visible; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } #atum_socializer .atum_socializer-notify.right .atum_socializer-notify-img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } #atum_socializer .atum_socializer-notify.right .atum_socializer-notify-title { text-align: right } #atum_socializer .atum_socializer-notify.right .atum_socializer-notify-text { text-align: right } #atum_socializer .atum_socializer-notify-content { position: relative; z-index: 1; width: var(--notify_width, 200px); min-height: var(--notify_height, 50px); border-radius: var(--notify_radius, 0); border-top: var(--notify_border_top, none); border-right: var(--notify_border_bottom, none); border-bottom: var(--notify_border_bottom, none); border-left: var(--notify_border_left, none); -webkit-box-shadow: var(--notify_box-shadow, none); box-shadow: var(--notify_box-shadow, none); background-color: var(--notify_color, transparent) } #atum_socializer .atum_socializer-notify-close { cursor: pointer; position: absolute; z-index: 3; top: 10px; right: 10px; width: 10px; height: 10px; opacity: .5; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") } #atum_socializer .atum_socializer-notify-close:hover { opacity: 1 } #atum_socializer .atum_socializer-notify-body { position: relative; z-index: 2; padding: var(--notify_row_y) var(--notify_row_x); border-radius: var(--notify_radius, 0); background-color: var(--notify_color, transparent); width: auto; height: 100% } #atum_socializer .atum_socializer-notify-center { 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; margin-top: calc(-1 * var(--notify_row_y)); margin-right: calc(-.5 * var(--notify_row_x)); margin-left: calc(-.5 * var(--notify_row_x)) } #atum_socializer .atum_socializer-notify-img, #atum_socializer .atum_socializer-notify-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: var(--notify_img_size, 50px); max-width: 100%; padding-right: calc(var(--notify_row_x) * .5); padding-left: calc(var(--notify_row_x) * .5); margin-top: var(--notify_row_y) } #atum_socializer .atum_socializer-notify-img img { width: 100% } #atum_socializer .atum_socializer-notify-img + .atum_socializer-notify-info { width: calc(100% - (var(--notify_img_size, 50px) + var(--notify_row_x) * 2)) } #atum_socializer .atum_socializer-notify-info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% } #atum_socializer .atum_socializer-notify-title { font-size: 12px; line-height: 1.2; font-weight: 600; color: var(--notify_color_title) } #atum_socializer .atum_socializer-notify-text { font-size: 10px; line-height: 1.2; font-weight: 500; color: var(--notify_color_text) } #atum_socializer-notify-arrow, #atum_socializer-notify-arrow::before { position: absolute; z-index: 1; width: calc(2 * var(--notify_indent)); height: calc(2 * var(--notify_indent)); background: inherit; background-color: var(--notify_color, transparent) } #atum_socializer-notify-arrow { visibility: hidden } #atum_socializer-notify-arrow::before { visibility: visible; content: ''; border-top: var(--notify_border_top, none); border-right: var(--notify_border_bottom, none); border-bottom: var(--notify_border_bottom, none); border-left: var(--notify_border_left, none); -webkit-box-shadow: var(--notify_box-shadow, none); box-shadow: var(--notify_box-shadow, none); -webkit-transform: rotate(45deg); transform: rotate(45deg) } #atum_socializer .atum_socializer-notify { padding: calc(var(--notify_indent) * 2) } #atum_socializer .atum_socializer-notify[data-popper-placement^='top'] #atum_socializer-notify-arrow { bottom: calc(-1 * (var(--notify_indent) / 2)) } #atum_socializer .atum_socializer-notify[data-popper-placement^='bottom'] #atum_socializer-notify-arrow { top: calc(-1 * (var(--notify_indent) / 2)) } #atum_socializer .atum_socializer-notify[data-popper-placement^='left'] #atum_socializer-notify-arrow { right: calc(-1 * (var(--notify_indent) / 2)) } #atum_socializer .atum_socializer-notify[data-popper-placement^='right'] #atum_socializer-notify-arrow { left: calc(-1 * (var(--notify_indent) / 2)) } #atum_socializer-backdrop { position: fixed; top: 0; left: 0; z-index: var(--z_index, 1000); width: 100vw; height: 100vh; opacity: 0; visibility: hidden; background-color: #000; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } #atum_socializer-backdrop.show { opacity: .5; visibility: visible; -webkit-transition: 0.55s opacity, 0.55s visibility; -o-transition: 0.55s opacity, 0.55s visibility; transition: 0.55s opacity, 0.55s visibility } @-webkit-keyframes waves { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } 50% { opacity: 1 } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @keyframes waves { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } 50% { opacity: 1 } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } }