/* Start:/local/templates/main_en/css/fonts.css?17650193373075*/ @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal } @font-face { font-family: 'GothamPro'; src: url(/local/templates/main/assets/fonts/GothamPro-Black.woff2) format("woff2"); font-weight: 900; font-display: swap; font-style: normal; } @font-face { font-family: 'GothamPro'; src: url(/local/templates/main/assets/fonts/GothamPro-Light.woff2) format("woff2"); font-display: swap; font-weight: 300; font-style: normal; } @font-face { font-family: 'GothamPro'; src: url(/local/templates/main/assets/fonts/GothamPro.woff2) format("woff2"); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamPro'; src: url(/local/templates/main/assets/fonts/GothamPro-Bold.woff2) format("woff2"); font-display: swap; font-weight: 700; font-style: normal } /* End */ /* Start:/local/templates/main_en/libs/slick/slick.css?17650201761368*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} .slick-track:before, .slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} /* End */ /* Start:/local/templates/main_en/libs/slick/slick-theme.css?17650201762391*/ @charset 'UTF-8';@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('/local/templates/main_en/libs/slick/./fonts/slick.eot');src:url('/local/templates/main_en/libs/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_en/libs/slick/./fonts/slick.woff') format('woff'), url('/local/templates/main_en/libs/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/main_en/libs/slick/./fonts/slick.svg#slick') format('svg');} .slick-prev, .slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:transparent;outline:none;background:transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:.25;} .slick-prev:before, .slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-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;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;} .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;} .slick-dots li button:hover, .slick-dots li button:focus{outline:none;} .slick-dots li button:hover:before, .slick-dots li button:focus: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:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .slick-dots li.slick-active button:before{opacity:.75;color:black;} /* End */ /* Start:/local/templates/main_en/css/jquery.mCustomScrollbar.css?176501933844211*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;} .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;} .mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;} .mCSB_container{overflow:hidden;width:auto;height:auto;} .mCSB_inside > .mCSB_container{margin-right:30px;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;} .mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;} .mCSB_outside + .mCSB_scrollTools{right:-26px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0;} .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;} .mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;} .mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;} .mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;} .mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;} .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools .mCSB_buttonDown{bottom:0;} .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px;} .mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;} .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0;} .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;} .mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;} .mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0;margin-left:30px;} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;transition:opacity .2s ease-in-out, background-color .2s ease-in-out;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;} .mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";} .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";} .mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)";} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{background-image:url(/local/templates/main_en/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;} .mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;} .mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;} .mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;} .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85);} .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9);} .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;} .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;} .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;} .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;} .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);} .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px;} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px;} .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0;} .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto;} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px;} .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.1);} .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;} .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;} .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto;} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;} .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.15);} .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px;} .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px;} .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px;} .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0;} .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0;} .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px;} .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px;} .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px;} .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");background-repeat:repeat-y;opacity:0.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";} .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px;} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px;} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px;} .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";} .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;} .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto;} .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";} .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px;} .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);} .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;} .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;} .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto;} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} .mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#777;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:12px 0;} .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px;} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto;} .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;} .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";} .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";} .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,0.2);} .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;} .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0;} .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px;} .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,0.2);} .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;} .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0;} .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0;} .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,0.2);} .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);} /* End */ /* Start:/local/templates/main_en/css/styles.css?1765024085506747*/ a img, img, legend { border: 0 } .swiper, svg:not(:root) { overflow: hidden } [type=reset], [type=submit], button, html [type=button], input, input[type=search] { -webkit-appearance: none } .swiper, article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block } .swiper-slide, .swiper-wrapper { width: 100%; position: relative; transition-property: transform } .swiper-fade.swiper-free-mode .swiper-slide, .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out } .h-bold, .h1, .usage-instruction h4, b, h1, strong { font-weight: 700 } .breadcrumbs__item:last-child .breadcrumbs__link, .params-selects .choices__list--single .choices__item, body, html, mark { color: #000 } .default-ui h3, .order-section h2, button, select { text-transform: none } .category__cont, .main-about-education, .main-promo__cont, .order-section__success, .page-aside, .page-wrap, [data-simplebar] { -webkit-box-orient: vertical; -webkit-box-direction: normal } .item-tile__colors, .page-lang { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl } .application-steps, .swiper, .swiper-container, ol, ul { list-style: none } .application-steps, .default-ui ol, .master-class-list, .usage-instruction__left ol { counter-reset: li } .btn, .checkbox, .color-radio, .fancybox-container, .noUi-target, .noUi-target *, .tap-link, .text-radio { -webkit-tap-highlight-color: transparent } .geo.js-hovered .geo-btn, html a.ui-state-default.ui-state-hover { text-decoration: underline } .cart-m-card__title, .cart-modal-err__sub-title, .item-tile__name, .jq-selectbox__select-text, .product-gallery__color p, .vue-select__current, [tooltip-lb]::after { -o-text-overflow: ellipsis; text-overflow: ellipsis } abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 0 } .btn, .color-radio, .default-ui ul.two-col > li, .form-line__label-star, .jq-selectbox, .text-radio, textarea { vertical-align: top } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0 } pre { white-space: pre-wrap } q { quotes: '\201C' '\201D' '\2018' '\2019' } .masters-card p, .masters-promo .page-width, .window-image, figure { margin: 0 } legend { padding: 0 } button, input, select, textarea { font-family: inherit; margin: 0 } button, input { line-height: normal } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=checkbox] { -webkit-appearance: checkbox } input[type=radio] { -webkit-appearance: radio } input[type=search] { -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-searc-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto } table { border-collapse: collapse; border-spacing: 0 } body { -webkit-text-size-adjust: none; min-width: 320px; min-height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, .1); opacity: 0; -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out } .doc-ready { opacity: 1 } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: none } input { outline: 0 } img { max-width: 100%; height: auto } .center { text-align: center; margin: 0 auto } .clear, .clearfix:after { clear: both } .clearfix:after, .clearfix:before { content: ''; display: table } .clearfix { zoom: 1 } a { outline: 0; background-color: transparent } a.active, a:hover { outline-width: 0 } a img { outline: 0 } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } .jq-selectbox__search input, [type=search] { -webkit-appearance: textfield } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } :root { --swiper-theme-color: transparent; --swiper-navigation-size: 44px } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: clip; padding: 0; z-index: 1 } .swiper-vertical > .swiper-wrapper { flex-direction: column } .swiper-wrapper { height: 100%; z-index: 1; display: flex; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; height: 100%; display: block } .swiper-slide-invisible-blank { visibility: hidden } .fancybox-active, .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .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%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .page-col, .page-width { -webkit-box-sizing: border-box } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear infinite swiper-preloader-spin } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev, .swiper-pagination-bullet:only-child, .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg) } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto } .header-burger--adaptive, .mobile-overflow-text.is-opened + .mobile-overflow-text__btn span { display: none; } .swiper-button-lock, .swiper-pagination-lock, .swiper-scrollbar-lock { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); 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-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); background: 0 0 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-scrollbar, .swiper-scrollbar-drag { border-radius: var(--swiper-scrollbar-border-radius, 10px) } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: 0 0 } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .page-scroll-cont.page-scroll-cont--filled, body, html { background: #f7f5f5 } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0 } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0 } .swiper-scrollbar { position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1)) } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)) } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5)); left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .page-row, .page-wrap { display: -webkit-box; display: -ms-flexbox } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move; touch-action: none } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode > .swiper-wrapper { margin: 0 auto } .swiper-grid > .swiper-wrapper { flex-wrap: wrap } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-cube .swiper-slide .swiper-slide, .swiper-fade .swiper-slide .swiper-slide, .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active, .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active, .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .product-detail .swiper-container, .swiper-cards, .swiper-cube, .swiper-flip { overflow: visible } .swiper-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-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; padding: 0; z-index: 1 } body, html { font-size: 16px; font-family: GothamPro, Candara, Segoe, Segoe UI, Helvetica Neue, Helvetica sans-serif; line-height: 1.4 } p { margin-bottom: 20px; line-height: 1.5 } a, a:link, a:visited { color: #000; text-decoration: none; -webkit-transition: color .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: color .4s cubic-bezier(.36, .26, .19, 1.03); transition: color .4s cubic-bezier(.36, .26, .19, 1.03) } .page-width { padding: 0 60px; box-sizing: border-box; width: 100%; margin: 0 auto; max-width: 1540px } .page-width2 { max-width: 1160px } .page-wrap { overflow: hidden; position: relative; padding-left: 66px; display: flex; -ms-flex-flow: column; flex-flow: column; min-height: 100vh } .no-scroll, .sprite-image { position: fixed; left: 0; top: 0 } .auth-modal__footer, .brand-trainer-section, .center-text, .ib-card__meta, .ic-card, .modal-card, .reg-form__inner, .vertical-section--centered { text-align: center } .page-row { display: flex; margin: 0 -15px } .page-row--large { margin: 0 -30px } .page-row--middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .page-row--between, .teach-card__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .page-row--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .page-col { padding: 0 15px; box-sizing: border-box } .page-grid .page-width span, .page-header { -webkit-box-sizing: border-box; position: relative } .benefits-grid__col, .main-promo-row .main-promo, .page-col--w50, .training-grid__left, .training-grid__right { width: 50% } .distribution-grid .grid-sizer, .page-col--w33 { width: 33.33% } .category-list .grid-sizer, .page-col--w25 { width: 25% } .page-col--large { padding: 0 30px } .n-info__price-block, .no-wrap, span.js-range-slider-val { white-space: nowrap } .no-scroll { overflow-y: scroll; width: 100%; height: 100% } .no-scroll body { height: auto; overflow: hidden } .sprite-image { visibility: hidden; z-index: -1 } .no-transition * { -webkit-transition: none !important; -o-transition: none !important; transition: none !important } .first-slide-arrow-down { position: absolute; left: 50%; margin-left: -15px; bottom: 20px; padding: 10px; cursor: pointer; z-index: 15; -webkit-transition: .5s ease-in-out .4s; -o-transition: .5s ease-in-out .4s; transition: .5s ease-in-out .4s; -webkit-transform: translateY(120px); -ms-transform: translateY(120px); transform: translateY(120px) } .first-slide-arrow-down svg { display: block; fill: #fff; height: 32px; width: 14px; -webkit-transition: fill .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: fill .4s cubic-bezier(.36, .26, .19, 1.03); transition: fill .4s cubic-bezier(.36, .26, .19, 1.03); -webkit-animation: 1.5s ease-in-out infinite arrow-anim; animation: 1.5s ease-in-out infinite arrow-anim } .first-slide-arrow-down:hover svg { fill: #5c5c5c } .page-scroll-cont { position: relative; z-index: 5; overflow: hidden } .page-scroll-cont:after { position: absolute; content: ''; display: block; top: 150px; background: #f7f5f5; z-index: -1; left: 0; width: 100%; height: calc(100% - 150px) } .vertical-section { margin: 100px 0 } .default-ui ol:first-child, .default-ui ul:first-child, .vertical-section.vertical-section--first { margin-top: 0 } .vertical-section.vertical-section--gray { background: #c9c9c9; padding: 90px 0; position: relative } .vertical-section.vertical-section--gray:after { position: absolute; content: ''; display: block; width: 10000px; height: 100%; top: 0; background: inherit; left: 100% } .vertical-section.vertical-section--gray:before { position: absolute; content: ''; display: block; width: 10000px; height: 100%; top: 0; background: inherit; right: 100% } .vertical-section.vertical-section--video-after { padding-bottom: 200px; margin-bottom: -160px } .main-section-helper { position: relative; height: 100vh; z-index: -1 } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; margin: -20px 0 30px; position: relative; z-index: 12 } .h1, .h2, h1, h2 { font-size: 42px } .breadcrumbs.breadcrumbs--abs { position: absolute; right: 0; left: 66px; top: 130px; padding-left: 25px; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; -webkit-transition: -webkit-transform .5s ease-in-out .3s; transition: transform .5s ease-in-out .3s; -o-transition: transform .5s ease-in-out .3s; transition: transform .5s ease-in-out .3s, -webkit-transform .5s ease-in-out .3s; z-index: 3 } .breadcrumbs.breadcrumbs--abs .breadcrumbs__item, .menu-opened .header-burger span:nth-child(2), .order-section.show-success .page-width, .video-wrap-with-pic.is-active:after, .video-wrap-with-pic.is-active:before { opacity: 0 } .doc-ready .breadcrumbs.breadcrumbs--abs { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .doc-ready .breadcrumbs.breadcrumbs--abs .breadcrumbs__item { opacity: 1 } .breadcrumbs.breadcrumbs--abs .breadcrumbs__item:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjA2IiBoZWlnaHQ9IjguNzEiIHZpZXdCb3g9IjAgMCA1LjA2IDguNzEiPjx0aXRsZT5BcnRib2FyZCAxPC90aXRsZT48cG9seWdvbiBwb2ludHM9IjAuNzEgOC43MSAwIDggMy42NSA0LjM1IDAgMC43MSAwLjcxIDAgNS4wNiA0LjM1IDAuNzEgOC43MSIgZmlsbD0iI2M2YzZjNiIvPjwvc3ZnPg==) } .breadcrumbs.breadcrumbs--abs a.breadcrumbs__link { color: #fff } .breadcrumbs a.breadcrumbs__link:hover, .breadcrumbs.breadcrumbs--abs a.breadcrumbs__link:hover { color: #5c5c5c } .breadcrumbs.breadcrumbs--abs .breadcrumbs__item:last-child .breadcrumbs__link { color: #c6c6c6 } .breadcrumbs__item { padding-right: 30px; position: relative; margin-bottom: 10px; -webkit-transition: opacity .5s ease-in-out .3s; -o-transition: opacity .5s ease-in-out .3s; transition: opacity .5s ease-in-out .3s } .breadcrumbs__item:after { position: absolute; content: ''; display: block; right: 12px; top: 50%; width: 5px; height: 10px; margin-top: -5px; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjA2IiBoZWlnaHQ9IjguNzEiIHZpZXdCb3g9IjAgMCA1LjA2IDguNzEiPjx0aXRsZT5BcnRib2FyZCAxPC90aXRsZT48cG9seWdvbiBwb2ludHM9IjAuNzEgOC43MSAwIDggMy42NSA0LjM1IDAgMC43MSAwLjcxIDAgNS4wNiA0LjM1IDAuNzEgOC43MSIgZmlsbD0iIzZhNGYzYiIvPjwvc3ZnPg==) } .back-link:hover, .breadcrumbs__link, .breadcrumbs__link:active, .breadcrumbs__link:hover, .breadcrumbs__link:link, .breadcrumbs__link:visited, .page-aside__form-btn, .page-aside__form-btn:active, .page-aside__form-btn:hover, .page-aside__form-btn:link, .page-aside__form-btn:visited, .product-description { color: #2d2d2d } .breadcrumbs__item:last-child:after { display: none; padding-right: 0 } .page-grid { position: fixed; left: 60px; right: 0; top: 0; z-index: 100; pointer-events: none; display: none } .page-grid .page-width { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; width: auto } .page-grid .page-width span { width: 8.33%; box-sizing: border-box; height: 100vh; padding: 0 15px } .page-grid .page-width span:after { position: absolute; content: ''; display: block; height: 100%; left: 15px; right: 15px; top: 0; background: rgba(0, 0, 0, .05) } .mw-900 { max-width: 900px; margin: 0 auto } .mw-700 { max-width: 7900px; margin: 0 auto } .btn, .tap-link { overflow: hidden; position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .btn .ink, .tap-link .ink { position: absolute; background: rgba(255, 255, 255, .3); border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; opacity: 1 } .main-slider .h2, .page-header.page-header--main .page-header__logo { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px) } .btn .ink.animate, .tap-link .ink.animate { -webkit-animation: .5s linear ripple; animation: .5s linear ripple } .item-tile-slider__arrow .ink, .tap-link--dark .ink { background: rgba(0, 0, 0, .3) } .h1, h1 { letter-spacing: .02em; padding-bottom: 50px; text-transform: uppercase } .h2, .h3, h2, h3 { text-transform: uppercase; font-weight: 700; padding-bottom: 40px; letter-spacing: .02em } .h2, h2 { line-height: 52px } .h2 sup, h2 sup { font-size: .5em; top: -1em } .h3, h3 { font-size: 32px; line-height: 1.4 } .h4, h4 { font-size: 21px; font-weight: 300; padding-bottom: 30px } .h5, h5 { font-size: 18px; font-weight: 700; padding-bottom: 15px } .h-light { font-weight: 300 } .page-header { padding: 30px 0 60px; box-sizing: border-box; z-index: 10 } .page-header.page-header--main { position: fixed; left: 66px; right: 0; top: 0; height: 110px; padding-bottom: 0; z-index: 4; padding-top: 35px } .breadcrumbs.breadcrumbs--abs .page-width, .page-header.page-header--main .page-width { max-width: none; padding: 0 90px } .page-header.page-header--main .page-header__logo { opacity: 0; transform: translateX(-200px) } .doc-ready .page-header.page-header--main .page-header__logo { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .page-header.page-header--main .page-header__logo.page-header__logo--no-transform { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .page-header.page-header--white { position: absolute; left: 60px; right: 0 } .page-header__logo { display: block; -webkit-transition: .5s ease-in-out .3s; -o-transition: .5s ease-in-out .3s; transition: .5s ease-in-out .3s } .page-aside, .page-aside__buttons-drop { display: -webkit-box; display: -ms-flexbox } .page-header__logo:active, .page-header__logo:hover, .page-header__logo:link, .page-header__logo:visited { -webkit-transition: .5s ease-in-out .3s; -o-transition: .5s ease-in-out .3s; transition: .5s ease-in-out .3s } .page-aside__form-btn, .page-aside__socials .social-list .social-list__item { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .page-header__logo img { display: block; width: 190px } .page-aside { position: fixed; left: 0; top: 0; height: 100%; background: #5c5c5c; -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .08); box-shadow: 0 4px 40px rgba(0, 0, 0, .08); width: 66px; z-index: 35; display: flex; -ms-flex-flow: column; flex-flow: column } .page-aside__form-btn { display: block; padding: 20px 15px; text-align: center; font-size: 20px; cursor: pointer; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .page-aside__form-btn:hover, .page-footer, .page-footer__developer a:hover { color: #fff } .page-aside__buttons-drop { display: flex; position: absolute; left: 100%; bottom: 80px; visibility: hidden; -webkit-transition: visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; -o-transition: visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; transition: visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s } .page-aside__buttons-drop .btn { opacity: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } .page-aside__buttons-drop .btn:nth-child(2) { -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px) } .page-aside__buttons-drop.is-opened { visibility: visible; -webkit-transition: visibility cubic-bezier(.36, .26, .19, 1.03); -o-transition: visibility cubic-bezier(.36, .26, .19, 1.03); transition: visibility cubic-bezier(.36, .26, .19, 1.03) } .page-aside__buttons-drop.is-opened .btn { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .page-aside__socials { border-top: 1px solid rgba(87, 87, 86, .3); padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative } .page-aside__socials .social-list { position: absolute; left: 100%; top: 50%; margin: -15px 0 0; padding-left: 15px; visibility: hidden; -webkit-transition: visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; -o-transition: visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; transition: visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } .page-aside__socials .social-list .social-list__item { padding: 0 5px; opacity: 0; -webkit-transform: translateX(-4px); -ms-transform: translateX(-4px); transform: translateX(-4px); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .page-aside__socials .social-list .social-list__item:nth-child(2) { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px) } .page-aside__socials .social-list .social-list__item:nth-child(3) { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px) } .page-aside__socials .social-list .social-list__item:nth-child(4) { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } .page-aside__socials .social-list .social-list__link { background: #5c5c5c; color: #2d2d2d; width: 29px; height: 29px; border-radius: 100%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .book-tile:hover, .ib-slider__inp:checked + span, .page-aside__socials .social-list .social-list__link:hover { background: #c9c9c9 } .page-aside__socials.is-opened .social-list { visibility: visible; -webkit-transition: visibility cubic-bezier(.36, .26, .19, 1.03); -o-transition: visibility cubic-bezier(.36, .26, .19, 1.03); transition: visibility cubic-bezier(.36, .26, .19, 1.03) } .main-promo:hover .main-promo__link, .page-aside__socials.is-opened .social-list .social-list__item { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .page-aside__socials .page-aside__socials-icon { display: block; width: 28px; height: 28px; fill: #2D2D2D; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .header-burger { background: 0 0; cursor: pointer; width: 66px; height: 66px; border: none; position: relative; padding: 0; outline: 0; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .header-burger span, .text-input { -webkit-transition: .4s ease-in-out } .header-burger span { background: #fff; height: 2px; width: 31px; left: 18px; position: absolute; top: 22px; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .header-burger span:nth-child(2) { width: 14px; top: 32px } .header-burger span:nth-child(3) { width: 25px; top: 41px } .header-burger.active, .header-burger:hover, .nav-link-wrap.active, .nav-link-wrap:hover, .page-aside__form-btn:hover, .page-aside__socials:hover, .search-form-aside:hover { background: #929292 } .header-burger:hover span, .menu-opened .header-burger span { width: 31px } .menu-opened .header-burger span:first-child { -webkit-transform: rotate(-45deg) translate(-7px, 6px); -ms-transform: rotate(-45deg) translate(-7px, 6px); transform: rotate(-45deg) translate(-7px, 6px) } .menu-opened .header-burger span:nth-child(3) { -webkit-transform: rotate(45deg) translate(-7px, -6px); -ms-transform: rotate(45deg) translate(-7px, -6px); transform: rotate(45deg) translate(-7px, -6px) } .menu-shadow { position: fixed; z-index: 25; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); visibility: hidden; opacity: 0; -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s; -o-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s; transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s } .menu-opened .menu-shadow, [data-menu] .menu-shadow { visibility: visible; opacity: 1; -webkit-transition: opacity .4s ease-in-out, visibility ease-in-out; -o-transition: opacity .4s ease-in-out, visibility ease-in-out; transition: opacity .4s ease-in-out, visibility ease-in-out } .menu-opened .main-nav, [data-menu] .main-nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: .4s ease-in-out, visibility ease-in-out; -o-transition: .4s ease-in-out, visibility ease-in-out; transition: .4s ease-in-out, visibility ease-in-out } .page-footer { background: #2d2d2d; position: relative; z-index: 5; margin-top: auto; padding: 30px 50px } .add-review.add-review--full, .page-footer .page-width { max-width: none } .master-class-top__price-line, .page-footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .page-footer__row-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 30px } .checkbox, .page-footer__developer svg { position: relative; display: inline-block } .page-footer__logo { -ms-flex-negative: 0; flex-shrink: 0; top: -5px; position: relative; margin-right: 30px } .page-footer__copy { font-size: 14px; line-height: 1.5; margin-bottom: 20px; } .page-footer__developer { color: #c6c6c6; margin-left: auto; font-size: 12px; white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0 } .page-footer__developer svg { fill: #C6C6C6; vertical-align: middle; margin-right: 5px; top: -1px } .page-footer__developer a { color: #c6c6c6 } .text-input { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px; font-size: 16px; width: 100%; height: 50px; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; background: 0 0; border: 1px solid #2d2d2d; outline: 0; max-width: 700px; border-radius: 0; -webkit-appearance: none } .benefit.benefit--large .benefit__text, .rules-checkbox { max-width: 550px } .text-input::-webkit-input-placeholder { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .text-input:-moz-placeholder { -moz-transition: .4s ease-in-out; transition: .4s ease-in-out } .text-input::-moz-placeholder { -moz-transition: .4s ease-in-out; transition: .4s ease-in-out } .text-input:-ms-input-placeholder { -ms-transition: .4s ease-in-out; transition: .4s ease-in-out } .text-input.error { border-color: #896752 } .text-input:focus { border-color: #000 } textarea.text-input { height: 150px } label.error:not(.checkbox) { color: #c51300; font-size: 12px; padding-top: 5px; position: absolute; right: 0; top: 100% } .checkbox { font-size: 12px; cursor: pointer; color: #2d2d2d; line-height: 1.5 } .checkbox a { color: #2d2d2d; border-bottom: 1px solid #2d2d2d; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .checkbox__text:after, .checkbox__text:before { position: absolute; display: block; top: 4px; width: 16px; height: 16px; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; content: ''; left: 0 } .calculator-form .rules-checkbox a:hover, .checkbox a:hover, .order-section .rules-checkbox a:hover { border-bottom-color: transparent } .checkbox__input { opacity: 0; position: absolute } .checkbox__input:checked ~ .checkbox__text:after { opacity: 1 } .checkbox__text { position: relative; display: block; padding: 0 0 0 30px } .checkbox__text:before { border-radius: 2px; border: 1px solid #2d2d2d; -webkit-box-sizing: border-box; box-sizing: border-box; transition: .4s ease-in-out } .order-section .checkbox__text:after, .order-section .checkbox__text:before { filter: invert(1) } .checkbox__text:after { background: url(/local/templates/main_en/css/../img/icons/checkbox-beige.svg) center no-repeat; opacity: 0; transition: .4s ease-in-out } .color-radio__val, .text-radio__text { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .checkbox:hover .checkbox__text:before { border-color: #737373 } .calculator-form .form-line, .checkbox-list, .geolocation-modal__form-line, .search-line { margin-bottom: 20px } .checkbox-list__item { border-bottom: 1px solid #eeeded } .checkbox-list__item:last-child { border-bottom: none } .text-radio { position: relative; cursor: pointer; display: inline-block } .color-radio__input, .text-radio__input { position: absolute; left: 0; top: 0; opacity: 0 } .text-radio__input:checked + .text-radio__text { border-color: #5c5c5c } .text-radio__text { display: block; transition: .4s ease-in-out; border-radius: 5px; border: 1px solid transparent; position: relative; padding: 4px 10px; font-size: 16px } .color-radio { position: relative; cursor: pointer; display: inline-block; margin: 4px } .color-radio__input:checked + .color-radio__val:after { opacity: 1 } .color-radio__val { display: block; transition: .4s ease-in-out; width: 37px; height: 37px; border-radius: 100%; position: relative } .color-radio__val:after { position: absolute; content: ''; display: block; top: -4px; width: 100%; height: 100%; padding: 3px; left: -4px; border: 1px solid #5c5c5c; border-radius: 100%; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; opacity: 0 } .jq-selectbox__select-text, .number-input__counter { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); overflow: hidden } .number-input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .number-input__counter { position: relative; width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #5c5c5c; text-align: center; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .accordion.is-opened, .accordion:hover, .number-input__counter.is-input, .page-loaded .main-slider .swiper-pagination .swiper-pagination-bullet-active:after, .page-loaded .result-slider .swiper-pagination .swiper-pagination-bullet-active:after { background: #fff } .number-input__counter.is-input .number-input__counter-num { opacity: 0; -webkit-transition: opacity .1s ease-in; -o-transition: opacity .1s ease-in; transition: opacity .1s ease-in } .number-input__counter.is-input .number-input__counter-input { opacity: 1; -webkit-transition: opacity .1s ease-in; -o-transition: opacity .1s ease-in; transition: opacity .1s ease-in } .number-input__counter-input { width: 100%; margin: 0; padding: 0; position: relative; z-index: 2; -webkit-box-shadow: none; box-shadow: none; outline: 0; background: 0 0; border: none; color: #333c48; line-height: 48px; font-size: 16px; text-align: center; opacity: 0; -webkit-transition: opacity .1s ease-in; -o-transition: opacity .1s ease-in; transition: opacity .1s ease-in } .number-input__button--increment:before, .number-input__button:after { border-radius: 10px; background: #5c5c5c; position: absolute; content: ''; display: block; top: 50%; left: 50% } .number-input__counter-num { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; line-height: 48px; opacity: 1; -webkit-transition: opacity .1s ease-in; -o-transition: opacity .1s ease-in; transition: opacity .1s ease-in } .number-input__button, .number-input__button:after { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .number-input__counter-num.is-increment-hide { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-animation: .1s ease-in increment-prev; animation: .1s ease-in increment-prev } .number-input__counter-num.is-increment-visible { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: .1s ease-out increment-next; animation: .1s ease-out increment-next } .number-input__counter-num.is-decrement-hide { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-animation: .1s ease-in decrement-prev; animation: .1s ease-in decrement-prev } .number-input__counter-num.is-decrement-visible { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: .1s ease-out decrement-next; animation: .1s ease-out decrement-next } .number-input__button { width: 50px; height: 50px; position: relative; cursor: pointer; transition: .4s ease-in-out } .number-input__button:hover:after, .number-input__button:hover:before { background: #b59d61 } .number-input__button:after { width: 10px; height: 2px; margin: -1px 0 0 -5px; transition: .4s ease-in-out } .inline-radio__point, .number-input__button--increment:before { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .number-input__button--increment:before { width: 2px; height: 10px; margin: -5px 0 0 -1px; transition: .4s ease-in-out } .is-decrement-disabled .number-input__button--decrement { opacity: .5; pointer-events: none } .is-increment-disabled .number-input__button--increment { opacity: .5 } .jq-select-multiple, .jq-selectbox { position: relative; display: inline-block; line-height: normal } .jq-select-multiple select, .jq-selectbox select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; outline: 0; border: none } .mobile-dev .jq-selectbox select { z-index: 10 } .jq-select-multiple li, .jq-selectbox li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .jq-selectbox { z-index: 10; width: 100% } .images-slider, .items-slider-single, .jq-selectbox__select, .master-class-top h1, .un-line { position: relative } .jq-selectbox__select:hover .jq-selectbox__select-text { background: #fff; color: #2d2d2d } .jq-selectbox__select-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; cursor: pointer; padding: 15px 50px 15px 20px; transition: .4s cubic-bezier(.36, .26, .19, 1.03); position: relative; border: 1px solid #2d2d2d; color: #2d2d2d; width: auto !important } .jq-selectbox__dropdown ul li, .jq-selectbox__select-text:after { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .order-section .jq-selectbox__select-text { border: 1px solid #e8e8e8; color: #e8e8e8 } .jq-selectbox__select-text:after { position: absolute; content: ''; display: block; width: 10px; right: 22px; height: 6px; top: 50%; transition: .4s cubic-bezier(.36, .26, .19, 1.03); background: url(/local/templates/main_en/css/../img/icons/arrow-down-small-brown.svg) no-repeat; margin-top: -3px } .accordion.is-opened .accordion__arrow, .mobile-overflow-text.is-opened + .mobile-overflow-text__btn svg, .opened .jq-selectbox__select-text:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .opened .jq-selectbox__select-text { border-bottom-color: transparent; background: #fff; color: #2d2d2d } .opened .jq-selectbox__dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: .4s ease-in-out, visibility ease-in-out; -o-transition: .4s ease-in-out, visibility ease-in-out; transition: .4s ease-in-out, visibility ease-in-out } .jq-selectbox__dropdown { position: absolute !important; width: 100% !important; left: auto !important; right: 0; background: #fff; border: 1px solid #5c5c5c; border-top: none; visibility: hidden; opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); display: block !important; -webkit-transition: .4s ease-in-out, visibility 0s ease-in-out .4s; -o-transition: .4s ease-in-out, visibility 0s ease-in-out .4s; transition: .4s ease-in-out, visibility 0s ease-in-out .4s; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; margin-top: -1px; top: 100% !important } .category--adaptive, .hidden, .item-tile.active:after, .mobile-dev .jq-selectbox__dropdown, [tooltip='']::after, [tooltip='']::before { display: none !important } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none } .jq-selectbox__dropdown ul { position: relative; overflow: auto; list-style: none; padding: 10px 0 } .jq-selectbox__dropdown ul li { padding: 10px 20px; font-size: 14px; line-height: 1.3; cursor: pointer; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .promo-code__submit, .video-wrap-with-pic:after { top: 50%; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .jq-selectbox__dropdown ul li:hover { color: #fff; background: #929292 } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch } .form-line { margin-bottom: 40px; position: relative } .form-line__label { color: #2d2d2d; padding-bottom: 10px; display: block } .form-line__label-star { color: #fff } .application-row, .num-card-list, .submit-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .promo-code__submit, .submit-line__right { display: -webkit-box; display: -ms-flexbox } .submit-line__right { padding-left: 30px; } .submit-line__right .btn { margin-left: 30px } .submit-line__right .btn:first-child { margin-left: 0 } button.btn.submit-line-btn-wrap__btn-sm { padding: 20px 52px } [disabled].submit-line-btn-wrap__btn-sm { outline: 0 !important; opacity: .5; cursor: not-allowed } [disabled].submit-line-btn-wrap__btn-big { border: 2px solid #5c5c5c !important; opacity: .5; cursor: not-allowed } button.btn.submit-line-btn-wrap__btn-rev { padding: 20px 90px } .text-center { text-align: center !important } .server-error { font-size: 12px; line-height: 18px; letter-spacing: .2px; display: none; color: #ea3c29; font-weight: 700 } .server-error--1 { color: #6a4f3b; margin-top: 12px } .server-error--2 { color: #fff; margin-top: 12px } .rules-checkbox { margin-bottom: 30px } .main-form__caption { font-size: 12px; color: #2d2d2d } .promo-code { position: relative; max-width: 290px; width: 100% } .promo-code__input { height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border: none; padding: 20px 50px 20px 20px; width: 100%; background: rgba(130, 81, 35, .3); color: #fff; border-radius: 0 } .promo-code__input::-webkit-input-placeholder { color: #fff } .promo-code__input:-moz-placeholder { color: #fff } .promo-code__input::-moz-placeholder { color: #fff } .promo-code__input:-ms-input-placeholder { color: #fff } .promo-code__submit { position: absolute; width: 28px; height: 28px; border-radius: 100%; right: 15px; margin-top: -14px; background: #896752; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden; z-index: 4; cursor: pointer; color: #5c5c5c; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .order-section, .promo-code__submit:hover { background: #2d2d2d } .promo-code__submit svg { margin-left: -7px } .promo-code__result { top: 100%; margin-top: 5px; visibility: hidden; opacity: 0; position: absolute; left: 0; font-size: 14px } .promo-code__result.is-active { opacity: 1; visibility: visible; -webkit-transition: .4s ease-in-out, visibility ease-in-out; -o-transition: .4s ease-in-out, visibility ease-in-out; transition: .4s ease-in-out, visibility ease-in-out } .order-section { padding: 100px 0 80px; color: #fff; position: relative } .order-section__success { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 10; visibility: hidden; opacity: 0; text-align: center } .back-link, .btn { -webkit-box-align: center; text-transform: uppercase } .order-section__success .page-width { opacity: 1 } .show-success .order-section__success { visibility: visible; opacity: 1; -webkit-transition: opacity .4s ease-in-out, visibility ease-in-out; -o-transition: opacity .4s ease-in-out, visibility ease-in-out; transition: opacity .4s ease-in-out, visibility ease-in-out } .images-slider-thumbs__item, .order-section .page-width { -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out } .show-success .order-section__success .page-width { opacity: 1 } .order-section__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .1; z-index: 1; background-position: center; background-size: cover; object-fit: cover; } .order-section .page-width { position: relative; transition: opacity .4s ease-in-out; z-index: 3 } .order-section .main-form { max-width: 400px; margin: 0 auto } .order-section .text-input { border-color: #e8e8e8; color: #fff } .order-section .text-input::-webkit-input-placeholder { color: #e8e8e8; opacity: 1 } .order-section .text-input:-moz-placeholder { color: #e8e8e8; opacity: 1 } .order-section .text-input::-moz-placeholder { color: #e8e8e8; opacity: 1 } .order-section .text-input:-ms-input-placeholder { color: #e8e8e8; opacity: 1 } .calculator-form .rules-checkbox:hover .checkbox__text:before, .calculator-form .text-input:focus, .order-section .text-input.error, .order-section .text-input:focus { border-color: #fff } .order-section .text-input:focus::-webkit-input-placeholder { color: #fff } .order-section .text-input:focus:-moz-placeholder { color: #fff } .order-section .text-input:focus::-moz-placeholder { color: #fff } .order-section .text-input:focus:-ms-input-placeholder { color: #fff } .order-section .rules-checkbox { color: #c9c9c9; margin-bottom: 30px } .back-link, .back-link:active, .back-link:hover, .back-link:link, .back-link:visited { color: #896752 } .calculator-form .rules-checkbox a, .order-section .rules-checkbox a { color: #c9c9c9; border-bottom-color: #c9c9c9 } .form-success { font-weight: 300; text-align: center; font-size: 26px; max-width: 800px; margin: 0 auto } .main-form--mw700 { max-width: 700px } .default-ui { line-height: 1.6 } .default-ui p { margin-bottom: 25px; max-width: 1000px; line-height: 1.6; color: #2d2d2d } .default-ui ol, .default-ui ul { margin: 8px 0 20px; max-width: 1000px; line-height: 1.6 } .default-ui .default-ui__preview-text, .master-detail .master-detail__main-text { font-size: 20px; margin-bottom: 40px } .default-ui .default-ui__preview-text:last-child, .default-ui blockquote p:last-child, .default-ui ul:last-child { margin-bottom: 0 } .default-ui ol > li { padding: 0 0 20px 30px; position: relative } .calculator-success .h3, .default-ui ol > li:last-child { padding-bottom: 0 } .default-ui ol > li:before { position: absolute; display: block; left: 0; top: 0; color: #2d2d2d; font-weight: 700; content: counter(li); counter-increment: li } .default-ui ul { color: #2d2d2d } .default-ui ul.two-col { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px } .default-ui ul.two-col > li { display: inline-block; width: 100% } .default-ui ul > li { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0 0 25px 30px } .default-ui ul > li > ul { padding-top: 20px } .default-ui ul > li:before { position: absolute; content: ''; display: block; left: 0; top: 8px; width: 10px; height: 10px; border-radius: 100%; background: #5c5c5c } .default-ui .large-list > li { padding: 0 0 30px 40px } .default-ui .large-list > li:before { width: 20px; height: 20px; top: 6px } .default-ui blockquote { background: #c9c9c9; padding: 55px 70px; position: relative } .default-ui blockquote:before { position: absolute; content: ''; display: block; left: 30px; top: 50px; background: url(/local/templates/main_en/css/../img/icons/quote.svg) no-repeat; width: 25px; height: 22px } .default-ui h3 { font-weight: 400; padding-bottom: 20px } .video-wrap { position: relative; padding-bottom: 56%; margin-bottom: 40px; z-index: 5 } .history-header__pic, .main-slider__pic, .video-wrap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .video-wrap-with-pic { position: relative; height: 34vw; margin-bottom: 40px; z-index: 5; background: #000 } .video-wrap-with-pic:after { position: absolute; content: ''; display: block; left: 50%; border: 3px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height: 80px; margin: -40px 0 0 -40px; z-index: 5; border-radius: 100%; cursor: pointer; pointer-events: none; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .video-wrap-with-pic__val { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; z-index: 3; cursor: pointer; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .video-wrap-with-pic.is-active .video-wrap-with-pic__val { opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s; -o-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s; transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s } .video-wrap-with-pic.is-active iframe { visibility: visible; opacity: 1 } .video-wrap-with-pic iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; z-index: 1; opacity: 0; -webkit-transition: opacity .4s ease-in-out, visibility ease-in-out; -o-transition: opacity .4s ease-in-out, visibility ease-in-out; transition: opacity .4s ease-in-out, visibility ease-in-out } .video-wrap-with-pic svg { position: absolute; width: 21px; height: 23px; left: 50%; top: 50%; z-index: 6; margin: -12px 0 0 -8px; pointer-events: none; cursor: pointer; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03); fill: #fff } .video-wrap-with-pic:hover .video-wrap-with-pic__val { opacity: .5 } .video-wrap-with-pic:hover:after { background: #fff; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } .video-wrap-with-pic:hover svg { fill: #2D2D2D } .calculator__close:hover svg, .images-slider__arrow:hover svg, .item-tile-slider__arrow:hover svg { fill: #5c5c5c } .back-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; font-weight: 700; padding: 10px 0 } .back-link svg { margin-right: 15px } .mobile-overflow-text { -webkit-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out } .mobile-overflow-text.is-opened + .mobile-overflow-text__btn span:nth-child(2) { display: block } .mobile-overflow-text__btn { font-size: 14px; color: #896752; padding-right: 25px; display: none; position: relative; text-align: right; cursor: pointer } .btn, .main-nav .social-list .social-list__link:hover { color: #5c5c5c } .btn, .calculator__btn, .category__name, .inline-radio__item, .main-nav .small-btn, .main-promo__label, .noUi-tooltip, .noUi-value { text-align: center } .mobile-overflow-text__btn span { position: relative; z-index: 3; padding-left: 20px } .mobile-overflow-text__btn span:nth-child(2) { display: none } .mobile-overflow-text__btn:after { position: absolute; content: ''; display: block; left: 0; top: 50%; background: #dedede; height: 1px } .mobile-overflow-text__btn svg { position: absolute; right: 0; top: 50%; margin-top: -3px; fill: #896752; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } [data-simplebar] { position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .simplebar-mask, .simplebar-offset { position: absolute; padding: 0; margin: 0; top: 0; left: 0; right: 0; bottom: 0 } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit } .simplebar-mask { direction: inherit; overflow: hidden; width: auto !important; height: auto !important; z-index: 0 } .simplebar-offset { direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; -webkit-overflow-scrolling: touch } .simplebar-content-wrapper { direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none } .simplebar-content:after, .simplebar-content:before { content: ' '; display: table } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none } .simplebar-height-auto-observer-wrapper { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0 } .simplebar-height-auto-observer { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1 } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .fancybox-infobar, .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all } .simplebar-scrollbar { position: absolute; right: 2px; width: 7px; min-height: 10px; z-index: 4 } .simplebar-track.simplebar-vertical { top: 30px; bottom: 30px; width: 40px } .simplebar-track.simplebar-vertical:after { position: absolute; content: ''; display: block; width: 2px; height: 100%; left: 50%; margin-left: -1px; background: #eee; border-radius: 6px } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px } .simplebar-track.simplebar-horizontal { left: 0; height: 11px } .simplebar-track.simplebar-vertical .simplebar-scrollbar { height: 100%; left: 0; right: 0; margin: 0 auto; width: 4px; background: #444; border-radius: 9px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto } .modal-window { padding: 24px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: visible; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: -webkit-transform .4s cubic-bezier(.36, .26, .19, 1.03); transition: transform .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: transform .4s cubic-bezier(.36, .26, .19, 1.03); transition: transform .4s cubic-bezier(.36, .26, .19, 1.03), -webkit-transform .4s cubic-bezier(.36, .26, .19, 1.03) } .btn, .main-nav { -webkit-box-sizing: border-box } .btn, .btn:active, .btn:link, .btn:visited { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 24px 30px; border: 2px solid #5c5c5c; font-weight: 700; font-size: 16px; -ms-flex-align: center; align-items: center; white-space: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: .02em; outline: 0; line-height: normal; cursor: pointer; box-sizing: border-box; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .btn:active, .btn:link, .btn:visited { transition: .4s cubic-bezier(.36, .26, .19, 1.03); color: #2d2d2d } .btn:hover, .small-btn { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .btn:hover { transition: .4s cubic-bezier(.36, .26, .19, 1.03); border-color: #5c5c5c; background: #5c5c5c; color: #fff } .btn.btn--filled, .social-list.social-list--master .social-list__link:hover { background: #2d2d2d } .btn__text, .history-header .page-width, .mission-promo .btn { position: relative; z-index: 4 } .btn__icon { margin-left: 20px; margin-right: -10px } .btn.btn--dark { border-color: #896752; color: #896752 } .btn.btn--dark:hover { border-color: #332f21; background: #332f21; color: #fff } .btn.btn--white { color: #fff; border-color: #fff } .btn.btn--white:hover { background: #fff; color: #2d2d2d } .btn.btn--filled { color: #fff; border-color: #2d2d2d } .btn.btn--filled2, .thumbs-gallery__item.swiper-slide-thumb-active span { border-color: #5c5c5c } .btn.btn--filled:hover { opacity: .7; color: #fff } .btn.btn--filled.active, .btn.btn--filled.focus, .btn.btn--filled:active { opacity: 1; background: #000; border-color: #000; color: #fff } .btn.btn--filled2 { background: #5c5c5c; color: #fff } .btn.btn--filled2:hover { border-color: #c9c9c9; background: #c9c9c9; color: #2d2d2d } .btn.btn--small { padding: 19px 30px } .btn.btn--full-width { width: 100% } .btn.is-loading .btn__icon { -webkit-animation: .8s linear infinite fancybox-rotate; animation: .8s linear infinite fancybox-rotate } .small-btn { color: #fff; letter-spacing: .01em; font-size: 16px; border: 1px solid #5c5c5c; padding: 15px 20px; display: inline-block; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .small-btn:active, .small-btn:hover, .small-btn:link, .small-btn:visited { color: #fff; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .small-btn:hover { background: #5c5c5c; color: #2d2d2d } .main-nav { position: fixed; left: 66px; top: 0; height: 100%; width: 400px; background: #6e6e6e; z-index: 30; padding: 40px 80px; box-sizing: border-box; overflow: auto; -webkit-transform: translateX(-466px); -ms-transform: translateX(-466px); transform: translateX(-466px); visibility: hidden; -webkit-transition: .4s ease-in-out, visibility 0s ease-in-out .4s; -o-transition: .4s ease-in-out, visibility 0s ease-in-out .4s; transition: .4s ease-in-out, visibility 0s ease-in-out .4s; -webkit-box-shadow: 10px 0 60px rgba(0, 0, 0, .18); box-shadow: 10px 0 60px rgba(0, 0, 0, .18) } .main-promo, .main-promo__cont { -webkit-box-sizing: border-box } .main-nav .simplebar-content-wrapper { visibility: visible } .main-nav .page-header__logo { margin-bottom: 40px } .main-nav .small-btn { display: none; margin-bottom: 20px; width: auto } .main-nav .social-list, .master-detail__adaptive, .product-detail-adaptive-header { display: none } .main-nav .social-list .social-list__link { color: #fff; border-radius: 100% } .calculator-form .h3, .calculator-form h3, .main-menu { padding-bottom: 30px } .main-menu__link { font-size: 16px; color: #dbdbdb; text-transform: uppercase; font-weight: 700; display: block; padding: 10px 0; margin: 0; transition: .2s ease-in-out } .main-menu__link:active, .main-menu__link:hover, .main-menu__link:link, .main-menu__link:visited { color: #dbdbdb } .about-menu__link:active, .about-menu__link:hover, .about-menu__link:link, .about-menu__link:visited, .main-menu__link:hover { color: #fff } .about-menu { padding-top: 30px } .about-menu__link { display: block; padding: 6px 0; color: #fff } .about-menu__link:hover, .calculator .jq-selectbox__dropdown ul li { color: #5c5c5c } .main-promo.main-promo--light, .main-promo.main-promo--light .main-promo__category, .main-promo.main-promo--light .main-promo__link, .main-promo__label, .social-list__link:active, .social-list__link:hover, .social-list__link:link, .social-list__link:visited { color: #fff } .social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px -25px -25px } .social-list__link { display: block; padding: 25px; color: #fff } .main-promo-row, .main-promo__cont { display: -webkit-box; display: -ms-flexbox } .ib-card span, .social-list__link svg { display: block } .social-list.social-list--master { margin: 0 -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .social-list.social-list--master .social-list__item { padding: 0 15px } .social-list.social-list--master .social-list__link { background: #c6c6c6; border-radius: 100%; width: 56px; height: 56px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .main-promo-row { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .main-promo { position: relative; overflow: hidden; background-color: #fff; height: auto; box-sizing: border-box; background-size: cover; background-position: center; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .main-promo:active, .main-promo:hover, .main-promo:link, .main-promo:visited { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .main-promo:nth-child(2) { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px) } .main-promo__category, .masters-card__icon { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%) } .animate-in .main-promo, .page-loaded .first-slide-arrow-down { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .main-promo:hover .main-promo__pic { opacity: .6 } .main-promo.main-promo--light .main-promo__cont { padding-left: 120px } .main-promo.main-promo--light:after { position: absolute; content: ''; display: block; left: 0; top: 0; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; opacity: 0; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .main-promo.main-promo--light:hover .main-promo__pic, .main-promo.main-promo--light:hover:after { opacity: 1 } .main-promo__label { position: absolute; right: 60px; top: 60px; width: 100px; height: 100px; border-radius: 100%; text-transform: uppercase; z-index: 5; background: #7fbc18; line-height: 100px; font-weight: 700; font-size: 24px; opacity: 0; -webkit-transition: opacity .5s ease-in-out .7s; -o-transition: opacity .5s ease-in-out .7s; transition: opacity .5s ease-in-out .7s } .main-promo__category, .main-promo__link { color: #896752; opacity: 0; font-weight: 700 } .animate-in .main-promo__label { opacity: 1 } .main-promo__label.main-promo__label--hit { background: url(/local/templates/main_en/css/../img/hit-label.svg) 0 0/cover no-repeat #f18a04 } .main-promo__cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 60px 60px 60px calc((200% - 1420px) / 2); box-sizing: border-box; z-index: 4; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .category__cont, .main-promo__link { display: -webkit-box; display: -ms-flexbox } .main-promo__category { margin-bottom: 25px; letter-spacing: .36em; text-transform: uppercase; transform: translateX(-50%); -webkit-transition: .5s ease-in-out .2s; -o-transition: .5s ease-in-out .2s; transition: .5s ease-in-out .2s; font-size: 18px } .animate-in .main-promo__category { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-promo__name { font-size: 32px; margin-bottom: 30px; max-width: 60%; line-height: 1.4; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: .5s ease-in-out .2s; -o-transition: .5s ease-in-out .2s; transition: .5s ease-in-out .2s } .category, .main-promo__link { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .animate-in .main-promo__name { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-promo__link { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .01em; margin-top: 30px; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .main-promo__price, .main-slider__description { -webkit-transition: .5s ease-in-out .4s; -o-transition: .5s ease-in-out .4s } .main-promo__link svg { margin-left: 10px } .main-promo__price { font-size: 34px; font-weight: 700; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; transition: .5s ease-in-out .4s } .animate-in .main-promo__price { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-promo__pic { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; z-index: 2; position: relative; -webkit-transition: .7s ease-in-out .2s, opacity .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .7s ease-in-out .2s, opacity .4s cubic-bezier(.36, .26, .19, 1.03); transition: .7s ease-in-out .2s, opacity .4s cubic-bezier(.36, .26, .19, 1.03) } .main-promo--bottom-pic .main-promo__pic { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .animate-in .main-promo__pic, .main-about-brand.animate-in .main-about-brand__cont { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-promo__pic img { width: 100%; display: block } .category-list { margin: 125px -15px 0; position: relative; z-index: 6 } .category-list__item { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px 25px; position: relative; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } .category-list__item:nth-child(2), .category-list__item:nth-child(4), .category-list__item:nth-child(5), .category-list__item:nth-child(7) { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px) } .category-list__item:first-child .category, .distribution-benefit.distribution-benefit--two-row { padding-bottom: calc(200% + 40px) } .category-list__item.animate-in { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .category { display: block; padding-bottom: 100%; position: relative; background: #c9c9c9; font-size: 16px; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .calculator__close svg, .category:active, .category:hover, .category:link, .category:visited { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .category:active, .category:hover, .category:link, .category:visited { transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .category:hover { background: grey } .category:hover.category--dark { background: #000 } .category__cont { position: absolute; left: 0; bottom: 0; width: 100%; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px; -webkit-box-sizing: border-box; box-sizing: border-box } .main-about-result, .main-about-section-row { display: -webkit-box; display: -ms-flexbox; position: relative } .category__count, .category__pic { -ms-flex-negative: 0; -webkit-transition: .5s ease-in-out .2s; -o-transition: .5s ease-in-out .2s; opacity: 0 } .category__pic { margin-bottom: 10px; flex-shrink: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); transition: .5s ease-in-out .2s } .category__pic img { width: 100% } .animate-in .category__pic { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .category__count { color: #2d2d2d; flex-shrink: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); transition: .5s ease-in-out .2s } .animate-in .category__count { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .category.category--dark { background: #684c45; color: #fff } .category.category--dark .category__count { color: #fff } .category__name { font-size: 20px; padding-bottom: 5px; -ms-flex-negative: 0; flex-shrink: 0; opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: .5s ease-in-out .2s; -o-transition: .5s ease-in-out .2s; transition: .5s ease-in-out .2s } .animate-in .category__name { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .category.category--large .category__cont { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 25px 40px; bottom: auto; top: 0 } .category.category--large .category__name { font-size: 32px; padding-bottom: 10px } .category.category--large .category__pic { position: absolute; left: 0; right: 0; bottom: 0 } .main-about-brand { width: calc(50% - 15px); margin-top: auto; padding: 50px; position: relative; color: #fff; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box } .main-about-brand__logo { margin-left: -1.5em; margin-bottom: 55px; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: .6s ease-in-out .1s; -o-transition: .6s ease-in-out .1s; transition: .6s ease-in-out .1s } .main-about-brand__logo img { width: 228px; display: block } .main-about-brand:before { position: absolute; content: ''; display: block; z-index: 1; width: 100%; height: 100%; background: #684c45; left: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: .6s ease-in-out .1s; -o-transition: .6s ease-in-out .1s; transition: .6s ease-in-out .1s; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2); box-shadow: 0 10px 30px rgba(0, 0, 0, .2) } .distribution-benefit__pic, .main-about-brand:after { -webkit-transition: .5s ease-in-out .2s; -o-transition: .5s ease-in-out .2s } .main-about-brand:after { position: absolute; content: ''; display: block; width: 25%; z-index: 2; left: 0; top: 0; height: 100%; background: #312827; opacity: .5; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; transition: .5s ease-in-out .2s } .main-about-brand.animate-in:after, .main-about-brand.animate-in:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .animate-in .main-about-education, .main-about-brand.animate-in .main-about-brand__logo { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-about-brand__cont { position: relative; line-height: 1.7; z-index: 3; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: .5s ease-in-out .1s; -o-transition: .5s ease-in-out .1s; transition: .5s ease-in-out .1s } .main-about-brand__cont p { line-height: 1.7 } .main-about-section { position: relative; padding-top: 0; padding-bottom: 100px } .main-about-section__pic { position: absolute; width: 100%; left: 0; top: 0; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: 100% auto } .main-about-section-row { z-index: 3; display: flex } .main-about-properties { padding-top: 120px; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 120px } .main-about-properties h3 { -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%); opacity: 0; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .main-about-properties .main-about-properties__description { -webkit-transition: .5s ease-in-out .1s; -o-transition: .5s ease-in-out .1s; transition: .5s ease-in-out .1s } .main-about-result__icon:after, .main-about-result__text { -webkit-transition: .5s ease-in-out .1s; -o-transition: .5s ease-in-out .1s; opacity: 0 } .animate-in .main-about-education .btn, .animate-in .main-about-education .h2, .animate-in .main-about-education h2, .animate-in .main-about-properties .main-about-properties__description, .animate-in .main-about-properties h3 { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } .main-about-properties__description { font-size: 18px; position: relative; line-height: 1.6; margin-bottom: 120px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } .main-about-properties__description:before { position: absolute; content: ''; display: block; left: -80px; top: 13px; background: #5c5c5c; height: 3px; width: 50px } .main-about-result { display: flex; margin-left: -30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .main-about-result__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 224px; height: 224px; left: -45px; top: -60px; position: absolute; z-index: -1; pointer-events: none } .main-about-result__icon:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; border-radius: 100%; background: #fff; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: .5s ease-in-out .1s } .main-about-result__icon svg { position: relative; z-index: 3; opacity: 0; -webkit-transition: .5s ease-in-out .3s; -o-transition: .5s ease-in-out .3s; transition: .5s ease-in-out .3s } .animate-in .main-about-result__icon:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .animate-in .main-about-result__icon svg { opacity: 1 } .main-about-result__text { color: #2d2d2d; position: relative; z-index: 4; line-height: 1.5; padding: 100px 0 0 50px; font-size: 14px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); transition: .5s ease-in-out .1s } .animate-in .main-about-result__text { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .calculator-section__text p, .main-about-result__pic { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%) } .main-about-result__pic { -ms-flex-negative: 0; flex-shrink: 0; width: 225px; position: relative; z-index: 6; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .15); box-shadow: 0 15px 30px rgba(0, 0, 0, .15); opacity: 0; transform: translateX(-100%); -webkit-transition: .5s ease-in-out .1s; -o-transition: .5s ease-in-out .1s; transition: .5s ease-in-out .1s } .animate-in .main-about-result__pic, .doc-ready .swiper-slide-active .main-slider .h2, .item-tile:hover .item-tile-slider__arrow { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-about-result__pic img { display: block; width: 100% } .main-about-education { min-height: 700px; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: center; background-size: cover; color: #fff; width: calc(50% - 15px); margin-left: auto; padding: 70px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); position: relative } .card-map__img, .card-skew__img, .cart-m-card__img, .cd-card__img, .crs-card__img, .crs-img-card__img, .fp-list__img, .gallery-grid__img, .ib-card__img img, .image-book-slider__img img, .img-grid__img, .main-about-education__img, .masters-card__img, .n-card__img, .num-card__img, .scew-video-card__img, .section-items-list__img, .sp-card__img, .t-card__img, .teach-card__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;' } .main-about-education .h2, .main-about-education h2 { -webkit-transition: .5s ease-in-out .1s; -o-transition: .5s ease-in-out .1s; transition: .5s ease-in-out .1s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .main-about-education .btn { -webkit-transition: .4s ease-in-out, opacity .5s ease-in-out .2s, -webkit-transform .5s ease-in-out .2s; transition: .4s ease-in-out, transform .5s ease-in-out .2s, opacity .5s ease-in-out .2s, -webkit-transform .5s ease-in-out .2s; -o-transition: .4s ease-in-out, transform .5s ease-in-out .2s, opacity .5s ease-in-out .2s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .calculator-section { background: #c9c9c9; padding-top: 140px; position: relative; z-index: 5; min-height: 534px } .calculator-section__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 3; margin: 0 -15px } .calculator-section__col, .product-detail__col { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px } .calculator-section__bg { opacity: .5; position: absolute; left: 0; bottom: -155px; z-index: 1 } .calculator-section__bg svg { display: block; fill: #f7f5f5 } .calculator-section__text { font-size: 18px; max-width: 450px; padding-top: 60px; padding-left: 130px } .animate-in .calculator-section__text .btn, .animate-in .calculator-section__text .h2, .animate-in .calculator-section__text h2, .animate-in .calculator-section__text p, .doc-ready .swiper-slide-active .btn, .page-loaded .init-anim { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } .calculator-section__text .h2, .calculator-section__text h2 { -webkit-transform: translateX(-70%); -ms-transform: translateX(-70%); transform: translateX(-70%); opacity: 0; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .calculator-section__text .btn, .calculator-section__text p { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; opacity: 0 } .calculator-section__text p { margin-bottom: 50px; position: relative; transform: translateX(-100%); transition: .5s ease-in-out } .calculator-section__text p:before { position: absolute; content: ''; display: block; left: -80px; top: 13px; background: #5c5c5c; height: 3px; width: 50px } .calculator-section__text .btn { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: .5s ease-in-out } .calculator { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; max-width: 700px; color: #fff; background: #896752; padding-top: 57px; margin-bottom: -80px; font-size: 18px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); opacity: 0; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; position: relative; z-index: 4 } .calculator__close { z-index: 20; position: absolute; right: 0; top: 0; padding: 30px; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; -o-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s } .show-form .calculator__close, .show-success .calculator-success, .show-success .calculator__close { opacity: 1; visibility: visible; -webkit-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); -o-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03) } .calculator__close svg { display: block; transition: .4s cubic-bezier(.36, .26, .19, 1.03); fill: #c9c9c9 } .calculator .form-line { margin-bottom: 35px } .benefit__text p:last-child, .events-list--main .events-list__item { margin-bottom: 0 } .animate-in .calculator { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .calculator__btn { background: #504133; color: #5c5c5c; display: block; border: none; text-transform: uppercase; font-size: 16px; font-weight: 700; letter-spacing: .02em; height: 80px; line-height: 80px; margin: 70px -100px 0; padding: 0; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03); cursor: pointer; outline: 0 } .calculator-form, .calculator-success { width: 100%; min-height: 100%; -webkit-box-sizing: border-box; background: #896752; opacity: 0; top: 0; left: 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; visibility: hidden } .calculator__btn:hover { background: #28201a } .calculator__btn span { position: relative; z-index: 3 } .calculator .jq-selectbox__dropdown, .calculator .jq-selectbox__select:hover .jq-selectbox__select-text, .calculator .opened .jq-selectbox__select-text { background: #7d654f } .calculator .jq-selectbox__dropdown ul li:hover { color: #fff } .calculator-form { position: absolute; padding: 80px 100px 0; box-sizing: border-box; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; -o-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s } .calculator-form .form-label { padding-bottom: 10px } .show-form .calculator-form { visibility: visible; opacity: 1; -webkit-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); -o-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03) } .calculator-form .calculator__btn { margin-top: auto; width: 100%; padding: 0 100px; -webkit-box-sizing: content-box; box-sizing: content-box } .calculator-form .calculator__btn span, .course-sale .page-width, .news-detail-top .page-width, .result-slider__cont, .usage-instruction__content { position: relative; z-index: 3 } .calculator-form .rules-checkbox { color: #c9c9c9 } .calculator-form .text-input { color: #fff; border-color: #5c5c5c } .calculator-form .present-info { letter-spacing: .01em; font-weight: 700; position: relative; padding-left: 30px; color: #c9c9c9; padding-bottom: 20px } .calculator-form .present-info svg { position: absolute; left: 0; top: 2px } .calculator-success { font-size: 34px; position: absolute; padding: 80px 100px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 16; -ms-flex-flow: column; flex-flow: column; -webkit-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; -o-transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; transition: opacity .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s } .calculator-success p { margin: auto 0; font-weight: 300 } .calculator-result { background: rgba(0, 0, 0, .4); padding-top: 29px } .calculator-result__name { font-size: 18px; line-height: 28px; letter-spacing: .01px; color: #fff; display: block } .calculator-result__output { font-weight: 700; font-size: 34px; line-height: 52px; margin: 0; letter-spacing: .02px; color: #fff } .calculator-result__output--big { font-size: 96px; line-height: 92px; letter-spacing: .02em; font-weight: 700; color: #fff; opacity: .6 } .calculator-result__container { display: -webkit-flex; -webkit-justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .calculator__form-label { letter-spacing: .2px } .calculator__container { padding-left: 129px; padding-right: 71px } .form-label { padding-bottom: 15px; display: block } .inline-radio { position: relative; border-radius: 20px; background: #655440; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; line-height: normal } .inline-radio__point { position: absolute; left: 0; top: 0; height: 100%; width: 62px; z-index: 1; background: #5c5c5c; border-radius: 20px; -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1); box-shadow: 0 8px 20px rgba(0, 0, 0, .1); transition: .4s ease-in-out } .inline-radio__item { padding: 10px 0; width: 62px; cursor: pointer; position: relative; z-index: 3; color: #5c5c5c } .book-tile:active, .book-tile:hover, .book-tile:link, .book-tile:visited, .inline-radio__item span { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .inline-radio__item:hover span, .main-slider .swiper-pagination .circle-switcher:hover, .page-loaded .main-slider .swiper-pagination .swiper-pagination-bullet-active, .page-loaded .result-slider .swiper-pagination .swiper-pagination-bullet-active, .result-slider .swiper-pagination .circle-switcher:hover, .training-link:active, .training-link:hover, .training-link:link, .training-link:visited { color: #fff } .inline-radio__item input { position: absolute; left: 0; top: 0; opacity: 0 } .inline-radio__item input:checked ~ span { color: #645440 } .noUi-target, .noUi-target * { -ms-touch-action: none; touch-action: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative; direction: ltr } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-connects { overflow: hidden; z-index: 0 } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat } .noUi-connect, .noUi-touch-area { height: 100%; width: 100% } .noUi-origin { height: 10%; width: 10% } .noUi-horizontal .noUi-origin { left: auto; right: 0; height: 0 } .noUi-connect:after, .noUi-target:after { height: 3px; border-radius: 20px; margin-top: -1px; display: block; position: absolute; content: '' } .noUi-vertical .noUi-origin { width: 0 } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 28px; height: 28px } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: -webkit-transform .3s; transition: transform .3s; -o-transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 28px } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { left: -6px; top: -14px } .noUi-horizontal .noUi-handle { right: -14px; left: auto } .noUi-target:after { width: 100%; top: 50%; background: #684c45 } .noUi-connect:after { width: 100%; top: 50%; background: #a38978 } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle .noUi-touch-area { cursor: pointer; background: #967865; border-radius: 100%; -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1); box-shadow: 0 8px 20px rgba(0, 0, 0, .1); -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .event-link__date, .event-link__pic:after { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out } .noUi-handle:hover .noUi-touch-area { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .1); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .noUi-active { -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .1); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } [disabled] .noUi-connect { background: #b8b8b8 } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed } .border-box-content, .border-box-content *, .cat-card *, .fancybox-container *, .horizontal-form *, .img-grid *, .noUi-pips, .noUi-pips *, .page-404 *, .page-404 :after, .page-404 :before, .wrap-map * { -webkit-box-sizing: border-box; box-sizing: border-box } .benefit, .events-list__item { -webkit-box-sizing: border-box } .noUi-pips { position: absolute; color: #999 } .noUi-value { position: absolute; white-space: nowrap } .noUi-value-sub { color: #ccc; font-size: 10px } .noUi-marker { position: absolute; background: #ccc } .noUi-marker-large, .noUi-marker-sub { background: #aaa } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%) } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% } .noUi-value-vertical { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%) } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px } .m-custom-scrollbar .mCSB_scrollTools, .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; white-space: nowrap } .events-list, .range-slider__caption { display: -webkit-box; display: -ms-flexbox } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120% } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120% } .range-slider__caption { padding-top: 5px; display: flex; color: #fff; font-size: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .event-link { display: block; line-height: 1.5 } .event-link__pic { display: block; position: relative; margin-bottom: 20px; overflow: hidden; background: #000 } .event-link__pic:after { position: absolute; content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #f7f5f5; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; transition: .5s ease-in-out } .event-link__pic img, .item-tile:after { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .animate-in .event-link__pic:after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0) } .event-link__pic img { transition: .4s ease-in-out; display: block; width: 100% } .event-link__category { position: absolute; left: 0; bottom: 0; background: #2d2d2d; font-size: 14px; letter-spacing: .02em; font-weight: 700; color: #f7f5f5; padding: 5px 15px; z-index: 3; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .5s ease-in-out .3s; -o-transition: .5s ease-in-out .3s; transition: .5s ease-in-out .3s } .animate-in .event-link__category { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .event-link__date { font-size: 14px; display: block; padding-bottom: 10px; color: #2d2d2d; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); transition: .5s ease-in-out } .animate-in .event-link__date { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .event-link__name { display: block; opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .animate-in .event-link__name { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .catalog__item.is-loading, .masters__item.is-loading { -webkit-transform: translateY(50px); -ms-transform: translateY(50px) } .event-link:hover .event-link__pic img { opacity: .7 } .events-list { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px 30px } .benefit, .benefits-grid { display: -webkit-box; display: -ms-flexbox } .events-list__item { width: 25%; box-sizing: border-box; padding: 0 15px; margin-bottom: 30px } .benefit__pic, .item-tile:after { width: 100%; height: 100%; z-index: 1 } .events-list--main { margin: 0 -15px -30px } .benefits-grid { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #e6e6e6 } .benefit { min-height: 50vh; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; box-sizing: border-box; position: relative; padding: 60px calc((200% - 1420px) / 2) 60px 100px } .benefit.benefit--result { height: 100%; display: block; padding: 0 } .benefit.benefit--result .result-slider, .benefit.benefit--result .result-slider .result-slider__item, .thumbs-gallery { height: 100% } .benefit__pic { position: absolute; left: 0; top: 0; background-size: cover; background-position: right bottom } .benefit__text { position: relative; z-index: 3; max-width: 400px } .benefit.benefit--large { height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 180px 180px 200px calc((200% - 1420px) / 2) } .bc-form .form-line, .benefit.benefit--large .benefit__title, .image-book-section__slider-1, .images-slider-top, .partnership__inner { margin-bottom: 30px } .benefit.benefit--large .benefit__title:after { position: absolute; content: ''; display: block; background: #5c5c5c; width: 40px; height: 3px; left: 0; bottom: 0 } .benefit__title { font-size: 42px; line-height: 52px; position: relative; padding-bottom: 30px; letter-spacing: .02em; text-transform: uppercase; font-weight: 700 } .item-tile__active-color, .item-tile__label { font-size: 12px; color: #fff; z-index: 4; text-align: center; border-radius: 100% } .benefit.benefit--dark { color: #fff; background: #000 } .catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px 20px } .catalog__item { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 15px; -webkit-transition: .5s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .5s cubic-bezier(.36, .26, .19, 1.03); transition: .5s cubic-bezier(.36, .26, .19, 1.03) } .catalog__item.is-loading { opacity: 0; transform: translateY(50px) } .item-tile { display: block; position: relative; padding: 30px } .item-tile__inner { padding: 12px 30px 6px } .item-tile:after { position: absolute; content: ''; display: block; padding: 20px 30px; left: -30px; top: -19px; opacity: 0; background: #fff; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); transition: .4s ease-in-out } .item-tile-slider__arrow, .item-tile-slider__arrow svg { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .item-tile__active-color { background: #b59d61; width: 63px; height: 63px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 34px; top: 17px } .item-tile__active-color strong { padding-top: 3px; display: block; font-size: 18px } .item-tile__label { background: #7fbc18; position: absolute; z-index: 10; right: 15px; top: 0; height: 56px; width: 56px; line-height: 1.2; text-transform: uppercase; font-weight: 700; padding: 4px; display: flex; align-items: center; justify-content: center; } .item-tile__label.item-tile__label--hit { background: url(/local/templates/main_en/css/../img/hit-label.svg) 0 0/cover no-repeat #f18a04 } .item-tile__colors { z-index: 4; left: 10px; top: 20px; font-size: 14px; position: absolute; writing-mode: vertical-rl; letter-spacing: .01em; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); white-space: nowrap } .item-tile__category { display: block; text-align: center; font-size: 14px; letter-spacing: .02em; text-transform: uppercase; padding-bottom: 15px; color: #2d2d2d; position: relative; z-index: 5 } .item-tile__name { overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 0; display: block; font-size: 12px; letter-spacing: .01em; text-align: center; position: relative; z-index: 5; line-height: 1.5; color: #fff !important } .params-selects .form-label, .product-detail__params { color: #2d2d2d; padding-bottom: 10px } .item-tile__name span { white-space: nowrap; font-size: 12px } .item-tile__substrate { padding: 10px; background: #5c5c5c; display: flex; position: relative; z-index: 2; height: 4.5em; justify-content: center; flex-direction: column; margin-bottom: 3px } .no-touch-dev .item-tile:hover:after { opacity: 1; -webkit-transform: scale(.92); -ms-transform: scale(.92); transform: scale(.92) } .item-tile-slider-wrap { padding-bottom: 100%; position: relative; z-index: 2; } .item-tile-slider, .item-tile-slider__arrow, .items-slider:after, .items-slider:before { position: absolute; height: 100%; top: 0 } .item-tile-slider { display: flex; align-items: center; left: 0; width: 100% } .item-tile-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .item-tile-slider__item img { max-height: 100%; height: auto; width: auto; -ms-flex-negative: 0; flex-shrink: 0 } .item-tile-slider__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; left: -60px; z-index: 3; cursor: pointer; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); transition: .4s ease-in-out; opacity: 0 } .item-tile-slider__arrow svg { fill: #2D2D2D; transition: .4s ease-in-out } .item-tile-slider__arrow.item-tile-slider__arrow--next { left: auto; right: -60px; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } .product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px 70px } .master-detail__name, .product-detail .h1, .product-detail h1 { text-transform: none; padding-bottom: 10px } .main-slider__sub-title, .main-slider__title, .product-price-line__val { font-weight: 700; text-transform: uppercase } .product-detail__params { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 30px } .items-slider__arrow, .masters-slider__arrow, .product-price-line { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center } .product-detail__params dt { padding-right: 5px } .product-detail__sub-title { font-size: 24px; padding-bottom: 20px } .params-selects { padding: 20px 0 40px } .product-price-line { display: flex; -ms-flex-align: center; align-items: center; padding-bottom: 30px } .product-price-line__val { color: #2d2d2d; white-space: nowrap; font-size: 42px; letter-spacing: .02em; padding-right: 20px } .items-slider { position: relative; padding: 30px 30px 0; margin: 0 -30px 30px; overflow: visible; } .items-slider:after { content: ''; display: block; left: 100%; width: 3000px; background: #fff; z-index: 5 } .items-slider:before { content: ''; display: block; right: 100%; width: 3000px; background: #fff; z-index: 5 } .items-slider__arrow, .masters-slider__arrow { position: absolute; height: 100%; display: flex; -ms-flex-align: center; align-items: center; padding: 0 20px; left: -40px; top: 0; z-index: 10; cursor: pointer; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .images-slider__arrow, .images-slider__colors { display: -webkit-box; display: -ms-flexbox; position: absolute } .items-slider__arrow svg { fill: #2D2D2D } .items-slider__arrow.items-slider__arrow--next { left: auto; right: -40px } .items-slider__arrow.swiper-button-disabled { opacity: 0; pointer-events: none } .images-slider__arrow { height: 50px; left: 0; bottom: 0; width: 30px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; z-index: 10; cursor: pointer } .images-slider__arrow svg { fill: #2D2D2D; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .images-slider__arrow.images-slider__arrow--next { left: auto; right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .images-slider__arrow.swiper-button-disabled { opacity: 0; pointer-events: none } .images-slider__colors { display: flex; bottom: 30px; left: 30px; z-index: 3 } .images-slider__colors > li, .main-slider__item { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal } .images-slider__colors > li { width: 90px; height: 90px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: column; flex-flow: column; color: #fff; margin-right: 20px; line-height: 1.5; border-radius: 100%; font-size: 12px } .images-slider__colors > li strong { display: block; font-weight: 700; font-size: 18px } .images-slider-top__item { padding-bottom: 40%; background-size: cover; background-position: center } .images-slider-thumbs { margin: 0 30px } .images-slider-thumbs__item { height: 50px; background-size: cover; background-position: center; opacity: .4; transition: opacity .4s ease-in-out; cursor: pointer } .images-slider-thumbs__item.swiper-slide-thumb-active, .images-slider-thumbs__item:hover, .images-slider-thumbs__item:hover:after { opacity: 1 } .images-slider-thumbs__item.swiper-slide-thumb-active:after, .loaded-opacity { opacity: 0 } .images-slider-thumbs__item:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5); -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; opacity: 0 } .main-slider { position: fixed; left: 66px; right: 0; height: 100vh !important; top: 0; background: #2d2d2d; font-size: 18px } .main-slider__pic img, .main-slider__pic picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;' } .main-slider__pic:after { position: absolute; content: ''; display: block; pointer-events: none; left: 0; right: 0; bottom: 0; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%); z-index: 3 } .main-slider__item { height: 100vh; background-size: cover; background-position: center; position: relative; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 100px 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh !important } .main-slider__text { color: #fff; width: 60%; max-width: 650px; position: relative; z-index: 3; padding-left: 70px; padding-right: 20px } .main-slider__text.main-slider__text--professional { max-width: 900px; width: auto } .main-slider__text.main-slider__text--professional .main-slider__description { font-weight: 700; padding-bottom: 0; text-transform: none; font-size: 34px; line-height: 52px } .main-slider__sub-title { font-size: 1.25em; padding-bottom: .5em } .main-slider .h2 { opacity: 0; transform: translateX(-200px); -webkit-transition: .7s ease-in-out .2s; -o-transition: .7s ease-in-out .2s; transition: .7s ease-in-out .2s } .main-slider__title { font-size: 54px; letter-spacing: .02em; padding-bottom: .8em; opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: .7s ease-in-out .2s; -o-transition: .7s ease-in-out .2s; transition: .7s ease-in-out .2s } .main-slider__title.main-slider__title--large { font-size: 60px } .main-slider__title.main-slider__title--small { text-transform: none; font-size: 42px } .doc-ready .swiper-slide-active .main-slider__title { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-slider__description { font-size: 1.778em; font-weight: 300; position: relative; opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); line-height: 1.5; letter-spacing: .01em; transition: .5s ease-in-out .4s } .product-gallery__color, .product-gallery__label { font-size: 12px; border-radius: 100%; color: #fff; text-align: center } .main-slider__description:before { position: absolute; content: ''; display: block; left: -90px; top: .7em; background: #5c5c5c; width: 60px; height: 4px; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); -webkit-transition: .5s ease-in-out .4s; -o-transition: .5s ease-in-out .4s; transition: .5s ease-in-out .4s } .doc-ready .swiper-slide-active .main-slider__description, .page-loaded .main-slider .swiper-pagination .circle-switcher { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .doc-ready .swiper-slide-active .main-slider__description:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .main-slider .btn, .page-404__logo { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px) } .main-slider .btn { margin-top: 50px; -webkit-transition: .4s ease-in-out, opacity .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s; transition: .4s ease-in-out, opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s; -o-transition: .4s ease-in-out, opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s; opacity: 0; font-size: 20px; padding: 27px 30px; transform: translateX(-200px) } .main-slider .btn .btn__icon--arrow { margin-right: 0; width: 34px; height: 14px; -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out } .btn:hover .btn__icon--arrow { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } .main-slider .swiper-pagination { position: absolute; z-index: 10; bottom: 70px; left: 0; right: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .5s ease-in-out .4s; -o-transition: .5s ease-in-out .4s; transition: .5s ease-in-out .4s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .page-loaded .main-slider .swiper-pagination { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px) } .page-loaded .main-slider .swiper-pagination .swiper-pagination-bullet-active .circle-switcher__icon, .page-loaded .result-slider .swiper-pagination .swiper-pagination-bullet-active .circle-switcher__icon { stroke-dashoffset: 170; -webkit-transition: 5.7s linear, opacity .3s linear; -o-transition: 5.7s linear, opacity .3s linear; transition: 5.7s linear, opacity .3s linear } .main-slider .swiper-pagination .circle-switcher { cursor: pointer; width: 62px; height: 62px; position: relative; display: block; line-height: 62px; font-weight: 300; font-size: 26px; color: #5c5c5c; border-radius: 100%; text-align: center; -webkit-transition: .5s ease-in-out .4s, color .4s ease-in-out; -o-transition: .5s ease-in-out .4s, color .4s ease-in-out; transition: .5s ease-in-out .4s, color .4s ease-in-out; margin: 0 10px; opacity: 0; flex-shrink: 0 } .main-slider .swiper-pagination .circle-switcher__icon, .result-slider .swiper-pagination .circle-switcher__icon { position: absolute; left: 0; top: 0; stroke-width: 2px; stroke-dasharray: 310; stroke: rgba(255, 255, 255, .5); stroke-dashoffset: 310; -webkit-transition: 0s linear .1s, opacity .1s linear; -o-transition: 0s linear .1s, opacity .1s linear; transition: 0s linear .1s, opacity .1s linear } .main-section--distribution { background: #312827 } .main-section--distribution .main-slider__pic { opacity: .2 } .main-section--distribution .main-slider__text { max-width: 850px; width: auto } .b-title--cap, .main-section--distribution .main-slider__text .h2 { text-transform: none } .product-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 0 -15px } .product-gallery__label { position: absolute; z-index: 10; right: 15px; top: 0; min-height: 48px; min-width: 48px; line-height: 48px; text-transform: uppercase; font-weight: 700; background: #5c5c5c; padding: 4px; } .product-gallery__label.product-gallery__label--hit { background: url(/local/templates/main_en/css/../img/hit-label.svg) 0 0/cover no-repeat #f18a04; color: #fff } .product-gallery__arrow { position: absolute; left: -20px; top: 0; height: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; z-index: 10 } .product-gallery__color, .thumbs-gallery__item span { position: absolute; display: -webkit-box; display: -ms-flexbox } .product-gallery__arrow.product-gallery__arrow--next { left: auto; right: -20px } .product-gallery__color { left: 15px; bottom: 0; letter-spacing: .01em; width: 100px; height: 100px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; background-color: #5c5c5c; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 6; padding: 5px } .product-gallery__color p { margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.2 } .product-gallery__color strong { font-size: 14px; font-weight: 700; padding-top: 2px } .product-gallery__thumbs { position: absolute; left: 0; padding: 0 15px; top: 0; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; width: 16.66% } .product-gallery__detail { position: relative; margin-left: auto; width: 83.33%; -webkit-box-sizing: border-box; box-sizing: border-box } .thumbs-gallery__item { padding-bottom: 100%; height: auto; position: relative; cursor: pointer; -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out } .thumbs-gallery__item:hover { opacity: .7 } .thumbs-gallery__item.swiper-slide-thumb-active { opacity: 1 } .thumbs-gallery__item.swiper-slide-thumb-active img { opacity: .5 } .thumbs-gallery__item span { left: 0; top: 0; width: 100%; height: 100%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; border: 1px solid transparent } .books-slider__arrow, .thumbs-gallery__item img { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .thumbs-gallery__item img { max-height: 100%; max-width: 100%; display: block; transition: .4s ease-in-out } .detail-gallery { border-radius: 20px; overflow: hidden; position: relative } .detail-gallery .swiper-wrapper { z-index: 3 } .detail-gallery:after { position: absolute; content: ''; display: block; right: 15%; bottom: 15%; width: 70%; padding-bottom: 70%; z-index: 1 } .detail-gallery__bg { position: absolute; z-index: 2; right: 15%; bottom: 10%; width: 80%; padding-bottom: 80%; background-position: right bottom; background-repeat: no-repeat; background-size: 100% auto } .masters-promo, .result-slider__item, .video-link__pic { background-size: cover; background-position: center } .detail-gallery__item { padding-bottom: 100%; height: 0; position: relative } .detail-gallery__item a, .detail-gallery__item span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .detail-gallery__item img { max-height: 100%; display: block; margin: auto 0 } .category-list__item:first-child, .product-gallery .swiper-wrapper { height: auto !important } .result-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; color: #fff; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 180px 180px 200px calc((100vw - 1420px - 66px) / 2) } .result-slider__item:after { position: absolute; content: ''; display: block; left: 0; bottom: 0; width: 100%; height: 80%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%) } .result-slider__title { font-size: 1.889em; line-height: 1.5; position: relative; letter-spacing: .02em; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; padding-bottom: 30px } .result-slider__title:after { position: absolute; content: ''; display: block; left: 0; bottom: 0; width: 40px; height: 3px; background: #5c5c5c } .result-slider .swiper-pagination { position: absolute; z-index: 10; bottom: 50px; left: calc((200% - 1420px) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .5s ease-in-out .4s; -o-transition: .5s ease-in-out .4s; transition: .5s ease-in-out .4s } .result-slider .swiper-pagination .circle-switcher { cursor: pointer; width: 48px; height: 48px; position: relative; display: block; line-height: 48px; font-weight: 300; font-size: 20px; color: #5c5c5c; text-align: center; -webkit-transition: .5s ease-in-out .4s, color .4s ease-in-out; -o-transition: .5s ease-in-out .4s, color .4s ease-in-out; transition: .5s ease-in-out .4s, color .4s ease-in-out; margin: 0 5px; border-radius: 100% } .books-slider { position: relative; overflow: visible } .books-slider:after, .masters-slider:after { position: absolute; content: ''; display: block; left: 100%; top: 0; height: 100%; width: 3000px; background: #f7f5f5; z-index: 5 } .books-slider:before, .masters-slider:before { position: absolute; content: ''; display: block; right: 100%; top: 0; height: 100%; width: 3000px; background: #f7f5f5; z-index: 5 } .books-slider__arrow { position: absolute; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; left: -60px; top: 0; z-index: 10; cursor: pointer; transition: .4s ease-in-out } .books-slider__arrow svg, .distribution-slider__arrow { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .books-slider__arrow svg { fill: #2D2D2D; transition: .4s ease-in-out } .books-slider__arrow:hover svg, .distribution-slider__arrow svg { fill: #5c5c5c } .books-slider__arrow.books-slider__arrow--next { left: auto; right: -60px } .books-slider__arrow.swiper-button-disabled { opacity: .3; pointer-events: none } .distribution-slider { overflow: visible; margin: 100px 0 0 30px } .distribution-slider__item { position: relative; padding: 30px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #5c5c5c } .distribution-slider__pic { position: relative; margin: -60px 0 60px -60px } .distribution-slider__pic img { display: block; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1); box-shadow: 0 10px 30px rgba(0, 0, 0, .1) } .distribution-slider__pic:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background: -o-linear-gradient(top, rgba(74, 74, 74, 0) 0, rgb(45 45 45) 100%); background: linear-gradient(to bottom, rgba(74, 74, 74, 0) 0, rgb(45 45 45) 100%); z-index: 2 } .distribution-slider__number { position: absolute; font-weight: 900; font-size: 80px; letter-spacing: .02em; left: 60px; color: #5c5c5c; bottom: -50px; z-index: 5 } .distribution-slider__arrow, .items-slider-single__arrow { position: absolute; display: -webkit-box; display: -ms-flexbox; z-index: 10; padding: 0 20px; top: 0; cursor: pointer } .distribution-slider__arrow { height: 100%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: -90px; transition: .4s ease-in-out } .accordion__question-icon:after, .items-slider-single__arrow { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .items-slider-single__arrow svg, .video-link:hover .video-link__btn svg { fill: #2D2D2D } .distribution-slider__arrow.distribution-slider__arrow--next { left: auto; right: -60px } .distribution-slider__arrow.swiper-button-disabled { opacity: 0; pointer-events: none } .distribution-slider__arrow:hover svg { fill: #fff } .items-slider-single__arrow { height: 280px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: -20px; transition: .4s ease-in-out } .tabs-controls__link, .video-link__btn { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .items-slider-single__arrow.items-slider-single__arrow--next { left: auto; right: -20px } .items-slider-single__arrow.swiper-button-disabled { opacity: 0; pointer-events: none } .tabs-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px 30px } .tabs-controls.tabs-controls--first { margin-top: -15px } .tabs-controls__item { padding: 0 20px; scroll-snap-align: start } .tabs-controls__link { cursor: pointer; display: block; font-size: 20px; white-space: nowrap; padding: 8px 0; border-bottom: 3px solid transparent; transition: .4s cubic-bezier(.36, .26, .19, 1.03); color: #2d2d2d } .tabs-controls__link:active, .tabs-controls__link:hover, .tabs-controls__link:link, .tabs-controls__link:visited { color: #2d2d2d } .tabs-controls__link:hover { color: #000 } .tabs-controls__link.is-active { color: #000; border-bottom-color: #5c5c5c } .tabs-content { position: relative; overflow: hidden } .tabs-content__item { width: 100%; left: 0; top: 0; position: absolute; visibility: hidden; z-index: -1; opacity: 0; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s; transition: .4s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .4s } .tabs-content__item.is-active { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); position: relative; z-index: 3; visibility: visible; opacity: 1 } .usage-instruction { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; position: relative } .usage-instruction:after { position: absolute; content: ''; display: block; width: 10000px; right: 23%; background: #c9c9c9; top: 0; height: 100%; z-index: 1 } .usage-instruction__left { width: 50%; padding: 80px 40px 80px 15px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .usage-instruction__left ol > li { position: relative; color: #2d2d2d; padding: 0 0 20px 40px; line-height: 1.5 } .usage-instruction__left ol > li:before { display: block; position: absolute; left: 0; font-size: 32px; line-height: 25px; letter-spacing: .02em; font-weight: 700; top: 0; content: counter(li); counter-increment: li } .usage-instruction__right { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 150px 15px 0 } .video-link { position: relative; display: block; padding-bottom: 58%; margin-bottom: 50px; -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .1); box-shadow: 0 20px 40px rgba(0, 0, 0, .1) } .video-link__pic { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .accordion__question-icon, .video-link__btn { top: 50%; display: -webkit-box; display: -ms-flexbox } .video-link__pic:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .2) } .video-link__btn { position: absolute; border: 3px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height: 80px; border-radius: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 50%; margin: -40px 0 0 -40px; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .video-link__btn svg { fill: #fff; margin-left: 2px; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .video-link:hover .video-link__btn { background: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .video-caption { font-size: 14px; width: 280px; margin-left: auto; padding-left: 80px; color: #2d2d2d; line-height: 1.5; position: relative } .video-caption:before { position: absolute; content: ''; display: block; width: 60px; height: 3px; background: #5c5c5c; top: 10px; left: 0 } .accordion { margin-bottom: 30px; border: 1px solid #5c5c5c; -webkit-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; transition: background .4s ease-in-out } .accordion__header { position: relative; padding: 34px 110px; font-size: 20px; cursor: pointer; line-height: normal } .accordion.is-opened .accordion__question-icon:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .accordion__question-icon { font-weight: 700; font-size: 26px; letter-spacing: .02em; text-transform: uppercase; color: #5c5c5c; width: 70px; left: 0; margin-top: -16px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; position: absolute; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .accordion__question-icon:after { position: absolute; content: ''; display: block; right: 0; top: 0; height: 100%; width: 1px; background: #5c5c5c; transition: .4s ease-in-out } .accordion__arrow { position: absolute; right: 30px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .accordion__arrow svg { fill: #5c5c5c } .accordion__content { display: none; padding: 20px 110px; font-size: 18px; color: #2d2d2d } .masters, .masters-promo { display: -webkit-box; display: -ms-flexbox } .masters-filter { max-width: 1250px; margin-bottom: 70px; position: relative; z-index: 4 } .contacts-filter .form-label, .masters-filter .form-label { padding-bottom: 15px; color: #2d2d2d } .masters { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px } .masters__item { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 70px; -webkit-transition: .5s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .5s cubic-bezier(.36, .26, .19, 1.03); transition: .5s cubic-bezier(.36, .26, .19, 1.03) } .master-card, .master-tile__pic:after { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .masters__item.is-loading { opacity: 0; transform: translateY(50px) } .master-tile { text-align: center; display: block } .master-tile__pic { max-width: 260px; position: relative; margin: 0 auto 20px } .master-tile__pic.master-tile__pic--empty > span { display: block; padding-bottom: 100%; border-radius: 100%; background: url(/local/templates/main_en/css/../img/no-pic.svg) center no-repeat #c9c9c9 } .master-tile__pic img { display: block; border-radius: 100% } .master-tile__pic:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; border-radius: 100%; background: rgba(0, 0, 0, .2); opacity: 0; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .master-tile:hover .master-tile__pic:after { opacity: 1 } .master-tile__region { color: #2d2d2d; font-size: 14px; padding-bottom: 5px } .master-tile__name { font-size: 20px; padding-bottom: 20px } .master-tile__category { color: #5c5c5c; padding: 0; display: block; margin: 2px 0; font-size: 12px; text-transform: uppercase } .master-tile__insta { color: #2d2d2d; font-size: 14px } .masters-promo { position: relative; height: 48vw; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 0 } .master-card, .master-card__btn { display: -webkit-box; display: -ms-flexbox } .masters-promo__title { color: #fff; font-weight: 700; line-height: 1.4; font-size: 36px; letter-spacing: .02em; max-width: 900px; text-align: center; margin: 0 auto } .masters-promo .btn { margin-top: 60px } .master-card { display: flex; padding: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e1daca; position: relative; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .master-card:hover { border-color: #b59d61 } .master-card.master-card--with-btn { padding-bottom: 100px; margin-bottom: 120px } .address__tel:last-child, .book-detail h1 { padding-bottom: 0 } .master-card.master-card--with-btn .master-card__pic, .partnership__pic { width: 32% } .master-card.master-card--with-btn .master-card__info { width: 68% } .master-card__pic { width: 25%; -ms-flex-item-align: start; align-self: flex-start } .add-review, .master-card__link { -webkit-box-align: center; font-weight: 700 } .master-card__pic img { display: block; border-radius: 100% } .master-card__info { padding-left: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75% } .master-card__region { color: #2d2d2d; padding-bottom: 5px } .master-card__name { font-size: 26px; display: block; font-weight: 700; padding-bottom: 10px; letter-spacing: .02em } .master-card__name:hover { color: #2d2d2d } .master-card__category { color: #fff; background: #5c5c5c; padding: 4px 10px; display: inline-block; margin-bottom: 20px } .master-card__text { font-size: 20px; max-width: 800px } .master-card__text ul { font-size: 18px } .master-card__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; color: #896752 } .book-tile__colors, .master-card__btn { -webkit-box-pack: center; left: 0; right: 0 } .master-card__link:active, .master-card__link:hover, .master-card__link:link, .master-card__link:visited { color: #896752 } .master-card__link svg { margin-left: 15px } .master-card__link:hover, .master-detail__region { color: #2d2d2d } .master-card__btn { display: flex; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: -35px; z-index: 4 } .masters-slider { position: relative; padding: 10px 30px 0; margin: 0 -30px 60px; overflow: visible } .masters-slider__arrow svg { fill: #2D2D2D } .masters-slider__arrow.masters-slider__arrow--next { left: auto; right: -40px } .masters-slider__arrow.swiper-button-disabled { opacity: 0; pointer-events: none } .master-detail__left { width: 40%; padding-right: 40px; max-width: 600px; -webkit-box-sizing: border-box; box-sizing: border-box } .master-detail__right { width: 60%; padding-left: 40px; max-width: 900px; -webkit-box-sizing: border-box; box-sizing: border-box } .master-detail__pic { display: block; border-radius: 100%; margin-bottom: 30px; width: 100% } .master-detail__category { color: #fff; background: #5c5c5c; padding: 3px 10px; display: inline-block; margin-bottom: 30px } .review__date, .review__read-full:hover, .review__text { color: #2d2d2d } .master-detail blockquote:after { position: absolute; content: ''; display: block; left: 100%; background: inherit; top: 0; height: 100%; width: 3000px } .works-grid { margin: 0 -15px 45px } .works-grid .grid-sizer { width: 20% } .works-grid__item { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; width: 20%; float: left } .works-grid__item.is-hidden { display: none } .works-grid__item img { width: 100%; display: block; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .modal-pic-link, .works-grid__link { display: block; background: #000 } .modal-pic-link:hover img, .works-grid__link:hover img { opacity: .7 } .book-tile { border: 1px solid #c9c9c9; padding: 35px; display: block; text-align: center; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .book-tile__pic { position: relative; margin-bottom: 45px } .book-tile__pic img { width: 100%; display: block } .book-tile__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; bottom: -32px; position: absolute; z-index: 3 } .book-tile__colors > li { width: 63px; height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; color: #fff; margin: 0 10px; border-radius: 100%; font-size: 12px } .profession__link svg, .review__link svg { margin-left: 10px } .book-tile__colors > li strong { display: block; font-weight: 700; font-size: 16px } .book-tile__author { font-size: 14px; color: #2d2d2d; display: block; padding-bottom: 10px } .book-tile__name, .review__name { font-size: 20px } .add-review, .books-list { display: -webkit-box; display: -ms-flexbox } .books-list { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px 45px } .books-list__item { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; -webkit-transition: .5s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .5s cubic-bezier(.36, .26, .19, 1.03); transition: .5s cubic-bezier(.36, .26, .19, 1.03) } .review, .review-list__item { -webkit-box-sizing: border-box } .books-list__item.is-loading { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .review { max-width: 1040px; margin: 0 auto; box-sizing: border-box; padding: 30px 40px; border-bottom: 1px solid #c9c9c9 } .review__name { font-weight: 700; padding-right: 30px; padding-bottom: 30px; display: inline-block } .review__date { font-size: 14px; padding-bottom: 30px; display: none !important } .review__text { position: relative } .add-review, .review__read-full { color: #896752; position: relative; background: #f7f5f5 } .review__text:before { position: absolute; content: ''; display: block; left: -30px; top: 0; width: 30px; height: 30px; background: url(/local/templates/main_en/css/../img/icons/quote.svg) 0 0/19px auto no-repeat } .add-review { max-width: 1040px; text-transform: uppercase; display: flex; margin: -1px auto 30px; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden } .add-review:before { position: absolute; content: ''; display: block; height: 1px; background: #c6c6c6; width: 100%; left: 0; top: 50% } .add-review__btn { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 30px; background: #f7f5f5; position: relative; z-index: 3 } .course-header__params, .review__read-full { display: -webkit-inline-box; display: -ms-inline-flexbox } .review-list { margin: -15px -15px 30px } .review-list .grid-sizer { width: 50%; position: absolute } .review-list__item { width: 50%; box-sizing: border-box; padding: 15px } .review-list__item .review { border: 1px solid #5c5c5c } .review__footer { border-top: 1px solid #dedede; padding-top: 20px; margin-top: 12px; background-color: #f7f5f5; -webkit-box-shadow: -1px -20px 20px 20px #f7f5f5; box-shadow: -1px -20px 20px 20px #f7f5f5; z-index: 1; position: relative } .review__read-full { top: 10px; z-index: 3; display: inline-flex; margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; float: right; cursor: pointer; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .book-detail__header, .review__link { display: -webkit-box; display: -ms-flexbox } .contacts-list__name, .vue-select__current { -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out } .review__read-full svg { position: relative; top: -1px; margin-left: 10px } .is-opened .review__read-full svg { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .review__link { display: flex; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .review__link:active, .review__link:hover, .review__link:link, .review__link:visited { color: #896752 } .review__link:hover { color: #2d2d2d } .review__overflow { max-height: 195px; overflow: hidden; color: #2d2d2d; position: relative; padding-left: 30px } .review__overflow p:last-child { margin-bottom: 0 } .review__overflow:before { position: absolute; content: ''; display: block; left: 0; top: 0; width: 30px; height: 30px; background: url(/local/templates/main_en/css/../img/icons/quote.svg) 0 0/19px auto no-repeat } .address, .contacts-info, .spin-wrapper.white .spin > *, .vue-select__current:hover, .vue-select__dropdown, input#datepicker:focus { background: #fff } .masters-reviews .review:first-child, .section-crs-video + .section-more-crs { padding-top: 0 } .book-detail__header { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 45px } .book-detail h1 { text-transform: none } .book-detail__share { font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #2d2d2d; padding-left: 20px } .book-detail .social-list, .event-detail-footer .social-list { margin: 0 -15px 0 10px } .book-detail .social-list .social-list__link { padding: 15px; color: #2d2d2d } .book-detail .social-list .social-list__link:hover, .contacts-list__item.is-active .contacts-list__name, .contacts-list__item:hover .contacts-list__name { color: #5c5c5c } .contacts-filter { max-width: 1250px; margin-bottom: 30px; position: relative; z-index: 19 } .contacts-map-wrap { position: relative; padding: 80px 0 } .cluster-ico { line-height: 50px; text-align: center; color: #000; font-weight: 700; font-size: 20px } .address-map, .contacts-map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 } .contacts-info { z-index: 3; width: 396px; position: relative; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2); box-shadow: 0 10px 30px rgba(0, 0, 0, .2) } .address, .history-preview__pic img { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1) } .contacts-info__title { padding: 20px 30px; border-bottom: 1px solid #f1f1f1; text-transform: none; font-size: 18px } .contacts-list-scroll { height: 400px; overflow: auto } .contacts-list__item { padding: 20px 25px; line-height: 1.5; font-size: 14px; cursor: pointer; color: #2d2d2d } .contacts-list__item .contacts-list__web-link { color: #896752; display: block; line-height: 1.4; max-width: 100%; } .contacts-list__item .contacts-list__web-link:hover { color: #000 } .contacts-list__type { color: #000; font-size: 12px; padding-bottom: 10px } .contacts-list__name { font-weight: 700; transition: .4s ease-in-out } .contacts-list.contacts-list--with-price .contacts-list__item { padding-right: 100px; position: relative } .contacts-list.contacts-list--with-price .contacts-list__item .contacts-list__price { position: absolute; right: 25px; top: 20px; font-weight: 700; font-size: 14px } .vue-select { position: relative; line-height: normal } .vue-select__current { border: 1px solid #5c5c5c; padding: 15px 40px 15px 20px; white-space: nowrap; overflow: hidden; cursor: pointer; transition: .4s ease-in-out } .vue-select__current:after { content: ""; width: 10px; position: absolute; right: 20px; top: 0; height: 100%; background: url(/local/templates/main_en/css/../img/icons/arrow-down-small.svg) center no-repeat; pointer-events: none; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .vue-select.is-opened { z-index: 4 } .vue-select.is-opened .vue-select__current { background: #fff; border-bottom-color: transparent } .vue-select.is-opened .vue-select__current:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .vue-select.is-opened .vue-select__dropdown { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; -webkit-transition: .4s ease-in-out, visibility ease-in-out; -o-transition: .4s ease-in-out, visibility ease-in-out; transition: .4s ease-in-out, visibility ease-in-out } .vue-select__dropdown { padding: 10px 0; opacity: 0; visibility: hidden; -webkit-transition: .4s ease-in-out, visibility 0s ease-in-out .4s; -o-transition: .4s ease-in-out, visibility 0s ease-in-out .4s; transition: .4s ease-in-out, visibility 0s ease-in-out .4s; position: absolute; top: 100%; left: 0; right: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); border: 1px solid #5c5c5c; border-top: none } .vue-select__dropdown li { padding: 10px 20px; cursor: pointer; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .vue-select__dropdown li.is-active, .vue-select__dropdown li:hover { color: #fff; background-color: #929292 } .vue-select__dropdown-scroll { max-height: 340px } .address { box-shadow: 0 10px 30px rgba(0, 0, 0, .1); max-width: 450px; position: relative; z-index: 5; padding: 40px 60px } .address__title { font-weight: 700; font-size: 18px; padding-bottom: 15px } .address__icon { position: absolute; left: 38px; top: 40px } .address__tel { font-size: 18px; display: block; padding-bottom: 5px } .partnership__item, .partnership__text { display: -webkit-box; display: -ms-flexbox } .address-map-wrap { position: relative; padding: 150px 0 } .partnership, .text-input--100 { max-width: 100% } .partnership__item { -webkit-box-align: center; align-items: center; max-width: 100%; display: flex; border: 1px solid #5c5c5c; margin-bottom: 30px; -webkit-transition: .5s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .5s cubic-bezier(.36, .26, .19, 1.03); transition: .5s cubic-bezier(.36, .26, .19, 1.03) } .profession__button, .training-link__bg { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .partnership__item.is-loading { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .partnership__pic img { width: 100%; display: block; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -o-object-fit: cover; object-fit: cover } .partnership__text { width: 68%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 50px; font-size: 18px; color: #2d2d2d; line-height: 1.5; 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 } .partnership__text .h3 { display: block; color: #000; padding-bottom: 30px; text-transform: none } .partnership__text .h3:hover { color: #2d2d2d } .event-detail-footer .social-list .social-list__link:hover, .profession.profession--dark .h3 { color: #5c5c5c } .partnership-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px } .partnership-row__left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 320px) } .partnership-row__right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 320px; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 30px; -webkit-box-sizing: border-box; box-sizing: border-box } .partnership-promo { background: #684c45; color: rgba(255, 255, 255, .75); padding: 40px 30px 30px } .partnership-promo__title { color: #fff; font-weight: 700; font-size: 20px; letter-spacing: .01em; text-transform: uppercase; padding-bottom: 30px; line-height: 1.4 } .partnership-promo__icon { display: block; margin-bottom: 30px } .partnership-promo .btn { display: block; max-width: 300px; margin: 50px auto 0 } .professional-grid { margin: 0 -15px; max-width: 1600px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex } .professional-grid .grid-sizer { position: absolute; width: 50% } .professional-grid__item { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; width: 50%; position: relative } .professional-grid__item.professional-grid__item--full { width: 100% } .profession { background: #896752; padding: 50px 60px 40px; font-size: 18px; color: #c9c9c9; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; line-height: 1.5 } .profession__hidden, .profession__text { padding-bottom: 20px } .profession.profession--dark { background: #000; color: #5c5c5c } .profession.profession--info { color: #2d2d2d; border: 1px solid #5c5c5c; background: 0 0; font-size: 16px } .profession.profession--info .h3 { color: #000 } .profession .h3 { color: #fff; padding-bottom: 25px } .profession__hidden { display: none } .profession__button, .profession__link { display: -webkit-box; display: -ms-flexbox } .profession__button { border: 1px solid rgba(200, 187, 155, .3); display: flex; width: 46px; height: 46px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .profession__button:hover { background: #5c5c5c; border-color: #5c5c5c; color: #fff } .profession__button svg { position: relative; top: 2px } .profession__link { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; margin-bottom: 10px } .cd-card__price-block p, .profession__link:active, .profession__link:hover, .profession__link:link, .profession__link:visited { color: #896752 } .profession__link:hover { color: #2d2d2d } .profession.is-opened .profession__button svg { -webkit-transform: rotateX(180deg) translateY(2px); transform: rotateX(180deg) translateY(2px) } .mission-promo { height: 740px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background-size: cover; background-position: center; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px; position: relative } .mission-promo:before { position: absolute; content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5) } .mission-promo__title { max-width: 1000px; font-size: 36px; margin-bottom: 60px; line-height: 1.4; position: relative; z-index: 3 } .professionals-benefits { background: #2d2d2d; overflow: hidden; color: #fff } .professionals-benefits h3 { font-weight: 400; text-transform: none; max-width: 1100px; margin: 0 auto } .professionals-benefits-list { max-width: 1060px; margin: 10px auto 0; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 65px; -moz-column-gap: 65px; column-gap: 65px; counter-reset: li } .professionals-benefits-list__item { width: 100%; vertical-align: top; display: inline-block; line-height: 1.5; color: #c9c9c9; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px 80px; position: relative; font-size: 18px; border-bottom: 1px solid rgba(198, 198, 198, .3) } .education-table td, .education-table th { -webkit-box-sizing: border-box; text-align: center } .professionals-benefits-list__item:before { font-weight: 700; font-size: 62px; content: counter(li); counter-increment: li; position: absolute; left: 0; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 50%; color: #c6c6c6; opacity: .4; margin-top: -50px } .education-table { max-width: 1060px; width: 100%; margin: 0 auto; color: #2d2d2d; overflow: hidden; position: relative } .education-table th { font-weight: 400; font-size: 14px; padding: 0 10px; box-sizing: border-box } .education-table td { font-size: 20px; position: relative; z-index: 3; padding: 19px 0; box-sizing: border-box } .history-header, .news-detail-top { -webkit-box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; position: relative } .education-table td:first-child { text-align: left } .education-table td:first-child span { padding-right: 30px; display: inline-block; position: relative; z-index: 3; background: #f7f5f5 } .education-table td:first-child:after { position: absolute; content: ''; display: block; left: 0; top: 50%; background: #dbdbdb; width: 3000px; height: 1px } .education-table__icon { display: -webkit-box; display: -ms-flexbox; display: flex; width: 28px; height: 28px; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #2d2d2d; margin: 0 auto } .education-table__icon svg { fill: #fff } .news-detail-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px 0; min-height: 540px; box-sizing: border-box; color: #fff; background-size: cover; background-position: center; margin-bottom: 50px } .news-detail-top__category, .news-detail-top__date { display: inline-block; font-size: 14px; vertical-align: middle } .news-detail-top:after { position: absolute; content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%); z-index: 1 } .news-detail-top .h2 { margin-top: 20px; text-transform: none } .news-detail-top__category { background: #5c5c5c; letter-spacing: .02em; font-weight: 700; color: #fff; padding: 6px 15px; z-index: 3; margin-right: 15px } .event-detail-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #e1e1e1; margin-top: 40px; padding: 10px 0 } .event-detail-footer__share { font-size: 14px; 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; color: #2d2d2d; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .history-header, .history-preview { display: -webkit-box; display: -ms-flexbox } .event-detail-footer .social-list .social-list__link { padding: 15px; color: #000 } .history-header { background-size: cover; background-position: center; color: #fff; padding: 120px 0; min-height: 50vw; box-sizing: border-box; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .history-header__pic img, .history-header__pic picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;' } .page-404__title, a.page-404__btn { font-family: GothamPro, sans-serif } .history-header:after { position: absolute; content: ''; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .1))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 100%); left: 0; right: 0; bottom: 0; height: 20%; z-index: 2 } .course-about__cont, .history-header h1 { padding-left: 80px } .history-header__sub-title { padding-left: 80px; font-size: 1.625em; font-weight: 300; max-width: 520px; position: relative } .history-header__sub-title:before { content: ''; display: block; left: 0; position: absolute; width: 50px; height: 3px; top: 10px; background: #5c5c5c } .history-preview { display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 40px } .history-preview__pic { width: 78.3%; position: relative; z-index: 2; margin-right: -6% } .history-preview__pic img { width: 100%; display: block; box-shadow: 0 10px 30px rgba(0, 0, 0, .1) } .history-preview__text { width: 70%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #896752; margin-top: -70px; position: relative; color: #fff; padding: 65px 147px 77px calc(6% + 60px) } .history-preview__text p { font-size: 16px; line-height: 28px; letter-spacing: .01em } .history-preview__text p:last-child, .item-meta p, .n-meta p { margin-bottom: 0 } .about-benefits, .text-with-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px } .about-benefits__item { line-height: 1.4; width: 33.33%; font-size: 20px; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center } .master-class-top, .training-link { -webkit-box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal } .about-benefits__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 120px; margin-bottom: 40px } .application-steps__item, .training-link { display: -webkit-box; display: -ms-flexbox } .about-benefits__icon svg { display: block; fill: rgba(181, 157, 97, .5) } .training-link { display: flex; -ms-flex-flow: column; flex-flow: column; padding: 80px 8%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; background: #000; box-sizing: border-box; min-height: 47vw; overflow: hidden } .training-link:hover .training-link__bg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .training-link__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .training-link.training-link--light { color: #000; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; min-height: 38vw } .training-link.training-link--light .training-link__bg { opacity: 1 } .training-link__text { position: relative; font-size: 18px; line-height: 1.5; z-index: 3; max-width: 500px } .training-link__title { font-size: 34px; display: block; text-transform: uppercase; padding-bottom: 35px; line-height: 52px; letter-spacing: .02em } .application-row__left { padding-left: 100px } .application-row__right { -ms-flex-negative: 0; flex-shrink: 0; width: 280px; padding-left: 50px } .application-row__right .items-slider-single:before { position: absolute; content: ''; display: block; width: 100%; padding-bottom: 100%; left: 0; top: 0; background: #fff; border-radius: 100%; z-index: 1 } .application-steps__item { display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 80px } .application-steps__pic { position: relative; width: 210px; -ms-flex-negative: 0; flex-shrink: 0 } .application-steps__pic img { display: block; position: relative; z-index: 3 } .application-steps__pic:after { position: absolute; content: ''; display: block; right: -20px; bottom: -20px; background: #c9c9c9; width: 100%; height: 100%; z-index: 1 } .application-steps__pic:before { position: absolute; display: block; left: 27px; bottom: 0; z-index: 5; font-weight: 900; font-size: 48px; line-height: .7; content: counter(li); counter-increment: li } .application-steps__text { font-size: 18px; padding-left: 75px; color: #2d2d2d; line-height: 1.5; max-width: 600px } .master-class-top { background: #000; color: #fff; position: relative; height: 100vh; padding-bottom: 90px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 66px } .master-class-top__footer-adaptive { display: none; background: #332f21; padding: 30px } .master-class-top h1:before { position: absolute; content: ''; display: block; width: 50px; height: 3px; background: #5c5c5c; left: -90px; top: 25px } .master-class-top__pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-position: center; background-size: cover; opacity: .4 } .master-class-top__cont { padding: 120px 0 120px 90px; position: relative; z-index: 3 } .master-class-top__footer { background: #c9c9c9; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex } .master-class-top__footer.master-class-top__footer--mobile { display: none; position: relative } .master-class-top__footer a { color: #896752; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 90px; font-size: 20px; width: 50% } .master-class-header, .master-class-header__params { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center } .master-class-top__footer a:active, .master-class-top__footer a:hover, .master-class-top__footer a:link, .master-class-top__footer a:visited { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .master-class-top__footer a:hover { background: #5c5c5c; color: #2d2d2d } .master-class-top__footer a svg { fill: #896752; margin: 0 15px } .master-class-top__footer a:nth-child(2) { color: #fff; background: #6a4f3b } .master-class-top__footer a:nth-child(2):hover { background: #5c5c5c; color: #2d2d2d } .master-class-top__footer a:nth-child(2) svg { fill: #fff } .master-class-header { display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 30px } .master-class-header__label { letter-spacing: .01em; text-transform: uppercase; color: #2d2d2d; font-weight: 700; font-size: 14px; background: #5c5c5c; padding: 0 12px; margin-right: 40px; height: 40px; line-height: 40px; position: relative; white-space: nowrap } .master-class-header__label:after { position: absolute; content: ''; display: block; left: 100%; width: 12px; height: 50%; background: #5c5c5c; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); top: 0; margin-left: -6px } .master-class-header__label:before { position: absolute; content: ''; display: block; left: 100%; width: 12px; height: 50%; background: #5c5c5c; -webkit-transform: skewX(30deg); -ms-transform: skewX(30deg); transform: skewX(30deg); bottom: 0; margin-left: -6px } .master-class-header__params { margin-right: 40px; display: flex; -ms-flex-align: center; align-items: center; white-space: nowrap } .master-class-author, .master-class-list { display: -webkit-box; display: -ms-flexbox } .master-class-header__params:last-child { margin-right: 0 } .master-class-header__params svg { margin-right: 10px; fill: #fff } .master-class-author { font-size: 20px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; line-height: 1.5 } .master-class-author__pic { margin-right: 20px; width: 65px; -ms-flex-negative: 0; flex-shrink: 0 } .master-class-author__pic img { display: block; border-radius: 100% } .master-class-top__price-line .btn { margin-right: 40px } .master-class-price { color: #5c5c5c; font-size: 18px } .master-class-price__val { font-size: 34px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em } .master-class-list { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 70px } .master-class-list__item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; margin-bottom: 150px } .master-class-list__item:after { position: absolute; content: ''; display: block; left: 50px; top: 40px; right: 130px; height: 100%; background: #c9c9c9 } .master-class-list__item:nth-child(2n) { top: 200px } .master-class-list__item:before { position: absolute; display: block; left: 140px; bottom: -40px; z-index: 5; font-weight: 900; font-size: 150px; line-height: .7; content: counter(li); counter-increment: li } .master-class-list__text { padding: 80px 50px; position: relative; z-index: 3; line-height: 1.5; font-size: 20px } .master-class-list__pic { width: 270px; position: relative; z-index: 3; -ms-flex-negative: 0; flex-shrink: 0 } .master-class-list__pic img { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1); box-shadow: 0 10px 30px rgba(0, 0, 0, .1); width: 100%; display: block } .program-table { width: 100%; margin: 0 auto; max-width: 1040px; font-size: 20px } .program-table__title { display: block; padding-bottom: 10px } .program-table tr:first-child td { border-top: none } .program-table td { border-top: 1px solid #e1e1e1; padding: 25px 20px; vertical-align: middle } .program-table td:first-child { padding-right: 60px; font-size: 18px; white-space: nowrap } .registration-promo { background: #2d2d2d; color: #fff; padding: 100px } .registration-promo__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .registration-promo__title { font-size: 36px; padding-bottom: 50px; max-width: 1000px; text-align: center; margin: 0 auto; font-weight: 700 } .registration-promo__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -35px 80px } .registration-promo__col { width: 50%; color: #c9c9c9; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 35px; max-width: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; line-height: 1.5 } .registration-promo__col svg { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 30px } .inline-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -15px -15px 40px } .inline-gallery__item { width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; scroll-snap-align: start; -webkit-transition: .5s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); -o-transition: .5s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03); transition: .5s cubic-bezier(.36, .26, .19, 1.03), visibility cubic-bezier(.36, .26, .19, 1.03) } .inline-gallery__item.is-hidden { position: absolute; visibility: hidden; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: .5s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .5s; -o-transition: .5s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .5s; transition: .5s cubic-bezier(.36, .26, .19, 1.03), visibility 0s cubic-bezier(.36, .26, .19, 1.03) .5s } .modal-pic-link img { display: block; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .fancybox-is-open .fancybox-stage, .product-gallery__thumbs, [data-more-content], body.compensate-for-scrollbar { overflow: hidden } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; position: fixed; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background-color: #2d2d2d; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71); -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71); transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .6; -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1); -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1); transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-infobar { position: absolute; bottom: 0; color: #fff; font-size: 16px; height: 60px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; pointer-events: none; text-align: center; background: rgba(74, 74, 74, .7); -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .1); box-shadow: 0 10px 50px rgba(0, 0, 0, .1); user-select: none } .fancybox-image, .fancybox-slide--image .fancybox-content, .fancybox-spaceball { left: 0; max-width: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; top: 0 } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translate3d(0, 0, 0); z-index: 99994 } .fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; top: 0; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .course-header, .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous, .master-detail, .training-grid { display: -webkit-box; display: -ms-flexbox; display: flex } .fancybox-slide--next { z-index: 99995 } .fancybox-slide--image { overflow: visible; padding: 60px 0 120px } .fancybox-slide--image::before { display: none } .fancybox-content { width: 100%; position: relative; text-align: left; vertical-align: middle; margin: auto; padding: 90px 0 90px 60px; background: #c9c9c9; -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .1); box-shadow: 0 10px 50px rgba(0, 0, 0, .1); z-index: 4 } .fancybox-button, .fancybox-iframe { vertical-align: top } .fancybox-slide--video .fancybox-content { padding: 60px 90px; background: #2d2d2d } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: 0 0/100% 100% no-repeat; overflow: visible; padding: 0; position: absolute; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab } .fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; margin: 0; max-height: none; padding: 0; position: absolute; user-select: none; width: 100% } .ib-card__title, .pi-card__title { -webkit-line-clamp: 2; max-height: 55px; -webkit-box-orient: vertical } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; width: 100% } .fancybox-iframe, .fancybox-video { background: 0 0; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; min-height: 270px; width: 100% } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: 0 0; border: 0; border-radius: 0; cursor: pointer; display: inline-block; margin: 0; outline: 0; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s } .fancybox-button--close svg, .fancybox-navigation .fancybox-button--arrow svg { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .fancybox-button--close { position: absolute; right: 0; top: 0; padding: 30px; z-index: 99999 } .fancybox-button--close svg { fill: #fff; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .fancybox-button--close:hover svg { fill: #2D2D2D } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:focus, .fancybox-button:hover { color: #fff } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default } .fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision } .fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3 } .course-header__adaptive, .fancybox-button--pause svg path:first-child, .fancybox-button--play svg path:nth-child(2), .hidden-input, .slick-arrow-nav .slick-arrow:before { display: none } .fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor } .fancybox-button--share svg path { stroke-width: 1 } .fancybox-navigation .fancybox-button { height: 100%; width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; padding: 0; border: none; z-index: 99996; outline: 0 } .course-header__label:after, .course-header__label:before { position: absolute; left: 100%; width: 12px; height: 50%; margin-left: -6px; content: '' } .fancybox-navigation .fancybox-button--arrow.fancybox-button--arrow_right { left: auto; right: 0 } .fancybox-navigation .fancybox-button--arrow svg { display: block; fill: #5c5c5c; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .fancybox-navigation .fancybox-button--arrow:hover svg { fill: #fff } .fancybox-navigation .fancybox-button--arrow:disabled { opacity: .2 } .fancybox-close-small { background: 0 0; cursor: pointer; margin: 0; text-align: center; position: absolute; right: 0; bottom: 100%; z-index: 10; border: none; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 40px; outline: 0 } .fancybox-close-small svg { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03); display: block } .fancybox-close-small:hover svg { fill: #000 } .fancybox-loading { -webkit-animation: .8s linear infinite fancybox-rotate; animation: .8s linear infinite fancybox-rotate; background: 0 0; border: 6px solid rgba(100, 100, 100, .5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999 } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1); -o-transition-timing-function: cubic-bezier(0, 0, .25, 1); transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0) } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) } .fancybox-slide--current .modal-window { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .fancybox-image { background-color: #c9c9c9; padding: 20px } .distribution-grid { position: relative; margin: 70px -15px 140px; display: -ms-grid; display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns:repeat(auto-fit, 33.333%); grid-auto-flow: row dense } .distribution-grid__item { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 40px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } .distribution-grid__item.animate-in { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .distribution-grid__item.distribution-grid__item--two-rows { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3 } .distribution-benefit { position: relative; padding-bottom: 100%; background: #c9c9c9 } .distribution-benefit__cont { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 100%; padding: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .distribution-benefit__cont.distribution-benefit__cont--left, .sp-card__descr.default-ui ul { text-align: left } .distribution-benefit__cont.distribution-benefit__cont--white, .distribution-cycle-section .default-ui__preview-text, a.show-link:hover { color: #fff } .distribution-benefit__text { -ms-flex-negative: 0; flex-shrink: 0; margin-top: auto } .distribution-benefit__pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: -90px; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); transition: .5s ease-in-out .2s } .distribution-benefit__pic.distribution-benefit--full { margin: 0 -50px } .distribution-benefit__pic.distribution-benefit--full img { width: 100% } .animate-in .distribution-benefit__pic, .video-block.animate-in { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .distribution-benefit__bg-pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0; -webkit-transition: .5s ease-in-out .2s; -o-transition: .5s ease-in-out .2s; transition: .5s ease-in-out .2s } .page-lang__btn, .video-block__btn { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .animate-in .distribution-benefit__bg-pic { opacity: 1 } .text-with-icon__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 30px } .flora, .text-with-icon__val { display: -webkit-box; display: -ms-flexbox } .text-with-icon__val { width: 166px; height: 166px; background: #fff; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: -30px; border-radius: 100% } .flora__pic, .flora__text { width: 50%; position: relative } .text-with-icon__text { position: relative; line-height: 1.6; z-index: 3; color: #2d2d2d; font-size: 18px; padding-top: 60px } .distribution-cycle-section { background: #2d2d2d; position: relative; padding: 120px 0 200px; color: #fff } .distribution-cycle-section:after { position: absolute; content: ''; display: block; left: 100%; top: 0; height: 100%; background: #2d2d2d; width: 3000px } .distribution-cycle-section:before { position: absolute; content: ''; display: block; right: 100%; top: 0; height: 100%; background: #2d2d2d; width: 3000px } .flora { display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: -5% } .premium-promo, .premium-promo__pic { display: -webkit-box; display: -ms-flexbox } .flora__text { font-size: 20px; padding: 100px 50px 100px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.6 } .ib-card, .premium-promo__text { -webkit-box-sizing: border-box } .flora__text:before { position: absolute; content: ''; display: block; left: 20px; width: 50px; height: 3px; background: #5c5c5c; top: 110px } .flora__pic { z-index: 5; margin-top: -100px } .flora__pic img { display: block; width: 100% } .b-btn, a.page-404__btn { display: -webkit-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; font-weight: 700 } .premium-promo { border: 1px solid #5c5c5c; margin: 100px 0 0 40px; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .premium-promo__pic { width: 42%; position: relative; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .page-lang, .page-lang-m { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center } .premium-promo__pic img { z-index: 4; position: relative; margin-top: -100px } .premium-promo__pic:after { position: absolute; content: ''; display: block; left: -40px; top: -40px; width: 100%; height: 100%; background: #c9c9c9 } .premium-promo__text { box-sizing: border-box; width: 58%; padding: 60px 100px; line-height: 1.6 } .premium-promo__text p { line-height: 1.6 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .page-lang { padding-bottom: 18px; display: flex; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); -ms-flex-align: center; align-items: center; writing-mode: vertical-rl; width: 100%; border-top: 1px solid rgba(87, 87, 86, .3); padding-top: 20px; font-size: 20px; line-height: 38px; letter-spacing: 1.3px; color: #2d2d2d } .page-lang__btn { margin: 10px 0 0; transition: .4s cubic-bezier(.36, .26, .19, 1.03); cursor: pointer; color: #fff !important } .page-lang__btn.active { font-weight: 700 } .page-lang__btn:not(.active):hover { color: #929292 !important } .page-lang__title { margin: 0; color: #fff; cursor: default } .page-lang-m { position: fixed; right: 38px; top: 0; display: flex; -ms-flex-align: center; align-items: center } .page-404__container, .page-lang-m__btn { display: -webkit-box; display: -ms-flexbox } .page-lang-m__btn { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 36px; font-size: 16px; width: 73px; position: relative; cursor: pointer; color: #fff; background: 0 0; border: none; -webkit-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; transition: width .4s ease-in-out; padding: 0 } .page-lang-m__btn:before { content: ""; z-index: -1; position: absolute; background-size: contain; background-repeat: no-repeat; height: 100%; width: 100% } .page-lang-m__btn.active { font-weight: 700 } .page-lang-m__btn.active:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA3MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjcwMTggMzZDMTQuNDE3NSAzNiA3LjcwMTc1IDI5LjI4NDMgNy43MDE3NSAyMUw3LjcwMTc1IDcuNzAxNzVDNy43MDE3NSAzLjQ0ODE5IDQuMjUzNTYgLTEuODU5MjllLTA3IC0xLjU3MzYxZS0wNiAwTDczIC0zLjE5MDkzZS0wNkM2OC4zMTM3IC0yLjk4NjA4ZS0wNiA2NC41MTQ2IDMuNzk5MDMgNjQuNTE0NiA4LjQ4NTM4TDY0LjUxNDYgMjFDNjQuNTE0NiAyOS4yODQzIDU3Ljc5ODkgMzYgNDkuNTE0NiAzNkwyMi43MDE4IDM2WiIgZmlsbD0iIzRBNEE0QSIvPgo8L3N2Zz4K) } .page-lang-m__btn:focus, .search-box input { outline: 0 } .page-lang-m__btn:not(.active) { width: 42px } .page-404 { position: relative; overflow: hidden; width: 100%; background: -o-radial-gradient(66.88% 53.59%, 79.12% 86.36%, #856146 0, #34261d 100%); background: radial-gradient(79.12% 86.36% at 66.88% 53.59%, #856146 0, #34261d 100%) } .page-404:after { content: ''; background: -o-linear-gradient(bottom, rgba(0, 0, 0, .2) 4.48%, rgba(0, 0, 0, 0) 46.13%); background: -webkit-gradient(linear, left bottom, left top, color-stop(4.48%, rgba(0, 0, 0, .2)), color-stop(46.13%, rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, .2) 4.48%, rgba(0, 0, 0, 0) 46.13%); height: 100%; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1 } .page-404__logo { position: absolute; left: -87px; top: 70px; z-index: 2; -webkit-transition: .5s ease-in-out .3s; -o-transition: .5s ease-in-out .3s; transition: .5s ease-in-out .3s; transform: translateX(-200px); opacity: 0 } .page-404__logo-txt, .page-404__title { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); opacity: 0 } .page-404__container { display: -webkit-flex; -webkit-align-items: center; min-height: 750px; height: 100vh; position: relative; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1525px; margin: 0 auto; padding-left: 30px; padding-right: 30px } .colors-list, .colors-list__item { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox } .page-404__title { font-style: normal; font-weight: 700; font-size: 42px; line-height: 54px; color: #fff; position: relative; padding: 0; letter-spacing: .8px; margin: -5px 0 20px; -webkit-transition: .5s ease-in-out .4s; -o-transition: .5s ease-in-out .4s; transition: .5s ease-in-out .4s; transform: translateX(-200px); } .page-404__subtitle { font-size: 1.7em; line-height: 1.3; color: #fff; text-transform: initial; font-weight: normal; position: relative; -webkit-transition: .5s ease-in-out .4s; -o-transition: .5s ease-in-out .4s; transition: .5s ease-in-out .4s; transform: translateX(-200px); -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); opacity: 0; } .page-404__block { margin-left: -webkit-calc(8.33333% + 15px); margin-left: calc(8.33333% + 15px); position: relative; z-index: 2 } a.page-404__btn { -webkit-align-items: center; -webkit-justify-content: center; display: inline-flex; color: #ffffff !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; background-color: transparent; padding: 29px 34.33px; font-size: 20px; line-height: 19px; letter-spacing: .2px; text-transform: uppercase; text-align: center; position: relative; outline: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; border: 1px solid #ffffff } .colors-list__item p, .colors-list__item span { margin: 0; line-height: 20px; letter-spacing: .1px; color: #fff; text-align: center } button.swal2-close, button[disabled] { outline: 0 !important } a.page-404__btn svg { position: relative; margin-left: 24px; left: 0; -webkit-transition: left .4s ease-in-out; -o-transition: left .4s ease-in-out; transition: left .4s ease-in-out } a.page-404__btn svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out } a.page-404__btn:focus { text-decoration: none; background-color: #2d2d2d } a.page-404__btn:hover { text-decoration: none; color: #2d2d2d; background-color: #5c5c5c } a.page-404__btn:hover svg { left: 25px } a.page-404__btn:active { text-decoration: none; background-color: #2d2d2d; } .page-404__bg img { height: -webkit-calc(100% - 4.8vw); position: absolute; right: -40px; height: calc(100% - 4.8vw); bottom: 0 } .test__header { position: fixed; z-index: 2; left: 0; top: 0; bottom: 0; width: 66px; background: #5c5c5c; -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .08); box-shadow: 0 4px 40px rgba(0, 0, 0, .08) } .test__footer { width: 100%; height: 100px; background: #2d2d2d } .list-1 { -webkit-transform: rotateZ(20deg); -ms-transform: rotate(20deg); transform: rotateZ(20deg); -webkit-transition: -webkit-transform .5s 1s; transition: transform .5s; -o-transition: transform .5s 1s } .list-2 { -webkit-transform: rotateZ(30deg); -ms-transform: rotate(30deg); transform: rotateZ(30deg); -webkit-transition: -webkit-transform .5s 1s; transition: transform .5s; -o-transition: transform .5s 1s } .anim-1, .anim-2 { -webkit-transform: rotateZ(0); -ms-transform: rotate(0); transform: rotateZ(0) } .page-404__logo-txt { -webkit-transition: .5s ease-in-out .3s; -o-transition: .5s ease-in-out .3s; transition: .5s ease-in-out .3s; transform: translateX(-200px) } .page-404__btn { transition: .4s ease-in-out, opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s; opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px) } .pi-card, .un-line::before { -webkit-transition: .3s; -o-transition: .3s } .page-loaded .list-1, .page-loaded .list-2 { -webkit-transform: none; -ms-transform: none; transform: none } .rules-checkbox .error { right: auto; left: 0; } .rules-checkbox--distr.rules-checkbox label.error { left: 0; top: auto; bottom: -15px; text-align: right } .event-detail-footer__share-label, .m-custom-scrollbar .mCSB_inside > .mCSB_container { margin-right: 10px } .image-book-section__tab-list { margin-bottom: 50px } .image-book-section__slider-2 { margin-bottom: 80px } .image-book-section__slider-3 { margin-bottom: 100px } .preload-bg { background: url(/verstka/img/preloader/preloader.gif) center no-repeat } .image-book-slider__cell { width: 100%; height: 500px; overflow: hidden; position: relative } .image-book-slider__colors-list { position: absolute; left: 30px; bottom: 30px } .colors-list { -webkit-flex-wrap: wrap; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 2 } .colors-list__item { -webkit-align-items: center; -webkit-justify-content: center; -webkit-flex-direction: column; border-radius: 50%; height: 90px; width: 90px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .colors-list__item p { font-weight: 700; font-size: 18px } .colors-list__item span { display: block; font-size: 12px } .colors-list__item:not(:last-child) { margin-right: 20px } .ib-slider, .products-image-slider { margin-left: -16px; margin-right: -16px } .ib-slider__cell, .products-image-slider__cell { margin: 0 16px } .products-image-slider-wrap__title { font-weight: 700; font-size: 26px; line-height: 25px; text-align: center; letter-spacing: .02em; text-transform: uppercase } .distribution-slider .swiper-wrapper, .ib-slider__cell, .products-image-slider__cell { height: auto } .tab-list { display: -webkit-flex; -webkit-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .tab-list__item { font-size: 20px; line-height: 28px; letter-spacing: .1px; cursor: pointer; color: #000 } .tab-list__item:not(:last-child) { margin-right: 50px } .un-line::before { content: ""; display: block; position: absolute; bottom: -10px; left: 0; width: 100%; height: 3px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: .3s; background: #5c5c5c; z-index: 2 } .un-line.active:before, .un-line:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .ib-card { background: 0 0; border: 1px solid #c9c9c9; box-sizing: border-box; -webkit-transition: .3s !important; -o-transition: .3s !important; transition: .3s !important; display: block; min-height: 354px; cursor: pointer } .b-btn, .pi-card { -webkit-box-sizing: border-box } .ib-card__header { padding: 36px 36px 14px } .ib-card__image { height: 218px; width: 100%; position: relative } .ib-card__sub-title { font-size: 14px; line-height: 24px; letter-spacing: .1px; color: #2d2d2d; display: block; margin-bottom: 3px } .ib-card__title { font-size: 20px; line-height: 26px; letter-spacing: .1px; display: block; overflow: hidden; display: -webkit-box; margin: 0 } .ib-card__label { position: absolute; top: 10px; right: 10px; z-index: 2 } .ib-card-label { height: 40px; width: 40px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;' } .cat-card__img, .modal-card__img, .pi-card__img img { top: 0; bottom: 0; font-family: 'object-fit: contain;'; left: 0; right: 0 } .ib-card-label--bx { background-image: url(/verstka/img/ib-card/bx.svg) } .ib-card-label--oxy { background-image: url(/verstka/img/ib-card/oxygenO2.svg) } .slick-arrow-nav .slick-arrow { width: 20px; height: 37px; background-size: cover; z-index: 10 } .slick-arrow-nav .slick-prev { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAyMCAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTExODkgMTguNzY2OEwxLjExMTg4IDE4Ljc2NjhDMC45NjI3MTQgMTguNjE4NSAwLjk2MjcxNCAxOC4zODA2IDEuMTExODggMTguMjMyM0wxOC4zMzM1IDEuMTEzNjhMMTcuNjI4NSAwLjQwNDQ1M0wxOC4zMzM1IDEuMTEzNjdDMTguNDg2IDAuOTYyMTA1IDE4LjczNTYgMC45NjIxMDUgMTguODg4MSAxLjExMzY3QzE5LjAzNzMgMS4yNjE5NSAxOS4wMzczIDEuNDk5ODQgMTguODg4MSAxLjY0ODExTDIuNjQ4ODEgMTcuNzkwM0wxLjkzNTM1IDE4LjQ5OTVMMi42NDg3OSAxOS4yMDg4TDE4Ljg4NzkgMzUuMzUxOUwxOC44ODc5IDM1LjM1MTlDMTkuMDM3MSAzNS41MDAxIDE5LjAzNzEgMzUuNzM4MSAxOC44ODc5IDM1Ljg4NjNDMTguNzM1NSAzNi4wMzc5IDE4LjQ4NTggMzYuMDM3OSAxOC4zMzMzIDM1Ljg4NjNDMTguMzMzMyAzNS44ODYzIDE4LjMzMzMgMzUuODg2MyAxOC4zMzMzIDM1Ljg4NjNMMS4xMTE4OSAxOC43NjY4WiIgZmlsbD0iIzdEQkEwMCIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==) } .slick-arrow-nav .slick-next { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAyMCAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljg4ODEgMTguMjMzMkwxOC44ODgxIDE4LjIzMzJDMTkuMDM3MyAxOC4zODE1IDE5LjAzNzMgMTguNjE5NCAxOC44ODgxIDE4Ljc2NzdMMS42NjY1MyAzNS44ODYzTDIuMzcxNTEgMzYuNTk1NUwxLjY2NjUyIDM1Ljg4NjNDMS41MTQwNCAzNi4wMzc5IDEuMjY0MzYgMzYuMDM3OSAxLjExMTg4IDM1Ljg4NjNDMC45NjI3MTYgMzUuNzM4MSAwLjk2MjcxNiAzNS41MDAyIDEuMTExODggMzUuMzUxOUwxNy4zNTEyIDE5LjIwOTdMMTguMDY0NyAxOC41MDA1TDE3LjM1MTIgMTcuNzkxMkwxLjExMjA3IDEuNjQ4MTRMMS4xMTIwNSAxLjY0ODEyQzAuOTYyODg4IDEuNDk5ODUgMC45NjI4ODggMS4yNjE5NSAxLjExMjA1IDEuMTEzNjhDMS4yNjQ1MiAwLjk2MjExNCAxLjUxNDE5IDAuOTYyMTA4IDEuNjY2NjcgMS4xMTM2NkMxLjY2NjY4IDEuMTEzNjYgMS42NjY2OCAxLjExMzY3IDEuNjY2NjkgMS4xMTM2OEwxOC44ODgxIDE4LjIzMzJaIiBmaWxsPSIjN0RCQTAwIiBzdHJva2U9IiM0QTRBNEEiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K) } .pi-card { background: 0 0; box-sizing: border-box; transition: .3s; display: block } .b-btn, a.b-btn { -webkit-transition: .3s; -o-transition: .3s } .cat-card--offset-bottom, .pi-card__header, .ui-datepicker .ui-datepicker-header { padding: 0 } .pi-card__image { height: 282px; width: 100%; position: relative } .modal-card__img, .pi-card__img img { position: absolute; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .pi-card__sub-title { font-size: 14px; line-height: 24px; letter-spacing: .1px; color: #2d2d2d; display: block; margin-bottom: 0; margin-top: 5px } .pi-card__title { font-size: 20px; line-height: 26px; letter-spacing: .1px; color: #000; overflow: hidden; display: block; display: -webkit-box; margin: 14px 0 0 } .b-btn, .show-more-btn { line-height: 15px; letter-spacing: .3px; text-transform: uppercase; text-align: center; outline: 0; text-decoration: none } .pi-card__meta { text-align: center; padding: 0 20px } a.b-btn { color: #fff; transition: .3s } .m-btn:focus, .m-btn:hover, a.b-btn:focus, a.b-btn:hover { background: #5c5c5c } a.b-btn:active { background: #000 } .b-btn { display: inline-flex; justify-content: center; background: #2d2d2d; border: none; font-size: 16px; padding: 23px 30px; color: #fff; box-sizing: border-box; transition: .3s } .download-btn, .show-more-btn { font-size: 16px; color: #5c5c5c; font-weight: 700 } .card-map, .cat-card { -webkit-box-sizing: border-box } .autocomplete-items__item, .show-more-btn { -webkit-transition: .3s; -o-transition: .3s; cursor: pointer } .b-btn:focus, .b-btn:hover { border-color: #5c5c5c; color: #fff; background: #5c5c5c } .b-btn:active { border-color: #462b13; color: #fff; background: #462b13 } .flex-items-align-end { -webkit-align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .product-price-line__btn-wrap { padding-bottom: 30px; position: relative; width: 100% } .product-price-line--offset { margin-top: 17px } .submit-line--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 35px } .submit-line__left--vertical { padding-bottom: 27px } .submit-line__right--vertical { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .page-col-cooperation { width: 33.33333% } .show-more-btn { display: -webkit-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: 0 0; border: 2px solid #5c5c5c; padding: 23px 30px; transition: .3s } .cat-card span, .download-btn, .masters-card span { display: block } .show-more-btn svg { margin-left: 17px } .show-more-btn svg path { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s } .show-more-btn__icon { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; fill: #5c5c5c } .show-more-btn:active .show-more-btn__icon, .show-more-btn:focus .show-more-btn__icon, .show-more-btn:focus path, .show-more-btn:hover .show-more-btn__icon, .show-more-btn:hover path { fill: #fff } .main-form li[data-key]:hover, .show-more-btn:hover { background: #5c5c5c; color: #fff } .show-more-btn:focus { background: #2d2d2d; color: #fff } .download-btn { line-height: 24px; letter-spacing: .01px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-top: 20px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s } .download-btn path { fill: currentcolor } .download-btn__icon { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; margin-left: 5px } .download-btn:hover { color: #fff; fill: #fff } .download-btn:hover .download-btn__icon, .show-more-btn:active path, a.show-link:hover svg { fill: #fff } .download-btn:hover .download-btn__icon path, .download-btn:hover path { fill: currentcolor } .section-masonry { background: #f7f5f5; padding-top: 52px } .masonry { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -14px } .masonry__item { padding: 14px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } .masonry__item.animate-in { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .masonry__item.animate-in .cat-card__image { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } .masonry__item .cat-card__image { -webkit-transition: .5s ease-in-out .2s; -o-transition: .5s ease-in-out .2s; transition: .5s ease-in-out .2s; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .masonry__row { -webkit-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 25% } .custom-control__checkbox, .jq-file.swal2-file, .js-fading-el, .masonry__row--2, .masonry__row--3, .masonry__row--4, .si-close-button, .visible-xs, [data-hidden-gallery] { display: none } .cat-card, .masters-map__title-wrap { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox } .container-width { max-width: 1255px; margin: 0 auto } .catalog-load-btn-wrap { text-align: center; padding-bottom: 99px; margin-top: -35px } .main-slider__text--pt { padding-top: 180px } .catalog-section-title { font-size: 42px; line-height: 54px; letter-spacing: .02em; padding-bottom: 9px } .masonry__row.masonry__row--1::-webkit-scrollbar { width: 0 !important; background: 0 0 !important } .section-catalog-products { padding: 112px 0 0 } .cat-card { -webkit-flex-direction: column; box-sizing: border-box; padding-top: 22px; background: #c9c9c9; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-bottom: 30px } .cat-card--offset-bottom .cat-card__img { position: relative; height: auto; max-width: 100% } .cat-card--offset-bottom .cat-card__image { -webkit-order: 2; bottom: -72px; height: auto; padding-top: 9%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .cat-card--offset-bottom .cat-card__footer { -webkit-order: 2; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .cat-card--offset-bottom .cat-card__meta { text-align: left; padding-left: 38px; padding-top: 25px } .cat-card--offset-bottom .cat-card__title { font-size: 26px; line-height: 34px; margin: 0 } .cat-card--bg-img .cat-card__image { position: initial; -webkit-transform: initial !important; -ms-transform: initial !important; transform: initial !important } .custom-control__inp-wrap svg, .geo-modal-wrap { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .cat-card--bg-img .cat-card__img { -o-object-fit: cover; object-fit: cover; max-width: 100%; font-family: 'object-fit: cover;' } .cat-card__image { position: relative; height: 190px } .cat-card__img { position: absolute; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; max-width: 205px; margin: 0 auto } .cat-card__title { font-size: 20px; line-height: 28px; letter-spacing: .02px; color: #000; margin: 0 0 8px } .cat-card__sub { font-size: 14px; line-height: 13px; letter-spacing: .01em; color: #2d2d2d; margin: 0 } .cat-card__footer { background: #f7f5f5; height: 70px; margin-top: auto } .cat-card__meta { position: relative; text-align: center } .section-catalog-products .js-load-btn { margin-bottom: 99px } .m-btn { display: -webkit-inline-flex; background: #896752; border: none; outline: 0; font-weight: 700; font-size: 16px; padding: 23px 30px; line-height: 15px; text-align: center; text-decoration: none; letter-spacing: .3px; color: #fff !important; text-transform: uppercase; -webkit-transition: .3s !important; -o-transition: .3s !important; transition: .3s !important } .custom-control__label, .f-list__link { -webkit-transition: color .3s; -o-transition: color .3s } .custom-control__legend { font-size: 18px; line-height: 28px; letter-spacing: .01px; color: #896752; margin-bottom: 4px } .custom-control__inp-wrap { position: relative; height: 50px; border: 1px solid #5c5c5c } .custom-control__inp-wrap svg { position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } .custom-control__inp { background: 0 0; width: 100%; height: 100%; border: none; font-size: 16px; line-height: 24px; padding-left: 16px; letter-spacing: .01px; color: #000 } .custom-control__label { display: block; padding-left: 28px; position: relative; cursor: pointer; letter-spacing: .1px; font-size: 14px; line-height: 22px; transition: color .3s } .custom-control__label:hover, .form-line__select, .invalid-psw, a.show-link { color: #5c5c5c } .custom-control__label:not(:last-child) { margin: 10px 0 13px } .custom-control__checkbox:checked + span:after { -webkit-transform: rotate(-47deg) scale(1); -ms-transform: rotate(-47deg) scale(1); transform: rotate(-47deg) scale(1) } .custom-control__fake-checkbox { cursor: pointer; position: absolute; top: 2px; left: 0; display: block; width: 16px; height: 16px; content: ""; background: center center/50% 50% no-repeat; border: 1px solid #5c5c5c } .masters-card__image, img.card-map__img[src=""]:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDIwLjggNDIwLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyMC44IDQyMC44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBmaWxsPSIjZmZmIj4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBkPSJNNDA2LjgsOTYuNGMtOC40LTguOC0yMC0xNC0zMy4yLTE0aC02Ni40di0wLjhjMC0xMC00LTE5LjYtMTAuOC0yNmMtNi44LTYuOC0xNi0xMC44LTI2LTEwLjhoLTEyMA0KCQkJCWMtMTAuNCwwLTE5LjYsNC0yNi40LDEwLjhjLTYuOCw2LjgtMTAuOCwxNi0xMC44LDI2djAuOGgtNjZjLTEzLjIsMC0yNC44LDUuMi0zMy4yLDE0Yy04LjQsOC40LTE0LDIwLjQtMTQsMzMuMnYxOTkuMg0KCQkJCUMwLDM0Miw1LjIsMzUzLjYsMTQsMzYyYzguNCw4LjQsMjAuNCwxNCwzMy4yLDE0aDMyNi40YzEzLjIsMCwyNC44LTUuMiwzMy4yLTE0YzguNC04LjQsMTQtMjAuNCwxNC0zMy4yVjEyOS42DQoJCQkJQzQyMC44LDExNi40LDQxNS42LDEwNC44LDQwNi44LDk2LjR6IE00MDAsMzI4LjhoLTAuNGMwLDcuMi0yLjgsMTMuNi03LjYsMTguNHMtMTEuMiw3LjYtMTguNCw3LjZINDcuMg0KCQkJCWMtNy4yLDAtMTMuNi0yLjgtMTguNC03LjZjLTQuOC00LjgtNy42LTExLjItNy42LTE4LjRWMTI5LjZjMC03LjIsMi44LTEzLjYsNy42LTE4LjRzMTEuMi03LjYsMTguNC03LjZoNzcuMg0KCQkJCWM2LDAsMTAuOC00LjgsMTAuOC0xMC44VjgxLjJjMC00LjQsMS42LTguNCw0LjQtMTEuMnM2LjgtNC40LDExLjItNC40aDExOS42YzQuNCwwLDguNCwxLjYsMTEuMiw0LjRjMi44LDIuOCw0LjQsNi44LDQuNCwxMS4yDQoJCQkJdjExLjZjMCw2LDQuOCwxMC44LDEwLjgsMTAuOEgzNzRjNy4yLDAsMTMuNiwyLjgsMTguNCw3LjZzNy42LDExLjIsNy42LDE4LjRWMzI4Ljh6Ii8+DQoJCQk8cGF0aCBkPSJNMjEwLjQsMTMwLjhjLTI3LjIsMC01MiwxMS4yLTY5LjYsMjguOGMtMTgsMTgtMjguOCw0Mi40LTI4LjgsNjkuNnMxMS4yLDUyLDI4LjgsNjkuNmMxOCwxOCw0Mi40LDI4LjgsNjkuNiwyOC44DQoJCQkJczUyLTExLjIsNjkuNi0yOC44YzE4LTE4LDI4LjgtNDIuNCwyOC44LTY5LjZzLTExLjItNTItMjguOC02OS42QzI2Mi40LDE0MiwyMzcuNiwxMzAuOCwyMTAuNCwxMzAuOHogTTI2NC44LDI4NA0KCQkJCWMtMTQsMTMuNi0zMy4yLDIyLjQtNTQuNCwyMi40UzE3MCwyOTcuNiwxNTYsMjg0Yy0xNC0xNC0yMi40LTMzLjItMjIuNC01NC40YzAtMjEuMiw4LjgtNDAuNCwyMi40LTU0LjQNCgkJCQljMTQtMTQsMzMuMi0yMi40LDU0LjQtMjIuNHM0MC40LDguOCw1NC40LDIyLjRjMTQsMTQsMjIuNCwzMy4yLDIyLjQsNTQuNEMyODcuNiwyNTAuOCwyNzguOCwyNzAsMjY0LjgsMjg0eiIvPg0KDQoJCTwvZz4NCgk8L2c+DQo8L2c+DQoNCjwvc3ZnPg0K); background-position: center; background-repeat: no-repeat } .custom-control__fake-checkbox:after { content: ''; position: absolute; width: 8px; height: 5px; border-bottom: 2px solid #5c5c5c; border-left: 2px solid #5c5c5c; -webkit-transform: rotate(-47deg) scale(0); -ms-transform: rotate(-47deg) scale(0); transform: rotate(-47deg) scale(0); left: 2px; top: 2px; -webkit-transition: -webkit-transform .3s; transition: transform .3s; -o-transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .masters-card { display: block; text-align: center } .masters-card__image { position: relative; height: 260px; max-width: 260px; margin: 0 auto; border-radius: 50%; overflow: hidden; background-color: #929292; background-size: 89.36px } .masters-card__header { padding: 0 10px } .masters-card__meta { padding: 23px 10px 0 } .masters-card__meta div, .masters-card__meta h3, .masters-card__meta p { overflow: hidden; max-width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis } .masters-card__icon { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%) } .masters-card__title { font-size: 20px; line-height: 24px; text-align: center; letter-spacing: .01px; color: #000; font-weight: 400; text-transform: initial; padding: 0; margin-bottom: 5px; margin-top: 4px } .masters-card__nick, .masters-card__sub-title { font-size: 14px; line-height: 22px; text-align: center; letter-spacing: .01px; color: #2d2d2d } .show-more-btn:active { background: #ad996a; color: #fff } .autocomplete-items { width: -webkit-calc(100% + 2px); position: absolute; z-index: 99; top: calc(100% - 1px); right: 0; left: -1px; width: calc(100% + 2px); overflow: auto; background-color: #f7f5f5; border-left: 1px solid #5c5c5c; border-right: 1px solid #5c5c5c; border-bottom: 1px solid #5c5c5c } .autocomplete-items__wrap { max-height: 143px; overflow: auto; padding: 0 10px 10px 15px } .autocomplete-items__wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #5c5c5c; border-radius: 6px } .autocomplete-items__wrap .mCSB_scrollTools .mCSB_dragger { height: 33.3px } .autocomplete-items__wrap .mCSB_scrollTools .mCSB_draggerRail { background: rgba(198, 198, 198, .3); border-radius: 2px; width: 2px } .autocomplete-items__item { font-size: 16px; line-height: 24px; letter-spacing: .01px; color: #2d2d2d; padding: 5px 0; transition: .3s } .autocomplete-items__item--empty-result { font-size: 12px } .autocomplete-items__item strong { color: #2d2d2d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .autocomplete-items__item:hover, .autocomplete-items__item:hover strong { color: #5c5c5c !important } .autocomplete { position: relative } .masters-map__title { padding-bottom: 35px } .masters-map__map { height: 624px; width: 100% } .masters-map__title-wrap { -webkit-flex-wrap: wrap; -webkit-align-items: flex-start; -webkit-justify-content: space-between; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .wrap-map, .wrap-map__right { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox } .wrap-map { -webkit-flex-wrap: wrap; padding-bottom: 100px; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -9px } .wrap-map__left { width: 308px } .wrap-map__right { width: -webkit-calc(100% - 308px); -webkit-flex-direction: column; width: calc(100% - 308px); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wrap-map__col { padding: 0 9px } .wrap-map__container { display: -webkit-flex; -webkit-flex-wrap: wrap; margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .wrap-map__btn-wrap { text-align: center; margin-top: auto } .fm-form__legend { padding-top: 19px } .loaded-item { display: none; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .card-skew, .show-link-arrow, .si-content, .window-content { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox } .loaded-item:first-child, .loaded-item:nth-child(10), .loaded-item:nth-child(11), .loaded-item:nth-child(12), .loaded-item:nth-child(2), .loaded-item:nth-child(3), .loaded-item:nth-child(4), .loaded-item:nth-child(5), .loaded-item:nth-child(6), .loaded-item:nth-child(7), .loaded-item:nth-child(8), .loaded-item:nth-child(9) { display: block !important; opacity: 1 !important } .card-skew, .show-link-arrow, .si-content { display: flex } [class*=si-wrapper] { height: auto; min-height: auto } .window-image img { height: auto; max-width: 100% } .si-content-wrapper { min-width: 364px } .window-content { -webkit-flex-direction: column; -webkit-justify-content: center; 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 } .si-float-wrapper { position: absolute; top: -37px !important; left: auto; right: 616px; margin: auto; width: 265px !important } .card-map { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px 10px 11px; box-sizing: border-box } .card-map__icon { position: absolute; left: 50%; bottom: 7px; z-index: 3; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .card-map__image, .icon-input, .masters-banner, .t-underline, .ww-section .page-width, img.card-map__img[src=""] { position: relative } .card-map__image { -webkit-flex-shrink: 0; width: 136px; height: 136px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; overflow: hidden } img.card-map__img[src=""]:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background-color: #e8e4db; background-size: 30.36px } .card-map__span { font-size: 14px; line-height: 22px; letter-spacing: .01px; color: #2d2d2d; display: block; word-wrap: break-word; margin: 0 } .card-map__content, .horizontal-form__col { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox } .card-map__inner { max-width: 200px } .card-map__title { font-size: 20px; line-height: 24px; letter-spacing: .01px; color: #000; margin: 5px 0; padding: 0; font-style: normal; font-weight: 400; text-transform: capitalize } .card-map__content { -webkit-align-items: center; padding-left: 20px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .masters-map-map-wrap { position: relative; width: 100%; overflow: hidden } .card-map-wrap { position: absolute; top: 50%; right: 9.7vw; z-index: 10; background: #fff; -webkit-transition: .5s ease-in-out .1s; -o-transition: .5s ease-in-out .1s; transition: .5s ease-in-out .1s; -webkit-transform: translate(200%, -50%); -ms-transform: translate(200%, -50%); transform: translate(200%, -50%); max-width: 450px; opacity: 0; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15); box-shadow: 0 4px 4px rgba(0, 0, 0, .15) } .card-map-wrap.active { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1 } .masters-banner__title, .ui-datepicker-current-day:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) } .custom-scrollbar::-webkit-scrollbar { width: 2px; height: 2px; position: absolute; right: 10px } .card-map__close-btn { background: 0 0; border: none; height: 35px; width: 35px; position: absolute; right: 5px; top: 5px; outline: 0 } .card-map__close-btn-icon { height: 10px; width: 10px } .custom-scrollbar::-webkit-scrollbar-thumb { background: #5c5c5c; height: 10px } .custom-scrollbar::-webkit-scrollbar-track { background: rgba(198, 198, 198, .3) } .masters-banner__title { font-weight: 700; font-size: 36px; line-height: 46px; text-align: center; letter-spacing: .02em; color: #fff; position: absolute; top: calc(50% + 15px); left: 50%; transform: translate(-50%, -50%) } .horizontal-form__col:first-child, .horizontal-form__col:nth-child(2) { -ms-grid-row: 1; -webkit-transform: translateY(100px); -ms-transform: translateY(100px) } .masters-banner__img { width: 100%; max-height: 50vw; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; font-family: 'object-fit: cover; object-position: top;'; max-width: inherit } .catalog-modal__slider-cell img, .m-card-slider__img { -o-object-fit: contain; font-family: 'object-fit: contain;' } [data-more-content].active { max-height: 100% !important } .tabs-content__more-text > p:first-child { margin-top: 0 !important } .horizontal-form { display: -ms-grid; display: grid; position: relative; z-index: 9; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns:repeat(4, 1fr); grid-template-areas:"city col1 col2 col3"; grid-column-gap: 30px; -webkit-box-sizing: border-box; box-sizing: border-box } .horizontal-form--mb { margin-bottom: 29px } .horizontal-form__title { padding: 0; margin-bottom: 1px } .horizontal-form__label { height: 50px; margin-top: auto; padding-top: 10px } .horizontal-form__col { -webkit-flex-direction: column; -webkit-justify-content: flex-end; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .achievements-list, .waw-section__top { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox } .horizontal-form__col:first-child { -ms-grid-column: 1; grid-area: city; transform: translateY(100px); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; opacity: 0 } .horizontal-form__col:nth-child(2) { -ms-grid-column: 3; grid-area: col1; transform: translateY(100px); -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; opacity: 0 } .horizontal-form__col:nth-child(3), .horizontal-form__col:nth-child(4) { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -ms-grid-row: 1 } .horizontal-form__col:nth-child(3), .waw-section__desc { -webkit-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; opacity: 0 } .horizontal-form__col:nth-child(3) { -ms-grid-column: 5; grid-area: col2; transform: translateY(100px); transition: .7s ease-in-out } .horizontal-form__col:nth-child(4) { -ms-grid-column: 7; grid-area: col3; transform: translateY(100px); -webkit-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; opacity: 0 } .horizontal-form__checkbox { top: 12px } .horizontal-form__control--grow-1 { -webkit-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .brands-slider { margin: 0 -15px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; opacity: 0 } .brands-slider-btn-wrap { padding-top: 56px; text-align: center; padding-bottom: 83px } .waw-section__top { -webkit-justify-content: space-between; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -120px; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; opacity: 0 } .waw-section__bottom { padding-top: 83px; padding-bottom: 183px; background: #c9c9c9 } .waw-section__video { width: 612px; height: 360px; margin-top: 14px } .waw-section__title { padding-bottom: 25px; font-weight: 700; line-height: 1.5; letter-spacing: .02em } .waw-section__desc p, .waw-section__sub-title { letter-spacing: .01em; color: #2d2d2d } .waw-section__sub-title { line-height: 28px; margin-bottom: 32px } .waw-section__desc { max-width: 505px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); transition: .7s ease-in-out } .achievements-list { -webkit-justify-content: space-between; -webkit-flex-wrap: wrap; display: flex; padding: 0 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .achievements-list__image, .achievements-list__item { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox } .achievements-list__meta { position: absolute; text-align: center; bottom: -130px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .achievements-list__title { padding: 0; font-weight: 700; font-size: 48px; line-height: 1.4; text-align: center; letter-spacing: .02em; color: #2d2d2d; white-space: nowrap } .achievements-list__sub-title { font-weight: 700; font-size: 20px; line-height: 28px; text-align: center; letter-spacing: .01em; color: #2d2d2d } .img-grid__title, .video-block__title { letter-spacing: .02em; font-weight: 700; text-transform: uppercase } .achievements-list__item { -webkit-flex-direction: column; -webkit-align-items: center; position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .achievements-list__image { -webkit-align-items: center; -webkit-justify-content: center; width: 91px; height: 91px; position: relative; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .02); box-shadow: 0 10px 50px rgba(0, 0, 0, .02) } .achievements-list__icon { width: 42px; height: 42px } .gallery-grid { display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: center; margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .gallery-grid__item { padding: 0 15px; width: 33.3333%; margin-bottom: 30px; display: none } .gallery-grid__link { position: relative; height: 266px; width: 100%; display: block } .gallery-grid__btn { margin-bottom: 72px } .video-block { width: 100%; position: relative; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; transition: .7s ease-in-out } .video-block__title { text-align: center; color: #fff; padding-bottom: 30px } .video-block__link { height: 360.26px; padding-top: 96px; width: 100%; display: block; background-repeat: no-repeat; background-size: cover } .video-block__link:hover .video-block__btn { background: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .video-block__link:hover .video-block__btn svg { fill: #2D2D2D } .video-block__btn { display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; border: 3px solid #fff; width: 80px; height: 80px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .scew-video-card__btn, .video-block__btn svg { -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .video-block__btn svg { fill: #fff; margin-left: 2px; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .gallery-grid-section__title { line-height: 1 } .gallery-grid-section__grid { margin-bottom: 33px !important } .gallery-grid-section__sub-title { padding-bottom: 68px } .t-underline:after { position: absolute; left: 0; bottom: 16px; content: ''; width: 40px; height: 3px; background: #5c5c5c } .card-skew__desc, .card-skew__desc h3, .card-skew__desc p, .card-skew__image, .cart-m-card, .cart-m-card__image, .img-grid__desc, .img-grid__item, .img-grid__title, .modal-card__image, .substrate, .ww-section { position: relative } .img-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0 1fr; grid-template-columns:repeat(2, 1fr); -ms-grid-rows: auto 0 auto; grid-template-areas:"img1 img2" "img1 img3"; grid-gap: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .img-grid__title { z-index: 2; color: #fff; padding-bottom: 34px } .img-grid__item { display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 84px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 4vw } .arrow-link, .show-link { display: -webkit-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox } .img-grid__item:first-child { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; height: 814px; padding-bottom: 82px; grid-area: img1; opacity: 0; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .img-grid__item:first-child .img-grid__title { padding-bottom: 63px } .img-grid__item:first-child .img-grid__title.t-underline:after { bottom: 30px } .img-grid__item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: img2; padding-bottom: 96px; opacity: 0; -webkit-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; transition: .7s ease-in-out } .img-grid__item:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: img3; padding-bottom: 56px; opacity: 0; -webkit-transition: .9s ease-in-out; -o-transition: .9s ease-in-out; transition: .9s ease-in-out } .img-grid__desc { z-index: 2; font-size: 18px; line-height: 28px; letter-spacing: .01em; margin-bottom: 30px; color: #fff } .cart-modal--em-parent, .show-link { font-size: 16px } .img-grid__desc--max-w300 { max-width: 300px } .img-grid__link, .section-buy-crs .page-width, .section-full-screen__container, .section-items-list .page-width { position: relative; z-index: 2 } .substrate { -webkit-backface-visibility: hidden; backface-visibility: hidden } .substrate::before { -webkit-backface-visibility: hidden; backface-visibility: hidden; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .3; z-index: 1 } .show-link { -webkit-align-items: center; font-weight: 700; display: inline-flex; line-height: 24px; letter-spacing: .01em; color: #5c5c5c; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .card-skew__desc h3, .cart-modal__title, .earth-section__title { letter-spacing: .02em; font-weight: 700 } .show-link svg { margin-left: 10.36px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; fill: #5c5c5c } .earth-section { padding: 88.48px 0 38.57px; text-align: center; background: rgba(237, 233, 223, .7) } .earth-section__title { max-width: 694px; margin-left: auto; margin-right: auto; text-align: center; text-transform: uppercase; color: #2d2d2d; padding-bottom: 127px } .ww-section { padding-top: 88px } .ww-section:before { content: ''; position: absolute; top: 37px; right: 0; height: 609px; width: 80%; background: rgba(237, 233, 223, .7) } .ww-section__history-preview { margin-top: 180px; margin-bottom: 100px } .ww-section__card-skew { margin-top: 180px; margin-bottom: 103px } .card-skew__image { -webkit-flex-shrink: 0; width: 51%; height: 466px; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; opacity: 0 } .card-skew__desc { background: #896752; padding: 60px 50px 20px 47px; top: -69px; -webkit-transition: .6s ease-in-out .1s; -o-transition: .6s ease-in-out .1s; transition: .6s ease-in-out .1s; opacity: 0 } .card-skew__desc:before { content: ''; position: absolute; left: -58px; width: 100%; background: #896752; height: 100%; top: 0 } .card-skew__desc h3 { font-size: 34px; line-height: 1.4; color: #fff; text-transform: initial; z-index: 1; padding-bottom: 23px } .card-skew__desc p { font-weight: 300; font-size: 26px; line-height: 1.4; letter-spacing: .01em; color: #fff; margin-bottom: 32px; z-index: 1; max-width: 400px } .card-skew__btn { padding: 24px 40px } .brand-trainer-section__show-more-btn { margin: 56px auto 0 } .horizontal-form__col:first-child.animate-in { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } .brands-slider.animate-in, .horizontal-form__col:nth-child(2).animate-in, .horizontal-form__col:nth-child(3).animate-in, .horizontal-form__col:nth-child(4).animate-in { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } .card-skew.animate-in .card-skew__image, .waw-section__desc.animate-in, .waw-section__top.animate-in { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } .gallery-grid__item:first-child, .gallery-grid__item:nth-child(2) { -webkit-transform: translateY(100px); -ms-transform: translateY(100px) } .waw-section__bottom .page-width { opacity: 0; -webkit-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out } .cart-modal__head.anim, .gallery-grid__item:first-child { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .waw-section__bottom .page-width.animate-in, [style="display: inline-block;"] .fancybox-close-btn.anim { opacity: 1 } .gallery-grid__item:first-child { transform: translateY(100px); transition: .5s ease-in-out; display: block } .gallery-grid__item:nth-child(2) { transform: translateY(100px); -webkit-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; transition: .7s ease-in-out; display: block } .gallery-grid__item:nth-child(3), .gallery-grid__item:nth-child(4) { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); display: block } .gallery-grid__item:nth-child(3) { transform: translateY(100px); -webkit-transition: .9s ease-in-out; -o-transition: .9s ease-in-out; transition: .9s ease-in-out } .gallery-grid__item:nth-child(4) { transform: translateY(100px); -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out } .gallery-grid__item:nth-child(5) { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: 1.2s ease-in-out; -o-transition: 1.2s ease-in-out; transition: 1.2s ease-in-out; display: block } .gallery-grid.animate-in .gallery-grid__item { -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } .img-grid.animate-in .img-grid__item { opacity: 1 !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } .card-skew.animate-in .card-skew__desc { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1 } .more-text__btn .review__read-full { top: -12px } [data-more-content].active + .more-text__btn .review__read-full svg { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .calculator__label-title { margin-right: 8px } .cart-modal__head { padding: 2.5em 1.875em 1.875em; background: #fff; -webkit-box-shadow: 0 .625em 3.125em rgba(0, 0, 0, .1); box-shadow: 0 .625em 3.125em rgba(0, 0, 0, .1); margin-bottom: .625em } .cart-modal__footer, .ch-psw-modal { -webkit-box-shadow: 0 .625em 3.125em rgba(0, 0, 0, .1) } .cart-modal__footer { padding: 1.875em 3.75em 2.9375em; background: #fff; box-shadow: 0 .625em 3.125em rgba(0, 0, 0, .1) } .cart-modal__title { padding-bottom: .75em; font-size: 1.625em; line-height: 1.5625em; text-transform: uppercase; color: #000 } .footer-row__left, .n-prop, .n-prop__col, .properties-m { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .n-prop__col:not(:last-child), .properties-m__col:not(:last-child) { margin-right: 2.1875em } .n-prop__item, .properties-m__item { color: #707780; font-size: .8125em; line-height: 1.25em; display: block } .cart-m-card, .properties-m__col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .properties-m__col { display: flex; margin: .27em 0 } .cart-m-card__total-block, .cart-m-card__total-block-m { margin-left: auto } .n-prop__name, .properties-m__name { margin-right: 1.625em; font-size: .875em; line-height: 1.375em; letter-spacing: .01em; color: #c6c6c6 } .n-prop__val, .properties-m__val { font-size: .875em; line-height: 1.375em; letter-spacing: .01em; color: #b59d61 } .properties-m--mb { margin-bottom: .625em } .cart-m-card { display: flex } .cart-m-card__title { font-size: 1.125em; line-height: 1.3; letter-spacing: .01em; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 0 } .cart-m-card__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 20px } .cart-m-card__total-block span, .cart-m-card__total-block-m span { display: block } .cart-m-card__desc { max-width: 20em } .cart-m-card__image { height: 6em; display: block; width: 6em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .cart-m-card__btn-block, .geo-btn { display: -webkit-flex; display: -ms-flexbox } .cart-m-card__btn-block { display: -webkit-box; display: flex; padding-left: 2.4375em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .cart-m-card__arrow-link { margin-bottom: .6875em } .cart-m-card__btn { padding: 1.1875em 1.125em } .total-block-m-price { font-weight: 700; font-size: 1.425em; line-height: 1.5625em; letter-spacing: .02em; color: #000 } .total-block-m-old-price { font-weight: 700; text-align: right; font-size: 1.125em; line-height: 1.0625em; letter-spacing: .02em; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #c6c6c6 } .arrow-link { -webkit-align-items: center; font-weight: 700; font-size: 1rem; line-height: 1.5rem; letter-spacing: .01em; color: #2d2d2d; text-decoration: none; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .arrow-link:focus, .arrow-link:hover { color: #707070 } .arrow-link:focus svg, .arrow-link:hover svg { fill: #707070 } .arrow-link:active { color: #242424 } .arrow-link:active svg { fill: #242424 } .arrow-link__icon { width: .9375rem; height: .625rem; -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; margin-right: 1.5rem } .arrow-link__icon--right { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); margin-right: 0 } .leaf-label { width: 31px; height: 31px; border-radius: 50%; font-size: 9px; text-transform: uppercase; text-align: center; 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; color: #fff; font-weight: 700; background-repeat: no-repeat; background-position: right bottom; background-image: url(/local/templates/main/img/content/leaf.svg) } .geo-btn, .geo-modal { -webkit-flex-direction: column } .leaf-label--hit { background-color: #f18a04 } .leaf-label--new { background-color: #4caf50 } .leaf-label--sale { background-color: #ff2d35 } .modal-card__image { width: 11.0625em; height: 11.0625em; display: block; margin: 0 auto } .modal-card__label { position: absolute; right: 1.0625em; top: .75em } .modal-card__title { font-size: .875em; line-height: 1.2; letter-spacing: .02em; text-transform: uppercase; color: #2d2d2d; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 1.25em 0 .9375em; display: none } .cart-modal-err__sub-title, .modal-card__sub-title { color: #000; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .modal-card__sub-title { font-size: 1em; line-height: 1.5em; letter-spacing: .01em; display: block; display: -webkit-box; margin: 0 auto; max-width: 11.0625em } .cart-modal-wrap { background: 0 0; max-width: 55.4375em; padding: 0; -webkit-box-shadow: none; box-shadow: none } .fancybox-close-btn { background: 0 0; cursor: pointer; margin: 0; text-align: center; position: absolute; right: 0; bottom: 100%; z-index: 10; border: none; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 1.25em; outline: 0; top: 0 } #cart-modal .fancybox-close-btn { height: 2rem } [style="display: inline-block;"] .cart-modal__footer.anim, [style="display: inline-block;"] .cart-modal__head.anim { -webkit-transform: none; -ms-transform: none; transform: none } .fadeintop.animation.animate-in, [style="display: inline-block;"] .modal-m-slider__cell.anim { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } .cart-modal__head.anim { transition: .5s ease-in-out; -webkit-transform: translateY(-6.25em); -ms-transform: translateY(-6.25em); transform: translateY(-6.25em) } .cart-modal__footer.anim { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; -webkit-transform: translateY(6.25em); -ms-transform: translateY(6.25em); transform: translateY(6.25em) } .fancybox-close-btn.anim { opacity: 0; -webkit-transition: .5s ease-in-out .3s; -o-transition: .5s ease-in-out .3s; transition: .5s ease-in-out .3s } .geo-btn, .ui-icon { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out } .cart-modal-err-wrap { background: 0 0; max-width: 42.3125em; padding: 0; -webkit-box-shadow: none; box-shadow: none } .cart-modal-err { background: #f7f5f5; padding: 2.1em 2.1em 2.45em; -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .1); box-shadow: 0 10px 50px rgba(0, 0, 0, .1) } .cart-modal-err__title { font-weight: 700; padding-bottom: .85em; font-size: 1.625em; line-height: 1.3; letter-spacing: .02em; text-transform: uppercase; color: #000 } .cart-modal-err__sub-title { font-size: 1.125em; line-height: 1.7; letter-spacing: .01em; display: -webkit-box; margin-bottom: .95em } .cart-modal-err__link { font-weight: 700; font-size: 1.625em; line-height: 1.2; text-align: center; letter-spacing: .02em; text-transform: uppercase; color: #836040 !important } .header-burger + .page-aside__form-btn, .page-aside__item { margin-top: auto } .geo { position: relative; width: 100%; border-bottom: 1px solid rgba(87, 87, 86, .3) } .geo.js-hovered .geo-btn { background: #929292 } .geo-btn { width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -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; padding-bottom: 18px; padding-top: 15px; border: none; background: 0 0; transition: .3s ease-in-out; cursor: pointer; outline: 0; color: #2d2d2d; font-size: 16px; line-height: 38px; letter-spacing: .01em; transform: rotate(90deg); margin: 0 } .geo-modal, .geo-modal__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-direction: normal; -webkit-box-orient: vertical } .geo-btn span { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: none } .geo-btn__icon { width: 28px; height: 28px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; fill: #2D2D2D } .geo-modal-wrap { position: absolute; left: 100%; padding-left: 33px; top: -webkit-calc(50% + 18px); top: calc(50% + 18px); transform: translateY(-50%) } .geo-modal { padding: 25px 30px 25px 32px; position: relative; background: #f7f5f5; -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .25); box-shadow: 0 0 14px rgba(0, 0, 0, .25); display: flex; -ms-flex-direction: column; flex-direction: column } .geo-modal__title { white-space: nowrap; font-weight: 700; font-size: 22px; text-transform: inherit; line-height: 21px; letter-spacing: .02em; color: #000; margin-bottom: 15px; padding: 0 } .geo-modal__sub-title { font-size: 14px; line-height: 22px; letter-spacing: .01em; color: #000; margin-bottom: 6px } .geo-modal__btn { color: #fff !important; text-transform: inherit; font-weight: 400; font-size: 16px; letter-spacing: .01em; padding: 8px 33px } .geo-modal__buttons { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; min-width: 184px } .geo-modal__arrow-link { font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: .01em; color: #2d2d2d; margin-top: 10px } .geo-modal__arrow-link svg { margin-left: auto; fill: #2D2D2D; stroke-width: .5px; stroke: #f7f5f5; margin-right: 8px } .fancy-modal-wrap__close svg, .menu-arrow, .modal-window-fit__close svg, .swal2-modal.info-swal .swal2-close svg { fill: #fff } .geo-modal__triangle-item { position: absolute; left: 0 } .triangle-item { width: 30px; height: 40px; left: -30px; overflow: hidden; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .triangle-item:after { content: ""; position: absolute; width: 20px; height: 20px; background: #f7f5f5; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); top: 50%; left: auto; right: -3px; -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .25); box-shadow: 0 0 14px rgba(0, 0, 0, .25) } .auth-modal, .geolocation-modal { -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .1) } .nav-link-wrap { width: 100%; height: 60px; align-items: center; 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; transition: .3s !important } .auth-modal__footer a, .auth-modal__footer button, .ch-psw-modal__footer a, .ch-psw-modal__footer button, .nav-link { display: block } .nav-link { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative } .geolocation-modal__footer, .nav-link__counter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .nav-link__cart { width: 27px; height: 27px } .nav-link__counter { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 20px; min-height: 20px; padding: 3px; border-radius: 50%; color: #2d2d2d; letter-spacing: .01em; text-align: center; font-weight: 700; font-size: 12px; line-height: 1; background: #fff; position: absolute; bottom: -6px; right: -10px; 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-transition: .3s; -o-transition: .3s; transition: .3s } .bx-mac .nav-link__counter { line-height: 1; padding: 5px 3px 3px } .modal-window-fit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 } .fancy-modal-wrap__close, .modal-window-fit__close { position: absolute; top: -60px; right: 0; padding: 0 } .f-modal-title { font-weight: 700; font-size: 26px; letter-spacing: .02em } .geolocation-modal { max-width: 464px; padding: 41px 35px 50px; background: #f7f5f5; box-shadow: 0 10px 50px rgba(0, 0, 0, .1) } .geolocation-modal__title { padding-bottom: 28px } .geolocation-modal__footer { display: flex; margin-top: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .geo-link, .main-nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .geolocation-modal__btn { padding: 16px 70px; font-weight: 700; font-size: 16px; line-height: 15px; text-align: center; letter-spacing: .02em; text-transform: uppercase } .geo-link, .main-nav-list__item { font-size: 16px; letter-spacing: .01em } .geo-link { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: none; background: 0 0; padding: 0; color: #5c5c5c } .geo-link__icon { width: 12px; height: 16px; margin-right: 10px } .main-nav__geo-link { margin: -7px 0 12px } .nav-link-mob { display: none; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } .item-meta__left, .main-nav-list__item { -webkit-transition: .3s; -o-transition: .3s } .main-nav-list { background: #2d2d2d; margin: 0 -40px; display: flex; padding-left: 30px } .auth-modal__nav, .main-nav-list__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .main-nav-list--mb { margin-top: 15px; margin-bottom: 12px } .main-nav-list__item { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; line-height: 30px; color: #fff !important; transition: .3s } .main-nav-list__item:hover { background: #f1eee7; color: #2d2d2d !important } .main-nav-list__item:hover svg { filter: invert(1); } .main-nav-list__item svg { width: 11px; height: 11px; margin-right: 10px } .page-aside__form-btn svg { height: 28px; width: 28px } .nav-link-mob:hover { background: #f1eee7 } .auth-modal, .auth-modal__tab.active { background: #f7f5f5 } .nav-link-mob:hover .nav-link__counter { background: #000; color: #f1eee7 } .auth-modal-title { font-weight: 700; font-size: 26px; line-height: 25px; padding: 28px 37px; letter-spacing: .02em; color: #000; text-transform: inherit } .fancy-modal-wrap { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0; position: relative } .m-card__link .arrow-link__icon, .scew-video-card__image:hover .scew-video-card__btn svg { fill: #2D2D2D } .auth-modal { box-shadow: 0 10px 50px rgba(0, 0, 0, .1) } .auth-modal__inner { padding: 0 30px 30px } .auth-modal__nav { display: flex; margin-bottom: 25px } .auth-modal__tab, .ch-psw-modal__tab { cursor: pointer; background: #c9c9c9; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out } .auth-modal__footer .auth-modal__link { margin-top: 10px } .auth-modal__link { color: #896752 !important } button[disabled] { border-color: #332f21 !important; opacity: .5; cursor: not-allowed } .auth-form__btn { margin: 0 auto; padding: 15px 60px } .auth-form__form-line { margin-bottom: 23px } .reg-form__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 14px 18px } .restore-password__btn { padding: 15px; margin: 28px auto 0 } .psw-message { position: absolute; display: none; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fff; right: -webkit-calc(-100% + 25px); right: calc(-100% + 25px); padding: 0 10px; -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .1); box-shadow: 0 10px 50px rgba(0, 0, 0, .1) } .psw-message:after { position: absolute; right: auto; content: ''; left: -10px; top: -webkit-calc(50% + 6px); top: calc(50% + 6px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; border-style: solid; height: 0; border-width: 10px 20px 10px 0; border-color: transparent #fff transparent transparent } .psw-message__title { font-size: 16px; margin-top: 10px; text-transform: inherit; padding: 0 0 10px; white-space: nowrap } .psw-message__text { font-size: 14px; padding-left: 5px } .psw-message__text:not(:last-child) { margin-bottom: 7px } .valid-psw { color: green } .valid-psw:before { position: relative; left: -5px; content: "✔" } .invalid-psw:before { position: relative; left: -5px; content: "✖" } .lk-wrapper { padding-bottom: 5em; font-size: 1em } .lk-wrapper__arrow-link { font-size: 1em; text-transform: uppercase; color: #896752 !important; margin-bottom: 3.4em } .lk-wrapper__arrow-link svg { fill: #896752 !important; margin-right: .9em; width: 1.4em } .lk-wrapper__arrow-link:focus, .lk-wrapper__arrow-link:hover { color: #000 !important } .lk-wrapper__arrow-link:focus svg, .lk-wrapper__arrow-link:hover svg { fill: #000 !important } .tabs-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 2.9375em } .tabs-list__item { margin-right: 3.125em } .tabs-list__item.active .tabs-list__link:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .tabs-list__link { font-size: 1.25em; line-height: 1.3; letter-spacing: .01em; color: #2d2d2d } .tabs-list__link.active { color: #000 } .lk-form__body { display: grid; grid-template-columns:repeat(2, 24.8125em); grid-column-gap: 1.875em } .ch-psw-modal__nav, .lk-form__btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .lk-form__btn1 { margin-right: 1.875em; padding: 1.1875em 1.75em } .lk-form__btn2 { background: 0 0; padding: 1.1875em 1.8125em } .ch-psw-modal, .ch-psw-modal__tab.active { background: #f7f5f5 } .lk-form__btn-wrap { padding-top: 1.25em; display: flex } .lk-form__form-line { margin-bottom: 1.375em } .ch-psw-modal { box-shadow: 0 .625em 3.125em rgba(0, 0, 0, .1); padding-top: 2.5em; width: 100% } .ch-psw-modal__inner { padding: 0 1.875em 3.125em } .ch-psw-modal__nav { display: flex; margin-bottom: 1.5625em } .m-card, .m-card__status { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .ch-psw-modal__footer { text-align: center; padding-top: .4375em } .ch-psw-modal__link { margin-top: .5em; font-size: 1em; line-height: 1.5em; letter-spacing: .01em; color: #896752 !important } .ch-psw-modal__title, .m-card__number, .m-card__title { font-size: 1.625em; line-height: 1.3; letter-spacing: .02em } .ch-psw-modal--server-error { color: #5c5c5c; margin-top: -1.25em; padding-bottom: 1.875em; text-align: center } .ch-psw-modal__title { text-align: center; text-transform: uppercase; padding-bottom: 1.875em } .icon-input__item { position: absolute; top: 50%; right: .625em; width: 1.25em; height: 1.25em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 7; cursor: pointer; background-image: url(/local/templates/main/img/content/eye-hide.svg) } .load-el, .m-card.deactivate, .m-card__right, .swiper-navs-wrapper, .ui-datepicker-current-day, [tooltip-lb] { position: relative } .icon-input__item.active { background-image: url(/local/templates/main/img/content/eye.svg) } .ch-psw__btn { margin: 0 auto; padding: .9375em 1.875em } .ch-psw__form-line { margin-bottom: .9375em } .m-card { max-width: 78.375em; display: flex; background: #f7f5f5; border: .0625em solid #e0daca; min-height: 16.45em } .m-card--mb30 { margin-bottom: 1.875em } .m-card.deactivate:after { content: ''; position: absolute; width: 100%; z-index: 10; height: 100%; background: rgba(255, 255, 255, .5); left: 0; top: 0 } .m-card__title { font-weight: 700; color: #5c5c5c; padding: 0; text-transform: none } .m-card__number { font-weight: 700; color: #000; margin: 0; cursor: pointer } .m-card__date, .m-card__status { font-size: .875em; color: #3c4452 } .m-card__left { width: 18.1875em; background: rgba(237, 233, 223, .7); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: flex; flex-direction: column } .m-card__status { line-height: 1.375em; letter-spacing: .01em; display: flex; margin-bottom: .9375em; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .m-card__status a { color: #5a99e2; margin-left: .5em } .m-card__status span:nth-child(2) { color: #896752; text-transform: lowercase } .m-card__status span:nth-child(2):first-letter, .page-lang-m__btn::after { text-transform: uppercase } .m-card__price { display: -webkit-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 } .m-card__price span:first-child { font-weight: 700; font-size: 1em; line-height: .9375em; letter-spacing: .01em; color: #2d2d2d } .m-card__price span:last-child { font-weight: 700; font-size: 1.625em; line-height: 1.5625em; letter-spacing: .02em; color: #2d2d2d } .m-card__date { line-height: 1.3; letter-spacing: .02em; margin: 0 } .m-card__header { padding: .75em 1.25em .4375em; border-bottom: .0625em solid rgba(213, 220, 222, .5) } .m-card__header-top, .n-meta, .order-price__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 } .m-card__body { padding: .75em 1.25em 0 } .m-card__right { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .m-card__wrapper { position: absolute; left: 0; padding: 1.875em; top: 0; bottom: 0; max-width: 100%; width: 100% } .m-card__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1em 1.25em .9375em; -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; margin-top: auto } .m-card__status span:first-child { margin-right: 1em } .m-card__btn { padding: .6875em 1.875em; width: 100%; margin-bottom: .625em; background: 0 0 } .m-card__link { position: relative; left: -1.375em; font-weight: 700; font-size: 1em; letter-spacing: .01em; color: #2d2d2d !important } .m-card-slider__cell { margin: 0 .9375em; position: relative; height: 12.5625em } .m-card-slider__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: contain } .m-card-slider.slick-arrow-nav .slick-arrow { width: 1.0625em; height: 2em } .m-card-slider.slick-arrow-nav .slick-prev { left: -.9375em } .m-card-slider.slick-arrow-nav .slick-next { right: -.9375em } .m-card-slider__leaf-label { position: absolute; right: .625em; top: .625em; width: 2.25em; height: 2.25em } .auth-modal--server-error { color: #5c5c5c; margin: 5px auto 0; padding-bottom: 30px; text-align: center; max-width: 300px } .server-error--reg { margin: 15px auto 0 } .page-lang-m__btn::after { content: attr(data-google-lang); position: relative } .modal-window__content-output { font-size: 1.8rem; text-align: center } .swal2-close:hover { color: #595959 !important } .swal2-modal.info-swal { background: #f7f5f5; -webkit-box-shadow: 0 .625em 3.125em rgba(0, 0, 0, .1); box-shadow: 0 .625em 3.125em rgba(0, 0, 0, .1); padding-top: 2.5em; border-radius: 0 } .swal2-modal.info-swal .swal2-title { font-size: 1.625em; line-height: 1.3; text-align: center; letter-spacing: .02em; text-transform: uppercase; padding-bottom: 0; color: #000 } .swal2-modal.info-swal .swal2-close { top: -53px; right: -10px } @-webkit-keyframes spin { 0% { opacity: .2 } 100% { opacity: .4 } } @-moz-keyframes spin { 0% { opacity: .2 } 100% { opacity: .4 } } @-ms-keyframes spin { 0% { opacity: .2 } 100% { opacity: .4 } } @-o-keyframes spin { 0% { opacity: .2 } 100% { opacity: .4 } } .spin.spin-gleam { background: #444; border-radius: 16px } .spin.spin-gleam > * { background: #eee } .spin.spin-dusky { background: #eee; border-radius: 16px } .spin.spin-dusky > * { background: #444 } .spin > * { opacity: .2; position: absolute; height: 24%; left: calc(50% - 3px); top: 38%; background: #000; border-radius: 128px; box-shadow: 0 0 2px rgba(0, 0, 0, .4); -webkit-animation: .8s linear infinite spin; -moz-animation: .8s linear infinite spin; animation: .8s linear infinite spin; width: .2rem } .spin > :first-child { -webkit-transform: rotate(40deg) translate(0, -120%); -moz-transform: rotate(40deg) translate(0, -120%); -ms-transform: rotate(40deg) translate(0, -120%); -o-transform: rotate(40deg) translate(0, -120%); transform: rotate(40deg) translate(0, -120%); -webkit-animation-delay: 88.89ms; -moz-animation-delay: 88.89ms; animation-delay: 88.89ms } .spin > :nth-child(2) { -webkit-transform: rotate(80deg) translate(0, -120%); -moz-transform: rotate(80deg) translate(0, -120%); -ms-transform: rotate(80deg) translate(0, -120%); -o-transform: rotate(80deg) translate(0, -120%); transform: rotate(80deg) translate(0, -120%); -webkit-animation-delay: .17778s; -moz-animation-delay: .17778s; animation-delay: .17778s } .spin > :nth-child(3) { -webkit-transform: rotate(120deg) translate(0, -120%); -moz-transform: rotate(120deg) translate(0, -120%); -ms-transform: rotate(120deg) translate(0, -120%); -o-transform: rotate(120deg) translate(0, -120%); transform: rotate(120deg) translate(0, -120%); -webkit-animation-delay: .26667s; -moz-animation-delay: .26667s; animation-delay: .26667s } .spin > :nth-child(4) { -webkit-transform: rotate(160deg) translate(0, -120%); -moz-transform: rotate(160deg) translate(0, -120%); -ms-transform: rotate(160deg) translate(0, -120%); -o-transform: rotate(160deg) translate(0, -120%); transform: rotate(160deg) translate(0, -120%); -webkit-animation-delay: .35556s; -moz-animation-delay: .35556s; animation-delay: .35556s } .spin > :nth-child(5) { -webkit-transform: rotate(200deg) translate(0, -120%); -moz-transform: rotate(200deg) translate(0, -120%); -ms-transform: rotate(200deg) translate(0, -120%); -o-transform: rotate(200deg) translate(0, -120%); transform: rotate(200deg) translate(0, -120%); -webkit-animation-delay: .44444s; -moz-animation-delay: .44444s; animation-delay: .44444s } .spin > :nth-child(6) { -webkit-transform: rotate(240deg) translate(0, -120%); -moz-transform: rotate(240deg) translate(0, -120%); -ms-transform: rotate(240deg) translate(0, -120%); -o-transform: rotate(240deg) translate(0, -120%); transform: rotate(240deg) translate(0, -120%); -webkit-animation-delay: .53333s; -moz-animation-delay: .53333s; animation-delay: .53333s } .spin > :nth-child(7) { -webkit-transform: rotate(280deg) translate(0, -120%); -moz-transform: rotate(280deg) translate(0, -120%); -ms-transform: rotate(280deg) translate(0, -120%); -o-transform: rotate(280deg) translate(0, -120%); transform: rotate(280deg) translate(0, -120%); -webkit-animation-delay: .62222s; -moz-animation-delay: .62222s; animation-delay: .62222s } .spin > :nth-child(8) { -webkit-transform: rotate(320deg) translate(0, -120%); -moz-transform: rotate(320deg) translate(0, -120%); -ms-transform: rotate(320deg) translate(0, -120%); -o-transform: rotate(320deg) translate(0, -120%); transform: rotate(320deg) translate(0, -120%); -webkit-animation-delay: .71111s; -moz-animation-delay: .71111s; animation-delay: .71111s } .spin > :nth-child(9) { -webkit-transform: rotate(360deg) translate(0, -120%); -moz-transform: rotate(360deg) translate(0, -120%); -ms-transform: rotate(360deg) translate(0, -120%); -o-transform: rotate(360deg) translate(0, -120%); transform: rotate(360deg) translate(0, -120%); -webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s } .spin-show { position: relative; z-index: 1000 } .spin-wrapper { position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 10; top: 0; left: 0 } .reg-form__timer, .resend-msg { letter-spacing: .01em; color: #896752; display: none; text-align: center } .reg-form__timer { font-size: 14px; line-height: 22px; margin-bottom: 1em; margin-top: -1em } .resend-msg { cursor: pointer; background: 0 0; border: none; padding: 0; outline: 0; font-size: .9em; line-height: 1.2; margin-bottom: 1.6em; margin-top: -.5em } .catalog-modal__title, .item-meta__old-price, .item-meta__price { font-weight: 700; letter-spacing: .02em; line-height: 1.3 } .resend-msg span { position: relative; top: 2px; margin-left: 6px } .item-tile__item-meta { position: relative; z-index: 5 } .item-meta { display: block; padding: 0 30px } .catalog-modal__body, .order-price__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .item-tile:hover .item-tile__substrate { margin-bottom: 3px } .item-meta__left { text-align: center; transition: .3s; margin-bottom: 10px } .item-tile .item-meta__btn { font-size: 13px; width: 100% } .item-meta__old-price { font-size: 18px; color: #5c5c5c; text-decoration: line-through } .item-meta__price { color: #2d2d2d; font-size: 20px; text-align: center } .item-meta__btn { padding: 13px 31px } .item-tile:hover .item-tile__inner { padding-bottom: 6px } .catalog-modal-wrap { width: 612px; padding: 0; position: relative; background: #fff } .catalog-modal-wrap .jq-selectbox { width: 336px } .catalog-modal__title { font-size: 26px; text-align: center; color: #000; padding: 23px 0 24px; text-transform: none } .catalog-modal__left { width: 184px } .catalog-modal__right { padding-left: 31px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .catalog-modal__header { border-bottom: 1px solid #c9c9c9 } .catalog-modal__body { display: flex; padding: 24px 30px 0 } .catalog-modal__btn { padding: 10px 27px } .catalog-modal__more-link { padding: 27px 0 34px; width: 100%; display: block; text-align: center; font-size: 14px; line-height: 1.3; letter-spacing: .01em; color: #c6c6c6 } .order-price__old-price, .order-price__price { letter-spacing: .02em; line-height: 1.3; font-weight: 700 } .catalog-modal__more-link:hover { color: #000 } .catalog-modal__slider-cell { width: 132px; height: 132px } .catalog-modal__slider-cell img { width: 100%; height: 100%; object-fit: contain } .catalog-modal__bottom { margin-top: 22px } .catalog-modal__slider-nav { margin: 0 -10px } .catalog-modal__slider-nav-cell { width: 50px; height: 50px; background: #fff; border: 1px solid #c9c9c9; margin: 1px 10px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .catalog-modal__slider-nav-cell.slick-current, .catalog-modal__slider-nav-cell:hover { border-color: #d1c7ae } .catalog-modal__slider-nav-cell img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;' } .order-price__count { margin-left: -20px } .order-price__header { 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 } .order-price__price { font-size: 36px; color: #896752; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 0 } .order-price__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #5c5c5c; color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 5px 11px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .order-price__info svg { margin-right: 9px } .order-price__body { padding-bottom: 30px; padding-top: 22px } .order-price__old-price { font-size: 16px; color: #5c5c5c; margin-bottom: 0; text-decoration: line-through } .order-price__old-price + .order-price__price { font-size: 24px } .catalog-modal__slider.slick-arrow-nav .slick-arrow { width: 12px; height: 21px } .catalog-modal__slider.slick-arrow-nav .slick-next { right: 0 } .catalog-modal__slider.slick-arrow-nav .slick-prev { left: 0 } .icon-link__info, .inner-menu.menu-top, .search-box.active .visible-if-active, [style].reg-form__timer + .reg-form__resend-msg + .reg-form__no-send-link, [tooltip-lb]:hover::after, [tooltip-lb]:hover::before { display: block } .reg-form__no-send-link { margin-top: -14px; font-size: .9em; line-height: 1.3; display: none; text-align: center; letter-spacing: .01em; text-decoration-line: underline !important; color: #2d2d2d; margin-bottom: 1.2em } .fp-total-block__old-price, .i-price-block__old, .price-block__old-price { -webkit-text-decoration-line: line-through; text-decoration-line: line-through } .no-block__btn { font-size: 1em; padding: 1.1875em 2.6875em } .order-page-em-parent { font-size: 1em } .no-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .no-block__title { font-weight: 700; font-size: 1.625em; line-height: 1.5625em; letter-spacing: .02em; text-transform: uppercase; color: #5c5c5c; padding-bottom: .6em } .btn--trs, .order-info-modal__title { text-transform: none; font-weight: 700 } .no-block__left { padding-top: .3em; padding-right: 1.875em } .no-block--pb { padding-bottom: 5em } .n-info__row { margin-bottom: 1.5em } .n-info__descr, .n-info__title { display: inline } .n-card, .n-info__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .n-info__title { font-size: 1.25em; line-height: 1.75em; letter-spacing: .01em; color: #2d2d2d; margin: 0 .975em 0 0; padding: 0; font-weight: 700 } .n-card__title, .n-info__descr { line-height: 1.75em; color: #000; letter-spacing: .01em } .n-info__descr { font-size: 1.25em; margin: 0; padding: 0 } .cloudpay_button.fp-total-block__btn { margin-right: 1.8125em; max-width: 200px } .n-info__footer { display: flex; padding-top: .45em } .n-info-price-block span { font-size: 1.125em; line-height: 1.2; letter-spacing: .01em; color: #896752 } .n-info-price-block p { font-weight: 700; font-size: 2.1em; line-height: 1.2; letter-spacing: .02em; color: #896752; margin-bottom: 0 } .n-prop--mb { margin-bottom: 2.125em } .n-card { padding: 1.675em 0 1.6375em; display: flex; border-bottom: .0625em solid rgba(237, 233, 223, .78) } .n-card__image { position: relative; height: 6em; width: 6em } .order-info-modal-wrap, .scew-label { width: -webkit-fit-content; width: -moz-fit-content } .n-card__title { font-size: 1.125em; padding-bottom: .4em; text-transform: none; font-weight: 400 } .n-card__descr { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: .625em } .n-list { max-height: 31.375em; height: 23.7em; overflow: auto; padding-left: 1.4375em; padding-right: .8375em; background: #fff; border: .0625em solid #5c5c5c } .n-meta__quantity { font-size: .875em; line-height: 1.375em; letter-spacing: .01em; color: #2d2d2d } .n-meta__price { font-weight: 700; font-size: 1.625em; line-height: 1; letter-spacing: .02em; color: #000; margin-left: auto } .b-title--44 { font-size: 2.75em } .b-title--no { padding-bottom: .7em } [data-custom-scrollbar=style-1] { max-height: 31.25em; overflow: auto } [data-custom-scrollbar=style-1] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: .1875em; background: #5c5c5c; border-radius: .375em } [data-custom-scrollbar=style-1] .mCSB_scrollTools .mCSB_dragger { height: 2.125em } [data-custom-scrollbar=style-1] .mCSB_scrollTools .mCSB_draggerRail { background: #fff; opacity: .3; width: .1875em; height: 0; border-radius: .125em } [data-custom-scrollbar=style-1] .mCSB_scrollTools .mCSB_draggerContainer { top: 1.8em; max-height: -webkit-calc(100% - 3.5em); max-height: calc(100% - 3.5em); background: #f7f5f5; width: .2em } [data-custom-scrollbar=style-1] .mCSB_inside > .mCSB_container { margin-right: 3.0125em } .order-info-modal-wrap { width: fit-content; max-width: 885px; padding: 0; background: #f7f5f5; -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .1); box-shadow: 0 10px 50px rgba(0, 0, 0, .1) } .order-info-modal__header { text-align: center; padding-top: 47px; position: relative; border-bottom: 2px solid #c9c9c9 } .order-info-modal__title { font-size: 26px; line-height: 1.3; letter-spacing: .02em; color: #5c5c5c; padding-bottom: 12px; position: relative; left: -34px } .order-info-modal__title span { color: #000; margin-left: 20px } .order-info-modal__sub-title { font-size: 14px; line-height: 13px; letter-spacing: .02em; color: #3c4452; position: relative; left: -34px; margin-bottom: 29px } .order-info-modal__label { font-size: 16px; line-height: 1.3; letter-spacing: .02em; color: #fff; padding: 8px 14px; background: #5c5c5c; position: absolute; top: 47px; right: 30px } .order-info-modal__body { padding: 39px 30px 40px } .order-info-modal__footer { text-align: center; 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; padding-bottom: 29px } .order-info-modal__sbm { padding: 12px 30px } .order-info-modal__cancel { padding: 18px 14px } .form-grid { display: grid; grid-template-columns:repeat(4, minmax(90px, 183px)); grid-row-gap: 20px; grid-column-gap: 30px } .form-grid__item:last-child { grid-column-start: 4 } .form-grid__label { font-size: 14px; line-height: 1.3; letter-spacing: .01em; color: #c6c6c6; display: block; margin-bottom: 5px } .btn--trs, .form-grid__val { border: none; font-size: 16px; background: 0 0; letter-spacing: .01em } .form-grid__val { display: block; line-height: 1.5; margin-bottom: 0; color: #2d2d2d; overflow-wrap: break-word } .btn--trs { text-align: center; color: #2d2d2d } .btn--trs:focus, .btn--trs:hover { background: 0 0; text-decoration: underline } .fancy-close-btn-styled .fancybox-close-small { padding: 20px; right: -20px } .visually-hidden { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 0 !important; display: none; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); overflow: hidden } .section-contacts-app--pt { padding-top: 80px } .section-contacts-app { background: #f7f5f5; z-index: 22; position: relative } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes arrow-anim { 0%, 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } 50% { -webkit-transform: translateY(8px); transform: translateY(8px) } } @keyframes arrow-anim { 0%, 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } 50% { -webkit-transform: translateY(8px); transform: translateY(8px) } } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5) } } @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5) } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes decrement-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes decrement-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes decrement-next { from { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px) } } @keyframes decrement-next { from { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px) } } @-webkit-keyframes increment-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes increment-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes increment-next { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } } @keyframes increment-next { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .m-btn:active { background: #462b13 } .masters-map__sub-title { padding: 0; margin-bottom: 50px; font-size: 1.1em; font-weight: 400; color: #2d2d2d; text-transform: initial } .main-slider__btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 4.5625rem } .teach-card, .teach-card__sub-title { display: -webkit-box; display: -ms-flexbox; position: relative } .main-slider__btn-wrap .btn { margin: 0 } .main-slider__price-block { -webkit-transition: .4s ease-in-out, opacity .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s; transition: .4s ease-in-out, opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s; -o-transition: .4s ease-in-out, opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; padding-left: 2.5rem } .main-slider__btn-fix-height { height: 4.375rem; padding: 1.5rem 1.75rem } .price-block__title { font-size: 1.125rem; line-height: 1.75rem; letter-spacing: .01em; color: #5c5c5c; margin: 0 } .price-block__price { font-weight: 700; margin: 0; font-size: 2.125rem; line-height: 3.25rem; letter-spacing: .02em; color: #5c5c5c } .price-block__price i { font-style: normal; line-height: 2.125rem } .bul-list { padding-left: 0; max-width: 22.6875rem } .bul-list__item { position: relative; font-size: 1.125rem; line-height: 1.75rem; letter-spacing: .01em; color: #2d2d2d; margin: 0 0 .5rem } .sec-title, .section-sliders__title { font-size: 2.125rem; line-height: 3.25rem; letter-spacing: .02em; color: #000; font-weight: 700 } .bul-list__item:before { position: absolute; content: ''; background: #5c5c5c; width: .5625rem; height: .5625rem; border-radius: 50%; top: .6875rem; left: -.9375rem } .section-sliders { padding-bottom: 5.625rem; padding-top: 3rem } .section-sliders__title { padding-bottom: 3.9375rem } .sp-card__link, .sp-card__sub-title { line-height: 1.5rem; letter-spacing: .01em } .sp-card { border: .0625rem solid #5c5c5c; width: 100%; display: flex; padding: 2.5625rem 1.875rem 1.875rem 2.5rem } .cd-card__image, .sp-card__image { border-radius: 50%; overflow: hidden } .sp-card__link { margin-top: auto; color: #896752 !important } .sp-card__content { padding-left: 2.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .sp-card__sub-title { font-size: 1rem; color: #2d2d2d; margin-bottom: .75rem } .sp-card__title { font-weight: 700; font-size: 1.625rem; line-height: 1.5625rem; letter-spacing: .02em; text-transform: inherit; color: #000; padding-bottom: 1.5rem } .sp-card__image { width: 8.75rem; height: 8.75rem; position: relative; -ms-flex-negative: 0; flex-shrink: 0 } .sp-card__link svg { fill: #896752 !important; margin-left: .25rem } .sp-card__descr p { font-size: 1.25rem; line-height: 1.875rem; letter-spacing: .01em; color: #000 } .slide-slider { margin: 0 -.9375rem } .slide-slider__cell { padding: 0 .9375rem } .section-full-screen { position: relative; padding-top: 7.6875rem; padding-bottom: 8rem; padding-left: 4.1875rem; background: #111518 } .section-full-screen__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; object-position: top; font-family: 'object-fit: cover;' } .section-full-screen__title { font-weight: 700; font-size: 3.5rem; line-height: 4.25rem; letter-spacing: .02em; color: #fff; text-transform: none; padding-bottom: 1.1875rem; max-width: 60% } .section-full-screen__sub-title { max-width: 45rem; font-size: 2.25rem; line-height: 120%; letter-spacing: .02em; color: #fff; margin-bottom: 2.75rem } .section-full-screen__btn { padding: 1.5rem 2.625rem } @media only screen and (max-width: 768px) { .section-full-screen__img { position: relative; display: block } .section-full-screen__container { padding: 30px 20px 20px } .section-full-screen { padding: 0; display: flex; flex-direction: column-reverse } } .btn--filled-3 { color: #fff !important } .line-timer__item p, .line-timer__item span, .line-timer__title { font-size: 1.625rem; line-height: 2.375rem; color: #fff; letter-spacing: .01em; font-weight: 300 } .btn--filled-3:focus, .btn--filled-3:hover { color: #000 !important; border-color: #fff; background-color: #fff !important } .btn--filled-3:active { opacity: .6 } .line-timer { background-color: #896752; position: relative; padding: .9375rem 1rem 1rem; z-index: 2 } .bc-form-header, .cd-card, .fp-list, .line-timer__left, .product-dop-btn-block, .slide-slider__cell.slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex } .line-timer__inner, .line-timer__time { display: -webkit-box; display: -ms-flexbox } .line-timer__inner { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .line-timer__icon { width: 2.125rem; height: 2.125rem } .line-timer__title { text-transform: none; padding: 0; margin: 0 1.5625rem 0 1.375rem } .line-timer__title--end { position: relative; text-align: center } .line-timer__time { display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 } .line-timer__item, .scew-video-card, .section-buy-crs__price-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .line-timer__item p, .line-timer__item span { display: block } .line-timer__item p { margin: 0 .3125rem } .line-timer span { -webkit-animation: 2s linear infinite fading; animation: 2s linear infinite fading } .page-loaded .load-anim, .page-loaded .main-slider__price-block { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } .form-line__info { font-size: 11px; color: #2d2d2d; margin-top: 3px; display: block } .section-crs-card { background: #c9c9c9; padding-bottom: 2.1rem } .section-crs-card--white { background: #fff; padding-bottom: 3.8rem } .section-crs-card__title { padding-top: 3.75rem; padding-bottom: 3.375rem } .section-crs-card__title--v2 { padding: 4.7rem 0 2rem } .crs-card-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr; grid-template-columns:repeat(3, 1fr); grid-column-gap: 1.875rem } .crs-card__image { position: relative; min-height: 15.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex } .crs-card__inner { position: relative; z-index: 2; margin-top: auto } .crs-card__descr p, .crs-card__list li { font-size: 1.125rem; line-height: 1.3; letter-spacing: .02em; color: #000; margin: 0 0 .8rem } .crs-card__scew-label { position: absolute; top: 2.7rem } .crs-card__title { font-weight: 700; font-size: 1.125rem; line-height: 1.0625rem; letter-spacing: .02em; color: #2d2d2d; margin: 1.875rem 0 1.275rem; padding-bottom: 0; text-transform: none } ul.crs-card__list { padding-left: 1.3125rem } .crs-card__list li:before { background: #896752; width: .625rem; height: .625rem; left: -1.3375rem } .crs-card__footer { text-align: center; padding: 1.75rem 0 } .crs-card__btn { background: 0 0; padding: 1.5rem 3.5rem } .i-price-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .i-price-block__title { font-weight: 700; font-size: 2.125rem; line-height: 3.25rem; letter-spacing: .02em; color: #fff; top: -.4rem; position: relative } .i-price-block__old { font-size: 1.125rem; line-height: 1.3; text-align: right; letter-spacing: .02em; color: #c9c9c9 } .i-price-block__item { margin: 0 1.25rem 0 0 } .scew-label { -webkit-clip-path: polygon(90% 0, 85% 51%, 90% 100%, 0 100%, 0 62%, 0 0); clip-path: polygon(90% 0, 85% 51%, 90% 100%, 0 100%, 0 62%, 0 0); font-weight: 700; font-size: .875rem; z-index: 1; line-height: 1.75rem; white-space: nowrap; letter-spacing: .01em; text-transform: uppercase; display: block; width: fit-content; color: #fff; background: #5c5c5c; padding: .3rem 3.3rem .3rem .9rem } .cd-card__title, .t-card__title { letter-spacing: .02em; font-weight: 700 } .scew-label--rel { position: relative; left: auto; right: auto; bottom: auto; top: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .scew-label--sm { font-size: .75rem; padding: .2rem 4.3rem .2rem .7rem } .section-full-screen--gcd { padding-top: 3.6875rem; padding-bottom: 7.1rem } .section-full-screen--gcd .section-full-screen__title { padding-bottom: .6875rem } .section-full-screen--gcd .section-full-screen__sub-title { font-size: 1.5rem; margin-bottom: 1.85rem } .section-full-screen__scew-label { font-size: .875rem; padding: .5rem 5.5rem .5rem 4.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-clip-path: polygon(88% 0, 85% 51%, 88% 100%, 0 100%, 0 62%, 0 0); clip-path: polygon(88% 0, 85% 51%, 88% 100%, 0 100%, 0 62%, 0 0); height: 2.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: -4.1875rem; margin-bottom: 6rem } .advantage-list-section { background: #2d2d2d; padding: 3rem 0 3rem } .advantage-list-section__title { font-size: 1.625rem; line-height: 2.125rem; text-align: center; letter-spacing: .02em; color: #fff; text-transform: none; font-weight: 400; padding-bottom: 1.7375rem } .professionals-benefits-list--custom { display: -ms-grid; display: grid; max-width: 67.5rem; grid-column-gap: 2.8625rem; grid-template-areas:'a b' 'c d' 'e .' } .professionals-benefits-list--custom li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem } .professionals-benefits-list--custom li:first-child, .t-list__item:first-child { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: a } .professionals-benefits-list--custom li:nth-child(2), .t-list__item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: b } .professionals-benefits-list--custom li:nth-child(3), .t-list__item:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: c } .professionals-benefits-list--custom li:nth-child(4), .t-list__item:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: d } .professionals-benefits-list--custom li:nth-child(5), .t-list__item:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: e } .professionals-benefits-list--custom li:before { font-size: 3.875rem } .section-icons { padding-top: 4.875rem; padding-bottom: 5.175rem } .section-icons__title { padding-bottom: 4.7875rem } .ic-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr; grid-template-columns:repeat(4, 1fr); grid-column-gap: 1.875rem } .cd-card__footer, .t-card { display: -webkit-box; display: -ms-flexbox } .ic-card__icon { width: 7.8125rem; height: 8.125rem } .ic-card__icon--hand-ok { position: relative; bottom: 16px } .ic-card__descr { padding-top: 3.0125rem } .ic-card__descr p { font-size: 1.25rem; line-height: 1.75rem; text-align: center; letter-spacing: .01em; color: #000 } .bx-mac .cd-card__scew-label { padding: .3rem 2.7rem .1rem .6rem } .fadeintop.animation { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: .4s ease-in-out .1s; -o-transition: .4s ease-in-out .1s; transition: .4s ease-in-out .1s } .t-card { position: relative; height: 34.625em; padding: 5.4em 3.5em 3.5em 4.125em; 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 } .t-card__title { position: relative; z-index: 1; color: #fff; font-size: 2.125em; line-height: 1.3; text-transform: uppercase; margin-bottom: 31px; padding: 0 } .t-card__descr { position: relative; z-index: 1; max-width: 30.3125em } .t-card__descr p { color: #fff; font-size: 1.125em; line-height: 1.3; letter-spacing: .01em; margin-bottom: 0.7rem; } .t-card--black .t-card__descr p, .t-card--black .t-card__title { color: #000 } .t-card__bg { position: absolute; right: 0; bottom: 0; width: 54.5625em; height: 33.125em } .t-list { display: -ms-grid; display: grid; font-size: 1.112vw; grid-template-columns:repeat(2, 1fr); grid-template-areas:"a b" "c c" } .others-list-items > .t-list__item:first-child, .t-list > .t-list__item:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .t-list > .t-list__item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2 } .others-list-items > .t-list__item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .t-list > .t-list__item:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2 } .others-list-items > .t-list__item:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } .t-list > .t-list__item:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2 } .others-list-items > .t-list__item:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 3; -ms-grid-column-span: 1 } .others-list-items > .t-list__item:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1 } @-webkit-keyframes fading { 0%, 100% { opacity: 1 } 50% { opacity: 0 } } @keyframes fading { 0%, 100% { opacity: 1 } 50% { opacity: 0 } } .section-about-course { padding-bottom: 4.125rem } .cd-card__scew-label { margin-bottom: .875rem; padding: .3rem 2.7rem .3rem .6rem } .cd-card__sub-title { font-size: 1.25rem; line-height: 1.875rem; letter-spacing: .01em; color: #000; margin-bottom: 2rem } .cd-card__descr p, .cd-card__info { color: #2d2d2d; letter-spacing: .01em } .cd-card__image { -ms-flex-negative: 0; flex-shrink: 0; width: 28.5rem; height: 28.5rem; position: relative } .cd-card__info { font-size: 1rem; line-height: 1.75rem; margin-bottom: 1.125rem; display: block } .cd-card__title { font-size: 2.625rem; line-height: 1.2; color: #000; text-transform: none; padding-bottom: 3.1125rem } .section-items-list__title, .section-program__title { letter-spacing: .02em; text-transform: uppercase; text-align: center } .cd-card__content { padding-left: 4.9375rem } .cd-card__descr p { font-size: 1.125rem; line-height: 1.625rem; margin-bottom: 1.25rem } .cd-card__footer { padding-top: 2.3125rem; display: flex } .cd-card__btn-block, .num-card { display: -webkit-box; display: -ms-flexbox } .cd-card__footer .price-block__title { line-height: normal } .cd-card__btn-1 { padding: 1.5rem 2.5rem } .cd-card__btn-2 { padding: 1.5rem 3.75rem; color: #896752; border-color: #896752 } .cd-card__btn-block { display: flex; margin: 0 2.4375rem 0 0; } .cd-card__btn-block .btn { font-size: 1rem; height: 4.375rem } .cd-card__price-block .price-block__title { line-height: 1rem } .cd-card__price-block .price-block__price { line-height: 1.2; font-size: 30px; } .price-block__old-price.price-block__old-price--sm { line-height: .8rem; text-align: left } .btn--filled-transparent { background: 0 0 } .info-card-label__icon { width: .8125rem; height: .875rem; margin-right: .1875rem } .num-card { position: relative; display: flex } .num-card__inner { position: absolute; background: #ededed; width: 30.125rem; height: 9.875rem; left: 3.125rem; top: 3.125rem } .num-card__image { width: 20.75rem; height: 9.875rem; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: 0 .625rem 1.875rem rgba(0, 0, 0, .1); box-shadow: 0 .625rem 1.875rem rgba(0, 0, 0, .1) } .num-card__content { padding-left: 2.4375rem; width: 23.75rem; padding-top: 2.3125rem; position: relative; z-index: 2 } .num-card__content p { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: .01em } .num-card__num { font-weight: 900; font-size: 12.5rem; line-height: .7; letter-spacing: .02em; position: absolute; color: #ffffff; right: .5625rem; bottom: -3.0625rem; z-index: 3 } .num-card--reverse .num-card__inner { width: 30.125rem; height: 9.875rem; left: auto; right: 3.125rem } .num-card--reverse .num-card__content { position: absolute; width: 26.75rem; left: -25.1875rem } .num-card--reverse .num-card__num { right: 11.5625rem } .num-card-section { padding-top: 4.875rem } .num-card-section__title { padding-bottom: 3.125rem } .num-card-section__container { margin: 0 auto; max-width: 86.25rem; padding: 0 4rem } .num-card-list__row:first-child .num-card-list__item:nth-child(2) .num-card__content { padding-top: 5.5rem } .num-card-list__row:nth-child(2) { padding-top: 10.125rem } .num-card-list__item { margin-bottom: 9.75rem } .section-program { padding-bottom: 3.625rem; padding-top: 5rem } .section-program__title { font-weight: 700; font-size: 2.125rem; line-height: 3.25rem; color: #000; padding-bottom: 1.6875rem } .num-card-list .num-card-list__row:first-child .num-card-list__item:last-child { margin-bottom: 3rem } .description-list { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: .01em; color: #000; max-width: 38.4375rem; margin: 0 auto } .description-list__item { padding: 1.75rem 0 1.875rem 1.625rem; border-bottom: .0625rem solid #c6c6c6 } .description-list__item ul { padding-left: 1rem } .description-list__item li { list-style-type: disc; font-size: 1rem; margin-bottom: .5em } .section-buy-crs { overflow: hidden; background: #3e3e3e; padding-top: 2.5rem; padding-bottom: 5.625rem; position: relative; font-weight: 700 } .section-buy-crs__line-timer { background: 0 0; margin-bottom: 1.4375rem } .section-buy-crs__title { font-size: 2.25rem; line-height: 2.875rem; text-align: center; letter-spacing: .02em; color: #fff; text-transform: none; padding-bottom: 3.3125rem } span.ui-datepicker-month, span.ui-datepicker-year, th span { text-transform: uppercase; font-size: .9em; letter-spacing: .01em; font-weight: 400 } .section-buy-crs__btns { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 39.4375rem; margin: 0 auto } .section-buy-crs__btn { margin-right: 3.75rem; padding: 1.3125rem 4.0625rem; height: 4.375rem } .section-buy-crs__price-block .price-block__price { line-height: 1.2 } .section-buy-crs__discount { color: #383838; position: absolute; font-size: 30.6rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -5.75rem; line-height: normal } .section-buy-crs__discount i { font-style: normal; position: relative; bottom: -.3125rem } .price-block__old-price { font-size: 16px; line-height: 1.3; margin: 0; font-weight: 400; letter-spacing: .02em; display: block; margin-top: 5px; color: #000000 !important; } .price-block__old-price i { font-style: normal } .price-block__wrap { margin-right: 1.875rem } .sp-card--big .sp-card__image { width: 18.75rem; height: 18.75rem } .sp-card--big .sp-card__content { padding-top: 2.0625rem; padding-left: 3.525rem } .sp-card--big .sp-card__title { padding-bottom: 1.1rem } .sp-card--big .sp-card__status { padding: .1875rem .6875rem } .sp-card--big .sp-card__descr p { margin-bottom: 1.0625rem } .sp-card--big .sp-card__link svg { margin-left: 1.75rem; width: 1.5375rem; height: .625rem } .sp-card__status { font-size: 1rem; line-height: 1.5rem; text-align: center; letter-spacing: .01em; color: #fff; background: #5c5c5c; padding: .625rem; margin-bottom: 1.5rem; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .section-crs-about-brand { padding-bottom: 3.0625rem; padding-top: 6rem } .scew-video-card__descr { background: #c9c9c9; padding: 4.6875rem 2.9375rem 3.625rem 1.6875rem; position: relative; bottom: -2rem } .scew-video-card__descr p { font-size: 1rem; line-height: 1.75rem; letter-spacing: .01em; color: #000 } .scew-video-card__descr:before { position: absolute; content: ""; background: #c9c9c9; left: -9.4375rem; width: 9.4375rem; top: 0; height: 100% } .scew-video-card__image { -ms-flex-negative: 0; flex-shrink: 0; display: block; position: relative; width: 51.625rem; height: 31.8125rem; z-index: 3 } .scew-video-card__image:hover .scew-video-card__btn { background: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .scew-video-card__btn { position: absolute; border: .1875rem solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 5rem; z-index: 2; height: 5rem; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 50%; left: 50%; margin: -2.5rem 0 0 -2.5rem; transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .scew-video-card__btn svg { fill: #fff; margin-left: .125rem; -webkit-transition: .4s cubic-bezier(.36, .26, .19, 1.03); -o-transition: .4s cubic-bezier(.36, .26, .19, 1.03); transition: .4s cubic-bezier(.36, .26, .19, 1.03) } .section-crs-about-brand__title { padding-bottom: 2.5625rem } .section-crs-about-brand__descr { text-align: center; max-width: 65rem; margin: 0 auto } .section-crs-about-brand__descr p { font-weight: 300; font-size: 1.25rem; line-height: 1.79; text-align: center; letter-spacing: .02em; color: #2d2d2d; margin-bottom: 2.875rem } .section-others-list-items { background: #2d2d2d; padding-top: 6.0625rem; padding-bottom: 3.875rem } .section-others-list-items__title { font-weight: 700; font-size: 2.125rem; line-height: 1.3; text-align: center; letter-spacing: .02em; text-transform: uppercase; color: #fff; padding-bottom: .75rem } .section-others-list-items__sub-title { font-weight: 300; font-size: 1.25rem; line-height: 1.3; text-align: center; letter-spacing: .02em; color: #fff; padding-bottom: 0; margin-bottom: 0 } .others-list-items { display: -ms-grid; display: grid; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; grid-column-gap: 4.125rem; grid-template-areas:'a b' 'c d' 'e .'; max-width: 68.75rem; margin: 0 auto; -ms-grid-columns: 31.25rem 4.125rem 31.25rem; grid-template-columns:repeat(2, 31.25rem) } .crs-img-card, .others-list-items__item { display: -webkit-box; display: -ms-flexbox } .others-list-items__item { padding: 2.1875rem 0; font-size: 2.125rem; line-height: 3.25rem; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #c9c9c9; border-bottom: .0625rem solid rgba(198, 198, 198, .3) } .others-list-items__item:nth-child(2), .others-list-items__item:nth-child(5) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .others-list-items__item:nth-child(3) { border-bottom: none; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .others-list-items__item:nth-child(5) span { min-width: 15.25rem } .others-list-items__item span { font-weight: 900; font-size: 3.875rem; line-height: 100%; letter-spacing: .02em; color: #5c5c5c; opacity: .5; margin-right: 1.9375rem; min-width: 10.625rem; display: block } .section-more-crs { padding: 80px 0 80px } .section-crs-video { padding-top: 4.5rem; padding-bottom: 5.5rem } .section-more-crs__title { padding-bottom: 2.5rem } .crs-img-card-grid { display: -ms-grid; display: grid; margin: 0 -1.6875rem; grid-gap: 1.875rem; -ms-grid-columns: calc(33.33333% - 1.775rem) 1.875rem calc(33.33333% - 1.775rem) 1.875rem calc(33.33333% - 1.775rem); grid-template-columns:repeat(3, calc(33.33333% - 1.775rem)) } .crs-img-card { min-height: 33.4375rem; display: flex; padding-top: 2.5625rem; padding-bottom: 1.25rem } .crs-img-card__content { position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .crs-img-card__scew-label { margin-bottom: auto; padding: .3rem 3.3rem .3rem 1.4rem } .crs-img-card__descr { padding-left: 1.375rem; padding-right: 1.25rem; margin-top: auto } .crs-img-card__descr p { font-size: 1.125rem; line-height: 1.6; letter-spacing: .01em; color: #ffffff } .card-back__btn .btn.btn--filled3, .crs-img-card__arrow-link, .main-slider--custom-style .btn:hover { color: #fff !important } .crs-img-card__arrow-link svg { fill: #ffffff !important; margin-left: 1.625rem; width: 1.5625rem } .course-detail-page__section-sliders { padding-top: 1.5rem; padding-bottom: 5.425rem } .course-detail-page__section-sliders .section-sliders__title { padding-bottom: 2.8375rem } .agreement-txt { font-size: 14px; cursor: pointer; color: #2d2d2d; line-height: 1.5 } .dater__end-time { color: #fff; padding: 0 } div#ui-datepicker-div { z-index: 99999 !important; position: absolute !important; top: auto !important; left: 0 !important } .section-final-purchase { padding-top: .625em } .fp-list__item:first-child { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3.875em } .fp-list__item:nth-child(2) { text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 .9375em } .fp-list__item:nth-child(3) { padding-top: .125em } .fp-list__icon { margin-bottom: 1.75em; width: 8.25em; height: 8.25em } .fp-list__image { width: 11.5em; height: 11.5em; position: relative; border-radius: 50%; overflow: hidden } .alert.alert-warning.alert-dismissable, .fp-list__image--lg, .m-select__input, [data-accordion-drop] { display: none } .fp-list__sub-title { font-size: 1.625em; line-height: 1.3; text-align: center; letter-spacing: .02em; color: #2d2d2d } .fp-list__title, .fp-total-block__title { font-size: 2.125em; letter-spacing: .02em; font-weight: 700; text-transform: none; text-align: center } .fp-list__title { line-height: 1.5; color: #000; padding-bottom: .65em } .fp-total-block { background: #c9c9c9; min-width: 18.1875em; padding: 1.625em 1.25em 1.5em; text-align: center } .fp-total-block__header { border-bottom: .0625em solid #5c5c5c } .fp-total-block__body { padding-top: 1.8125em } .fp-total-block__title { padding-bottom: .65em; line-height: 1.3; color: #2d2d2d } .fp-total-block__sub-title { font-size: 1.125em; line-height: 1.3; text-align: center; letter-spacing: .01em; color: #000; margin-bottom: .5625em } .fp-total-block__price { font-weight: 700; font-size: 2.125em; line-height: 1.3; letter-spacing: .02em; color: #000; margin-bottom: 10px } .fp-total-block__old-price { font-size: 1.125em; line-height: 1.2; letter-spacing: .02em; color: #2d2d2d; margin-bottom: 1.3875em } #small_basket { margin-bottom: auto } .fp-total-block__btn { width: 100% } .section-buy-crs > .section-buy-crs__discount + .page-width .section-buy-crs__title { margin-top: 3rem } .ui-widget-header { background: #5c5c5c; border-radius: 0; border: none } span.ui-datepicker-month, span.ui-datepicker-year { color: #fff } .ui-widget.ui-widget-content { padding: 0; border: 1px solid #c6c6c6; border-radius: 0; font-size: 17px } th span { color: #2d2d2d } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { background: #fff; border: none; text-align: center } html a.ui-state-default { color: #b59d61 !important } html a.ui-state-default.ui-state-active { color: #fff !important; position: relative; z-index: 3; background: 0 0 } .ui-datepicker-current-day:before { content: ""; position: absolute; left: 50%; top: 50%; background: #5c5c5c; border-radius: 50%; height: 1.875em; width: 1.875em; transform: translate(-50%, -50%); z-index: 1 } .bx-mac .ui-datepicker-current-day:before { top: 45% } html td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled .ui-state-default { color: rgba(74, 74, 74, .5) !important } .ui-widget { font-family: GothamPro, Candara, Segoe, Segoe UI, Helvetica Neue, Helvetica sans-serif } .ui-widget-header .ui-datepicker-prev .ui-icon { background-image: url(/local/templates/main/img/cl-arrow-left.svg) } .ui-widget-header .ui-datepicker-next .ui-icon { background-image: url(/local/templates/main/img/cl-arrow-right.svg) } .ui-icon { background-position: 0 0; background-size: contain; transition: .3s ease-in-out; width: .5em; height: .7em } .ui-datepicker-next-hover, .ui-datepicker-prev-hover { background: 0 0 !important; border: none !important; top: 0 !important; cursor: pointer !important } .ui-datepicker .ui-datepicker-title { margin: 0; line-height: 1.6em } .ui-datepicker th { padding: .3em } .ui-datepicker table { margin: .6em 0 .4em } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { margin-left: 0; margin-top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 0; width: 1.7em; height: 100% } .ui-datepicker-next-hover { right: 2px !important } .ui-datepicker-prev-hover { left: 2px !important } img.ui-datepicker-trigger { position: absolute; right: 14px; top: 50%; cursor: pointer; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%) } .bc-form__btn.btn { padding: 20px 80px } .bc-form__promo-inp { margin-right: 30px } .bc-form-header__title { top: -9px; position: relative } .bc-form-header__left { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 61px } .bc-form-header__sub-title { font-weight: 400; font-size: 26px; line-height: 34px; letter-spacing: .02em; color: #000; text-transform: none } .footer-title, .num-card__content p:first-child { font-weight: 700 } .promo-inp { position: relative; display: block } .m-select, .m-select__content { display: -webkit-box; display: -ms-flexbox } .promo-inp__btn { background: 0 0; border: none; outline: 0; position: absolute; top: 50%; right: 8px; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .promo-inp__btn:hover { right: 3px } .promo-inp__btn:active { -webkit-transform: translateY(-50%) scale(.9); -ms-transform: translateY(-50%) scale(.9); transform: translateY(-50%) scale(.9) } .promo-inp__inp { width: 290.23px; height: 60px; padding-left: 20px; border: none; line-height: 1.5; background: rgba(130, 81, 35, .3) } .promo-inp__inp::-webkit-input-placeholder { font-size: 16px; line-height: 1.2; letter-spacing: .01em; color: #fff } .promo-inp__inp:-moz-placeholder { font-size: 16px; line-height: 1.2; letter-spacing: .01em; color: #fff } .promo-inp__inp::-moz-placeholder { font-size: 16px; line-height: 60px; letter-spacing: .01em; color: #fff } .promo-inp__inp:-ms-input-placeholder { font-size: 16px; line-height: 1.2; letter-spacing: .01em; color: #fff } .another-site-link { padding: 0 0 30px } .product-price-line.product-price-line--offset + .another-site-link { padding: 20px 0 30px } .btn.another-site-link__link { padding: 1.3rem 2.1rem; font-size: 1.05rem } a.banner-line-link { text-align: center; padding: 1rem; font-size: 2rem; background: #5c5c5c; width: 100%; display: block; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-bottom: 2.5rem; -webkit-box-shadow: rgba(0, 0, 0, .15) 0 0 14px; box-shadow: rgba(0, 0, 0, .15) 0 0 14px } a.banner-line-link:hover { background-color: #c8bda5; color: #fff } a.banner-line-link:active { background-color: #b3a882; color: #fff } .main-slider__others-list-items { grid-column-gap: 2.125rem; -ms-grid-columns: 16.25rem 2.125rem 16.25rem; grid-template-columns:repeat(2, 16.25rem); margin: 2rem 0 0 } .main-slider__others-list-items .others-list-items__item { font-size: 1.125rem; line-height: 1.3; padding: .8875rem 0; grid-template-columns:repeat(2, 17.25rem) } .main-slider__others-list-items .others-list-items__item span { font-size: 1.875rem; min-width: auto !important; white-space: nowrap; color: #fff; opacity: 1 } .load-anim { opacity: 0; -webkit-transition: .5s ease-in-out, opacity .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s; transition: .5s ease-in-out, opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s; -o-transition: .5s ease-in-out, opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px) } .section-course-form { padding-top: 5rem; padding-bottom: 1rem } .custom-multi-select { width: 100%; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; background: 0 0; border: 1px solid #c6c6c6 } .custom-multi-select option { font-size: 1rem; line-height: 3rem; padding: 1rem } .form-buy-live-course__footer { margin-top: 5rem } .m-select { display: flex; width: 100%; height: 12.6rem; margin: 0 auto; overflow: hidden; border: 1px solid #c7ccd1 } .m-select__content { display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; overflow-y: auto; overflow-x: hidden } .m-select__input:checked + label { background-color: #c9c9c9 } .m-select__input:disabled + label { opacity: .6; pointer-events: none } .m-select__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; font-size: 1rem; flex-shrink: 0; padding: .85rem 1rem; -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; cursor: pointer } .m-select__label + input + .m-select__label { border-top: 1px solid #c7cCD160 } .m-select__label:hover { background-color: #5c5c5c !important; color: #fff } .m-custom-scrollbar { max-height: 500px; overflow: auto } .m-custom-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; background: #5c5c5c; border-radius: 0 } .m-custom-scrollbar .mCSB_scrollTools .mCSB_dragger { height: 63px } .m-custom-scrollbar .mCSB_scrollTools .mCSB_draggerRail { background: #f1f1f1; border-radius: 0; width: 5px } .bx-mac .m-custom-scrollbar::-webkit-scrollbar { width: 10px } .bx-mac .m-custom-scrollbar::-webkit-scrollbar-track { background: padding-box content-box #f1f1f1 } .bx-mac .m-custom-scrollbar::-webkit-scrollbar-thumb { background-color: #5c5c5c; min-height: 10px } .promo-msg { position: absolute; bottom: -25px; margin: 0; font-size: 12px } [data-check-promo=promo-inp--success].promo-inp { border: 1px solid #155724 } [data-check-promo=promo-inp--success] .promo-msg { color: #155724 } [data-check-promo=promo-inp--error].promo-inp { border: 1px solid #721c24 } [data-check-promo=promo-inp--error] .promo-msg { color: #721c24 } .slide-slider .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-block { display: block !important } .d-flex { display: flex !important } .main-form__label { color: #e8e8e8 } .f-list__link, .icon-link { color: #fff !important; line-height: 1.3; letter-spacing: .02em } .main-form__form-line { margin-top: -20px } .partners-map-btn { padding: 1.3rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.05rem } .product-dop-btn-block__btn { margin-left: .8rem } [href="/oxygen-return"].main-menu__link { color: #63aeb7 } .partnership__btn { font-size: 14px; padding: 13px 22px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .geo.page-aside__item { border-top: 1px solid rgba(87, 87, 86, .3) } .page-aside__inner { display: flex; flex-direction: column; height: 100% } .footer-row, .icon-link__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .no-block__right { flex-grow: 1 } .more-text.active + .more-text__btn .review__footer { box-shadow: none } [tooltip-lb]::after, [tooltip-lb]::before { text-transform: none; font-size: .9em; line-height: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0 } [tooltip-lb]::before { content: ''; border: 5px solid transparent; z-index: 1001 } [tooltip-lb]::after { content: attr(tooltip-lb); text-align: center; width: auto; overflow: hidden; padding: 1ch 1.5ch 1.1ch; -webkit-box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35); box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35); background: rgba(0, 0, 0, .65); color: #fff; -webkit-border-radius: 6px; border-radius: 6px; font-size: 12px; line-height: 1; z-index: 1000; min-width: 300px } [tooltip-lb]:not([flow])::before, [tooltip-lb][flow^=up]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #686868 } [tooltip-lb]:not([flow])::after, [tooltip-lb][flow^=up]::after { bottom: -webkit-calc(100% + 5px); bottom: calc(100% + 5px) } [tooltip-lb]:not([flow])::after, [tooltip-lb]:not([flow])::before, [tooltip-lb][flow^=up]::after, [tooltip-lb][flow^=up]::before { left: 50%; -webkit-transform: translate(-50%, -.5em); -ms-transform: translate(-50%, -.5em); transform: translate(-50%, -.5em) } [tooltip-lb][flow^=down]::before { top: 100%; border-top-width: 0; border-bottom-color: #f4f4f4 } [tooltip-lb][flow^=down]::after { top: -webkit-calc(100% + 5px); top: calc(100% + 5px) } [tooltip-lb][flow^=down]::after, [tooltip-lb][flow^=down]::before { left: 50%; -webkit-transform: translate(-50%, .5em); -ms-transform: translate(-50%, .5em); transform: translate(-50%, .5em) } [tooltip-lb][flow^=left]::before { top: 50%; border-right-width: 0; border-left-color: #f4f4f4; left: -webkit-calc(0em - 5px); left: calc(0em - 5px); -webkit-transform: translate(-.5em, -50%); -ms-transform: translate(-.5em, -50%); transform: translate(-.5em, -50%) } [tooltip-lb][flow^=left]::after { top: 50%; right: -webkit-calc(100% + 5px); right: calc(100% + 5px); -webkit-transform: translate(-.5em, -50%); -ms-transform: translate(-.5em, -50%); transform: translate(-.5em, -50%) } [tooltip-lb][flow^=right]::before { top: 50%; border-left-width: 0; border-right-color: rgba(0, 0, 0, .65); right: -webkit-calc(0em - 14px); right: calc(0em - 14px); -webkit-transform: translate(.5em, -50%); -ms-transform: translate(.5em, -50%); transform: translate(.5em, -50%) } [tooltip-lb][flow^=right]::after { top: 50%; left: -webkit-calc(100% + 14px); left: calc(100% + 14px); -webkit-transform: translate(.5em, -50%); -ms-transform: translate(.5em, -50%); transform: translate(.5em, -50%) } @-webkit-keyframes tooltips-vert { to { opacity: .9; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) } } @keyframes tooltips-vert { to { opacity: .9; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) } } @-webkit-keyframes tooltips-horz { to { opacity: .9; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } } @keyframes tooltips-horz { to { opacity: .9; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } } [tooltip-lb]:not([flow]):hover::after, [tooltip-lb]:not([flow]):hover::before, [tooltip-lb][flow^=down]:hover::after, [tooltip-lb][flow^=down]:hover::before, [tooltip-lb][flow^=up]:hover::after, [tooltip-lb][flow^=up]:hover::before { -webkit-animation: .3s ease-out forwards tooltips-vert; animation: .3s ease-out forwards tooltips-vert } [tooltip-lb][flow^=left]:hover::after, [tooltip-lb][flow^=left]:hover::before, [tooltip-lb][flow^=right]:hover::after, [tooltip-lb][flow^=right]:hover::before { -webkit-animation: .3s ease-out forwards tooltips-horz; animation: .3s ease-out forwards tooltips-horz } svg#limit-info { margin: 0 5px -1px 0 } .swal-custom-modal.swal2-popup, .swal2-popup.swal-custom-error-modal { border-radius: 0 } .limit-one-hands--mb { margin-bottom: 15px } .page-footer__row--brd-top { border-top: 1px solid #c6c6c6; padding-top: 27px } .footer-row { display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 8px } .f-list__link { font-size: 16px; transition: color .3s } .icon-link, li.sub-category__item a { font-size: 14px } .f-list__link:hover, .icon-link:hover { color: #929292 !important } .f-list__item, .footer-info__icon-link { margin-bottom: 16px } .page-footer__list { padding-right: 30px } @media only screen and (min-width: 1820px) { .page-footer__list { padding-right: 60px } } .icon-link { display: block; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s } .icon-link:hover svg { fill: #929292 } .icon-link svg { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; margin-right: 10px; fill: #fff } .icon-link__inner { display: flex; margin-bottom: 5px } .footer-info, .page-footer__list-wrap, .soc-media-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .footer-info__right { position: relative; top: -9px; margin-left: 33px } .footer-title { font-size: 16px; line-height: 1.3; letter-spacing: .02em; text-transform: uppercase; color: #fff; padding-bottom: 20px } .soc-media-list--mb { margin-bottom: 14px } .soc-media-list__item:not(:last-child) { margin-right: 24px } .soc-media-list__link { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .soc-media-list__link--inst { background-image: url(/local/templates/main/img/icons/inst-f.svg) } .soc-media-list__link--vk { background-image: url(/local/templates/main/img/icons/vk-f.svg) } .soc-media-list__link--yt { background-image: url(/local/templates/main/img/icons/yt-f.svg) } .soc-media-list__link--fb { background-image: url(/local/templates/main/img/icons/fb-f.svg) } .soc-media-list__link--wp { background-image: url(/local/templates/main/img/icons/wp-f.svg) } .soc-media-list__link--vb { background-image: url(/local/templates/main/img/icons/vb-f.svg) } .soc-media-list__link--tl { background-image: url(/local/templates/main/img/icons/tl-f.svg) } .sub-category { padding-left: 105px; margin-left: -80px; margin-right: -80px; background: #5c5c5c; padding-top: 10px; padding-bottom: 10px } span.menu-arrow { padding-left: 10px } .menu-arrow svg { fill: #ffffff; transform: rotate(-90deg); transition: .2s ease-in-out; top: 1px; position: relative } .list-category-wrap:hover .menu-arrow svg, .tap-link--dark .nav-link__cart { fill: #ffffff } .list-category-wrap:hover .main-menu__link, .main-menu__link.selected, .main-slider .btn:link, .main-slider__item .btn.btn--icon { color: #fff } .list-category-wrap.active .menu-arrow svg { transform: rotate(0) } .list-category-wrap .main-menu__link { padding: 0 !important } .list-category-wrap { display: -webkit-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: none !important; background-color: transparent !important; cursor: pointer; transition: .2s ease-in-out; outline: 0 !important; padding: 10px 0 !important } .list-category-wrap span { transition: .2s ease-in-out !important } .main-menu__link.selected + span, .main-menu__link:hover + span { border-color: #fff } .order-final { display: block; margin-bottom: 100px; box-shadow: 0 10px 15px 0 rgb(62 72 86 / 7%); border-radius: 6px; background-color: #fff } .order-final__description { padding: 50px 90px 25px } .order-final__description p { font-size: 24px; line-height: 1.5; margin: 0 0 25px } .order-final__description a { color: #5c5c5c } .order-final__description a:hover { color: #896752 } .order-final__meta { border-top: 1px solid #ccc; padding: 30px 90px } .btn.cart__selected { background: #ccc; border-color: #ccc; color: #000 } .btn.cart__selected:active, .btn.cart__selected:focus, .btn.cart__selected:hover { background: #dcdcdc; border-color: #dcdcdc; color: #000 } .bx-sbb-empty-cart-container, .search-page { padding-bottom: 60px } .bx-sls .bx-ui-sls-pane { max-height: 215px !important } .item-meta__wrap { display: flex; justify-content: space-between; align-items: center; min-height: 26px; } .number-input--sm { margin: 0 !important } .number-input--sm .number-input__button, .number-input--sm .number-input__counter { width: 25px; height: 25px } .number-input--sm .number-input__counter-input, .number-input--sm .number-input__counter-num { line-height: 25px; font-size: 12px } @media (min-width: 400px) { .restore-password__input { min-width: 338px } } @media (min-width: 25em) { .ch-psw-modal, .swal2-modal.info-swal { width: 25em } } @media (min-width: 575px) { .si-content-wrapper .window-image { height: 136px } } @media only screen and (min-width: 575px) { .visible-xs { display: block } .hidden-xs { display: none } } @media (min-width: 576px) { .cat-card--all-width-center, .cat-card--all-width-left { padding-bottom: 0 } .cat-card--all-width .cat-card__img, .cat-card--all-width-center .cat-card__img, .cat-card--all-width-left .cat-card__img { height: auto; max-width: 100%; position: relative } .masonry__row--4 { display: block } .cat-card--all-width .cat-card__image { height: auto } .cat-card--all-width-center .cat-card__meta { -webkit-order: -1; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 0 } .cat-card--all-width-center .cat-card__image { height: auto } .cat-card--all-width-left .cat-card__title { font-size: 26px; line-height: 34px } .cat-card--all-width-left .cat-card__meta { -webkit-order: -1; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 0 0 0 38px; text-align: left } .cat-card--all-width-left .cat-card__image { height: auto } .cat-card--dark { background: #684c45 } .cat-card--dark .cat-card__sub, .cat-card--dark .cat-card__title { color: #fff } .cat-card--offset-top .cat-card__img { position: relative; width: 73.55px; height: 226px; top: -2px; margin: 0 auto; display: block } .cat-card--offset-top .cat-card__image { top: -28px } } @media (min-width: 577px) { .cat-card--visible-mob { display: none } } @media only screen and (min-width: 765px) and (max-height: 720px) { .main-nav { padding: 25px 80px } .main-nav .page-header__logo { margin-bottom: 25px } } @media (min-width: 765px) { .page-lang-m, .visible-sm { display: none } .waw-section__title { font-size: 34px } .waw-section__sub-title { font-size: 20px } .waw-section__desc p { font-size: 20px; line-height: 28px } } @media only screen and (min-width: 765px) and (max-height: 800px) { .main-menu__link { padding: 7px 0 } .about-menu__link { padding: 5px 0 } } @media (min-width: 768px) { .masonry__row--2 { display: block } .card-map__close-btn { display: none } .card-skew__desc { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0) } } @media only screen and (min-width: 800px) { .total-block-m-price { margin-top: 30px } } @media only screen and (min-width: 980px) and (max-height: 750px) { .fancybox-slide { padding: 70px 0 } } @media (min-width: 980px) { .product-gallery { padding-right: 34px } } @media (min-width: 991px) { .earth-section__title, .video-block__title { font-size: 34px; line-height: 52px } .img-grid__title { font-size: 34px; line-height: 46px } .brand-trainer-section__title { padding-bottom: 62px } .professionals-benefits-list--custom li { padding: .8125rem 0 1.1rem 5.5rem; min-height: 8.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex } } @media only screen and (min-width: 992px) { .no-block__right { max-width: 50% } } @media (min-width: 1180px) { .product-price-line--offset { margin-top: 32px } } @media (min-width: 1200px) { .masonry__row--3 { display: block } .search-line { display: flex; margin-bottom: 0 } .search-line__form { margin: 8px 0 0 20px } } @media (min-width: 1260px) { .teach-card__title--v2 { font-size: 2.125rem; line-height: 2.875rem; padding-top: 0 } } @media only screen and (min-width: 1260px) { .partners-map-btn { padding: 19px 30px; font-size: 16px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } } @media (min-width: 1600px) { .brand-trainer-section { margin: 81px 0 } } @media (min-width: 1920px) { html { font-size: 18px } } @media (min-width: 1921px) { .page-404__logo { left: -155px } .page-404__container { padding-top: 120px } .page-404__bg img { right: -180px } .page-404__bg--visible-md { display: none } } @media (min-width: 1930px) { .t-list { font-size: .8vw } } @media (max-width: 1921px) { .page-404__bg--hidden-md { display: none } } @media (max-width: 1820px) { .page-404__logo { left: 30px } .page-404__container { max-width: 1200px } } @media only screen and (max-width: 1800px) { .item-tile { padding: 30px 0 } } @media only screen and (max-width: 1600px) { .page-footer .page-width, .page-width { max-width: 1370px } .page-width2 { max-width: 1160px } .page-wrap { padding-left: 60px } .first-slide-arrow-down svg { width: 10px } .vertical-section { margin: 90px 0 } .breadcrumbs.breadcrumbs--abs { top: 125px; left: 0; padding-left: 50px } .benefit__title, .h2, h2 { font-size: 34px; padding-bottom: 30px } h2.catalog__title { padding-bottom: 17px } .category.category--large .category__name, .h3, .main-promo__price, h3 { font-size: 26px } .page-header.page-header--main { padding-top: 30px; left: 60px } .page-header.page-header--main .page-width { padding: 0 60px } .page-header__logo img { width: 182px } .page-aside { width: 60px } .page-aside__form-btn { font-size: 16px; padding: 20px 18px } .page-aside__buttons-drop { bottom: 70px } .page-aside__socials .social-list { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .page-aside__socials .page-aside__socials-icon { width: 29px; height: 29px } .header-burger { width: 60px; height: 60px } .header-burger span { top: 22px; width: 27px; left: 16px } .header-burger span:nth-child(2) { width: 12px; top: 29px } .header-burger span:nth-child(3) { width: 22px; top: 37px } .header-burger:hover span, .menu-opened .header-burger span { width: 27px } .menu-opened .header-burger span:first-child { -webkit-transform: rotate(-45deg) translate(-5px, 6px); -ms-transform: rotate(-45deg) translate(-5px, 6px); transform: rotate(-45deg) translate(-5px, 6px) } .menu-opened .header-burger span:nth-child(3) { -webkit-transform: rotate(45deg) translate(-5px, -6px); -ms-transform: rotate(45deg) translate(-5px, -6px); transform: rotate(45deg) translate(-5px, -6px) } .page-footer { padding: 30px 0 30px 30px } .main-nav { left: 60px; -webkit-transform: translateX(-460px); -ms-transform: translateX(-460px); transform: translateX(-460px) } .main-promo.main-promo--light .main-promo__cont { padding-left: 90px } .main-promo__label { right: 60px; width: 80px; height: 80px; line-height: 80px; top: 40px; font-size: 18px } .main-promo__cont { padding: 60px 60px 60px calc((200% - 1250px) / 2) } .main-promo__category { font-size: 14px; margin-bottom: 20px } .main-promo__name { font-size: 26px; margin-bottom: 25px } .category { font-size: 14px } .main-about-brand { font-size: 16px; padding: 70px } .main-about-section { padding-bottom: 100px } .main-about-section__pic { background-size: 1550px auto } .main-about-properties { padding-top: 110px; padding-left: 115px } .main-about-properties__description { margin-bottom: 100px } .calculator-section__text { padding-left: 110px } .calculator { margin-bottom: -70px } .calculator__btn { height: 70px; line-height: 70px; margin: 70px -70px 0 } .calculator-form { padding: 70px 70px 0 } .calculator-form .calculator__btn { padding: 0 70px } .calculator-success { padding: 70px; font-size: 26px } .benefit { padding: 60px calc((200% - 1250px) / 2) 60px 80px } .benefit.benefit--large { padding: 120px 80px 120px calc((200% - 1250px) / 2) } .item-tile__category { font-size: 12px } .product-price-line__val { font-size: 34px } .main-slider { font-size: 16px; left: 60px } .main-slider__item { padding: 100px 0 } .main-slider__title { font-size: 42px } .main-slider__title.main-slider__title--large { font-size: 56px } .main-slider__title.main-slider__title--small { font-size: 34px } .main-slider__description { font-size: 1.625em } .main-slider__description:before { width: 50px; height: 3px; left: -80px; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px) } .main-slider .btn .btn__icon--arrow { width: 26px; height: 10px } .main-slider .btn { font-size: 16px; margin-top: 70px; padding: 24px 30px } .main-slider .btn svg { margin-right: -10px } .main-slider .swiper-pagination { bottom: 75px } .page-loaded .main-slider .swiper-pagination { -webkit-transform: translateX(105px); -ms-transform: translateX(105px); transform: translateX(105px) } .main-slider .swiper-pagination .circle-switcher { margin: 0 5px; width: 48px; height: 48px; font-size: 20px; line-height: 48px } .result-slider__item { padding: 120px 80px 120px calc((100vw - 1250px - 60px) / 2) } .result-slider .swiper-pagination { left: calc((200% - 1250px) / 2) } .usage-instruction:after { right: 27% } .usage-instruction__left ol > li { padding-left: 35px } .usage-instruction__left ol > li:before { font-size: 26px } .masters__item, .works-grid .grid-sizer, .works-grid__item { width: 25% } .books-list__item { width: 33.33% } .professionals-benefits h3 { max-width: 930px } .training-link { padding: 60px } .master-class-top { margin-left: 60px } .master-class-top__cont { padding: 100px 0 100px 90px } .registration-promo { padding: 80px 60px } .distribution-benefit__cont { font-size: 18px } .flora { margin-right: -60px } } @media (max-width: 1600px) { .calculator__container { padding-left: 50px; padding-right: 30px } .page-lang { font-size: 16px; line-height: 38px } .catalog-section-title { font-size: 34px; line-height: 1.2 } } @media only screen and (max-width: 1445px) { .calculator-section__text, .main-about-properties { padding-left: 60px } .calculator__btn { margin: 60px -60px 0 } .calculator-form { padding: 60px 60px 0 } .calculator-form .calculator__btn { padding: 0 60px } .calculator-success { padding: 60px } } @media (max-width: 1440px) { .page-404__container { -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative } .page-404__bg img { right: -20px } .page-404__logo { left: 37px; top: 40px } .page-404__logo svg { width: 184px; height: 45px } .page-404__block { margin-top: 168px; margin-left: calc(8.33333% - 48px) } .page-404__logo-txt svg { width: 430px; height: 191px } .page-404__title { margin: 0 0 55px } a.page-404__btn { font-size: 16px; line-height: 15px; letter-spacing: .3px; padding: 26px 30.33px } a.page-404__btn svg { margin-left: 20px; width: 25px; height: 10px } } @media (max-width: 1439px) { .test__header { width: 50px } .page-404__container { min-height: 698px } .page-404__logo { left: 40px } .page-404__title { margin: -16px 0 40px; font-size: 24.5px; line-height: 25px; letter-spacing: 1.7px } .page-404__block { margin-top: 205px } .page-404__logo-txt svg { width: 323px; height: 169px } } @media (max-width: 1430px) { .page-404__container { max-width: 960px } } @media (max-width: 1400px) { .m-card { max-width: 100% } .lk-wrapper { font-size: 15px } .crs-card__title { line-height: 1.3 } .t-card__title { margin-bottom: .625em } } @media (max-width: 1380px) { .wrap-map__image { height: 200px; width: 200px } .wrap-map__title { margin-bottom: 10px; font-size: 18px; line-height: 1.3 } .wrap-map__item { margin-bottom: 40px } html { font-size: 14px } } @media only screen and (max-width: 1365px) { .category-list__item:first-child .category { padding-bottom: calc(200% + 30px) } .vertical-section { margin: 80px 0 } .course-about, .vertical-section.vertical-section--gray { padding: 80px 0 } .vertical-section.vertical-section--video-after { padding-bottom: 100px; margin-bottom: -60px } .breadcrumbs.breadcrumbs--abs, .course-about__text:before, .main-section-helper { display: none } .page-header.page-header--main { position: absolute } .order-section { padding: 80px 0 60px } .main-promo__cont { padding: 60px } .category-list { margin-top: -45px } .category-list .grid-sizer { width: 33.33% } .category-list__item { padding-bottom: 15px; width: 33.33%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .category-list__item:nth-child(2) .category, .category-list__item:nth-child(4) .category, .category-list__item:nth-child(5) .category, .category-list__item:nth-child(7) .category { top: 0 } .category-list__item:first-child { height: auto } .main-about-section__pic { background-position: left top } .main-about-section-row { display: grid; grid-template-columns:repeat(2, 1fr); column-gap: 30px } .main-about-brand, .main-about-properties h3 { width: 100% } .main-about-properties { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 60px; padding-bottom: 80px; padding-top: 180px } .main-about-properties__description { width: 50%; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box } .main-about-result { width: 50%; margin: -70px 0 0 } .main-about-result__icon { left: -65px } .main-about-result__text { padding-left: 30px } .main-about-result__pic { width: 50% } .main-about-education { -webkit-transform: none; -ms-transform: none; transform: none; width: auto; height: 60vw } .calculator-section__text p { margin-bottom: 60px } .benefit { padding: 60px; min-height: 400px } .benefit.benefit--large, .result-slider__item { padding: 120px 60px } .params-selects { display: block; padding-bottom: 20px } .params-selects .page-col { width: 100%; margin-bottom: 20px } .product-price-line { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .product-price-line__val { padding-right: 0; font-size: 30px } .items-slider__arrow { left: -20px } .items-slider__arrow.items-slider__arrow--next { right: -20px } .main-slider { position: relative; left: auto; height: auto } .main-slider__title { font-size: 40px; line-height: 60px } .main-slider__title.main-slider__title--large { font-size: 40px } .main-slider__description { font-size: 22px } .main-slider__description:before { width: 40px; left: -70px } .product-gallery__color { width: 80px; height: 80px } .detail-gallery:after { width: 80%; right: 10%; bottom: 10%; padding-bottom: 80% } .detail-gallery__bg { width: 90%; right: 10%; padding-bottom: 90% } .detail-gallery__item { padding-bottom: 100% } .result-slider .swiper-pagination { left: 60px } .master-detail__left { padding-right: 15px } .master-detail__right { padding-left: 15px } .book-tile, .distribution-benefit__cont { padding: 30px } .history-header__sub-title { font-size: 22px; max-width: 450px } .application-row__left, .course-about__cont { padding-left: 0 } .application-steps__text { padding-left: 50px } .master-class-top { margin-left: 0; min-height: 100vh; height: auto; padding-bottom: 70px } .master-class-top__footer a { height: 70px } .master-class-list__item:after { left: 30px; top: 30px; right: 100px } .master-class-list__item:nth-child(2n) { top: 140px } .master-class-list__item:before { bottom: -30px } .master-class-list__text { padding: 60px 30px } .program-table td:first-child { padding-right: 40px } .fancybox-container { z-index: 99999 } .fancybox-slide--video .fancybox-content { padding: 40px } .course-header__pic { padding-right: 50px } .course-program { margin: 20px 0 80px } .distribution-benefit__pic.distribution-benefit--full { margin: -20px -30px 0 } .text-with-icon__text { font-size: 16px } .distribution-cycle-section { padding: 80px 0 180px } .premium-promo { margin-top: 60px } .premium-promo__text { padding: 50px } } @media (max-width: 1365px) { .page-scroll-cont > div { min-height: auto !important } } @media only screen and (max-width: 1360px) { .section-final-purchase--em-parent { font-size: 14px } .fp-list__item:first-child { padding-top: 0 } } @media (max-width: 1330px) { .horizontal-form { grid-column-gap: 20px } } @media only screen and (max-width: 1301px) { .ui-widget.ui-widget-content { font-size: 14.8px } } @media only screen and (max-width: 1300px) { .order-page-em-parent { font-size: 15px } } @media (max-width: 1280px) { .horizontal-form { grid-template-columns:repeat(3, 1fr); grid-template-areas:"city col1 col2" ". col3 ." } .achievements-list { -webkit-justify-content: center; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .achievements-list__meta { bottom: -102px } .achievements-list__title { font-size: 34px } .achievements-list__item { width: 33.3333% } .horizontal-form__col:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .horizontal-form__col:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2 } .horizontal-form__col:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3 } .horizontal-form__col:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2 } } @media (max-width: 1260px) { .calculator-result__output { font-size: 30px } .page-404__container { max-width: 920px } .page-404__block { margin-left: calc(8.33333% - 8px) } .ib-slider, .products-image-slider { margin-left: -2.5px; margin-right: -2.5px } .ib-slider__cell, .products-image-slider__cell { margin: 0 -5px } .page-col-cooperation { width: 50% } .card-skew__desc { padding: 60px 50px 20px 16px } .card-skew__desc h3 { font-size: 24px } .card-skew__desc p { font-size: 18px } .card-skew__btn { padding: 24px 30px } .t-list { font-size: 1.2vw } html { font-size: 12px } } @media only screen and (max-width: 1260px) { .catalog__item { width: 33.333% } .item-tile .item-meta__btn { padding: 1rem } .promo-inp__inp { width: 235px } .bc-form__btn.btn { padding: 20px 54px } } @media only screen and (max-width: 1240px) { .main-menu__link + span.active { top: -3px } } @media (max-width: 1200px) { .masters-banner__title { font-size: 24px; line-height: 1.3; max-width: 70%; width: 100% } .masters-banner__title br { display: none } } @media only screen and (max-width: 1200px) { .books-slider__arrow.books-slider__arrow--next, .distribution-slider__arrow.distribution-slider__arrow--next { right: -50px } .page-header.page-header--main .page-width, .page-width { padding: 0 40px } .breadcrumbs { margin-top: 0 } .h1, h1 { font-size: 38px; letter-spacing: .5px } .benefit__title, .h2, .main-slider__text.main-slider__text--professional .main-slider__description, .main-slider__title.main-slider__title--small, .registration-promo__title, h2 { font-size: 32px; line-height: 46px } .page-header { padding: 30px 0 } .rules-checkbox { max-width: 460px } .main-promo.main-promo--light .main-promo__cont { padding-left: 60px } .main-promo__label { right: 40px } .main-promo__cont, .training-link { padding: 40px } .category.category--large .category__cont, .category__cont, .partnership__text { padding: 30px } .main-about-brand { width: 100% } .calculator-section { background: 0 0; padding: 110px 0 0; margin: 0 0 70px } .calculator-section__row { display: block } .calculator-section__col, .partnership-row__left { width: auto } .calculator-section__bg { height: 60%; top: 0; bottom: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background: #c9c9c9 } .calculator-section__text { padding-top: 0; padding-left: 80px } .calculator { margin: 90px 0 0; max-width: none; -webkit-transform: none; -ms-transform: none; transform: none } .events-list--main .events-list__item, .events-list__item, .masters__item { width: 33.33% } .events-list--main .events-list__item:nth-child(4), .fancybox-navigation .fancybox-button--arrow, .fp-list__item:first-child { display: none } .benefit, .registration-promo { padding: 60px 40px } .benefit.benefit--large, .result-slider__item { padding: 120px 40px } .result-slider .swiper-pagination { left: 40px } .books-slider__arrow { padding: 0 15px; left: -50px } .distribution-slider__arrow { padding: 0 15px; left: -80px } .tabs-controls { margin: 0 -15px 30px } .tabs-controls__item { padding: 0 15px } .masters-promo__title, .mission-promo__title { font-size: 34px } .books-list__item { width: 50% } .partnership-row__right { width: 280px } .partnership-promo { padding: 20px } .profession { padding: 40px; font-size: 16px } .mission-promo { padding: 0 40px; height: auto; min-height: 700px } .professionals-benefits-list__item { padding: 30px 0 30px 80px } .news-detail-top { min-height: 50vw } .about-benefits__item { font-size: 18px } .training-link__title { font-size: 32px; line-height: 46px; padding-bottom: 25px } .course-header__price dd, .master-class-price__val { font-size: 32px } .master-class-list__pic { width: 220px } .flora { margin-right: -40px } .breadcrumbs__list { padding-top: 20px } .item-meta__btn { padding: 13px 18px; font-size: .8rem } .order-page-em-parent { font-size: 12.5px } } @media only screen and (max-width: 1140px) { .page-footer__list { padding-right: 30px } } @media (max-width: 1110px) { .wrap-map__item { width: 50%; margin-bottom: 40px } .masters-map__title { font-size: 30px; line-height: 1.3 } .masters-map__btn { padding: 16px 25px } } @media screen and (max-width: 1080px) { .cd-card__btn-block { margin: 0 0 30px; } .cd-card__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .catalog__item { width: 50% } .cd-card__price-block { padding-top: .9375rem } .scew-video-card__image { width: 46.625rem; height: 28.8125rem } .section-buy-crs__title br { display: none } } @media only screen and (max-width: 1040px) { .footer-info { display: block } .footer-info__right { margin: 30px 0 0 } } @media (max-width: 62em) { .lk-form__body { grid-template-columns:repeat(1, 1fr) } } @media (max-width: 992px) { .lk-wrapper__title { padding-top: .625em } .lk-wrapper__arrow-link { margin-bottom: 2.4em } .tabs-list__item { margin-right: 1.875em } .tabs-list__link { font-size: 1em } .lk-form__form-line { margin-bottom: .9375em } .ch-psw__psw-message { top: -webkit-calc(-100% - 80px); top: calc(-100% - 80px) } } @media (max-width: 991px) { .card-skew__image, .waw-section__video { width: 100%; height: auto } .card-skew__desc:before, .masters-map__sub-title br { display: none } .page-404__container { max-width: 100% } .image-book-slider__cell { height: 400px } .image-book-section__slider-2 { margin-bottom: 50px } .slick-arrow-nav .slick-next { right: -15px } .slick-arrow-nav .slick-prev { left: -15px } .products-image-slider-wrap__title { font-size: 20px } .masters-map__title-wrap { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .masters-map__title { font-size: 23px; padding: 0 } .card-skew, .waw-section__top, .wrap-map { display: block } .wrap-map__right { padding-top: 40px } .wrap-map__col { width: 100% } .wrap-map__title { font-size: 15px } .custom-control__legend { margin-bottom: 10px } .custom-control__label:not(:last-child) { margin: 0 0 10px } .horizontal-form { grid-template-columns:repeat(1, 1fr); grid-template-areas:"city" "col1" "col2" "col3" } .ic-grid, .img-grid { grid-template-columns:repeat(2, 1fr) } .horizontal-form__col:first-child { margin-bottom: 30px; -ms-grid-row: 1; -ms-grid-column: 1 } .waw-section__bottom { padding-bottom: 40px } .waw-section__video { margin-bottom: 60px } .achievements-list__meta { position: relative; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none } .ww-section__card-skew { margin: 80px 0 } .card-skew__img { position: relative; height: auto; max-height: 400px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top } .card-skew__desc { top: 0; padding: 30px } .gallery-grid { margin: 0 -5px } .gallery-grid__link { height: 200px } .gallery-grid__item { padding: 0 5px; margin-bottom: 10px } .video-block { height: 35vw } .video-block__title { padding-bottom: 5px } .video-block__link { display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: center; padding: 0; height: 100%; 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 } .img-grid { -ms-grid-columns: 1fr 0 1fr; -ms-grid-rows: auto 0 auto; grid-template-areas:"img1 img1" "img2 img3" } .img-grid__title { padding-bottom: 30px !important } .img-grid__img { -o-object-position: top; object-position: top } .img-grid__item { padding: 20px !important; min-height: 250px } .img-grid__item:first-child { height: 60vw; -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3 } .img-grid .t-underline:after { bottom: 16px !important } .img-grid__desc { margin-bottom: 0 } .brands-slider.slick-arrow-nav .slick-next { right: 0 } .brands-slider.slick-arrow-nav .slick-prev { left: 0 } .cart-modal--em-parent, .cart-modal-err--em { font-size: 14px } #cart-modal .fancybox-close-btn { height: 1rem } .psw-message { top: -webkit-calc(-100% - 5px); top: calc(-100% - 5px); min-width: 100%; right: auto } .psw-message:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; top: auto; border-width: 20px 10px 0; border-color: #fff transparent transparent } .page-col-md--w50 { width: 50% } .masters-map__sub-title { margin: 30px 0 10px } .i-price-block__title { font-size: 1.625rem; top: 0 } .professionals-benefits-list--custom { display: block; -webkit-columns: 1; -moz-columns: 1; columns: 1 } .professionals-benefits-list--custom li:before { left: 2rem } .professionals-benefits-list--custom li { padding-right: 15px } .t-list { font-size: 12px } .horizontal-form__col:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1 } .horizontal-form__col:nth-child(3), .img-grid__item:nth-child(2) { -ms-grid-row: 3; -ms-grid-column: 1 } .horizontal-form__col:nth-child(4) { -ms-grid-row: 4; -ms-grid-column: 1 } .img-grid__item:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 3 } } @media only screen and (max-width: 991px) { .no-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .no-block__left { padding: 0 0 1.875em } .b-title--no { font-size: 1.875em; line-height: 1.3 } .order-final__description p { font-size: 18px; margin: 0 0 10px } .order-final__description { padding: 20px 20px 10px } .order-final__meta { padding: 20px } .order-final__meta .btn { font-size: 14px; padding: 15px 20px } } @media screen and (max-width: 991px) { .num-card-list__row:nth-child(2) { display: none } .num-card-list__item { margin-bottom: 90px } .num-card__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .num-card-list__row:first-child .num-card-list__item:nth-child(2) .num-card__content { padding-top: 6.3125rem } .num-card-list__row { margin: 0 auto } .num-card__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .cd-card__image { width: 17.5rem; height: 17.5rem } .sp-card--big .sp-card__image { width: 12.75rem; height: 12.75rem } .scew-video-card__image { width: 30.625rem; height: 18.8125rem } .scew-video-card__descr { padding: 1.7875rem 1.3375rem 1.425rem 1.3875rem } .others-list-items { grid-column-gap: 1.125rem; -ms-grid-columns: 25.25rem 1.125rem 25.25rem; grid-template-columns:repeat(2, 25.25rem) } .others-list-items__item span { font-size: 2.375rem; min-width: 6.625rem } .others-list-items__item:nth-child(5) span { min-width: 9.25rem } .crs-img-card-grid { -ms-grid-columns: 1fr 1.875rem 1fr; grid-template-columns:repeat(2, 1fr) } } @media (max-width: 990px) { .teach-card__footer { padding: 1rem 0 .5rem } .teach-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .section-teach__inner { display: -ms-grid; display: grid; width: 100%; -ms-grid-columns: 1fr 15px 1fr; grid-template-columns:repeat(2, 1fr); grid-column-gap: 15px } .section-teach__teach-card { padding: 1rem 1rem 2.5rem } .section-teach__teach-card .teach-card__image { width: 100% } .section-teach__teach-card .teach-card__content { padding: 0 } .section-teach__teach-card .teach-card__list { padding-left: 11px } .section-teach__teach-card .teach-card__title { padding-top: 1.4625rem; padding-bottom: .9rem } .teach-card__title sup { font-size: .9rem } .section-teach__teach-card .teach-card__descr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .teach-card__link { right: 0 } } @media (max-width: 981px) { .product-price-line__btn-wrap { padding-left: 42px } } @media only screen and (max-width: 980px) { .page-header.page-header--main .page-width, .page-width { padding: 0 50px } .distribution-slider__number, .main-nav, .page-header.page-header--main, .page-header.page-header--white { left: 50px } .calculator-section__text p:before, .event-link__pic:after, .main-about-properties__description:before { display: none } .course-header__adaptive, .events-list--main .events-list__item:nth-child(4), .page-footer__row-left, .partnership-row, .product-detail-adaptive-header, .submit-line { display: block } .page-wrap { padding-left: 50px } .page-row, .professional-grid { margin: 0 -10px } .page-row--large { margin: 0 -15px } .page-col--large { padding: 0 15px } .breadcrumbs { margin: 0 0 20px } .h1, h1 { font-size: 34px; letter-spacing: 0; padding-bottom: 25px } .page-aside { width: 50px } .page-aside__form-btn { padding: 20px 12px } .calculator-section__text, .category-list, .history-header h1, .main-slider__text, .submit-line__right { padding-left: 0 } .header-burger { width: 50px; height: 50px } .header-burger span { width: 25px; left: 13px; top: 17px } .header-burger span:nth-child(2) { width: 11px; top: 24px } .header-burger span:nth-child(3) { width: 20px; top: 31px } .header-burger:hover span { width: 25px } .menu-opened .header-burger span { width: 20px } .menu-opened .header-burger span:first-child { -webkit-transform: rotate(-45deg) translate(-4px, 6px); -ms-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px) } .menu-opened .header-burger span:nth-child(3) { -webkit-transform: rotate(45deg) translate(-4px, -6px); -ms-transform: rotate(45deg) translate(-4px, -6px); transform: rotate(45deg) translate(-4px, -6px) } .page-footer__logo { margin: 0 0 10px } .submit-line__left { padding-bottom: 30px } .default-ui blockquote { padding-right: 40px } .main-nav { -webkit-transform: translateX(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px) } .benefits-grid__col, .main-about-brand, .main-promo-row .main-promo, .training-grid__left { width: 100% } .distribution-grid__item, .event-link__category, .event-link__date, .fancybox-slide--current .modal-window, .main-promo, .main-promo:nth-child(2), .modal-window { -webkit-transform: none; -ms-transform: none; transform: none } .category-list { margin-top: -15px } .about-benefits__item, .category-list .grid-sizer, .category-list__item, .distribution-grid .grid-sizer, .params-selects .page-col { width: 50% } .category-list__item:first-child { height: auto } .category.category--large .category__cont, .category__cont, .fancybox-button--close, .item-tile { padding: 20px } .main-about-section { padding-top: 250px } .main-about-section__pic { top: -100px } .main-about-section-row { margin-right: 0 } .main-about-properties { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 100px 0 } .main-about-properties__description { margin-right: auto; width: auto; max-width: 550px; padding-right: 0 } .main-about-result { width: auto; max-width: 480px; margin-top: 0 } .main-about-result__pic { width: 45% } .main-about-education { height: calc(100vw - 130px); padding: 90px } .event-link__name { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .events-list--main .events-list__item { width: 50%; margin-bottom: 30px } .benefit { padding: 50px; min-height: 300px; background: #fff } .benefit__pic { opacity: .7 } .benefit.benefit--large { padding-top: 50px } .catalog { margin: 0 -10px 20px } .catalog__item { padding: 20px 10px } .item-tile:after { padding: 20px; left: -20px; top: -20px } .items-slider-single:after, .items-slider-single:before { position: absolute; content: ''; top: 0; width: 3000px; background: #f7f5f5; z-index: 5; height: 100% } .item-tile-slider__arrow { left: -40px } .item-tile-slider__arrow.item-tile-slider__arrow--next { right: -40px } .product-detail { display: block; margin: 0 0 50px } .product-detail__col { width: 100%; max-width: none; padding: 0 } .book-detail__share, .main-slider__description:before, .product-detail__col .product-detail__sub-title, .product-detail__col h1 { display: none } .params-selects, .training-grid__right { display: -webkit-box; display: -ms-flexbox } .params-selects { display: flex } .product-price-line { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .main-slider__item, .master-class-top__cont { padding: 40px 0 } .main-slider .btn { margin-top: 50px } .main-slider .swiper-pagination { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) } .page-loaded .main-slider .swiper-pagination { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px) } .course-sale p, .product-gallery { margin-bottom: 50px } .result-slider { min-height: 500px } .result-slider__item { padding: 50px 50px 120px; min-height: 300px } .result-slider .swiper-pagination { left: 40px } .distribution-slider__pic { margin: -50px 0 50px -50px } .items-slider-single { overflow: visible; padding: 0 30px; margin: 0 -30px 30px } .items-slider-single:after { display: block; left: 100% } .items-slider-single:before { display: block; right: 100% } .items-slider-single__arrow { height: 100% } .usage-instruction { display: block; margin: 0 } .usage-instruction:after { right: -100px; } .usage-instruction__left { width: auto; max-width: none; padding: 80px 0 40px } .usage-instruction__right { width: auto; max-width: none; padding: 0 } .video-caption { padding-left: 80px; margin-left: 0; width: auto } .accordion__content, .accordion__header { padding: 20px 60px 20px 110px } .contacts-filter, .masters-filter { margin-bottom: 40px } .education-table td, .master-tile__name { font-size: 18px } .masters-promo { height: auto; min-height: 48vw } .master-card__info { padding-left: 40px } .master-detail { display: block; margin-left: 0; margin-right: 0 } .master-detail__adaptive { display: block; padding-bottom: 30px } .master-detail__left, .master-detail__right { width: 100%; padding: 0 } .master-detail__left { display: none; margin-bottom: 40px } .master-detail__pic { max-width: 400px; margin: 0 auto 30px } .works-grid { margin: 0 -10px 40px } .works-grid .grid-sizer { width: 33.33% } .works-grid__item { width: 33.33%; padding: 10px } .review { padding: 30px } .review-list { margin: -10px -10px 20px } .professional-grid__item, .review-list__item { padding: 10px } .book-detail__header { margin-bottom: 25px } .address { max-width: 380px; padding: 35px 30px 35px 50px } .address__icon { left: 28px; top: 38px } .partnership-row__right { padding-left: 0; width: auto; margin-bottom: 30px } .partnership-promo { padding: 30px; text-align: center } .partnership-promo__icon { margin: 0 auto 30px } .profession { padding: 30px } .mission-promo { padding: 0 50px; min-height: 600px } .training-link, .training-link.training-link--light { min-height: 60vw } .professionals-benefits-list { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-top: 0 } .professionals-benefits-list__item { padding: 20px 0 20px 70px; font-size: 16px } .professionals-benefits-list__item:before { height: 80px; margin-top: -40px; font-size: 50px } .history-header__sub-title { padding-left: 0; font-size: 18px } .history-header__sub-title:before { display: none } .history-preview__pic { margin-right: -5%; width: 55% } .history-preview__text { padding: 40px 0 40px calc(5% + 40px); width: 55%; margin-top: -40px } .application-row, .training-grid { -ms-flex-wrap: wrap; flex-wrap: wrap } .training-grid__right { width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .training-grid__right .training-link:first-child { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .training-link { padding: 50px } .application-row__left { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .application-row__right { padding-left: 0; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .application-row__right .js-sticky-col { max-width: 100% } .application-row__right .items-slider-single:before, .course-header__btn-row, .course-header__params, .fancybox-infobar, .master-class-top h1:before, .master-class-top__footer { display: none } .application-steps__item { margin-bottom: 60px } .application-steps__text { font-size: 16px } .master-class-top { padding: 60px 0 } .master-class-top__footer.master-class-top__footer--mobile { display: -webkit-box; display: -ms-flexbox; display: flex } .master-class-top__footer a, .program-table { font-size: 18px } .master-class-list { padding-bottom: 0 } .master-class-list__item { width: 100%; margin-bottom: 80px } .master-class-list__item:after { right: 20% } .master-class-list__item:nth-child(2n) { top: auto } .master-class-list__item:before { left: 90px } .master-class-list__text { font-size: 18px; padding: 50px 30px } .master-class-list__pic { width: 180px } .program-table td:first-child { padding-right: 20px } .registration-promo { padding: 50px } .fancybox-slide { padding: 0 } .fancybox-slide--video .fancybox-content .fancybox-close-small svg { fill: #fff } .fancybox-close-small { bottom: auto; top: 0; padding: 30px } .fancybox-close-small svg { fill: #000 } .course-header__pic { padding: 0 0 30px; display: none; width: auto } .course-header__adaptive .course-header__pic { display: block; max-width: 400px; margin: 0 auto } .course-header__adaptive .course-header__params { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .course-header__adaptive .course-header__btn-row { display: -webkit-box; display: -ms-flexbox; display: flex } .course-header__cont { width: auto } .course-about__text { padding-right: 30px } .course-about__sale { padding: 40px 30px 40px 80px } .course-about__sale svg { left: 25px } .course-program:after { left: 30px; top: 30px } .course-program__pic { width: 220px } .course-program__text { padding: 70px 30px 30px } .course-sale__bg { font-size: 50vw } .course-sale h2 { margin-bottom: 20px } .course-sale .course-header__btn-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0 } .distribution-grid { grid-template-columns:repeat(auto-fit, 50%) } .text-with-icon { display: block; margin: 0 -15px } .text-with-icon__item { width: auto; margin-bottom: 30px; padding: 0 15px } .distribution-cycle-section { padding: 80px 0 160px } .flora { margin-right: -50px } .flora__text { padding: 70px 40px 0 0 } .flora__text:before { display: none } .flora__pic { margin-top: -80px } .premium-promo { margin-top: 0 } .premium-promo__text { padding: 40px 20px } .masters-card__meta { max-width: 230px; margin: 0 auto } .fancy-close-btn-styled .fancybox-close-small { top: -60px } .form-grid { grid-template-columns:repeat(3, 1fr) } .form-grid__item:last-child { grid-column-start: auto } .page-row.params-selects .page-col { padding: 0 10px } .partners-map-btn { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 1.3rem 2.1rem } .usage-instruction__right { margin-bottom: 80px; } .catalog-load-btn-wrap { margin-top: 0 } } @media only screen and (max-width: 860px) { .footer-row__left { display: block } } @media (max-width: 855px) { #cooperation-form .form-line__label { font-size: 13px } } @media (max-width: 800px) { .cart-modal__title { text-align: center; line-height: 1.3; font-size: 1.225em } .cart-modal__footer { padding: 1.875em 3.75em } .cart-m-card, .cart-m-card__wrapper { -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 } .cart-m-card__title, .total-block-m-old-price { text-align: center } .cart-m-card__total-block-m, .m-card__cell { margin: 0 } .cart-m-card__btn-block { padding: 0 } .cart-m-card__arrow-link { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .fancybox-close-btn svg { height: 1.25em; width: 1.25em } .fancy-modal-wrap__close { top: -40px } .m-card { display: block } .m-card__left { width: 100% } .m-card__wrapper { position: relative; padding: .625em 0; width: auto } .m-card-slider.slick-arrow-nav .slick-next { right: .3125em } .m-card-slider.slick-arrow-nav .slick-prev { left: .3125em } } @media only screen and (max-width: 800px) { .section-final-purchase--em-parent { font-size: 12px } .fp-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .fp-list__item:nth-child(3) { padding: 0 0 1.875em } .section-final-purchase { padding-top: 2em } } @media screen and (max-width: 780px) { .page-404__container { padding-left: 15px; padding-right: 15px } } @media (max-width: 780px) { .page-404__logo { left: 15px } .page-404__block { margin-top: -119px } .page-404__title { margin-bottom: 15px } .page-404__bg img { height: -webkit-calc(100% - 10.8vw); right: 0; height: calc(100% - 10.8vw) } .page-404__container { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .test__footer { height: 156px } } @media (max-width: 768px) { .page-col-cooperation { width: 100% } .card-map__inner { max-width: 180px } .card-map-wrap { max-width: 70%; width: 100%; right: 50% } .card-map-wrap.active { -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); opacity: 1 } .masters-map__title-wrap { display: block } .masters-map__btn { margin: 10px 0 } .crs-card-grid { grid-template-columns:repeat(2, 1fr) } .crs-card__footer { padding: 1.75rem 0 3rem } .sec-title { font-size: 1.825rem } .t-list { grid-template-columns:repeat(1, 1fr); grid-template-areas:"a" "b" "c" "d" "e" } .t-card { padding: 1.5em } .t-card__bg { display: none } .t-list > .t-list__item:first-child, .t-list > li:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .t-list > .t-list__item:nth-child(2), .t-list > li:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1 } .t-list > .t-list__item:nth-child(3), .t-list > li:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 1 } .t-list > .t-list__item:nth-child(4), .t-list > li:nth-child(4) { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 1 } .professionals-benefits-list--custom li:nth-child(5), .t-list__item:nth-child(5) { -ms-grid-row: 5; -ms-grid-column: 1 } } @media screen and (max-width: 768px) { .others-list-items { grid-template-columns:repeat(2, 22.85rem) } .cd-card__content { padding-left: 1.9375rem } .cd-card__image { width: 15.5rem; height: 15.5rem } } @media only screen and (max-width: 765px) { .page-header.page-header--main .page-width, .page-width { padding: 0 30px } .page-wrap { padding-left: 0 } .master-card.master-card--with-btn .master-card__info, .master-card.master-card--with-btn .master-card__pic, .page-col--w50, .professional-grid__item, .review-list__item { width: 100% } .catalog__item, .course-header__btn-row .btn, .events-list__item, .masters__item, .page-col--w25, .page-col--w33, .works-grid__item { width: 50% } .books-slider:after, .books-slider:before, .first-slide-arrow-down, .images-slider-thumbs, .items-slider-single__arrow, .items-slider__arrow, .main-about-section__pic, .main-slider .btn svg, .main-slider__description, .page-aside, .page-footer__logo { display: none } .vertical-section { margin: 60px 0 } .course-about, .course-sale, .distribution-cycle-section, .order-section, .vertical-section.vertical-section--gray { padding: 60px 0 } .vertical-section.vertical-section--video-after { padding-bottom: 60px; margin-bottom: 60px } .h1, h1 { padding-bottom: 20px; font-size: 26px; line-height: 1.5 } .benefit__title, .h2, h2 { font-size: 28px; line-height: 42px } .h3, h3 { font-size: 24px; padding-bottom: 30px } .h4, h4 { font-size: 20px; padding-bottom: 20px } .page-header { padding: 35px 0 } .page-header.page-header--main { padding: 35px 0; height: auto; position: absolute; left: 0 } .page-header.page-header--white, .product-gallery__color { left: 0 } .page-header__logo { width: 158px } .header-burger--adaptive { display: block; position: fixed; right: 20px; bottom: 20px; border-radius: 100%; z-index: 60; background: #5c5c5c; width: 50px; height: 50px; -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .14); box-shadow: 0 8px 20px rgba(0, 0, 0, .14) } .course-about__row, .education-table, .history-preview, .master-class-top__footer-adaptive, .page-footer__row { display: block } .form-success, .master-card__name { font-size: 24px } .default-ui .default-ui__preview-text { font-size: 18px } .default-ui ul.two-col, .professionals-benefits-list { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0 } .default-ui blockquote { padding-top: 80px; padding-left: 30px; padding-right: 30px } .btn, .main-slider .btn { padding: 19px 25px } .main-nav { width: 100%; left: 0; padding: 40px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .main-nav .small-btn { display: block; border-color: #fff } .small-btn:hover { color: #fff } .main-nav .social-list, .product-gallery__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: calc(100% - 10px); flex-wrap: wrap; } .main-menu__link { padding: 10px 0 } .address-map-wrap, .fancybox-slide--video .fancybox-content, .list-category-wrap .main-menu__link { padding: 0 } .about-menu { padding-bottom: 30px; padding-top: 20px } .about-menu__link { padding: 6px 0 } .main-promo.main-promo--light .main-promo__cont { padding-left: 30px } .main-promo__label { right: 30px; width: 70px; height: 70px; line-height: 70px; font-size: 16px } .main-promo__cont, .training-link { padding: 30px } .category-list { padding-bottom: 50px } .category__count, .category__name, .category__pic, .distribution-benefit__pic { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } .main-about-brand { width: auto; font-size: 18px } .main-about-brand:after { width: 35% } .main-about-section { padding-top: 0 } .main-about-properties { padding: 80px 0 } .main-about-education { height: 130vw; padding: 60px } .calculator-section { padding: 90px 0 0; margin-bottom: 60px } .calculator-section__bg { height: 450px; left: 0 } .calculator-section__bg svg { width: 1200px; height: auto } .calculator__btn { margin: 60px -30px 0 } .calculator-form { padding: 40px 30px 0 } .calculator-form .calculator__btn, .mission-promo { padding: 0 30px } .calculator-success { padding: 40px 30px; font-size: 24px } .event-link__name { font-size: 15px } .benefit, .registration-promo { padding: 50px 30px } .history-header__sub-title, .product-detail__sub-title { font-size: 20px } .images-slider__arrow { top: 0; height: auto; padding: 0 10px } .images-slider__arrow svg { fill: #fff } .images-slider__colors { left: 20px; right: 20px; bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .images-slider__colors > li { width: 70px; height: 70px } .images-slider-top__item { padding-bottom: 67% } .main-slider__pic:after { height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .7))); background: -o-linear-gradient(top, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .7) 100%) } .main-slider__item { padding: 30px 0; min-height: 100vh; height: auto } .main-slider__text { width: auto; max-width: none } .main-slider__text.main-slider__text--professional .main-slider__description { font-size: 28px; line-height: 42px; display: block } .main-slider__title { font-size: 36px; line-height: 1.4 } .main-slider__title.main-slider__title--large { font-size: 36px } .main-slider__title.main-slider__title--small, .registration-promo__title { font-size: 28px; line-height: 42px } .main-slider__description.main-slider__description--adaptive { display: block; font-size: 18px } .main-slider .swiper-pagination { bottom: 30px } .main-slider .swiper-pagination .circle-switcher, .result-slider .swiper-pagination .circle-switcher { width: 30px; height: 30px; font-size: 0 } .main-slider .swiper-pagination .circle-switcher:after, .result-slider .swiper-pagination .circle-switcher:after { position: absolute; content: ''; display: block; left: 0; top: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; background: #5c5c5c; border-radius: 100%; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .product-gallery { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin: 0 0 40px } .product-gallery__label { right: 0 } .product-gallery__thumbs { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: auto; padding: 15px 0 0; position: relative; height: auto; display: none } .product-gallery__detail { width: 100%; padding: 20px 0 0 } .thumbs-gallery { height: auto } .thumbs-gallery__item { width: 75px; padding-bottom: 0; height: 75px } .address-map, .contacts-map { position: relative; height: 400px } .detail-gallery { overflow: visible } .result-slider__item { padding: 50px 30px 120px } .masters-promo__title, .mission-promo__title, .result-slider__title { font-size: 28px } .result-slider .swiper-pagination { left: 30px } .books-slider__item { width: 260px } .books-slider__arrow, .distribution-slider__arrow { display: none !important } .tabs-controls { -webkit-overflow-scrolling: touch; overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -30px 30px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; padding: 0 30px; scroll-padding: 30px } .tabs-controls::-webkit-scrollbar * { background: 0 0 } .tabs-controls::-webkit-scrollbar-track { background-color: transparent } .tabs-controls::-webkit-scrollbar { display: none; background-color: transparent } .tabs-controls::-webkit-scrollbar-thumb { background-color: transparent } .tabs-controls__item { padding: 0 30px 0 0 } .course-header__cont, .tabs-controls__link, .training-link__text { font-size: 16px } .accordion__header { padding: 20px 60px; font-size: 18px } .accordion__question-icon { width: 60px; font-size: 24px } .accordion__question-icon:after, .course-about__pic, .education-table th:first-child, .inline-gallery + .center-text, .master-class-header__params, .master-class-top__price-line { display: none } .accordion__arrow { right: 20px } .accordion__content { padding: 20px 60px } .master-card { display: block; text-align: center; padding: 30px } .master-card__pic { width: 100%; max-width: 260px; margin: 0 auto 30px } .master-card__info { width: 100%; padding-left: 0 } .master-card__text { font-size: 18px; text-align: left } .master-detail blockquote { margin: 0 -30px } .books-list { margin: 0 -10px 40px } .books-list__item { padding: 10px } .book-detail__header { margin-bottom: 20px } .contacts-map-wrap { padding: 0 0 60px } .contacts-map { margin-bottom: 40px } .contacts-info, .course-about__sale { width: auto } .address { max-width: none; width: auto; margin: 0 -30px } .address-map { width: auto } .distribution-benefit__cont, .partnership__text { font-size: 16px; padding: 20px } .profession { font-size: 14px } .master-class-author, .profession__link { margin-bottom: 0 } .education-table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .education-table th { width: 33.33% } .education-table td { font-size: 16px; padding: 15px 0 35px; width: 33.33% } .education-table td:first-child { width: 100%; padding: 0 } .education-table td:first-child span { padding-right: 0 } .education-table td:first-child:after { top: 100%; margin-top: 30px } .news-detail-top { min-height: 70vw; padding-bottom: 0; margin-bottom: 30px } .history-header:after { height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%) } .history-preview__pic { width: auto; margin-right: -30px } .history-preview__pic img { -webkit-box-shadow: none; box-shadow: none } .history-preview__text { width: auto; padding: 40px 30px; margin: 0 -30px } .training-link__title { line-height: 42px; font-size: 24px; padding-bottom: 20px } .master-class-top__footer-adaptive .master-class-header__params { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; margin: 0 0 15px } .master-class-top__footer-adaptive .btn { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 360px; width: 100%; margin: 30px auto 20px } .master-class-top h1 { padding-bottom: 40px } .master-class-top__cont, .page-footer { padding: 30px 0 } .master-class-top__footer a { height: auto; min-height: 60px; font-size: 16px } .course-header__price dd, .master-class-price__val { padding-left: 20px; font-size: 24px } .master-class-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .registration-promo__row { margin: 0 -20px 60px } .registration-promo__col { font-size: 16px; padding: 0 20px } .inline-gallery { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; margin: 0 -30px 40px; padding: 0 30px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch } .inline-gallery::-webkit-scrollbar * { background: 0 0 } .inline-gallery::-webkit-scrollbar-track { background-color: transparent } .inline-gallery::-webkit-scrollbar { display: none; background-color: transparent } .inline-gallery::-webkit-scrollbar-thumb { background-color: transparent } .inline-gallery__item { width: 320px; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 20px 0 0; scroll-margin: 20px } .inline-gallery__item:last-child { padding-right: 30px } .fancybox-content { padding: 40px 0 } .fancybox-close-small { padding: 20px } .fancybox-close-small svg { width: 20px; height: 20px } .course-header__params { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 0 15px } .course-header__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0 } .course-about__text { width: auto; padding-right: 0; margin-bottom: 20px; font-size: 16px } .course-program { display: block; margin-bottom: 60px } .course-program__pic { width: 60% } .course-program__number { left: 110px; font-size: 120px; bottom: -60px } .distribution-grid { margin: 50px -10px 0 } .flora__pic, .premium-promo__pic img { margin-top: 0 } .distribution-grid__item { padding: 0 10px 50px } .distribution-benefit__pic.distribution-benefit--full { margin: -20px -20px 0 } .text-with-icon__val { width: 120px; height: 120px; margin-right: -20px } .text-with-icon__text { padding-top: 30px } .flora { margin-right: 0; display: block } .flora__text { width: auto; padding: 60px 0; font-size: 18px } .flora__pic { width: auto } .premium-promo { display: block; margin-top: 40px } .premium-promo__pic { width: auto; margin-top: -40px } .premium-promo__pic:after { top: 0 } .premium-promo__text { width: auto; padding: 40px 40px 20px } } @media (max-width: 765px) { .detail-gallery__item { -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .detail-gallery__item:not(.swiper-slide-active) { opacity: 0 } .nav-link-mob { position: fixed; 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; bottom: 90px; border-radius: 100%; z-index: 60; background: #5c5c5c } } @media (max-width: 740px) { .page-404__container { max-width: -webkit-calc(100% - 120px); max-width: calc(100% - 120px) } } @media only screen and (max-width: 640px) { .bc-form-header, .main-promo { -webkit-box-orient: vertical; -webkit-box-direction: normal } .form-grid { grid-template-columns:repeat(2, 1fr) } .form-grid__label { font-size: 12px } .event-link__name, .form-grid__val, .product-detail__params { font-size: 14px } .order-info-modal__label { font-size: 14px; left: 0; top: 0; right: auto } .order-info-modal__sub-title, .order-info-modal__title { left: auto } .order-info-modal__body { padding: 35px 15px 40px } .fancy-close-btn-styled .fancybox-close-small { top: -10px; right: -10px } .page-header.page-header--main .page-width, .page-width { padding: 0 20px } .page-row, .product-price-line { -ms-flex-wrap: wrap; flex-wrap: wrap } .items-slider__item, .page-col, .page-col--w33, .params-selects .page-col { width: 100% } .breadcrumbs { margin-bottom: 10px } .benefit__title, .h2, h2 { font-size: 24px; line-height: 34px } .main-slider__item, .master-class-top__cont, .page-header, .page-header.page-header--main { padding: 20px 0 } .application-steps__item, .distribution-grid, .main-about-result, .master-class-top__footer.master-class-top__footer--mobile, .mobile-overflow-text__btn, .params-selects, .submit-line__right { display: block } .submit-line__right .btn { width: 100%; margin: 0 } .promo-code { max-width: none; margin-bottom: 20px } .form-success, .master-card__name { font-size: 20px } .default-ui .default-ui__preview-text, .master-card__text { font-size: 17px } .default-ui ul > li, .main-promo.main-promo--light .main-promo__cont { padding-left: 20px } .default-ui blockquote { padding-left: 20px; padding-right: 20px; padding-top: 70px } .default-ui blockquote:before { top: 30px; left: 20px } .video-wrap { margin: 0 -20px 30px } .video-wrap-with-pic { height: 56.5vw; margin: 0 -20px 30px } .mobile-overflow-text { max-height: 195px; overflow: hidden; margin-bottom: 25px } .category-list, .events-list--main, .works-grid { overflow: auto; scroll-padding: 20px } .accordion, .contacts-filter, .contacts-filter .page-col, .course-header__btn-row, .main-nav .page-header__logo, .main-promo__name, .masters-filter, .masters-filter .page-col { margin-bottom: 20px } .main-promo { min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .main-promo__label { right: 20px } .main-promo__cont, .partnership-promo, .profession { padding: 30px 20px } .main-promo__name { font-size: 20px; max-width: 65% } .main-promo__price, .mission-promo__title, .result-slider__title { font-size: 24px } .benefit, .calculator, .calculator-form .form-label, .calculator-form .present-info, .master-class-price, .product-detail__sub-title { font-size: 16px } .main-promo__pic { margin-left: -140px; margin-right: -30px } .category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -20px -20px; padding: 0 20px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; height: auto !important } .accordion__question-icon, .add-review:before, .category-list .grid-sizer, .category-list__item:first-child, .review__overflow:before, .works-grid + .center-text { display: none } .category-list::-webkit-scrollbar * { background: 0 0 } .category-list::-webkit-scrollbar-track { background-color: transparent } .category-list::-webkit-scrollbar { display: none; background-color: transparent } .category-list::-webkit-scrollbar-thumb { background-color: transparent } .category-list__item { width: 80%; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; padding: 50px 20px 20px 0 } .category-list__item .category { top: auto !important } .category__pic { margin: 0 12px 10px } .category.category--large .category__pic { margin: 0; bottom: -20% } .category--adaptive { display: block !important; padding-bottom: calc(155%); margin-bottom: 35% } .main-about-brand { padding: 60px 20px; margin: 0 -20px } .main-about-brand__logo, .premium-promo { margin-left: 0 } .main-about-brand__logo img { width: 174px } .main-about-brand:after { width: 45% } .main-about-brand__cont, .main-about-brand__cont p { line-height: 1.6 } .main-about-properties { padding: 60px 0 } .main-about-properties__description { margin-bottom: 50px } .main-about-result__icon { left: -20px } .main-about-result__text { padding-left: 80px; margin-left: 20px } .main-about-result__pic { width: 60% } .main-about-education { padding: 60px 30px; margin: 0 -20px } .calculator { margin: 90px -20px 0 } .accordion__content, .book-tile, .calculator__close, .review-list__item .review { padding: 20px } .calculator-form { padding: 40px 20px 0 } .calculator-form .present-info svg { top: 0 } .calculator-success, .master-class-top__footer-adaptive { padding: 40px 20px } .events-list { margin: 0 -10px 20px } .events-list__item { padding: 0 10px; margin-bottom: 20px } .events-list--main { padding: 0 20px; margin: 0 -20px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .events-list--main::-webkit-scrollbar * { background: 0 0 } .events-list--main::-webkit-scrollbar-track { background-color: transparent } .events-list--main::-webkit-scrollbar { display: none; background-color: transparent } .events-list--main::-webkit-scrollbar-thumb { background-color: transparent } .events-list--main .events-list__item { width: 80%; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 20px 0 0; margin-bottom: 0 } .benefit { padding: 40px 20px; min-height: 100vw } .benefit.benefit--large { padding: 50px 20px } .catalog__item { width: 100%; padding: 20px 20px 0; margin-bottom: 20px } .product-detail .h1, .product-detail h1 { font-size: 24px; line-height: 1.5 } .product-price-line__val { font-size: 34px; padding-right: 20px } .product-price-line .btn { width: 100%; margin-top: 30px } .items-slider { margin-bottom: 0 } .history-preview__pic, .images-slider { margin: 0 -20px } .images-slider__colors { bottom: 10px } .main-slider__title { font-size: 21px; line-height: 1.3 } .main-slider .btn { font-size: 12px; padding: 19px 15px; margin-top: 30px } .main-slider__title.main-slider__title--large { font-size: 32px } .main-slider__title.main-slider__title--small, .registration-promo__title { font-size: 24px; line-height: 34px } .product-gallery { margin: 0 0 20px } .product-gallery__color { width: 72px; height: 72px } .result-slider { min-height: 450px } .result-slider__item { padding: 50px 20px 100px; font-size: 16px } .address__icon, .result-slider .swiper-pagination { left: 20px } .distribution-slider__item { width: 270px } .items-slider-single__item, .masters-slider__item { width: 260px } .tabs-controls { margin: 0 -20px 20px; padding: 0 20px; scroll-padding: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .tabs-controls__item { padding: 0 20px 0 0 } .usage-instruction__left { padding: 40px 0 } .video-link { margin: 0 -20px 20px; padding-bottom: 67% } .video-caption { padding-left: 60px } .video-caption:before { width: 40px } .accordion__header { padding: 20px 60px 20px 20px } .masters { margin: 0 -10px } .masters__item { padding: 0 10px 40px } .master-tile__pic.master-tile__pic--empty > span { background-size: 70px auto } .master-card { padding: 0; border: none } .master-card.master-card--with-btn { padding-bottom: 0; margin-bottom: 0 } .master-card__btn { position: relative; bottom: auto; padding-top: 10px } .books-list__item, .distribution-grid .grid-sizer, .distribution-grid__item, .master-card__btn .btn, .promo-inp__inp { width: 100% } .master-detail blockquote { margin: 0 -20px; padding-right: 20px } .works-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px 30px; padding: 0 20px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-margin: 20px } .works-grid::-webkit-scrollbar * { background: 0 0 } .works-grid::-webkit-scrollbar-track { background-color: transparent } .works-grid::-webkit-scrollbar { display: none; background-color: transparent } .works-grid::-webkit-scrollbar-thumb { background-color: transparent } .works-grid__item { width: 80%; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 20px 0 0 } .review { padding-right: 0 } .review__text .mobile-overflow-text { max-height: 145px } .add-review { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .add-review__btn { padding-left: 0 } .review__overflow { padding: 0 } .address, .inline-gallery__item:last-child { padding-right: 20px } .contacts-map { height: 300px; margin-bottom: 0 } .contacts-info { -webkit-box-shadow: none; box-shadow: none; margin: 0 -20px; background: 0 0 } .address { margin: 0 -20px; font-size: 16px; padding-left: 40px } .partnership__item { padding: 20px; display: block } .partnership__pic { width: auto; margin-bottom: 20px } .partnership__text { width: auto; padding: 0 } .partnership__text .h3 { padding-bottom: 20px; padding-top: 20px } .profession .h3 { padding-bottom: 20px } .mission-promo { padding: 0 20px; min-height: 480px } .education-table td { font-size: 15px } .education-table__icon { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) } .history-header { padding: 140px 0 50px; min-height: 90vw } .training-link, .training-link.training-link--light { min-height: 100vw } .history-preview__text { padding: 20px; margin: 0 -20px } .about-benefits { margin: -20px -10px } .about-benefits__item { width: 100%; padding: 20px 10px } .training-link { padding: 30px 20px } .application-steps__item:last-child { margin-bottom: 30px } .application-steps__pic { margin: 0 0 40px } .application-steps__text { max-width: none; padding-left: 0 } .master-class-top__footer a { width: auto } .master-class-author { font-size: 18px } .master-class-list__item { display: block; margin-bottom: 70px } .master-class-list__item:last-child { margin-bottom: 0 } .master-class-list__item:after { left: 20px; top: 20px } .master-class-list__item:before { font-size: 90px; bottom: auto; top: 125px; left: 25% } .master-class-list__text { padding: 50px 0 20px 25% } .master-class-list__pic { width: 160px } .program-table tr { display: block; border-top: 1px solid #e1e1e1 } .program-table tr:first-child { border: none } .program-table tr:first-child td { padding-top: 0 } .program-table td { display: block; border: none; padding: 15px 0 } .program-table td:first-child { padding-bottom: 10px } .registration-promo { padding: 45px 20px } .registration-promo__row { display: block; margin-bottom: 0 } .registration-promo__col { width: auto; display: block; text-align: center; margin-bottom: 40px } .registration-promo__col svg { display: block; margin: 0 auto 20px } .inline-gallery { padding: 0 20px; margin: 0 -20px 40px } .inline-gallery__item { width: 250px } .fancybox-slide { padding: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .fancybox-slide--video .fancybox-content { margin-bottom: auto; height: auto !important } .fancybox-close-small { padding: 15px } .course-header__btn-row .btn { width: 100%; margin-bottom: 20px } .course-header__price { padding-top: 0; font-size: 16px } .course-about { padding: 45px 0 } .course-about__sale { width: auto; font-size: 16px; text-align: center; padding: 30px } .course-about__sale svg { position: relative; display: block; left: auto; top: auto; margin: 0 auto 20px } .course-program:after { left: -20px; top: 30px; right: -20px } .course-program__text { padding: 50px 0 30px } .distribution-grid__item:last-child { padding-bottom: 0 } .distribution-benefit.distribution-benefit--two-row { padding-bottom: 150% } .premium-promo__text { padding: 40px 20px 20px } .bc-form-header { -ms-flex-direction: column; flex-direction: column } .bc-form-header__sub-title { font-size: 20px; line-height: 1.3 } .bc-form__promo-inp { margin-right: 0 } .promo-inp { margin-bottom: 30px } .partnership__pic img { height: auto } } @media screen and (max-width: 620px) { .cd-card { display: block } .cd-card__title br, .num-card__content p br, .num-card__inner, .scew-video-card__descr:before { display: none } .cd-card__content, .sp-card--big .sp-card__content { padding-left: 0 } .cd-card__image, .section-crs-video__scew-video-card { margin-bottom: 1.5rem } .num-card__content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 35px 15px 15px !important; background: #ededed } .num-card__content p { font-size: 16px; line-height: 1.3 } .description-list, .num-card-list__row { width: 100% } .num-card-list__item { margin-bottom: 30px } .num-card, .scew-video-card, .section-buy-crs__btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .num-card__image, .scew-video-card__image { width: 100%; height: auto } .num-card__img, .scew-video-card__img { position: relative; height: auto } .num-card__num { right: 8px; font-size: 90px; bottom: -50px; line-height: 1.2 } .section-program { margin-top: 0 } .others-list-items { display: block; width: 100% } .others-list-items__item span { min-width: inherit } .crs-img-card-grid { display: block; margin: 0 } .crs-img-card-grid .crs-img-card { margin-bottom: 1.875rem } .scew-video-card__descr { bottom: 0; width: 100% } .sp-card--big .sp-card__status { margin: 0 auto 1rem } .price-block__wrap { margin: 1rem 0 } .section-buy-crs__price-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .section-buy-crs__discount { bottom: -3.75rem; font-size: 18.6rem } .others-list-items__item:nth-child(3) { border-bottom: .0625rem solid rgba(198, 198, 198, .3) } .cd-card__title { font-size: 2.325rem; padding-bottom: 1.5125rem } .section-buy-crs__btn { width: 100% } .section-items-list__bul-list { -webkit-columns: 1; -moz-columns: 1; columns: 1 } .section-others-list-items__title { font-size: 1.725rem } .cd-card__info { margin-bottom: .425rem } .section-items-list { padding: 2.75rem 0 3rem } } @media only screen and (max-width: 612px) { .catalog-modal__body, .order-price { -webkit-box-orient: vertical; -webkit-box-direction: normal } .catalog-modal__title { font-size: 24px; padding: 20px } .catalog-modal__body { -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; padding: 24px 5px 0 } .catalog-modal-wrap, .catalog-modal__btn { width: 100% } .catalog-modal__right { padding-left: 0 } .order-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .order-price__header { margin-bottom: 20px } .order-price__select { font-size: 11px } .order-price__select .jq-selectbox__select-text { min-width: 183px; padding: 10px 20px 10px 10px !important } .order-price__select .jq-selectbox__select-text:after { right: 5px } .order-price__body { padding-top: 20px; padding-bottom: 20px; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; 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 } .order-price__count { margin: 0 } .order-price .number-input__counter-input { font-size: 11px; line-height: 34px } .order-price .number-input__counter-num { line-height: 34px } .order-price .number-input__button, .order-price .number-input__counter { width: 34px; height: 34px } .catalog-modal-wrap .fancybox-close-btn { padding: .5em } .catalog-modal-wrap .jq-selectbox { width: 180px } } @media only screen and (max-width: 600px) { [tooltip-lb]::after { min-width: 200px } } @media (max-width: 600px) { .event-detail-footer { display: block } .event-detail-footer__share { margin-bottom: 20px } } @media (max-width: 585px) { .product-price-line { -webkit-flex-direction: column; -webkit-align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .product-price-line__btn-wrap { padding-left: 0; margin-top: 32px } .b-btn { display: block; font-size: 15px; letter-spacing: 1px; padding: 23px 28px } } @media only screen and (max-width: 577px) { .item-tile__substrate { height: auto; min-height: 4.5em } } @media (max-width: 576px) { .server-error.server-error--1 br { display: none } .gallery-grid__btn, .section-catalog-products [data-currentpage] { margin-bottom: 50px } .masonry { margin: 0 } .masonry__item { display: -webkit-flex; -webkit-flex-shrink: 0; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; width: 80%; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; height: auto; padding: 50px 20px 20px 0 } .achievements-list, .masonry__row--1 { display: -webkit-flex; -webkit-scroll-snap-type: x mandatory; display: -webkit-box; display: -ms-flexbox; margin: 0 -20px -20px; -ms-scroll-snap-type: x mandatory; height: auto !important; overflow: auto } .masonry__item .cat-card { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .masonry__item .cat-card__image { opacity: 1 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .masonry__row--1 { -webkit-flex-wrap: nowrap; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 20px; scroll-snap-type: x mandatory; scroll-padding: 20px } .cat-card--offset-bottom .cat-card__title { font-size: 16px; line-height: 1.2 } .hidden-mob { display: none !important } .catalog-section-title { font-size: 25px } .section-catalog-products { padding: 45px 0 0 } .achievements-list { -webkit-flex-wrap: nowrap; -webkit-justify-content: flex-start; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; scroll-snap-type: x mandatory; scroll-padding: 5px } .achievements-list__title { font-size: 20px } .achievements-list__sub-title { font-size: 14px } .achievements-list__item { -webkit-flex-shrink: 0; width: 100px; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 10px 0 0 } .achievements-list__image { width: 70px; height: 70px } .ww-section__card-skew { margin: 60px 0 } .brands-slider-btn-wrap { padding: 40px 0 50px } .earth-section { padding: 60px 0 } .earth-section__title { padding-bottom: 52px } .video-block { height: 50vw; margin: 0 -20px; width: auto } .invisible-mob-scrollbar::-webkit-scrollbar-track { background-color: transparent } .invisible-mob-scrollbar::-webkit-scrollbar { background-color: transparent } .invisible-mob-scrollbar::-webkit-scrollbar-thumb { background-color: transparent } .gallery-grid-section__sub-title { padding-bottom: 43px } .mob-horizontal-gal { display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-justify-content: flex-start; -webkit-scroll-snap-type: x mandatory; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -20px -20px; padding: 0 20px; overflow: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding: 20px; height: auto !important } .mob-horizontal-gal::-webkit-scrollbar-track { background-color: transparent } .mob-horizontal-gal::-webkit-scrollbar { background-color: transparent } .mob-horizontal-gal::-webkit-scrollbar-thumb { background-color: transparent } .gallery-grid__item { width: 50%; height: 35vw } .gallery-grid__link { width: 100%; height: 100% } .gallery-grid-section { margin-bottom: 0 } .ww-section { padding-top: 70px } .img-grid { -ms-grid-columns: 1fr; grid-template-columns:repeat(1, 1fr); -ms-grid-rows: auto 0 auto 0 auto; grid-template-areas:"img1" "img2" "img3" } .img-grid__item { height: 60vw !important } .card-skew__desc { padding: 20px } .card-skew__desc h3 { font-size: 18px; padding-bottom: 10px } .card-skew__desc p { font-size: 16px; margin-bottom: 15px } .card-skew__btn { width: 100% } .card-skew__btn .btn__text { font-size: 12px } .masters-card__meta div, .masters-card__meta h3, .masters-card__meta p { line-height: 1.3; text-transform: inherit; font-size: 12px; margin: 3px 0 } .img-grid__item:first-child { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1 } .img-grid__item:nth-child(2) { -ms-grid-row: 3; -ms-grid-column: 1 } .img-grid__item:nth-child(3) { -ms-grid-row: 5; -ms-grid-column: 1 } .number-input { margin-top: 10px } .item-tile__name { height: auto } } @media only screen and (max-width: 575px) { .n-card, .n-prop { -webkit-flex-direction: column } .n-card, .n-meta, .n-prop { -webkit-box-orient: vertical; -webkit-box-direction: normal } .n-list { min-width: auto; height: auto } .n-card { -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .n-card__descr { padding-left: 0 } .n-prop { -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .n-info__descr, .n-info__title { font-size: 1.05em } .n-info__title { margin-right: .575em } .no-block__btn { padding: 1.3em 3em } .n-meta { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .n-meta__price { margin: .5em 0 0; line-height: normal } .n-prop--mb { margin-bottom: 1em } .n-prop__col:not(:last-child) { margin-right: 0 } } @media (max-width: 575px) { .line-timer__inner, .sp-card { -webkit-box-orient: vertical; -webkit-box-direction: normal } .page-404__container { max-width: 100%; padding-left: 20px; padding-right: 20px } .page-404__block { margin-top: -53px; margin-left: 0 } .page-404__bg img, .section-teach__teach-card .teach-card__image { height: auto } .test__header { display: none } .page-404:after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), color-stop(79.33%, rgba(0, 0, 0, .2))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .2) 79.33%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .7)), color-stop(79.33%, rgba(0, 0, 0, .2))); background: linear-gradient(360deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .2) 79.33%) } .page-404__logo svg { width: 158px; height: 39px } .page-404__logo-txt svg { width: 297px; height: 176px } .page-404__title { font-size: 24px; line-height: 34px; letter-spacing: .2px } a.page-404__btn { padding: 23px 30.33px } .image-book-slider__cell { height: 300px } .colors-list { left: 10px; bottom: 10px } .colors-list__item { height: 40px; width: 40px } .colors-list__item:not(:last-child) { margin-right: 5px } .colors-list__item p { font-size: 10px; line-height: 1 } .colors-list__item span { font-size: 6px; line-height: 1 } .ib-card { min-height: 330px } .ib-card__header { padding: 14px } .products-image-slider-wrap__title { font-size: 16px; line-height: 1.3 } .image-book-section__tab-list { margin-bottom: 50px; padding-left: 20px } .image-book-section { margin-left: -20px; margin-right: -20px } .image-book-section__slider-2 { margin-bottom: 30px } .image-book-section .slick-arrow-nav .slick-arrow { background-color: #5c5c5c; background-size: 12px; background-position: center; background-repeat: no-repeat; height: 60px; width: 35px } .image-book-section .slick-arrow-nav .slick-next { right: 0; border-radius: 50% 0 0 50% } .image-book-section .slick-arrow-nav .slick-prev { left: 0; border-radius: 0 50% 50% 0 } .tab-list__item:not(:last-child) { margin-right: 25px } .ib-slider, .products-image-slider { margin-left: 0; margin-right: 0; min-height: 340px } .ib-slider__cell, .products-image-slider__cell { margin: 0 } .masters-banner__title { font-size: 16px } .modal-window__content-output { font-size: 1rem } .masters-map__sub-title { font-size: .8em } .section-teach__inner { grid-template-columns:repeat(1, 1fr) } .section-teach__teach-card .teach-card__img { position: relative; height: auto; width: 100% } .sp-card { -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .sp-card__image { margin-bottom: 2rem } .sp-card__content { padding-left: 0 } .line-timer__inner { -ms-flex-direction: column; flex-direction: column } .line-timer__title { margin: 0 1.5625rem 0 .475rem } .line-timer__icon { width: 1.625rem; height: 2.125rem } .slide-slider.slick-arrow-nav .slick-next { right: 0 } .slide-slider.slick-arrow-nav .slick-prev { left: 0 } .section-full-screen__title { font-size: 4rem; line-height: 3.95rem } .section-full-screen__sub-title { font-size: 1.25rem; line-height: 1.3; max-width: 300px } .section-full-screen__btn { padding: 1.4rem 2.225rem; font-size: 1rem } } @media only screen and (max-width: 533px) { .limit-one-hands__br { display: block } } @media (max-width: 500px) { .calculator-result__output { font-size: 20px; line-height: 1.3 } .calculator-result__output--big { font-size: 60px; line-height: 1 } .calculator__container { padding-left: 20px; padding-right: 20px } .crs-card-grid, .ic-grid { grid-template-columns:repeat(1, 1fr) } .professionals-benefits-list__item { padding: 20px 0 20px 50px } .professionals-benefits-list--custom li:before { left: 1rem } } @media only screen and (max-width: 480px) { .lk-wrapper .tabs-list { flex-direction: column } .tabs-list__item { margin-bottom: 15px } a.banner-line-link { font-size: 1rem } } @media (max-width: 480px) { .card-map, .properties-m { -webkit-box-orient: vertical; -webkit-box-direction: normal } .wrap-map__image { height: 125px; width: 125px } .wrap-map__item { margin-bottom: 30px } .wrap-map__meta { padding: 10px 10px 0 } .wrap-map__icon { height: 20px; bottom: 10px } .wrap-map__show-more-btn { padding: 15px 25px } .masters-map__map { height: 300px } .si-float-wrapper { top: -140px !important } .card-map { -webkit-align-items: center; -webkit-flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; overflow: hidden; width: 100%; text-align: center } .card-map__span { margin: 5px 0 } .card-map__content { padding: 0 } .si-content-wrapper { min-width: 300px } .wrap-map { padding-bottom: 60px } .si-close-button { display: block } .properties-m { -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 } .cart-modal-err { padding: 2.1em 3.1em 2.45em } .cart-modal-err__title { font-size: 1.4em } .cart-modal-err br { display: none } .cart-modal-err--em { font-size: 12px } } @media (max-width: 460px) { .rules-checkbox label.error { text-align: right } } @media (max-width: 450px) { .lk-form__btn1 { margin: 0 0 1.875em } .lk-form__btn-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } @media only screen and (max-width: 445px) { .product-dop-btn-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .product-dop-btn-block__btn { margin: 1.8rem 0 0 } } @media (max-width: 430px) { .modal-window-fit { width: 100% } .geolocation-modal { padding: 45px 20px 44px } .geolocation-modal__title { font-size: 24px; text-transform: capitalize; text-align: left !important; padding-bottom: 33px } .geolocation-modal__title span { display: none } .geolocation-modal__footer { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .geolocation-modal__btn { background: 0 0 !important; color: #5c5c5c !important; padding: 20px 35px !important; border: 2px solid #5c5c5c !important } .geolocation-modal__btn:hover { border-color: #332f21 !important; background: #332f21 !important; color: #fff !important } .modal-window-fit__close { top: 12px; right: 12px } .modal-window-fit__close svg { fill: #5c5c5c; position: relative } } @media (max-width: 420px) { label.form-label.calculator__form-label { position: absolute; top: -50px } .calculator__container h3 { padding-bottom: 70px } } @media only screen and (max-width: 420px) { .footer-row { display: block; padding-bottom: 15px } .footer-row__right { margin-top: 30px } .page-footer__copy br { display: none } } @media (max-width: 400px) { .fancy-modal-wrap { width: -webkit-calc(100% - 20px); width: calc(100% - 20px) } .auth-modal__tab { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; padding: 17px 30px } .auth-modal-title { font-size: 20px } .restore-password__inner { padding-left: 25px; padding-right: 25px } .t-card { padding: 3.5em 1.5em; height: auto } .t-card__img { -o-object-position: top; object-position: top } } @media only screen and (max-width: 385px) { .n-info__footer { -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 } .n-info__price-block { margin-left: 0; padding-top: 1.875em } } @media (max-width: 380px) { .event-detail-footer__share { display: block } .event-detail-footer__share-label { margin-bottom: 10px; display: block } } @media (max-width: 365px) { .video-block { height: 60vw } .earth-section__title { font-size: 22px } .main-nav .small-btn { width: 195px; font-size: 13px } .main-nav-list__item { font-size: 13px; padding-right: 9px } .auth-modal-title { font-size: 16px } .reg-form__btn { font-size: 14px } } @media (max-width: 361px) { .page-404__container { padding-left: 10px; padding-right: 10px } .page-404__title { font-size: 20px } a.page-404__btn { width: 100%; padding: 23px 11.33px } a.page-404__btn:hover svg { left: 15px } } @media (max-width: 360px) { .b-btn { font-size: 14px } .wrap-map__item { padding: 0 } .wrap-map__title { margin-bottom: 5px } } @media only screen and (max-width: 350px) { .item-tile .item-meta__btn { font-size: 10px } .order-info-modal__title { font-size: 23px; padding-bottom: 7px } .order-info-modal__footer { padding-bottom: 10px } .order-info-modal__label { font-size: 12px } .form-grid { grid-row-gap: 15px; grid-column-gap: 10px } .form-grid__val { font-size: 13px } } @media only screen and (max-width: 340px) { .ui-widget.ui-widget-content { font-size: 15.8px } } @media (max-width: 1180px) and (min-width: 981px) { .product-price-line__btn { margin-top: 30px } .product-price-line { -webkit-flex-direction: column; -webkit-align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .product-price-line__btn-wrap { padding-left: 0; margin-top: 32px } } @media (max-width: 981px) and (min-width: 586px) { .product-price-line--offset { margin-top: 32px } } @media only screen and (max-width: 980px) and (min-width: 577px) { .bc-form-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .bc-form-header__title { top: 0 } .bc-form__page-row { display: -ms-grid; display: grid; grid-template-columns:repeat(2, 1fr) } .bc-form__page-row .page-col--w33 { width: 100% } } @media only screen and (max-width: 576px) and (min-width: 375px) { .ui-widget.ui-widget-content { font-size: 19px } } @media only screen and (min-width: 1260px) and (max-width: 1920px) { .btn.another-site-link__link { padding: 19px 30px; font-size: 16px } } @media only screen and (max-height: 750px) { .fancybox-close-small { padding: 20px } } @media (max-height: 935px) { .page-lang__title { display: none } .nav-link-wrap { height: 50px } [data-google-lang=ru] { margin-top: 0 !important } } @media (max-height: 787px) { .page-aside__form-btn svg, .page-aside__socials .page-aside__socials-icon { height: 28px; width: 29px } .geo-btn__icon { width: 27px; height: 27px } .page-aside__form-btn { -webkit-transform: none; -ms-transform: none; transform: none; font-size: 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; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0 } .page-aside__form-btn span { display: none } .page-aside__form-btn svg { display: block } } @media (max-height: 670px) { .page-lang__btn.active, .page-lang__title { display: none } .page-lang__btn { margin: 0 } } @media (max-height: 460px) { .page-aside__socials { padding: 15px 10px } .geo-btn, .page-aside__form-btn, .page-lang { padding: 15px 0 } } .slider-custom-btn:hover { background: 0 0 !important } .num-card-section__sub-title { font-size: 1.3rem; text-align: center; margin-bottom: 5rem } .num-card__content p { margin-bottom: .1em } .product-label { position: absolute; z-index: 2; height: auto; width: 60px; bottom: 0; right: 0 } @media (min-width: 768px) { .product-label { width: 100px } } .search-box input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; box-sizing: border-box; border: 1px solid transparent; padding: 9px 10px 9px 25px; transition: .5s; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 56.966 56.966' style='enable-background:new 0 0 56.966 56.966;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z'/%3E%3C/svg%3E") 6px center/23px no-repeat; width: 15px; color: transparent; cursor: pointer } .search-box input::-webkit-search-cancel-button, .search-box input::-webkit-search-decoration { display: none } .search-box input:-moz-placeholder { color: transparent } .search-box input::-webkit-input-placeholder { color: transparent } .search-box { position: relative; width: fit-content } .search-box.active input[type=search] { width: 330px; background-color: #fff; border-color: #2d2d2d; color: #000; cursor: auto } .search-nav--bottom font:first-child, .search-nav.search-nav--top font:nth-child(2), .visible-if-active { display: none } .reset_live_search { top: 0; position: absolute; right: 0; height: 100%; border: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='311pt' viewBox='0 0 311 311.07733' width='311pt'%3E%3Cpath d='m16.035156 311.078125c-4.097656 0-8.195312-1.558594-11.308594-4.695313-6.25-6.25-6.25-16.382812 0-22.632812l279.0625-279.0625c6.25-6.25 16.382813-6.25 22.632813 0s6.25 16.382812 0 22.636719l-279.058594 279.058593c-3.136719 3.117188-7.234375 4.695313-11.328125 4.695313zm0 0'/%3E%3Cpath d='m295.117188 311.078125c-4.097657 0-8.191407-1.558594-11.308594-4.695313l-279.082032-279.058593c-6.25-6.253907-6.25-16.386719 0-22.636719s16.382813-6.25 22.636719 0l279.058594 279.0625c6.25 6.25 6.25 16.382812 0 22.632812-3.136719 3.117188-7.230469 4.695313-11.304687 4.695313zm0 0'/%3E%3C/svg%3E") center/9px no-repeat; width: 30px; padding: 0; cursor: pointer } .reset_live_search.active { background-image: url("/local/templates/main/img/preloader.gif"); background-size: 100px } .live-search a:not(.search-box__btn) { display: block; padding: 10px; color: #000; font-size: 13px; font-weight: 400; letter-spacing: .4px; line-height: 16px; transition: .3s; border-bottom: 1px solid #2d2d2d } .search_result { position: absolute; top: 37.5px; background: #fff; z-index: 3; width: 100% } .live-search { overflow: auto; max-height: 400px } .live-search::-webkit-scrollbar { width: 6px } .live-search::-webkit-scrollbar-thumb { background: #2d2d2d; height: 10px } .live-search::-webkit-scrollbar-track { background: rgba(198, 198, 198, .3) } .search-box__btn-all { display: flex; color: #fff !important; background-color: #2d2d2d; align-items: center; justify-content: center; padding: 0 15px; font-size: 12px; line-height: 19px; font-weight: 400; height: 40px; text-transform: uppercase; letter-spacing: 2.5px; text-align: center; position: relative; margin: 0; outline: 0; cursor: pointer } .show-form-dt-btn:hover { background-color: #2d2d2d; color: #fff } .show-form-dt-btn:active { background-color: #000; color: #fff } p.search-box__btn-all { cursor: default; background-color: #ccc } .search-form-aside { height: 60px; display: flex; align-items: center; padding-left: 13px; transition: .3s } .search-result__item a { color: #5c5c5c; font-weight: 700; margin: 0 } .search-result__item { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px; display: grid; grid-template-columns:60px 1fr; grid-column-gap: 30px } .search-result__img { font-size: 5px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover } .search-result__descr, a.icon-link.footer-info__icon-link.footer-info__icon-link--email { display: flex; align-items: center } .search-result__image { width: 60px; height: 60px; position: relative } .search-result__title { display: block; margin-bottom: 20px; font-size: 25px } .search-nav font:first-child { font-size: 20px; margin-bottom: 30px; display: block; color: #ccc } .search-nav--bottom font:nth-child(2) a { color: #5c5c5c !important; font-weight: 700 } @media (min-width: 576px) { .search-nav font:first-child { font-size: 30px } } .main-nav-list__item--search svg { width: 14px; height: 14px } .search-box.active input[type=search], .search-line__form .search-box input[type=search] { background-size: 18px; padding-left: 35px } @media (max-width: 991px) { .main-about-section-row { display: block !important } .main-about-brand { margin-bottom: 30px } .main-about-education { min-height: auto } .search-line { padding-bottom: 370px } } .d-file-btn { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 70px; margin-bottom: 15px } .d-file-btn span { color: #896752 !important; font-size: 13px; font-weight: 400; line-height: 1.3; margin-left: 15px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 2.67em; overflow: hidden } .d-file-btn svg { flex-shrink: 0 } a.contacts-list__web-link { text-overflow: ellipsis; width: 100%; overflow: hidden } @media only screen and (min-width: 576px) { .main-slider__pic img, .main-slider__pic picture { -o-object-position: right top; object-position: right top } } @media only screen and (min-width: 765px) { .page-header.page-header--main { position: absolute } .main-slider__pic::after { position: absolute; content: ''; display: block; pointer-events: none; left: 0; right: 0; bottom: 0; height: 100%; background: #000; z-index: 3; top: 0; opacity: .4 } .main-slider__item { padding: 115px 0 145px } .main-slider { left: 0; opacity: 1 !important; height: auto !important } .main-slider__description--custom.d-block { font-size: 1.6rem } .main-section--distribution .main-slider__text { max-width: 950px } .main-section-helper { display: none !important } } @media (max-width: 1320px) { .main-slider__item { padding: 100px 0 } } @media (max-width: 1200px) { .search-form-aside { padding-left: 1vw !important } } @media (max-width: 405px) { .main-slider__description--custom.d-block { font-size: 1.1rem } } @media (max-width: 575px) { .main-slider__description--custom.d-block { font-size: 1.2rem } } .page-aside__inner .page-lang { margin-top: auto } .page-lang { border-bottom: 1px solid rgba(87, 87, 86, .3) } .c-custom-logo { position: absolute; left: 25px } @media only screen and (max-width: 1600px) { .c-custom-logo { left: 20px } } @media only screen and (max-width: 980px) { .c-custom-logo { left: 0 } } .item-tile.active .item-tile__item-meta { position: initial } .item-tile.active .item-tile:hover:after { opacity: 0 !important } a.product-price-line__btn--wp { border: none !important; background: #7fbc18 !important } a.product-price-line__btn--wp:active, a.product-price-line__btn--wp:focus { background: #72a915 !important } .product-price-line__btn--wp-sm { padding: 14px 31px; font-size: 14px; width: 100%; margin: 5px 0 } .product-price-line__btn--wp-sm img { margin-right: 5px; width: 15px; height: 15px } .nav-link-wrap svg, .page-aside__socials .page-aside__socials-icon, .small_basket svg { fill: #Ffffff } .partnership-promo .btn { color: #f2eeec; border-color: #f2eeec } .partnership-promo .btn:hover { background-color: #fff; color: #2d2d2d } .contacts-list__item { transition: background .2s ease-in-out } .contacts-list__item:hover { background: #f7f5f5 } .catalog__item .product-price-line__btn--wp { border: none !important; background: #7fbc18 !important; font-size: 12px } @media (max-width: 576px) { .search-box, .search-line__form .search-box.active input[type=search] { width: 100% } .search-result__title { margin-bottom: 10px; font-size: 16px } .search-result__item p { font-size: 14px; margin-bottom: 15px } .search-result__item { margin-bottom: 30px } .search-page { margin-bottom: 20px } .main-slider, .main-slider__item { height: auto !important; min-height: auto !important } .main-slider__pic, .main-slider__pic img, .main-slider__pic picture { position: initial !important; height: auto !important } .main-slider__pic img { display: block } .main-slider__item { padding: 0 !important } .main-slider__text { position: absolute; top: 50%; transform: translateY(-50%); left: 20px } } .main-slider__title.main-slider__title--large small { font-size: 12px; line-height: 1.3; display: block; margin-top: 10px } @media only screen and (min-width: 1200px) { .item-tile-slider-wrap { padding-bottom: -webkit-calc(100% + 34px); padding-bottom: calc(100% + 34px) } .main-slider__title.main-slider__title--large small { font-size: 16px } } .bg-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover } .s-drop-list__link.selected { color: #ffffff; } .cm-btn { display: flex; align-items: center; justify-content: center; padding: 3px 8px; font-size: 14px; line-height: 1.3; font-weight: 400; text-align: center; position: relative; transition: all 0.2s; cursor: pointer; background-color: #2d2d2d; color: #fff; margin: 15px 0 0; border: none; outline: none; } .cm-btn:hover { background-color: #5c5c5c; color: #fff; } .cm-btn:active { background-color: #2d2d2d; color: #fff; } .representative-card { text-align: left; } .representative-card img { border-radius: 0; width: 100%; height: auto; object-fit: cover; margin-bottom: 20px; } .representative-card h2 { margin: 0; font-size: 24px; margin-bottom: 10px; } .representative-card p { font-size: 16px; color: #555; } #item-data-modal { max-width: 800px; padding: 15px; } .representative-card__title { padding-bottom: 0; } #item-data-modal .fancybox-close-small { background: #2d2d2d; height: 20px; padding: 5px; width: 20px; display: flex; justify-content: center; align-items: center; } #item-data-modal .fancybox-close-small svg { filter: invert(1); width: 15px; height: 15px; } #item-data-modal.fancybox-content { background: #ffffff; } .promo-inp { height: 60px; } .load { position: relative; } form.load:before { z-index: 12; content: ""; position: absolute; width: 100%; height: 100%; background: #c9c9c9; background-image: url(/local/templates/main/img/loading.gif); background-repeat: no-repeat; background-position: center; background-size: 50px; top: 0; left: 0; opacity: .9; } .main-slider__description ul { padding-left: 20px !important; margin-bottom: 15px !important; } .main-slider__description li { list-style-type: disc !important; } .visible-1600 { display: none; } @media only screen and (min-width: 1601px) { .visible-1600 { display: block; } } .hidden-1600 { display: none; } @media only screen and (max-width: 1600px) { .hidden-1600 { display: block; } } /*start mix-blend-mode*/ .product-detail .swiper-container { position: relative; z-index: 2; } .product-detail .swiper-container, .item-tile-slider-wrap, .search-result__img, .items-slider { mix-blend-mode: multiply; } /*end mix-blend-mode*/ .footer-info a, .footer-info span { font-family: inherit !important; } input.error + .checkbox__text:before { border-color: #c51300; } input.error + label + .checkbox__text:before { border-color: #c51300; } .cf-turnstile { position: absolute; z-index: 999; left: 50%; transform: translate(-50%, -50%); top: 50%; } /* End */ /* Start:/local/components/lb/banner_line/templates/.default/style.css?17519811371640*/ .bbanner-box__left p {margin: 0;} .c-banner {background-color: #FDF5D6 !important;box-sizing: border-box;} .c-banner * {box-sizing: border-box;} .bbanner-box {max-width: 1480px;margin-left: auto;margin-right: auto;padding: 12px 40px 12px 15px;position: relative;} .bbanner-box p {color: #000000;font-size: 14px;line-height: 1.3;font-weight: 500;} .bbanner-box a {color: #D84B37;font-size: 14px;line-height: 1.3;font-weight: 500;border-bottom: 1px solid #D84B37;white-space: nowrap;} .bbanner-box__right {padding-top: 10px;} .modal-close-btn {width: 40px;height: 40px;background: transparent;border: none;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;cursor: pointer;} .modal-close-btn svg {stroke: #C9C9C9;transition: all 0.2s ease-in-out;} .modal-close-btn svg:hover {stroke: #000000} @media only screen and (min-width: 765px) { .c-banner.banner--top {margin-left: 50px;width: calc(100% - 60px);} } @media only screen and (min-width: 980px) { .c-banner.banner--top {margin-left: 60px;width: calc(100% - 60px);} .bbanner-box {padding: 18px 25px;} .bbanner-box__left {margin-right: 20px;} } @media only screen and (min-width: 1045px) { .bbanner-box {display: flex;width: 100%;align-items: center;} .modal-close-btn {position: initial;margin-left: 20px;} .bbanner-box__right {margin-left: auto;} .bbanner-box__right {padding-top: 0;} } @media only screen and (min-width: 1290px) { .bbanner-box p, .bbanner-box a {font-size: 17px;} .bbanner-box {padding: 18px 45px;} } @media only screen and (min-width: 1520px) { .bbanner-box p, .bbanner-box a {font-size: 21px;} } /* End */ /* Start:/local/templates/main_en/components/arturgolubev/search.title/custom/style.min.css?175198116513933*/ /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: Helvetica, Arial, sans-serif;font-size: 14px;} .bx-searchtitle {margin: 10px 0 0;} .bx-searchtitle-history {margin-top: 5px;} .bx-searchtitle-history a {color: #222;text-decoration: underline;} .bx-searchtitle-history a:hover {text-decoration: none;} .bx-searchtitle .bx-block-title {font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;color: #343434;text-transform: uppercase;font-size: 12px;margin-bottom: 9px;font-weight: 600;} .bx-searchtitle .bx-input-group {position: relative;display: table;border-collapse: separate;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .bx_smart_searche.theme-blue .bx_item_block_href:hover .bx_item_block_item_name_flex_align, .bx_smart_searche.theme-blue .bx_item_block_href:hover .bx_item_block_item_name_flex_align b {color: #ffffff;} .bx-searchtitle .bx-input-group .bx-form-control {display: table-cell;position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0;display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #f8fafc;border: 1px solid #d5dadc;border-right: none;border-radius: 1px 0 0 1px;outline: none;box-shadow: none !important;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .bx-searchtitle .bx-input-group .bx-form-control:focus {background-color: #fff;} .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);} .bx-searchtitle .bx-input-group-btn {position: relative;font-size: 0;width: 1%;white-space: nowrap;vertical-align: middle;display: table-cell;line-height: normal;} .bx-searchtitle .bx-input-group-btn button {position: relative;border: none;background: url(/local/templates/main_en/components/arturgolubev/search.title/custom/images/search-icon.png) center center no-repeat #95a1a8;display: inline-block;margin-bottom: 0;cursor: pointer;padding: 0;border-radius: 0 1px 1px 0;color: #fff;font-size: 16px;line-height: 1.42857143;height: 34px;width: 40px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .bx-searchtitle .bx-input-group-btn button:hover {background-color: #5c5c5c;} div.title-search-result {border: 0 none !important;border-top: 0 none;display: none;overflow: hidden;position: absolute;left: 0;z-index: 999;min-width: 200px;top: 37.5px;background-color: #FFF; /* border-top: 0 none; */border-radius: 2px;box-shadow: 0 0 7px -2px #d6d6d6;transform: translate(14px, -13px);width: 329px !important; /* display: block !important; */} div.title-search-fader {display: none;background-image: url('/local/templates/main_en/components/arturgolubev/search.title/custom/images/fader.png');background-position: right top;background-repeat: repeat-y;position: absolute;} p.title-search-preview {font-size: 12px;} div.title-search-result td.title-search-price span {font-size: 26px;} /*========================*/ .bx_smart_searche {padding-top: 8px;border-top: 0 none;border-radius: 0 0 3px 3px;} .bx_smart_searche .bx_info_wrap {margin-left: 85px;} .bx_smart_searche .bx_img_element {float: left;padding: 5px;width: 75px;text-align: center;} .bx_smart_searche .bx_item_block {min-height: 65px;position: relative;} .bx_smart_searche .bx_image { /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */display: inline-block;max-width: 100%;} .bx_smart_searche .bx_image.empty_image {background-image: url(/local/templates/main_en/components/arturgolubev/search.title/custom/image/noimg.png);} .bx_smart_searche .bx_item_element {padding: 8px 0;} .bx_smart_searche .bx_item_element_all_result {text-align: center;} .bx_smart_searche .bx_item_element hr {margin: 0;border: none;border-bottom: 1px solid #e5e5e5;} .bx_smart_searche .bx_item_element a {margin-top: 5px;display: inline-block;color: #333;font-size: 14px;text-decoration: none;font-weight: bold;} .bx_smart_searche .bx_item_element a b {font-weight: bold;} .bx_smart_searche .bx_item_element a b {color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b {text-decoration: underline;} .bx_smart_searche .bx_item_preview_text {font-size: 13px;padding: 5px 10px 5px 0;} .bx_smart_searche .bx_price {font-weight: bold;font-size: 15px;margin-top: 5px;} .bx_smart_searche .bx_price .old {font-weight: normal;text-decoration: line-through;color: #636363;font-size: 12px;vertical-align: middle;} .bx_smart_searche .bx_item_block.all_result {min-height: 0} .bx_smart_searche .bx_item_block.others_result {min-height: 0;line-height: 12px;padding: 0;} .bx_smart_searche .bx_item_block.all_result .all_result_button {display: inline-block;font-size: 14px;background-color: #5c5c5c;border: 1px solid;border-color: #5c5c5c;color: #FFF;padding: 0 22px;height: 34px;text-decoration: none;border-radius: 2px;margin: 0 0 8px;line-height: 34px;text-transform: uppercase;font-weight: bold;letter-spacing: .5px;} .bx_smart_searche .bx_item_block_href {display: block;text-decoration: none;margin-bottom: 5px;padding: 8px;line-height: 14px;} .bx_smart_searche .bx_item_block_href:hover {background-color: #feeed2;} .bx_smart_searche .bx_item_block_hrline {border-bottom: 1px solid #f5a61c;margin: 0 8px 5px;} .bx_item_block_item_clear {display: block;clear: both;} .bx_smart_searche .bx_item_block_item_info_wrap {display: block;} .bx_smart_searche .bx_item_block_item_info_wrap.wpic {padding-left: 39px;} .bx_smart_searche .bx_item_block_item_info {display: block;} .bx_smart_searche .bx_item_block_href_category_title {color: #a2a2a2; /* font-weight: bold; */} .bx_smart_searche .bx_item_block_href_category_name {color: #f5a61c;font-weight: bold;text-transform: uppercase;} .bx_smart_searche .bx_item_block_item_image {width: 34px;height: 34px;float: left;margin-right: 5px;position: relative;} .bx_smart_searche .bx_item_block_item_image img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;} .bx_smart_searche .bx_item_block_item_name {color: #333;overflow: hidden;height: 34px;display: block;line-height: 17px;display: flex;} .bx_smart_searche .bx_item_block_item_name_flex_align {margin: auto 0;} .bx_smart_searche .bx_item_block_item_simple_name {color: #333;display: block;line-height: 17px;} .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b {color: #f5a61c;} .bx_smart_searche .bx_item_block_item_price {float: right;text-align: right;color: #333;line-height: 17px;padding-left: 5px;} .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {line-height: 34px;} .bx_smart_searche .bx_item_block_item_price .bx_price_new {white-space: nowrap;font-weight: bold;display: block;} .bx_smart_searche .bx_item_block_item_price .bx_price_old {white-space: nowrap;text-decoration: line-through;} .bx_smart_searche .bx_item_block_item_text {color: #9b9b9b;display: block;margin-top: 8px;font-size: 13px;line-height: 15px;} .bx_smart_searche .bx_item_block_item_props {color: #9b9b9b;display: block;margin-top: 8px;font-size: 13px;line-height: 15px;} .bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { /* padding-left: 39px; */} .bx_item_block_item_prop_item {display: block;} .bx_smart_no_result_find {padding: 0 8px 8px;} /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader {position: absolute;top: 2px;right: 110%;width: 30px;height: 30px;z-index: 5;display: none; /* display: block; */} .bx-searchtitle .bx-searchtitle-preloader.view {background: url(/local/templates/main_en/components/arturgolubev/search.title/custom/images/loader_orange.gif) center center no-repeat;} /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control {border-color: #575756;} .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {background-image: url(/local/templates/main_en/components/arturgolubev/search.title/custom/images/loader_blue.gif);} .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button {background-color: #575756;border-color: #575756;} .bx-searchtitle.theme-blue .bx-input-group-btn button {background-color: #575756;border-color: #575756;color: #FFF;} .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {background-color: #5c5c5c;border-color: #5c5c5c;text-decoration: none;} .bx_smart_searche.theme-blue .bx_item_element a b {color: #5c5c5c;} .bx_smart_searche.theme-blue .bx_item_block_href:hover {background-color: #5c5c5c;} .bx_smart_searche.theme-blue .bx_item_block_href_category_name {color: #575756;} .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b {color: #575756;} .bx_smart_searche.theme-blue .bx_item_block_hrline {border-color: #575756;display: none;} /* black */ .bx-searchtitle.theme-black .bx-input-group .bx-form-control {border-color: #333;} .bx-searchtitle.theme-black .bx-searchtitle-preloader.view {background-image: url(/local/templates/main_en/components/arturgolubev/search.title/custom/images/loader_black.gif);} .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button {background-color: #333;border-color: #333;} .bx-searchtitle.theme-black .bx-input-group-btn button {background-color: #333;border-color: #333;color: #FFF;} .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover {background-color: #5c5c5c;border-color: #5c5c5c;text-decoration: none;} .bx_smart_searche.theme-black .bx_item_element a b {color: #5c5c5c;} .bx_smart_searche.theme-black { /* border:1px solid #333; */border-top: 0 none;border-radius: 0 0 3px 3px;} .bx_smart_searche.theme-black .bx_item_block_href:hover {background-color: #eaeaea;} .bx_smart_searche.theme-black .bx_item_block_href_category_name {color: #333;} .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b {color: #333;} .bx_smart_searche.theme-black .bx_item_block_hrline {border-color: #333;} /* green */ .bx-searchtitle.theme-green .bx-input-group .bx-form-control {border-color: #5c5c5c;} .bx-searchtitle.theme-green .bx-searchtitle-preloader.view {background-image: url(/local/templates/main_en/components/arturgolubev/search.title/custom/images/loader_green.gif);} .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button {background-color: #5c5c5c;border-color: #5c5c5c;} .bx-searchtitle.theme-green .bx-input-group-btn button {background-color: #5c5c5c;border-color: #5c5c5c;color: #FFF;} .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover {background-color: #5c5c5c;border-color: #5c5c5c;text-decoration: none;} .bx_smart_searche.theme-green .bx_item_element a b {color: #5c5c5c;} .bx_smart_searche.theme-green .bx_item_block_href:hover {background-color: #d0ebf1;} .bx_smart_searche.theme-green .bx_item_block_href_category_name {color: #5c5c5c;} .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b {color: #5c5c5c;} .bx_smart_searche.theme-green .bx_item_block_hrline {border-color: #5c5c5c;} /* red */ .bx-searchtitle.theme-red .bx-input-group .bx-form-control {border-color: #E22B2B;} .bx-searchtitle.theme-red .bx-searchtitle-preloader.view {background-image: url(/local/templates/main_en/components/arturgolubev/search.title/custom/images/loader_red.gif);} .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button {background-color: #E22B2B;border-color: #E22B2B;} .bx-searchtitle.theme-red .bx-input-group-btn button {background-color: #E22B2B;border-color: #E22B2B;color: #FFF;} .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover {background-color: #e95c5c;border-color: #e95c5c;text-decoration: none;} .bx_smart_searche.theme-red .bx_item_element a b {color: #e95c5c;} .bx_smart_searche.theme-green .bx_item_block_href:hover {background-color: #f9d4d4;} .bx_smart_searche.theme-red .bx_item_block_href_category_name {color: #E22B2B;} .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b {color: #E22B2B;} .bx_smart_searche.theme-red .bx_item_block_hrline {border-color: #E22B2B;} /* yellow */ .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control {border-color: #F9A91D;} .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view {background-image: url(/local/templates/main_en/components/arturgolubev/search.title/custom/images/loader_yellow.gif);} .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button {background-color: #F9A91D;border-color: #F9A91D;} .bx-searchtitle.theme-yellow .bx-input-group-btn button {background-color: #F9A91D;border-color: #F9A91D;color: #FFF;} .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover {background-color: #faba4a;border-color: #faba4a;text-decoration: none;} .bx_smart_searche.theme-yellow .bx_item_element a b {color: #faba4a;} .bx_smart_searche.theme-yellow .bx_item_block_href_category_name {color: #F9A91D;} .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b {color: #F9A91D;} .bx_smart_searche.theme-yellow .bx_item_block_hrline {border-color: #F9A91D;} .bx_smart_searche.theme-blue .bx_item_block_href:hover .bx_item_block_href_category_name {color: #ffffff;} .bx_item_block_href_category_title { line-height: 1.3; } /* End */ /* Start:/local/templates/main_en/components/bitrix/system.auth.form/auth/style.css?175198116556*/ .checkbox__text {text-align: left;margin-bottom: 20px;} /* End */ /* Start:/local/templates/main_en/template_styles.css?175982432119427*/ .privacy-policy__description td {padding: 10px;line-height: 1.5;} .bx-sbb-empty-cart-text {font-weight: bold;margin-bottom: 20px;font-size: 18px;} .bx-sbb-empty-cart-desc a {color: #565656;font-weight: bold;text-decoration: underline;} a.page-lang-m__btn {color: #ffffff;} .form-line.error input {border-color: #FCAE49;} .basket-items-list-item-double {background: #c9c9c9;padding: .6em;font-size: 0.75em;} @media only screen and (min-width: 801px) { .basket-items-list-item-double {margin-right: 2em;} } .product-price-line__btn-wrap {margin: 0 !important;} /*TODO hide price end*/ .slider-label-item {font-weight: 700;font-size: 18px;line-height: 120%;letter-spacing: .02em;text-transform: uppercase;color: #fff;background: #de2c2c;padding: 9px 11px;margin-bottom: -4px;display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content} .mk-slider-ttile {margin-bottom: -67px} @media (min-width: 1600px) and (max-width: 1900px) { .main-slider__title.main-slider__title--large .mk-slider-ttile {font-size: 60px;} } @media (max-width: 800px) { .slider-label-item {margin-bottom: 10px} .mk-slider-ttile {margin-bottom: -30px} } @media (max-width: 575px) { .mob-page-wrap {display: flex;flex-direction: column;height: 100vh;} .slider-label-item {margin-bottom: 10px} .mk-slider-ttile {margin-bottom: -19px;font-size: 26px;line-height: 37px;letter-spacing: .02em} } /*start-cookies-poup*/ .c-popup {background: #FFFFFF;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);padding: 20px 20px 15px;position: fixed;bottom: 10px;right: 10px;text-align: left;z-index: 9999999999;display: none;} .c-popup__close svg {width: 10px;height: 10px;} .c-popup p {font-size: 11px;line-height: 14px;letter-spacing: 0.01em;color: #828282;margin: 0;} .c-popup__btn {border: none;background: transparent;font-weight: bold;font-size: 12px;line-height: 14px;letter-spacing: 0.01em;color: #896752;padding: 0;outline: none;cursor: pointer;} .c-popup__btn svg {margin-left: 5px;width: 13px;height: 8px;} .c-popup__btn:hover {color: #242424} .c-popup__btn:active {color: #242424} .c-popup__btn:hover svg path, .c-popup__btn:active svg path {fill: #242424} .c-popup__close {position: absolute;top: 8px;right: 7px;cursor: pointer;} .c-popup.c-popup--absolute {position: absolute;bottom: auto;top: -180px;} @media only screen and (max-width: 575px) { .mob-page-wrap .page-wrap {min-height: auto;height: calc(100% - 169px);max-height: 100%;overflow: hidden;overflow-y: auto;} .mob-page-wrap .main-slider__item {min-height: auto !important;} .c-popup {width: 100%;left: 0;bottom: 0;text-align: left;box-sizing: border-box;max-width: 100% !important; /*padding: 24px 22px 25px;*/border-radius: 0;box-shadow: none;} .c-popup p br {display: none;} .c-popup__button {background: #fff;border: 1px solid #EA3C29;color: #EA3C29;font-size: 11px;height: 20px;padding: 0 10px;} /*span.c-popup__close {*//* top: 11px;*//* right: 19px;*//*}*//*.c-popup p {*//* font-size: 11px;*//* line-height: 14px;*//* letter-spacing: 0.01em;*//* margin-bottom: 0;*//*}*/ .c-popup__btn {font-size: 12px;} .c-popup__btn svg {margin-left: 8px;width: 13px;height: 6px;} span.c-popup__close svg {width: 11px;height: 11px;} } /*end-cookies-poup*/ .error-checkbox {color: #FCAE49;font-size: 12px;padding-top: 5px;position: absolute;right: 0;top: 100%;} li.colors-list__item {border-radius: 0;height: auto;width: auto;padding: 10px;align-items: flex-start;} @media (max-width: 991px) { .image-book-slider__cell, .ib-card__image {height: auto;} .image-book-slider__img img, .ib-card__img img {position: relative;height: auto;} .ib-card {min-height: 250px;padding-bottom: 20px;} .ib-card__header {padding: 20%;} .ib-slider {min-height: auto;} .colors-list__item p {line-height: 1.2;font-size: 12px;} .colors-list__item:not(:last-child) {margin-right: 10px;} } @media only screen and (max-width: 575px) { .image-book-slider__colors-list {position: relative;margin-top: 20px;} .ib-card {display: flex;flex-direction: column;} .ib-card span {margin-top: auto;} .products-image-slider-wrap__title {padding-left: 15px;padding-right: 15px;} li.colors-list__item {margin-: 5px;} .colors-list__item:not(:last-child) {margin-right: 5px;} } /*end-changes-mob*//*start banner-line*/ .banner-line {background: #5c5c5c;padding: 20px 60px;text-align: center;position: relative;z-index: 999;box-shadow: -20px 1px 8px 0px black;} .banner-line__link {color: #fff;transition: all .3s;} .banner-line__link:hover {color: #fff;opacity: .6;} .banner-line__close {position: absolute;right: 8rem;align-items: center;justify-content: center;width: 1.2em;height: 1.2em;padding: 0;overflow: hidden;transition: color .1s ease-out;border: none;border-radius: 0;background: 0 0;color: #2D2D2D;font-family: serif;font-size: 3rem;line-height: 1.2;cursor: pointer;top: 50%;transition: all .3s;transform: translateY(-50%);} .banner-line__close:hover {color: #fff;opacity: .6;} .banner-line.banner-line--bottom {position: fixed;bottom: 0;width: 100%;left: 0;} /*end banner-line*/ @media only screen and (min-width: 768px) { .contacts-map-wrap {min-height: 626px;} } .contacts-list__item.is-active {background: #e5e5eb;} .review__read-full[style="display: none;"] + .review__footer {box-shadow: none;} .review.is-opened .review__footer {box-shadow: none;} /*start-geo-popup*/ .geo-swal-popup .form-line {margin-bottom: 20px;} .geo-swal-popup .swal2-close {width: 35px;height: 35px;font-size: 45px;color: #000000;} .geo-swal-popup .form-line__label {font-size: 20px;} .geo-swal-popup.swal2-popup {border-radius: 0;position: relative;box-sizing: border-box;flex-direction: column;justify-content: center;width: 356px;max-width: 100%;padding: 16px 32px 10px;border: none;background: #fff;font-family: inherit;font-size: 16px;} .geo-swal-popup .swal2-content {padding: 0;font-size: 16px;} /*.geo-swal-popup .form-line__label {*//* font-size: 16px;*//*}*/ .swal2-shown .ui-widget.ui-widget-content {max-height: 200px;overflow-y: auto;overflow-x: hidden;} .swal2-shown .ui-widget.ui-widget-content {z-index: 9991; /*margin-top: -3px;*/border-top: 1px solid #ffffff;border-left: 1px solid #5c5c5c;border-bottom: 1px solid #5c5c5c;border-right: 1px solid #5c5c5c;max-width: 302px;} .geo-swal-popup .text-input {border-color: #5c5c5c !important;border: 1px solid;} .ui-menu .ui-menu-item-wrapper.ui-menu-link {display: block;padding: 10px 20px;cursor: pointer;font-size: 16px;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .ui-widget-content .ui-state-active {color: #5c5c5c;padding: 10px 20px;border: none;margin: 0;} /* W3C standard сейчас только для Firefox */ .ui-widget-content {scrollbar-width: thin;scrollbar-color: #5c5c5c #f9f9f9;} /* для Chrome/Edge/Safari */ .ui-widget-content::-webkit-scrollbar {height: 12px;width: 12px;} .ui-widget-content::-webkit-scrollbar-track {background: #f9f9f9;} .ui-widget-content::-webkit-scrollbar-thumb {background-color: #5c5c5c;border-radius: 5px;border: 3px solid #f9f9f9;} .js-clicled-el.active .geo-modal-wrap {display: block !important;opacity: 1 !important;} /*end-geo-popup*/ #auth-modal.fancybox-content {padding: 0;} .soc-list {display: flex;} .soc-list__item:not(:last-child) {margin-right: 11px;} .soc-list__item {width: 29px;height: 29px;margin-top: 4px;} .soc-list__link {display: block;} .soc-list__icon {fill: #c7c7c7;width: 100%;height: 100%;transition: fill .3s;} .soc-list__icon:hover {fill: #efeceb;} .about-menu__item:first-child {font-weight: bold;} .product-gallery__color p {display: none;} @media only screen and (max-width: 1365px) { .product-gallery__color p {font-size: 13px;} } .ui-search-block.ui-menu-item {padding: 10px 12px;background: #cbbfa2;} .ui-search-block.ui-menu-item a.ui-state-active {color: #000000;padding: 3px 1em 3px .4em !important;background: none !important;} .ui-search-block.ui-menu-item a {color: #fff;} .ui-widget.ui-widget-content {max-width: 288px;max-height: 400px;overflow: auto;} span.autocomplete-icon__icon {height: 48px;width: 40px;display: flex;position: absolute;right: 1px;bottom: 1px;justify-content: center;align-items: center;cursor: pointer;} .autocomplete-icon__icon svg {width: 20px;height: 20px;-webkit-transition: all 0.4s cubic-bezier(0.36, 0.26, 0.19, 1.03);-o-transition: all 0.4s cubic-bezier(0.36, 0.26, 0.19, 1.03);transition: all 0.4s cubic-bezier(0.36, 0.26, 0.19, 1.03);} .autocomplete-icon__icon.active svg {transform: scale(-1, -1);} @media only screen and (max-width: 991px) { .ui-widget.ui-widget-content {max-width: 100%;} } .goog-te-banner-frame {display: none;} .masters-card__title.wrap-map__title font {text-transform: capitalize;} .out-of-stock {filter: grayscale();} .out-of-stock .item-tile__inner {padding-bottom: 0 !important;} .out-of-stock .item-meta__right {display: none !important;} .out-of-stock__price {font-size: 16px !important;margin: 0 !important;line-height: 1.3 !important;} .btn--disabled {background: #cccccc !important;border: none !important;} .modal-card__title {display: none;} .limit-one-hands--mb {margin-bottom: 15px;} @media only screen and (max-width: 600px) { [tooltip-lb]::after {min-width: 200px;} } @media only screen and (max-width: 533px) { .limit-one-hands__br {display: block;} } .basket-items-list-item-warning-container .alert.alert-warning.text-center {font-size: 14px;text-align: left !important;color: #f00;} .order-total__btn.disabled {background: #ccc !important;cursor: not-allowed;} /*start-fix-menu*/ .home-btn {width: 100%;height: 60px;display: flex;justify-content: center;align-items: center;} .home-btn svg {width: 30px;height: 30px;} .inner-menu {display: none;} [data-menu="2"] .menu-top {display: block;} [data-menu="1"] .menu-shop {display: block;} @media only screen and (max-width: 765px) { /*.inner-menu {*//* display: block;*//*}*/ .nav-link__counter {right: -5px;} } /*end-fix-menu*//*===== Preloader Ten =======*//*=======Markup=====
*/ .preloader-circle-loading-wrapper { /*margin: 0 auto;*/display: block;} .preloader-circle-loading-wrapper .cssload-loader {margin: 0;width: 49px;height: 49px;border-radius: 50%;margin: 0;display: inline-block;position: relative;vertical-align: middle;background-color: #d3d3d3;animation: 1.15s infinite ease-in-out;-o-animation: 1.15s infinite ease-in-out;-ms-animation: 1.15s infinite ease-in-out;-webkit-animation: 1.15s infinite ease-in-out;-moz-animation: 1.15s infinite ease-in-out;} .preloader-circle-loading-wrapper .cssload-loader:before, .preloader-circle-loading-wrapper .cssload-loader:after {animation: 1.15s infinite ease-in-out;-o-animation: 1.15s infinite ease-in-out;-ms-animation: 1.15s infinite ease-in-out;-webkit-animation: 1.15s infinite ease-in-out;-moz-animation: 1.15s infinite ease-in-out;} .preloader-circle-loading-wrapper .cssload-loader:before, .preloader-circle-loading-wrapper .cssload-loader:after {width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;} .preloader-circle-loading-wrapper .cssload-loader:before, .preloader-circle-loading-wrapper .cssload-loader:after {content: "";} .preloader-circle-loading-wrapper .cssload-loader:before {content: '';border: 10px solid white;top: -10px;left: -10px;animation-name: cssload-animation;-o-animation-name: cssload-animation;-ms-animation-name: cssload-animation;-webkit-animation-name: cssload-animation;-moz-animation-name: cssload-animation;} @keyframes cssload-animation { 0% {transform: scale(0);} 100% {transform: scale(1);} } @-o-keyframes cssload-animation { 0% {-o-transform: scale(0);} 100% {-o-transform: scale(1);} } @-ms-keyframes cssload-animation { 0% {-ms-transform: scale(0);} 100% {-ms-transform: scale(1);} } @-webkit-keyframes cssload-animation { 0% {-webkit-transform: scale(0);} 100% {-webkit-transform: scale(1);} } @-moz-keyframes cssload-animation { 0% {-moz-transform: scale(0);} 100% {-moz-transform: scale(1);} } @media only screen and (min-width: 768px) and (max-width: 1600px) { .page-footer-aligned {padding-left: 60px;} } /* .header-burger--adaptive, .nav-link-mob { -webkit-backface-visibility: hidden; } html { overflow-y: scroll; } */ @media only screen and (min-width: 640px) and (max-width: 980px) { .btn--link-outside {margin-left: 20px;} } .nav-link-mob.tap-link.tap-link--dark, #small_basket {display: none;} .category--adaptive {display: none;} @media only screen and (max-width: 640px) { .category--adaptive {display: block;} } /*start courses tp*/ .course-list__item:not(:last-child) {margin-bottom: 160px;} .courses-card {display: grid;grid-template-columns: 70% calc(30% - 30px);column-gap: 30px;} .courses-card:nth-child(even) {grid-template-columns: 30% calc(70% - 30px);} .courses-card:nth-child(even) .courses-card__image {order: 1;} .courses-card__image {flex-shrink: 0;position: relative;width: 100%;min-height: 600px;} .courses-card__descr {flex-grow: 1;padding-bottom: 30px;} .courses-card__img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;font-family: 'object-fit: cover;';} .courses-card__title {padding: 0;margin-bottom: 5px;text-transform: none;} .courses-card__sub-title {color: #777;} .courses-card__price {font-weight: bold;font-size: 20px;display: block;margin-bottom: 20px;} .course-list-section {padding: 100px 0;} .courses-card__btn {margin-bottom: 30px;} .courses-card-list__item {font-size: 16px;margin-bottom: 15px;position: relative;} .courses-card-list {padding-left: 15px;} .courses-card-list__item:before {position: absolute;content: "";top: 5px;left: -15px;color: #000;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23825123' d='M.3 14c-.2-.2-.3-.5-.3-.7s.1-.5.3-.7l1.4-1.4c.4-.4 1-.4 1.4 0l.1.1 5.5 5.9c.2.2.5.2.7 0L22.8 3.3h.1c.4-.4 1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4l-16 16.6c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3L.5 14.3.3 14z'/%3E%3C/svg%3E");height: 10px;width: 10px;} @media only screen and (max-width: 991px) { .courses-card__btn { /*padding: 14px 15px;*//*font-size: 12px;*/width: 100%;} .courses-card__image {min-height: 400px;} .courses-card {display: block;} .courses-card__descr {padding-top: 30px;padding-bottom: 0;} .course-list-section {padding: 60px 0;} .course-list--container + .section-more-crs {padding-bottom: 0;} .course-list__item:not(:last-child) {margin-bottom: 60px;} } @media only screen and (max-width: 475px) { .courses-card__image {min-height: auto;padding-bottom: 100%;} .course-list-section {padding-bottom: 0;} } .lk-wrapper__descr h3 {max-width: 570px;text-align: center;font-weight: 300;color: #000000;font-size: 24px;text-transform: none;padding-bottom: 20px;} .basket-item-label-ring.basket-item-label-small.basket-item-label-top.basket-item-label-left {background: red;z-index: 20;position: relative;border-radius: 50%;height: 4em;width: 4em;display: grid;place-items: center;font-size: 0.7em;color: #fff;font-weight: bold;} .calc-block {margin-bottom: 30px;} .calc-block__item {font-weight: 600;color: #896752;margin: 0 0 10px;} .calc-block__item span {color: #000000;} .res-wrap {background: #ffffff;overflow: auto;max-height: 300px;position: absolute;width: 100%;z-index: 10;} .loc-list__item {padding: 10px 20px;cursor: pointer;transition: all .2s ease-in-out;} .loc-list__item:hover {background: #5c5c5c;color: #fff;} .calc-block__item.load span {position: relative;} .calc-block__item.load span:after {content: "";position: absolute;height: 1rem;width: 1rem;background-image: url(/local/templates/main/img/simple-loader.gif);display: block;top: 0;right: -10px;background-repeat: no-repeat;background-size: cover;background-color: #c9c9c9;} .product-label-list {position: absolute;display: flex;right: 0;bottom: 0;z-index: 2;} .product-label-list__item {width: 40px;margin-left: 10px;} .product-label-list__img {max-width: 100%;} .detail-description ul li {font-size: 14px;line-height: 1.4;} .product-label.product-label--2 {top: 0;bottom: auto;} .error-txt-modal__list {text-align: left;list-style-type: decimal;} .error-txt-modal__list li {margin-bottom: 10px;} .error-txt-modal h3 {font-size: 20px;padding-bottom: 25px;} .main-slider__description {display: block !important;} .fancybox-close-small {top: 0;right: 0;z-index: 3;} /*@media (max-width: 1330px) {*//* .fancybox-close-small {*//* top: -20px;*//* z-index: 3;*//* right: -20px;*//* }*//*}*//*b24*/ .b24-widget-button-inner-block, .bx-livechat-head {background: #5c5c5c !important;} @media (max-width: 765px) { .b24-widget-button-position-bottom-right {right: 13px !important;bottom: 78px !important;} } .section-contacts-app {margin-top: 60px;} @media only screen and (min-width: 768px) { .section-contacts-app {margin-top: 100px;} } .section-contacts-app {border-top: 1px solid transparent;} div#contacts-app h2 {margin-top: 2rem;} .c-popup__btn.arrow-link.geo-modal__arrow-link {background: #896752;color: #fff;width: 100%;padding: 0.5rem;text-align: center;justify-content: center;text-transform: uppercase;z-index: -1;margin: 1rem 0 0;} @media only screen and (max-width: 578px) { .c-popup__btn.arrow-link.geo-modal__arrow-link {padding: 1rem;} } .swal2-close:focus {box-shadow: none !important;} @media (max-width: 768px) { .bx-livechat-control-btn-close {background-size: 23px !important;} .bx-livechat-control-btn {opacity: 1 !important;} } .checkbox__text a {display: inline;} .reg-form .rules-checkbox label.error, .auth-form .rules-checkbox label.error {left: 0;top: auto;bottom: 0;text-align: left;} .product-detail .important {background: #F8D7DA;padding: 20px 20px 1px;margin-bottom: 20px;} .menu-arrow svg {top: -1px;} .item-tile .item-meta__btn {font-size: 11px !important;} .s-drop-list {padding-left: 15px} a.s-drop-list__link {color: #fff;padding: 10px 0;display: block;transition: color .4s cubic-bezier(.36, .26, .19, 1.03)} a.s-drop-list__link {color: #b7b7b7;} a.s-drop-list__link:hover {color: #ffffff} [data-inner-drop] > a {position: relative;display: flex;align-items: center;justify-content: flex-start} [data-inner-drop] > a:after {content: "";position: relative;top: -2px;right: -8px;cursor: pointer;display: block;transition: all .3s;margin-top: 4px;width: 8px;height: 8px;background-position: center;border-right: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg)} [data-inner-drop] > a.active:after {top: -6px;transform: rotate(45deg)} @media (max-width: 768px) { .t-list {display: block} } .category--adaptive, [data-inner-drop] ul {display: none;} .page-lang__btn.active font {display: none;} .page-lang__btn.active {font-size: 0;} .page-lang__btn.active:before {content: "EN";font-size: 20px;line-height: 38px;position: relative;} .page-lang-m__btn.active font {display: none;} .page-lang-m__btn.active {font-size: 0;} .page-lang-m__btn.active:before {content: "EN";font-size: 16px;line-height: 38px;position: relative;text-align: center;} @media only screen and (max-width: 1600px) { .page-lang__btn.active:before {font-size: 16px;line-height: 38px;} } .btn.card-skew__btn {color: #fff;border-color: #fff;} .page-aside__form-btn {margin-top: auto;} /* End */ /* Start:/contacts/assets/css/main.css?17521478037670*/ .section-contacts-map { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-contacts-map__info { width: 290px; padding-right: 30px; } .section-contacts-map__map { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .section-contacts-title { font-weight: bold; font-size: 44px; line-height: 1.3; letter-spacing: 0.02em; text-transform: uppercase; color: #000; padding: 0; margin-bottom: 54px; } #contact-map { background: #EDE9DF; width: 100%; height: 100%; } .contact-info-list { margin: 0; padding: 9px 0 0 0; } .contact-info-list__item { list-style-type: none; } .contact-info-list__item:first-child { margin-bottom: 22px; } .contact-info-list__item:nth-child(3) { margin-top: 72px; margin-bottom: 75px; } .contact-info-list__title { font-style: normal; font-weight: bold; font-size: 16px; line-height: 1.3; letter-spacing: 0.01em; color: #4A4A4A; margin-bottom: 9px; } .contact-info-list__descr { font-size: 16px; line-height: 1.27; letter-spacing: 0.01em; color: #4A4A4A; margin-bottom: 8px; } .contact-info-list__link { font-size: 16px; line-height: 1.3; letter-spacing: 0.01em; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #C8BB9B !important; } .contact-info-list__row p, .contact-info-list__row a { display: inline-block; } .contact-info-list__row .contact-info-list__descr { margin-bottom: 4px; } .copy-btn { border: none; background: none; cursor: pointer; outline: none !important; } .feedback-form { background: #EDE9DF; padding-top: 74px; padding-bottom: 48px; } .feedback-form__title { font-weight: bold; font-size: 34px; line-height: 1.3; letter-spacing: 0.02em; color: #000000; text-transform: inherit; padding-bottom: 33px; } .feedback-form__info { line-height: 1.3; letter-spacing: 0.3px; } .feedback-form__col-left { width: 397px; padding-right: 31px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .feedback-form__col-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .feedback-form__col-right .form-line { 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; } .feedback-form--mt { margin-top: 89px; } .feedback-form__top { position: relative; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .feedback-form__top:after { position: absolute; top: calc(50% - 29px); right: 29px; display: block; width: 15px; height: 15px; content: ''; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); border-top: 2px solid #825123; border-left: 2px solid #825123; } .feedback-form__top.active:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .feedback-form__descr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: -40px; } .feedback-form__textarea { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 276px; max-width: 100%; height: inherit !important; } .feedback-form__submit-line { margin-top: 53px; } .feedback-form__submit-line .checkbox__text:before { top: 4px; } .feedback-form__form-line { margin-bottom: 32px; position: relative; } .section-address { padding-top: 90px; padding-bottom: 84px; } .section-address__row { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 28px; margin: 0 auto; max-width: 848px; } .section-address__title { font-weight: bold; font-size: 34px; line-height: 1.3; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #252525; padding-bottom: 47px; } .section-address__sub-title { font-weight: bold; font-size: 16px; line-height: 1.3; letter-spacing: 0.01em; color: #4A4A4A; text-transform: inherit; } .section-address__sub-title { font-size: 16px; line-height: 1.3; letter-spacing: 0.01em; position: relative; padding-bottom: 16px; } .section-address__sub-title:before { top: 5px; display: inline-block; width: 19px; height: 19px; margin-right: 7px; content: ''; position: relative; background-repeat: no-repeat; } .section-address__sub-title--car:before { background-image: url("/local/templates/main/img/contact/car.svg"); } .section-address__sub-title--bus:before { background-image: url("/local/templates/main/img/contact/bus.svg"); } @media only screen and (min-width: 1300px) { .feedback-form__form-line:nth-child(3) { margin-bottom: 18px; } } @media only screen and (max-width: 1300px) { .feedback-form__submit-line { -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; } .feedback-form__submit-line .submit-line__left { margin-bottom: 20px; } } @media only screen and (max-width: 1025px) { .feedback-form__top { display: block; } } @media only screen and (max-width: 991px) { .feedback-form { padding-top: 30px; padding-bottom: 25px; } .feedback-form__info br { display: none; } .feedback-form__descr { display: block; margin-bottom: -20px; } .feedback-form__title { padding-bottom: 15px; font-size: 25px; } .feedback-form__col-left { width: 100%; } .feedback-form__top .feedback-form__col-right { max-width: calc(100% - 30px); } .feedback-form .form-line { width: 100%; } .feedback-form .text-input { max-width: 100%; } .feedback-form__submit-line { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .feedback-form .submit-line__right { padding: 0; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-contacts-title { font-size: 30px; margin-bottom: 40px; } .section-contacts-map { display: block; } .section-contacts-map__info { width: 100%; } .section-contacts-map__map { margin-top: 72px; height: 300px; } .section-address { padding-top: 50px; padding-bottom: 60px; } .section-address__row { display: block; } .section-address__title { font-size: 25px; padding-bottom: 40px; } .contact-info-list__item { margin: 0 0 30px !important; } .feedback-form--mt { margin-top: 72px; } .feedback-form__top:after { right: 4px; } } /* End */ /* /local/templates/main_en/css/fonts.css?17650193373075 */ /* /local/templates/main_en/libs/slick/slick.css?17650201761368 */ /* /local/templates/main_en/libs/slick/slick-theme.css?17650201762391 */ /* /local/templates/main_en/css/jquery.mCustomScrollbar.css?176501933844211 */ /* /local/templates/main_en/css/styles.css?1765024085506747 */ /* /local/components/lb/banner_line/templates/.default/style.css?17519811371640 */ /* /local/templates/main_en/components/arturgolubev/search.title/custom/style.min.css?175198116513933 */ /* /local/templates/main_en/components/bitrix/system.auth.form/auth/style.css?175198116556 */ /* /local/templates/main_en/template_styles.css?175982432119427 */ /* /contacts/assets/css/main.css?17521478037670 */