@charset "UTF-8"; @import "fonts.css"; *{ margin:0; padding:0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; } table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; vertical-align: top; } a img, :link img, :visited img { border: 0; } table { border-collapse: collapse; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } strong, b { font-weight: bold; } a{ outline:0; } em, i { font-style: italic; } button, input, select, textarea { outline: none; } /** * Swiper 4.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;/* overflow: hidden; */z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white- space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-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)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} * { max-height: 100000px; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } :root { --main-color: #1962fb; --text-color: #252b2e; --muted-color: #7d7d7d; --secondary-color: #FD0000; } /* General styles */ html { width: 100%; height: 100%; } body, input, select, textarea, button, label, table, tbody, tfoot, thead, tr, th, td { font-family: "Graphik", sans-serif; font-size: 17px; font-weight: normal; line-height: normal; color: var(--text-color); } body { width: 100%; height: 100%; background: white; /* min-width: 1920px; */ } * html #container { height: 100%; } #wrapper { width: 100%; min-height: 100%; position: relative; overflow: hidden; } section { width: 100%; margin: 0 auto; position: relative; } section::after { content: ''; display: table; clear: both; } .center { width: calc(100% - 40px); max-width: 1020px; margin: 0 auto; position: relative; z-index: 2; } .center-max { width: calc(100% - 40px); max-width: 1540px; margin: 0 auto; position: relative; z-index: 2; } a { color: var(--text-color); } a:hover { text-decoration: none; } sup { font-size: 60%; line-height: 0; position: relative; } :focus { outline: none; } pre { white-space: normal; } .btn { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-decoration: none; text-align: center; font-size: 15px; font-weight: 500; border-radius: 3px; } .btn:hover { } .btn:active { } .nav-pills .nav-link { font-size: 15px; font-weight: 500; border-radius: 3px; } .title { max-width: 520px; font-size: 36px; font-weight: 700; line-height: 43px; margin-bottom: 20px; color: var(--text-color); } .title + p { margin-top: 30px; margin-bottom: 20px; } /* Loader Style */ .loader { text-align: center; padding: 40px; background: url('/static/img/loading.svg') no-repeat; background-position: center center; opacity: 0.2; -webkit-animation:spin 1s ease infinite; -moz-animation:spin 1s ease infinite; animation:spin 1s cubic-bezier(0.18, 0.89, 0.96, 0.53) infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /* Ddomain reg style */ #domains-reg-content, #domains-whois-optional { margin-bottom: 60px; } #domains-reg-content .domains-reg-exact, #domains-whois-optional .domains-reg-exact { margin-bottom: 20px; } #domains-reg-content .domains-reg-exact__row, #domains-whois-optional .domains-reg-exact__row { padding-bottom: 20px; display: flex; flex-wrap: nowrap; } #domains-reg-content .domains-reg-exact .domain-name, #domains-whois-optional .domains-reg-exact .domain-name { font-size: 3rem; display: flex; flex-direction: row; align-items: start; width: 70%; } #domains-reg-content .domains-reg-exact .domain-price, #domains-whois-optional .domains-reg-exact .domain-price { font-size: 2rem; display: flex; flex-direction: column; align-items: start; width: 30%; margin-top: 10px; } #domains-reg-content .domains-reg-exact .domain-status__not_free, #domains-whois-optional .domains-reg-exact .domain-status__not_free { color: #E94041; } /* Form Style */ .form { } .form-input { display: block; height: 60px; background-color: #f3f7ff; border: 1px solid #d9e5ff; border-radius: 3px; font-size: 19px; font-weight: 500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s; transition: all 0.4s; color: var(--main-color); } .form-input:disabled { background-color: var(--muted-color); border-color: var(--muted-color); color: #9c9c9c; } .form-input.error { background-color: #ff6d6d; color: #1e386d; } .form-label { position: relative; display: block; } .form-label__text { position: absolute; font-size: 19px; font-weight: 500; line-height: normal; color: #c8daff; left: 21px; top: 50%; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s; transition: all 0.4s; } .form-input:focus ~ .form-label__text, .form-input.filled ~ .form-label__text { color: #666c71; font-size: 14px; font-weight: 400; -webkit-transform: none; transform: none; top: 11px; left: 19px; } .form-input.filled:not(:focus) ~ .form-label__text { opacity: 0; } .form-input.filled { } .form-input:focus { background-color: #ffffff; padding: 17px 19px 0; color: #000; } .form-label__passwordmask { display: block; position: absolute; cursor: pointer; opacity: 0; width: 24px; height: 24px; top: 50%; right: 20px; margin-top: -12px; background: url('/static/img/unmask.svg') no-repeat 50%/contain; -webkit-transition: all 0.4s; transition: all 0.4s; } input[type=text].form-input ~ .form-label__passwordmask { background-image: url('/static/img/mask.svg'); } .form-input:focus ~ .form-label__passwordmask { opacity: 1; } .form-input::placeholder { color: #c8daff; } input + p.text-muted, textarea + p.text-muted { margin-top: 10px; margin-bottom: 20px; } .form-textarea { display: block; height: 150px; background-color: #f3f7ff; border: 1px solid #d9e5ff; border-radius: 3px; font-size: 19px; font-weight: 500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s; transition: all 0.4s; color: var(--main-color); } .form-textarea:disabled { background-color: var(--muted-color); border-color: var(--muted-color); color: #9c9c9c; } .form-textarea.error { background-color: #fd0000; /*color: #fd0000;*/ } .form-textarea ~ .form-label__text { position: absolute; font-size: 19px; font-weight: 500; line-height: normal; color: #c8daff; left: 21px; top: 25%; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s; transition: all 0.4s; } .form-textarea:focus ~ .form-label__text, .form-textarea.filled ~ .form-label__text { color: #666c71; font-size: 14px; font-weight: 400; -webkit-transform: none; transform: none; top: 11px; left: 19px; } .form-textarea.filled:not(:focus) ~ .form-label__text { opacity: 0; } .form-textarea.filled { padding: 19px 19px 0 47px; } .form-textarea:focus { background-color: #ffffff; padding: 30px 19px 0; color: #000; } .form-textarea::placeholder { color: #c8daff; } .form-check { margin-bottom: 10px; } .form-btn { width: 100%; } .form-btn:hover { background-color: #fd0000; } .form-row { display: flex; justify-content: space-between; } .form-row .form-label { width: calc(50% - 10px); } .form-choose { display: flex; flex-wrap: wrap; margin-bottom: -10px; } .form-choose__label { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 20px; border: 1px solid #eeeeee; background-color: #ffffff; padding: 0 13px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666c71; font-size: 19px; font-weight: 500; cursor: pointer; margin-right: 10px; margin-bottom: 10px; } .form-choose__label:hover { box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } .form-choose__label input[type=checkbox], .form-choose__label input[type=radio] { display: none; } .form-choose__label.checked { background-color: #f3f7ff; color: var(--main-color); border: 1px solid #d9e5ff; } .form-domains__more { width: 40px; height: 40px; border: 1px solid #eeeeee; background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAAXUlEQVQoU2OUSPntwPiPcT4DEPxn+p/4Yg7rARAbBkiVZ5RM+vWAgYFRHmIA44Pn81gUkQ0kVZ5RKun3h/8MDPwQQ/4/fD6PTQHZQFLlGSFe+r8A4mXGBOxeJl4eAM8wTB7VXoRsAAAAAElFTkSuQmCC') no-repeat 50%; border-radius: 50%; cursor: pointer; } .form-choose__label img { margin-right: 5px; } .form__switchlabel { display: flex; align-items: center; color: #666c71; font-size: 17px; font-weight: 400; white-space: nowrap; margin-left: 40px; } .form__switchlabel input[type=checkbox] { margin-left: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 38px; height: 8px; border-radius: 4px; background-color: #f5f5f5; position: relative; cursor: pointer; flex: 0 0 auto; } .form__switchlabel input[type=checkbox]::after { content: ''; display: block; width: 20px; height: 20px; background-color: #d7d7d7; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -10px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .form__switchlabel input[type=checkbox]:checked { background-color: #d1e0fe; } .form__switchlabel input[type=checkbox]:checked::after { left: 18px; background-color: var(--main-color); box-shadow: 2px 2px 7px rgba(25, 98, 251, 0.35), 1px 1px 3px rgba(25, 98, 251, 0.35); } .form__row { margin-top: 30px; display: flex; justify-content: space-between; align-items: center; } .form__row.extra-search { display: none; } /* Slider Navigation */ .slider-navigation { width: 100%; height: 0; position: absolute; top: 50%; left: 0; z-index: 10; } .slider-navigation__prev, .slider-navigation__next { width: 27px; height: 11px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmZmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; margin: -45px 0 0; } .slider-navigation__prev_blue, .slider-navigation__next_blue { width: 27px; height: 11px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; } .slider-navigation__prev:hover, .slider-navigation__next:hover, .slider-navigation__prev_blue:hover, .slider-navigation__next_blue:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZDAwMDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+"); } .slider-navigation__prev { left: 30px; } .slider-navigation__next { right: 30px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .slider__pagination { width: 100%; display: flex; justify-content: center; align-items: center; /* margin-top: 24px; */ position: relative; } .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 6px; background-color: var(--main-color); border-radius: 3px; opacity: 1; } .swiper-pagination-bullet-active { width: 28px; background-color: #ff5762; } /* Header Top */ .header-top { width: 100%; height: 70px; background-color: var(--text-color); z-index: 100; position: relative; } .header-top .center-max { display: flex; height: 100%; } .header-top__column { display: flex; height: 100%; align-items: center; } .header-top__item { font-size: 16px; font-weight: 500; color: rgb(129, 133, 135); text-decoration: none; display: flex; align-items: center; margin-right: 40px; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-top__item:hover { color: white; } .header-top__item::before { content: ''; display: inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-top__phone::before { width: 21px; height: 21px; margin-right: 11px; background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzgxODU4NztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtGC0LXQu9C10YTQvtC9PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNjcuNjcsMjU3LjQ3YTE4OS4yNywxODkuMjcsMCwwLDAsODcuNjQsODcuMjQsMTcuNzksMTcuNzksMCwwLDAsMTcuNTYtMS4zM2w1Ni4xOS0zNy40N2ExOCwxOCwwLDAsMSwxNy0xLjU2bDEwNS4xLDQ1QTE3Ljg5LDE3Ljg5LDAsMCwxLDQ2MiwzNjgsMTA3LjczLDEwNy43MywwLDAsMSwzNTUuMSw0NjIuMDljLTE2OC41NSwwLTMwNS4xOS0xMzYuNjQtMzA1LjE5LTMwNS4xOUExMDcuNzMsMTA3LjczLDAsMCwxLDE0NCw1MGExNy44OSwxNy44OSwwLDAsMSwxOC42MiwxMC43N0wyMDcuNjksMTY2YTE4LDE4LDAsMCwxLTEuNDgsMTYuOTFsLTM3LjMzLDU3QTE3Ljc4LDE3Ljc4LDAsMCwwLDE2Ny42NywyNTcuNDdaIi8+PC9zdmc+") no-repeat 0 0; } .header-top__phone:hover::before, .menu-mobile__contacts .header-top__phone::before{ background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtGC0LXQu9C10YTQvtC9IDI8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2Ny42NywyNTcuNDdhMTg5LjI3LDE4OS4yNywwLDAsMCw4Ny42NCw4Ny4yNCwxNy43OSwxNy43OSwwLDAsMCwxNy41Ni0xLjMzbDU2LjE5LTM3LjQ3YTE4LDE4LDAsMCwxLDE3LTEuNTZsMTA1LjEsNDVBMTcuODksMTcuODksMCwwLDEsNDYyLDM2OCwxMDcuNzMsMTA3LjczLDAsMCwxLDM1NS4xLDQ2Mi4wOWMtMTY4LjU1LDAtMzA1LjE5LTEzNi42NC0zMDUuMTktMzA1LjE5QTEwNy43MywxMDcuNzMsMCwwLDEsMTQ0LDUwYTE3Ljg5LDE3Ljg5LDAsMCwxLDE4LjYyLDEwLjc3TDIwNy42OSwxNjZhMTgsMTgsMCwwLDEtMS40OCwxNi45MWwtMzcuMzMsNTdBMTcuNzgsMTcuNzgsMCwwLDAsMTY3LjY3LDI1Ny40N1oiLz48L3N2Zz4=") no-repeat 0 0; } .header-top__whatsapp::before { width: 21px; height: 21px; margin-right: 11px; background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzgxODU4NztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6IzgxODU4Nzt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCy0LDRgtGB0LDQvzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzAuOCwzNjUuODhDMTAuMTIsMjYzLjYsNDMuODUsMTMxLjQ5LDE0Ni4xNCw3MC44MVMzODAuNTMsNDMuODcsNDQxLjIsMTQ2LjE1czI2Ljk1LDIzNC4zOS03NS4zNCwyOTUuMDdhMjE1LjMyLDIxNS4zMiwwLDAsMS0yMTkuNzIsMGgwTDcxLjczLDQ2Mi40OGExOCwxOCwwLDAsMS0yMi4xOS0yMi4ybDIxLjI2LTc0LjRaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMzEwLjIsMzgxLjU5QTE3OS41MiwxNzkuNTIsMCwwLDEsMTMwLjQyLDIwMi4zMnYtLjUxYTYyLjc4LDYyLjc4LDAsMCwxLDYyLjg0LTYyLjU3aDBBMTUuNDcsMTUuNDcsMCwwLDEsMjA2LjY5LDE0N2wyNi4yMyw0NS45MWExOCwxOCwwLDAsMS0uMTksMTguMTRMMjExLjY2LDI0Ni4yaDBhMTA4LjEsMTA4LjEsMCwwLDAsNTQuMTYsNTQuMTZoMGwzNS4xMS0yMS4wN2ExNy45MywxNy45MywwLDAsMSwxOC4xNC0uMTlMMzY1LDMwNS4zM2ExNS40OCwxNS40OCwwLDAsMSw3Ljc5LDEzLjQzaDBBNjMsNjMsMCwwLDEsMzEwLjIsMzgxLjU5WiIvPjwvc3ZnPg==") no-repeat 0 0; } .header-top__whatsapp:hover::before, .menu-mobile__contacts .header-top__whatsapp::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCy0LDRgtGB0LDQvyAyPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03MC44LDM2NS44OEMxMC4xMiwyNjMuNiw0My44NSwxMzEuNDksMTQ2LjE0LDcwLjgxUzM4MC41Myw0My44Nyw0NDEuMiwxNDYuMTVzMjYuOTUsMjM0LjM5LTc1LjM0LDI5NS4wN2EyMTUuMzIsMjE1LjMyLDAsMCwxLTIxOS43MiwwaDBMNzEuNzMsNDYyLjQ4YTE4LDE4LDAsMCwxLTIyLjE5LTIyLjJsMjEuMjYtNzQuNFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMTAuMiwzODEuNTlBMTc5LjUyLDE3OS41MiwwLDAsMSwxMzAuNDIsMjAyLjMydi0uNTFhNjIuNzgsNjIuNzgsMCwwLDEsNjIuODQtNjIuNTdoMEExNS40NywxNS40NywwLDAsMSwyMDYuNjksMTQ3bDI2LjIzLDQ1LjkxYTE4LDE4LDAsMCwxLS4xOSwxOC4xNEwyMTEuNjYsMjQ2LjJoMGExMDguMSwxMDguMSwwLDAsMCw1NC4xNiw1NC4xNmgwbDM1LjExLTIxLjA3YTE3LjkzLDE3LjkzLDAsMCwxLDE4LjE0LS4xOUwzNjUsMzA1LjMzYTE1LjQ4LDE1LjQ4LDAsMCwxLDcuNzksMTMuNDNoMEE2Myw2MywwLDAsMSwzMTAuMiwzODEuNTlaIi8+PC9zdmc+"); } .header-top__whatsapp::after { content: ''; display: block; width: calc(100% + 24px); height: 32px; background-color: #00c364; border-radius: 3px; position: absolute; top: -5px; left: -12px; z-index: -1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; } .header-top__whatsapp:hover::after { opacity: 1; } .header-top__telegram::before { width: 21px; height: 21px; background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzgxODU4NztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6IzgxODU4Nzt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnRlbGVncmFtPC90aXRsZT48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjI3LjAzIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTg1LjM5LDI4Mi41NmwtNTYuNzEtMTcuNjhjLTEyLjI2LTMuNzUtMTIuMzItMTIuMTksMi43NS0xOC4yNmwyMjEtODUuMzZjMTIuODItNS4yMiwyMC4wOSwxLjM5LDE1LjkzLDE3Ljk0TDMzMC43MSwzNTYuNzNjLTIuNjMsMTIuNjUtMTAuMjMsMTUuNjctMjAuNzksOS44M0wyNTIsMzIzLjdsLTI3LDI2LjA2Yy0yLjc3LDIuNjgtNSw1LTkuMjgsNS41NHMtNy43NS0uNjgtMTAuMzEtNy43MkwxODUuNjcsMjgyLjRsLS4yOC4xOFoiLz48L3N2Zz4=") no-repeat 0 0; margin-right: 11px; } .header-top__telegram:hover::before, .menu-mobile__contacts .header-top__telegram::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnRlbGVncmFtIDI8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMjU2IiBjeT0iMjYxLjc0IiByPSIyMjcuMDMiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xODUuMzksMjg4LjMxbC01Ni43MS0xNy42OWMtMTIuMjYtMy43NS0xMi4zMi0xMi4xOSwyLjc1LTE4LjI1TDM1Mi40LDE2N2MxMi44Mi01LjIyLDIwLjA5LDEuMzksMTUuOTMsMTcuOTRMMzMwLjcxLDM2Mi40OGMtMi42MywxMi42NC0xMC4yMywxNS42Ni0yMC43OSw5LjgzTDI1MiwzMjkuNDRsLTI3LDI2LjA3Yy0yLjc3LDIuNjctNSw1LTkuMjgsNS41M3MtNy43NS0uNjgtMTAuMzEtNy43MWwtMTkuNzUtNjUuMTgtLjI4LjE4WiIvPjwvc3ZnPg=="); } .header-top__telegram::after { content: ''; display: block; width: calc(100% + 24px); height: 32px; background-color: #32aadf; border-radius: 3px; position: absolute; top: -5px; left: -12px; z-index: -1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; } .header-top__telegram:hover::after { opacity: 1; } .header-top__fb::before { width: 21px; height: 21px; background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzgxODU4NztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtGE0LXQudGB0LHRg9C6PC90aXRsZT48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjE1LjQzIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzQ1Ljc2LDE2Ni4yNGgtMzUuOUE1My44NSw1My44NSwwLDAsMCwyNTYsMjIwLjFWNDcxLjQzIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTg0LjE5IiB5MT0iMjkxLjkxIiB4Mj0iMzI3LjgxIiB5Mj0iMjkxLjkxIi8+PC9zdmc+") no-repeat 0 0; } .header-top__fb:hover::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtGE0LXQudGB0LHRg9C6IDI8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMjU2IiBjeT0iMjU2IiByPSIyMTUuNDMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNDUuNzYsMTY2LjI0aC0zNS45QTUzLjg1LDUzLjg1LDAsMCwwLDI1NiwyMjAuMVY0NzEuNDMiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxODQuMTkiIHkxPSIyOTEuOTEiIHgyPSIzMjcuODEiIHkyPSIyOTEuOTEiLz48L3N2Zz4="); } .header-top__vk::before { width: 21px; height: 21px; background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzgxODU4NztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6IzgxODU4NztmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCy0Lo8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMjU2IiBjeT0iMjU2IiByPSIyMjIuMzEiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNDcuNiwzNTMuNWgxNy40NXM1LjI3LS41Nyw4LTMuNDhjMi40OC0yLjY2LDIuNC03LjY2LDIuNC03LjY2cy0uMzQtMjMuNDEsMTAuNTMtMjYuODZjMTAuNzEtMy40LDI0LjQ2LDIyLjYzLDM5LDMyLjYzLDExLDcuNTgsMTkuNDEsNS45MiwxOS40MSw1LjkybDM5LS41NXMyMC4zOS0xLjI1LDEwLjcyLTE3LjI5Yy0uNzktMS4zMS01LjYzLTExLjg2LTI5LTMzLjUzLTI0LjQ1LTIyLjY5LTIxLjE3LTE5LDguMjctNTguMjcsMTcuOTMtMjMuOSwyNS4xLTM4LjQ5LDIyLjg2LTQ0Ljc0LTIuMTMtNS45NS0xNS4zMi00LjM4LTE1LjMyLTQuMzhsLTQzLjg5LjI4YTEwLDEwLDAsMCwwLTUuNjcsMWMtMi4zNiwxLjQyLTMuODgsNC43Mi0zLjg4LDQuNzJhMjUzLjQ1LDI1My40NSwwLDAsMS0xNi4yMSwzNC4yMmMtMTkuNTQsMzMuMTktMjcuMzYsMzQuOTQtMzAuNTUsMzIuODgtNy40My00LjgtNS41OC0xOS4zLTUuNTgtMjkuNTksMC0zMi4xNiw0Ljg4LTQ1LjU3LTkuNS00OS00Ljc3LTEuMTUtOC4yOC0xLjkxLTIwLjQ4LTItMTUuNjYtLjE3LTI4LjkyLDAtMzYuNDMsMy43Mi01LDIuNDUtOC44NCw3LjktNi41LDguMjEsMi45MS4zOSw5LjQ4LDEuNzcsMTMsNi41MSw0LjUsNi4xMiw0LjM0LDE5Ljg3LDQuMzQsMTkuODdzMi41OCwzNy44Ni02LDQyLjU2Yy01LjkxLDMuMjMtMTQtMy4zNi0zMS40NS0zMy40N2EyNzkuNDIsMjc5LjQyLDAsMCwxLTE1LjY3LTMyLjQ3LDEzLDEzLDAsMCwwLTMuNjItNC44OUExOC4xMSwxOC4xMSwwLDAsMCwxNTYsMTk1bC00MS43MS4yN3MtNi4yNi4xNy04LjU2LDIuOWMtMiwyLjQyLS4xNiw3LjQzLS4xNiw3LjQzUzEzOC4yMywyODIsMTc1LjIsMzIwLjUyYzMzLjksMzUuMyw3Mi40LDMzLDcyLjQsMzNaIi8+PC9zdmc+") no-repeat 0 0/contain; } .header-top__vk:hover::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCy0LogMjwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjIyMi4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI0Ny42LDM1My41aDE3LjQ1czUuMjctLjU3LDgtMy40OGMyLjQ4LTIuNjYsMi40LTcuNjYsMi40LTcuNjZzLS4zNC0yMy40MSwxMC41My0yNi44NmMxMC43MS0zLjQsMjQuNDYsMjIuNjMsMzksMzIuNjMsMTEsNy41OCwxOS40MSw1LjkyLDE5LjQxLDUuOTJsMzktLjU1czIwLjM5LTEuMjUsMTAuNzItMTcuMjljLS43OS0xLjMxLTUuNjMtMTEuODYtMjktMzMuNTMtMjQuNDUtMjIuNjktMjEuMTctMTksOC4yNy01OC4yNywxNy45My0yMy45LDI1LjEtMzguNDksMjIuODYtNDQuNzQtMi4xMy01Ljk1LTE1LjMyLTQuMzgtMTUuMzItNC4zOGwtNDMuODkuMjhhMTAsMTAsMCwwLDAtNS42NywxYy0yLjM2LDEuNDItMy44OCw0LjcyLTMuODgsNC43MmEyNTMuNDUsMjUzLjQ1LDAsMCwxLTE2LjIxLDM0LjIyYy0xOS41NCwzMy4xOS0yNy4zNiwzNC45NC0zMC41NSwzMi44OC03LjQzLTQuOC01LjU4LTE5LjMtNS41OC0yOS41OSwwLTMyLjE2LDQuODgtNDUuNTctOS41LTQ5LTQuNzctMS4xNS04LjI4LTEuOTEtMjAuNDgtMi0xNS42Ni0uMTctMjguOTIsMC0zNi40MywzLjcyLTUsMi40NS04Ljg0LDcuOS02LjUsOC4yMSwyLjkxLjM5LDkuNDgsMS43NywxMyw2LjUxLDQuNSw2LjEyLDQuMzQsMTkuODcsNC4zNCwxOS44N3MyLjU4LDM3Ljg2LTYsNDIuNTZjLTUuOTEsMy4yMy0xNC0zLjM2LTMxLjQ1LTMzLjQ3YTI3OS40MiwyNzkuNDIsMCwwLDEtMTUuNjctMzIuNDcsMTMsMTMsMCwwLDAtMy42Mi00Ljg5QTE4LjExLDE4LjExLDAsMCwwLDE1NiwxOTVsLTQxLjcxLjI3cy02LjI2LjE3LTguNTYsMi45Yy0yLDIuNDItLjE2LDcuNDMtLjE2LDcuNDNTMTM4LjIzLDI4MiwxNzUuMiwzMjAuNTJjMzMuOSwzNS4zLDcyLjQsMzMsNzIuNCwzM1oiLz48L3N2Zz4="); } .header-top__ig::before { width: 21px; height: 21px; background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzgxODU4NztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6IzgxODU4Nzt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtC40L3RgdGCPC90aXRsZT48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjI1NiIgY3k9IjI1NiIgcj0iODkuNzYiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjQ5LjU1IiB5PSI0OS41NSIgd2lkdGg9IjQxMi45IiBoZWlnaHQ9IjQxMi45IiByeD0iMTA3LjcxIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIzNzIuNjkiIGN5PSIxMzkuMzEiIHI9IjI2LjkzIi8+PC9zdmc+") no-repeat 0 0; } .header-top__ig:hover::before { background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtC40L3RgdGCIDI8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMjU2IiBjeT0iMjU2IiByPSI4OS43NiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iNDkuNTUiIHk9IjQ5LjU1IiB3aWR0aD0iNDEyLjkiIGhlaWdodD0iNDEyLjkiIHJ4PSIxMDcuNzEiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMiIgY3g9IjM3Mi42OSIgY3k9IjEzOS4zMSIgcj0iMjYuOTMiLz48L3N2Zz4=") no-repeat 0 0; } .header-top__row { display: flex; justify-content: space-between; width: 100%; } .header-top__cart, .header-top__account, .header-top__wallet, .header-top__logout { color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-top__cart:hover, .header-top__account:hover, .header-top__wallet:hover, .header-top__logout:hover { color: var(--main-color); } .header-top__cart { margin-right: 0; } .header-top__account::before, .header-top__cart::before { content: ''; display: block; margin-right: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-top__account::before { width: 20px; height: 20px; background: url('data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjM1LjlweDt9LmNscy0xe3N0cm9rZS1taXRlcmxpbWl0OjcuNTt9LmNscy0ye3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnVzZXI8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMjU2IiBjeT0iMTkzLjE4IiByPSIxNDMuNjIiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zOC4zLDQ2Mi40NGM2OS40Ni0xMjAuMjMsMjIzLjI0LTE2MS4zOSwzNDMuNDctOTEuOTNhMjUxLjU3LDI1MS41NywwLDAsMSw5MS45Myw5MS45MyIvPjwvc3ZnPg==') no-repeat 0 0; } .header-mobile .header-top__account::before, .header-top__account:hover::before, .header-top_fixed .header-top__account:hover::before { width: 20px; height: 20px; background: url('data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDQuMzIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzE5NjJmYjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnVzZXIgMjwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIyNzIuMTYiIGN5PSIxOTMuMTgiIHI9IjE0My42MiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU0LjQ2LDQ2Mi40NGM2OS40Ni0xMjAuMjMsMjIzLjI0LTE2MS4zOSwzNDMuNDctOTEuOTNhMjUxLjU3LDI1MS41NywwLDAsMSw5MS45Myw5MS45MyIvPjwvc3ZnPg==') no-repeat 0 0; } .header-top__cart::before { width: 20px; height: 20px; background: url('data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtC60L7RgNC30LjQvdCwPC90aXRsZT48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE3Ny43OCIgY3k9IjQ0NC41IiByPSIzNS45Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0MTEuMTYiIGN5PSI0NDQuNSIgcj0iMzUuOSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTkzLjE1LDEyMS4zNkg0OTUuNzlMNDM2LjU1LDMyOC43YTM1LjksMzUuOSwwLDAsMS0zNC41MiwyNkgxODYuOTFhMzUuOSwzNS45LDAsMCwxLTM0LjUyLTI2TDcxLjIyLDQ0LjYyQTE3Ljk0LDE3Ljk0LDAsMCwwLDU0LDMxLjZIMTYuMjEiLz48L3N2Zz4=') no-repeat 0 0; } .header-mobile .header-top__cart::before, .header-top__cart:hover::before, .header-top_fixed .header-top__cart:hover::before { width: 20px; height: 20px; background: url('data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDQuMzIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzE5NjJmYjt9LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzE5NjJmYjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtC60L7RgNC30LjQvdCwIDI8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTkxLjcxIiBjeT0iNDQ0LjUiIHI9IjM1LjkiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjQyNS4wOSIgY3k9IjQ0NC41IiByPSIzNS45Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTA3LjA4LDEyMS4zNkg1MDkuNzJMNDUwLjQ4LDMyOC43YTM1LjksMzUuOSwwLDAsMS0zNC41MiwyNkgyMDAuODRhMzUuOSwzNS45LDAsMCwxLTM0LjUyLTI2TDg1LjE1LDQ0LjYyYTE3Ljk0LDE3Ljk0LDAsMCwwLTE3LjI2LTEzSDMwLjE0Ii8+PC9zdmc+') no-repeat 0 0; } .header-top__cart::after { content: attr(data-count); display: flex; align-items: center; justify-content: center; width: 14px; height: 15px; border-radius: 3px; background-color: #fd0000; color: #ffffff; font-size: 10px; font-weight: 400; position: absolute; top: -12px; left: 13px; } .header-top__notifications::before { content: ''; display: block; width: 19px; height: 18px; margin: -5px 8px 0 0; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTguNzEgMTguNzEiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE4LjcxIiBoZWlnaHQ9IjE4LjcxIi8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPm5vdGlmaWNhdGlvbjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE3Ljg2LDEzLjYxSC44NUEyLjU1LDIuNTUsMCwwLDAsMy40LDExLjA2VjYuOGE2LDYsMCwwLDEsMTEuOTEsMHY0LjI1QTIuNTUsMi41NSwwLDAsMCwxNy44NiwxMy42MVptLTcsMy40YTEuNywxLjcsMCwwLDEtMi45NCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+') no-repeat 0 0; } .header-top_fixed .header-top__notifications::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTguNzEgMTguNzEiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojMjUyYjJlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE4LjcxIiBoZWlnaHQ9IjE4LjcxIi8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPm5vdGlmaWNhdGlvbjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE3Ljg2LDEzLjYxSC44NUEyLjU1LDIuNTUsMCwwLDAsMy40LDExLjA2VjYuOGE2LDYsMCwwLDEsMTEuOTEsMHY0LjI1QTIuNTUsMi41NSwwLDAsMCwxNy44NiwxMy42MVptLTcsMy40YTEuNywxLjcsMCwwLDEtMi45NCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .header-mobile .header-top__notifications::before, .header-top__notifications:hover::before, .header-top_fixed .header-top__notifications:hover::before{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTguNzEgMTguNzEiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojMTk2MmZiO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE4LjcxIiBoZWlnaHQ9IjE4LjcxIi8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPm5vdGlmaWNhdGlvbjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE3Ljg2LDEzLjYxSC44NUEyLjU1LDIuNTUsMCwwLDAsMy40LDExLjA2VjYuOGE2LDYsMCwwLDEsMTEuOTEsMHY0LjI1QTIuNTUsMi41NSwwLDAsMCwxNy44NiwxMy42MVptLTcsMy40YTEuNywxLjcsMCwwLDEtMi45NCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .header-top__notifications::after { content: attr(data-count); display: flex; align-items: center; justify-content: center; width: 14px; height: 15px; border-radius: 3px; background-color: #fd0000; color: #ffffff; font-size: 10px; font-weight: 400; position: absolute; top: -12px; left: 13px; } .header-top__wallet::before { content: ''; display: block; width: 22px; height: 19px; margin: -1px 11px 0 0; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMTkgMTUuODciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNSI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjE5IiBoZWlnaHQ9IjE1Ljg3Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPndhbGxldDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxyZWN0IGNsYXNzPSJjbHMtMyIgeD0iMC44NSIgeT0iMC44NSIgd2lkdGg9IjE5LjQ5IiBoZWlnaHQ9IjE0LjE3IiByeD0iMS43NyIgcnk9IjEuNzciLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIwLjg1IiB5MT0iNi4xNiIgeDI9IjIwLjM0IiB5Mj0iNi4xNiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0; } .header-top_fixed .header-top__wallet::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMTkgMTUuODciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNSI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojMjUyYjJlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjE5IiBoZWlnaHQ9IjE1Ljg3Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPndhbGxldDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxyZWN0IGNsYXNzPSJjbHMtMyIgeD0iMC44NSIgeT0iMC44NSIgd2lkdGg9IjE5LjQ5IiBoZWlnaHQ9IjE0LjE3IiByeD0iMS43NyIgcnk9IjEuNzciLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIwLjg1IiB5MT0iNi4xNiIgeDI9IjIwLjM0IiB5Mj0iNi4xNiIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .header-mobile .header-top__wallet::before, .header-top__wallet:hover::before, .header-top_fixed .header-top__wallet:hover::before{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMTkgMTUuODciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNSI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojMTk2MmZiO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjE5IiBoZWlnaHQ9IjE1Ljg3Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPndhbGxldDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxyZWN0IGNsYXNzPSJjbHMtMyIgeD0iMC44NSIgeT0iMC44NSIgd2lkdGg9IjE5LjQ5IiBoZWlnaHQ9IjE0LjE3IiByeD0iMS43NyIgcnk9IjEuNzciLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIwLjg1IiB5MT0iNi4xNiIgeDI9IjIwLjM0IiB5Mj0iNi4xNiIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .header-top__logout::before { content: ''; display: block; width: 16px; height: 18px; margin: -4px 10px 0 0; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuODcgMTcuNDUiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1Ljg3IiBoZWlnaHQ9IjE3LjQ1Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmV4aXQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik02LjM2LDE2LjZIMi40M0ExLjU3LDEuNTcsMCwwLDEsLjg1LDE1VjIuNDJBMS41OCwxLjU4LDAsMCwxLDIuNDMuODVINi4zNiIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMTEuODcgMTEuODcgMTUuMDIgOC43MiAxMS44NyA1LjU4Ii8+PGxpbmUgY2xhc3M9ImNscy0zIiB4MT0iMTUuMDIiIHkxPSI4LjcyIiB4Mj0iNS41NyIgeTI9IjguNzIiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0; } .header-top_fixed .header-top__logout::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuODcgMTcuNDUiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojMjUyYjJlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1Ljg3IiBoZWlnaHQ9IjE3LjQ1Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmV4aXQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik02LjM2LDE2LjZIMi40M0ExLjU3LDEuNTcsMCwwLDEsLjg1LDE1VjIuNDJBMS41OCwxLjU4LDAsMCwxLDIuNDMuODVINi4zNiIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMTEuODcgMTEuODcgMTUuMDIgOC43MiAxMS44NyA1LjU4Ii8+PGxpbmUgY2xhc3M9ImNscy0zIiB4MT0iMTUuMDIiIHkxPSI4LjcyIiB4Mj0iNS41NyIgeTI9IjguNzIiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .header-top__logout:hover::before, .header-top_fixed .header-top__logout:hover::before{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuODcgMTcuNDUiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojMTk2MmZiO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1Ljg3IiBoZWlnaHQ9IjE3LjQ1Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmV4aXQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik02LjM2LDE2LjZIMi40M0ExLjU3LDEuNTcsMCwwLDEsLjg1LDE1VjIuNDJBMS41OCwxLjU4LDAsMCwxLDIuNDMuODVINi4zNiIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMTEuODcgMTEuODcgMTUuMDIgOC43MiAxMS44NyA1LjU4Ii8+PGxpbmUgY2xhc3M9ImNscy0zIiB4MT0iMTUuMDIiIHkxPSI4LjcyIiB4Mj0iNS41NyIgeTI9IjguNzIiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .header-top__wallet { margin-right: 39px; margin-left: 40px; } .header-top__logout { margin: 0 0 0 0; } .order-add { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: 0 0 3px 5px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IlNWR0RvYyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmF2b2NvZGU9Imh0dHBzOi8vYXZvY29kZS5jb20vIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjwvZGVmcz48ZGVzYz5HZW5lcmF0ZWQgd2l0aCBBdm9jb2RlLjwvZGVzYz48Zz48Zz48dGl0bGU+0K3Qu9C70LjQv9GBIDE8L3RpdGxlPjxwYXRoIGQ9Ik05Ljk5OTkyLC0wLjAwMDA4YzUuNTIyOTIsMCAxMC4wMDAwOCw0LjQ3NzIyIDEwLjAwMDA4LDEwLjAwMDAzYzAsNS41MjI4MSAtNC40NzcxNiwxMC4wMDAwMyAtMTAuMDAwMDgsMTAuMDAwMDNjLTUuNTIyOCwwIC05Ljk5OTk2LC00LjQ3NzIyIC05Ljk5OTk2LC0xMC4wMDAwM2MwLC01LjUyMjgxIDQuNDc3MTYsLTEwLjAwMDAzIDkuOTk5OTYsLTEwLjAwMDAzeiIgZmlsbD0iI2ZjNGI0YSIgZmlsbC1vcGFjaXR5PSIxIj48L3BhdGg+PC9nPjxnPjx0aXRsZT7Qn9GA0Y/QvNC+0YPQs9C+0LvRjNC90LjQuiwg0YHQutGA0YPQs9C7LiDRg9Cz0LvRiyAxMTwvdGl0bGU+PHBhdGggZD0iTTkuOTk5OTIsNC45OTk5M2MwLjU1MjI5LDAgMC45OTk5OCwwLjQ0NzY5IDAuOTk5OTgsMS4wMDAwMnY3Ljk5OTk4YzAsMC41NTIzMyAtMC40NDc2OSwxLjAwMDAyIC0wLjk5OTk4LDEuMDAwMDJjLTAuNTUyMjksMCAtMC45OTk5OCwtMC40NDc2OSAtMC45OTk5OCwtMS4wMDAwMnYtNy45OTk5OGMwLC0wLjU1MjMzIDAuNDQ3NjksLTEuMDAwMDIgMC45OTk5OCwtMS4wMDAwMnoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSI+PC9wYXRoPjwvZz48Zz48dGl0bGU+0J/RgNGP0LzQvtGD0LPQvtC70YzQvdC40LosINGB0LrRgNGD0LPQuy4g0YPQs9C70YsgMTEg0LrQvtC/0LjRjzwvdGl0bGU+PHBhdGggZD0iTTUuOTk5OTgsOC45OTk5Mmg3Ljk5OTk5YzAuNTUyMjksMCAwLjk5OTk4LDAuNDQ3NzkgMC45OTk5OCwxLjAwMDAyYzAsMC41NTIzMyAtMC40NDc2OSwxLjAwMDAyIC0wLjk5OTk4LDEuMDAwMDJoLTcuOTk5OTljLTAuNTUyMjksMCAtMC45OTk5OCwtMC40NDc2OSAtMC45OTk5OCwtMS4wMDAwMmMwLC0wLjU1MjIzIDAuNDQ3NjksLTEuMDAwMDIgMC45OTk5OCwtMS4wMDAwMnoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+') no-repeat 0 0; } .header-top__column_menu { display: none; } .header-top_fixed { position: fixed; top: 0; width: 100%; background: #fff; z-index: 1000; box-shadow: 5px 7px 33px 2px #f0f2f9; -webkit-animation: menuIn 0.4s; animation: menuIn 0.4s; } @-webkit-keyframes menuIn { from { -webkit-transform: translateY(-100%); } to { -webkit-transform: translateY(0); } } @keyframes menuIn { from { transform: translateY(-100%); } to { transform: translateY(0); } } .header-top_fixed .header-top__column_contacts { display: none; } .header-top_fixed .header-top__column_menu { display: flex; } .header-top_fixed ~ .header { margin-top: 70px; } .header-top_fixed .header-top__item { color: var(--text-color); } .header-top_fixed .header-top__item:hover { color: var(--main-color); } .header-top__menu-more { font-size: 19px; font-weight: 500; color: var(--main-color); text-decoration: none; margin-bottom: 4px; transition: all 0.4s; } .header-top_fixed .header-top__account::before { background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDQuMzIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzI1MmIyZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnVzZXIgMzwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIyNzIuMTYiIGN5PSIxOTMuMTgiIHI9IjE0My42MiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU0LjQ2LDQ2Mi40NGM2OS40Ni0xMjAuMjMsMjIzLjI0LTE2MS4zOSwzNDMuNDctOTEuOTNhMjUxLjU3LDI1MS41NywwLDAsMSw5MS45Myw5MS45MyIvPjwvc3ZnPg=='); } .header-top_fixed .header-top__cart::before { background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDQuMzIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzI1MmIyZTt9LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzI1MmIyZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjM1LjlweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtC60L7RgNC30LjQvdCwIDM8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTkxLjcxIiBjeT0iNDQ0LjUiIHI9IjM1LjkiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjQyNS4wOSIgY3k9IjQ0NC41IiByPSIzNS45Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTA3LjA4LDEyMS4zNkg1MDkuNzJMNDUwLjQ4LDMyOC43YTM1LjksMzUuOSwwLDAsMS0zNC41MiwyNkgyMDAuODRhMzUuOSwzNS45LDAsMCwxLTM0LjUyLTI2TDg1LjE1LDQ0LjYyYTE3Ljk0LDE3Ljk0LDAsMCwwLTE3LjI2LTEzSDMwLjE0Ii8+PC9zdmc+'); } /* Header */ .header { } .header .center { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1190px; } .logo { color: var(--text-color); font-size: 38px; font-weight: 700; text-transform: uppercase; text-decoration: none; } .header__row { height: 110px; display: flex; align-items: center; justify-content: space-between; } .header__logo { margin: 0px 0 14px -2px; } .under_logo { margin-bottom: 20px; font-size: 14px; margin-top: -31px; max-width: 200px; } .under_logo_mobile { margin-bottom: 20px; margin-top: -10px; font-size: 14px; max-width: 200px; } .under_logo a, .under_logo_mobile a { color: inherit; text-decoration: none; } /* Header Menu */ .header__menu { display: flex; font-size: 19px; font-weight: 500; margin: 0 52px 4px 0; } .header__menu ul { display: flex; margin-left: 2px; margin-right: 8px; margin-bottom: 0; align-items: center; } .header__menu li { margin-left: 35px; } .header__menu li a { text-decoration: none; color: var(--main-color); -webkit-transition: all 0.4s; transition: all 0.4s; } .header__menu li a:hover, .header__menu li.active a { color: #fd0000; } .more::after { display: inline-block; content: ''; width: 7px; height: 7px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDE5LjgzIDIwLjE5Ij48dGl0bGU+bWVudS1hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBwb2ludHM9IjE5LjgzIDAgOS45NCA4LjIyIDAgMC4xOSAxMCAyMC4xOSAxOS44MyAwIiBmaWxsPSIjMTk2MmZiIi8+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0/contain; vertical-align: middle; margin: 0 0 5px 4px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .more:hover::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDE5LjgzIDIwLjE5Ij48dGl0bGU+bWVudS1hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBwb2ludHM9IjE5LjgzIDAgOS45NCA4LjIyIDAgMC4xOSAxMCAyMC4xOSAxOS44MyAwIiBmaWxsPSIjZmQwMDAwIi8+PC9nPjwvZz48L3N2Zz4='); } .header__more { font-size: 19px; font-weight: 500; text-decoration: none; color: #1962fb; margin: 0 0 3px 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .header__more::after { margin-left: 0; } .header-top__menu-more:hover, .header__more:hover { color: #fd0000; } .header-mobile { display: none; } /* Full Menu */ .full-menu { background-color: #1e2325; position: fixed; width: 100%; top: 70px; padding: 68px 0 0; z-index: 99; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); margin-top: -70px; } .full-menu_open { -webkit-transform: none; transform: none; margin-top: 0; } .full-menu .center { display: flex; justify-content: space-between; flex-wrap: wrap; } .full-menu__column { width: 26%; margin-bottom: 20px; } .full-menu__column_mobile { display: none; } .full-menu__title { color: #ffffff; font-size: 18px; font-weight: 700; letter-spacing: 0.84px; text-transform: uppercase; margin-bottom: 22px; } .full-menu__title a { color: inherit; } .full-menu ul { margin-bottom: 82px; } .full-menu li { font-size: 18px; font-weight: 400; margin-bottom: 22px; } .full-menu li a, .full-menu li span { text-decoration: none; color: #ffffff; } .full-menu li a:hover { color: #5189ff; } .full-menu__close { position: absolute; right: 0; top: 0; width: 14px; height: 14px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAAXNSR0IB2cksfwAAABVQTFRFAAAA////////////////////////SM9tBAAAAAd0Uk5TAM7gJN//5MuUwzQAAABASURBVHicYxAyYGBgYFZkcE0G0mYhDGZhBgzMqclgDGIDCeNUkBxzahqICxQIBXHhNEwcqg6mD2YOzFwRsD2OAK7lEQER0cnPAAAAAElFTkSuQmCC') no-repeat 0 0; border: none; cursor: pointer; z-index: 5; } .full-menu__close:hover { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTQgMTQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2ZpbGw6IzUxODlmZjt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmNsb3NlPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNOC40OSw3bDUuMi01LjJBMS4wNSwxLjA1LDAsMSwwLDEyLjIuMzFMNyw1LjUxLDEuNzkuMzFBMS4wNSwxLjA1LDAsMSwwLC4zMSwxLjhMNS41MSw3bC01LjIsNS4yYTEuMDUsMS4wNSwwLDAsMCwxLjQ5LDEuNDlMNyw4LjQ5bDUuMiw1LjJhMS4wNSwxLjA1LDAsMSwwLDEuNDktMS40OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .full-menu .center-max { z-index: 5; } .menu-mobile__profile, .menu-mobile__contacts { display: none; } /* Main Slider */ .main-slider { } .main-slider__item { display: flex; height: 450px; background-position: center; background-repeat: no-repeat; } .main-slider__item .center { display: flex; align-items: center; justify-content: center; margin-bottom: 94px; } .main-slider-navigation__prev, .main-slider-navigation__next { margin: -45px 0 0; } .main-slider__title { text-align: center; color: white; font-size: 50px; font-weight: 500; line-height: 72px; text-decoration: none; } .main-slider__title[data-border="10"] { text-shadow: 1px 0 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.1), -1px 0 1px rgba(0,0,0,0.1), 0 -1px 1px rgba(0,0,0,0.1); } .main-slider__title[data-border="20"] { text-shadow: 1px 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.2), -1px 0 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.2); } .main-slider__title[data-border="30"] { text-shadow: 1px 0 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), -1px 0 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3); } .main-slider__title[data-border="40"] { text-shadow: 1px 0 1px rgba(0,0,0,0.4), 0 1px 1px rgba(0,0,0,0.4), -1px 0 1px rgba(0,0,0,0.4), 0 -1px 1px rgba(0,0,0,0.4); } .main-slider__title[data-border="50"] { text-shadow: 1px 0 1px rgba(0,0,0,0.5), 0 1px 1px rgba(0,0,0,0.5), -1px 0 1px rgba(0,0,0,0.5), 0 -1px 1px rgba(0,0,0,0.5); } .main-slider__title[data-border="60"] { text-shadow: 1px 0 1px rgba(0,0,0,0.6), 0 1px 1px rgba(0,0,0,0.6), -1px 0 1px rgba(0,0,0,0.6), 0 -1px 1px rgba(0,0,0,0.6); } .main-slider__title[data-border="70"] { text-shadow: 1px 0 1px rgba(0,0,0,0.7), 0 1px 1px rgba(0,0,0,0.7), -1px 0 1px rgba(0,0,0,0.7), 0 -1px 1px rgba(0,0,0,0.7); } .main-slider__title[data-border="80"] { text-shadow: 1px 0 1px rgba(0,0,0,0.8), 0 1px 1px rgba(0,0,0,0.8), -1px 0 1px rgba(0,0,0,0.8), 0 -1px 1px rgba(0,0,0,0.8); } .main-slider__title[data-border="90"] { text-shadow: 1px 0 1px rgba(0,0,0,0.9), 0 1px 1px rgba(0,0,0,0.9), -1px 0 1px rgba(0,0,0,0.9), 0 -1px 1px rgba(0,0,0,0.9); } .main-slider__title[data-border="100"] { text-shadow: 1px 0 1px rgba(0,0,0,1), 0 1px 1px rgba(0,0,0,1), -1px 0 1px rgba(0,0,0,1), 0 -1px 1px rgba(0,0,0,1); } /* Search Block */ .search-block { width: 100%; max-width: 1020px; background-color: white; box-shadow: 5px 7px 33px 2px #f0f2f9; border-radius: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 5; } .search-block__text { padding: 15px 0 0; color: #4e4e4e; } .search-block__form { padding: 30px; } .search-block__form-input { width: 100%; padding: 0 170px 3px 47px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTguNyAxOC43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNjOGRhZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjIuOTM7c3Ryb2tlLXdpZHRoOjEuN3B4O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxOC43IiBoZWlnaHQ9IjE4LjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+c2VhcmNoPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSI4LjA4IiBjeT0iOC4wOCIgcj0iNy4yMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMzUgOC4wOCkgcm90YXRlKC00NSkiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIxNy44NSIgeTE9IjE3Ljg1IiB4Mj0iMTMuMiIgeTI9IjEzLjIiLz48L2c+PC9nPjwvZz48L3N2Zz4="); background-repeat: no-repeat; background-position: 19px 49%; background-size: 19px auto; } .search-block__form .form-input:focus ~ .form-label__text, .search-block__form .form-input.filled ~ .form-label__text, .search-block__form .form-label__text { left: 47px; } .search-block__form .search-block__form-input:focus { padding-left: 47px; } .search-block__form-btn { height: 60px; padding: 0 30px 0 28px; border: none; background: none; border-left: 1px solid #d9e5ff; color: var(--main-color); text-align: center; font-size: 19px; font-weight: 500; position: absolute; top: 30px; right: 30px; } .main-slider__search-block { position: absolute; left: 50%; top: 100%; margin-top: -90px; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .link-advanced-search_mobile { display: none; } .search-page__search-block { margin-bottom: 50px; } /* Services Block */ .services-block { margin-top: 100px; } .services-block__title { } .services-block-slider { position: relative; } .services-items-slider { } .services-items-slider .swiper-container { padding: 90px; margin: -90px; } .services-slider__item { height: auto; margin: 19px 0 24px; padding: 36px 0 31px; background-color: #FAFAFB; border-radius: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .services-slider__item.hidden { opacity: 0; } .services-slider__item:hover { background-color: white; box-shadow: 5px 7px 33px 2px #f0f2f9; } .services-slider-item__image { width: 54px; height: 54px; margin: 0 auto 20px; } .services-slider-item__image img { display: block; max-width: 100%; max-height: 100%; } .services-slider-item__description { margin: 0 35px; text-align: center; } .services-slider-item__title { min-height: 72px; margin: 0 24px; font-size: 17px; font-weight: 500; line-height: 24px; color: var(--main-color); } .services-slider-item__text { min-height: 174px; line-height: 24px; } .services-slider-item__price { font-size: 17px; font-weight: 500; } .services-slider-item__btn { width: 120px; height: 50px; margin-top: 26px; border: 1px solid #eee; background: none; border-radius: 3px; font-size: 17px; font-weight: 500; display: inline-block; align-items: flex-start; padding: 15px 0; } .services-slider__item:hover .services-slider-item__btn { background-color: #f3f7ff; border: 1px solid #d9e5ff; } .services-items-slider-navigation__prev, .services-items-slider-navigation__next { margin-top: -11px; } /* Best Products Block */ .best-products-block { margin-top: 98px; } .best-products-block__title { } .best-products-block .old-price { margin-right: 29px; color: #767c7f; text-decoration: line-through; } .best-products-block .domain-sale-label { position: relative; top: -1px; margin-left: 19px; margin-right: -10px; } td.sortable { color: var(--main-color) !important; cursor: pointer; } td.sortable-down:after { display: inline-block; content: ''; width: 7px; height: 7px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDE5LjgzIDIwLjE5Ij48dGl0bGU+bWVudS1hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBwb2ludHM9IjE5LjgzIDAgOS45NCA4LjIyIDAgMC4xOSAxMCAyMC4xOSAxOS44MyAwIiBmaWxsPSIjMTk2MmZiIi8+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0/contain; vertical-align: middle; margin: 0 0 5px 4px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } td.sortable-up:after { display: inline-block; content: ''; width: 7px; height: 7px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMTk2MkZCO30KPC9zdHlsZT4KPHRpdGxlPm1lbnUtYXJyb3c8L3RpdGxlPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8ZyBpZD0iTGF5ZXJfMS0yIj4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjAsMjAuNyAxMCwxMi40IDIwLDIwLjUgOS45LDAuMyAJCSIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=') no-repeat 0 0/contain; vertical-align: middle; margin: 0 0 5px 4px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .products-table { width: 100%; margin-top: 19px; position: relative; z-index: 1; } .products-table thead { } .products-table thead td { padding: 17px 30px 15px 0; border-top: 1px solid #eee; /* border-bottom: 1px solid #eee; */ color: #666c71; font-size: 14px; line-height: 17px; vertical-align: middle; text-align: right; } .products-table thead td:first-of-type { text-align: left; } .products-table tbody { } .products-table tbody tr { position: relative; z-index: auto; } .products-table tbody tr.checking { cursor: default; } .products-table tbody td { height: 50px; padding: 19px 30px 20px 0; border-top: 1px solid #eee; vertical-align: middle; text-align: right; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .products-table__td-domain a { text-decoration: none; cursor: pointer; } .products-table__td-traffic { white-space: nowrap; } .products-table__td-price { white-space: nowrap; } .products-table tbody tr:last-of-type { border-bottom: 1px solid #eee; } .products-table tbody td:first-of-type { /* width: 100%; */ text-align: left; } .products-table tbody tr:hover td:first-of-type { color: var(--main-color); } .products-table tbody td:last-of-type { padding-right: 0; white-space: nowrap; } .products-table__td-name { display: none; } .products-table tbody td strong { font-weight: 500; } .products-table__td-traffic { min-width: 50px; } .products-table__btn { height: 50px; padding: 0 15px 1px; background-color: white; border: 1px solid #eee; border-radius: 3px; font-weight: 500; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .products-table__btn.added { font-weight: bold; } #domains-history-content .products-table tbody td { height: auto; } .prices-table { width: 100%; margin-top: 19px; position: relative; z-index: 1; } .prices-table thead { } .prices-table thead td { padding: 17px 30px 15px 0; border-top: 1px solid #eee; /* border-bottom: 1px solid #eee; */ color: #666c71; font-size: 14px; line-height: 17px; vertical-align: middle; text-align: right; } .prices-table thead td:first-of-type { text-align: left; } .prices-table tbody { } .prices-table tbody tr { position: relative; z-index: 1; } .prices-table tbody tr.checking { cursor: default; } .prices-table tbody td { height: 50px; padding: 19px 30px 20px 0; border-top: 1px solid #eee; vertical-align: middle; text-align: right; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .prices-table__td-domain a { text-decoration: none; cursor: pointer; } .prices-table__td-traffic { white-space: nowrap; } .prices-table__td-price { white-space: nowrap; } .prices-table tbody tr:last-of-type { border-bottom: 1px solid #eee; } .prices-table tbody td:first-of-type { /* width: 100%; */ text-align: left; } .prices-table tbody tr:hover td:first-of-type { color: var(--main-color); } .prices-table tbody td:last-of-type { padding-right: 0; white-space: nowrap; } .prices-table__td-name { display: none; } .prices-table tbody td strong { font-weight: 500; } .prices-table__td-traffic { min-width: 50px; } .prices-table__btn { height: 50px; padding: 0 15px 1px; background-color: white; border: 1px solid #eee; border-radius: 3px; font-weight: 500; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .patent-table { width: 100%; margin-top: 19px; position: relative; z-index: 1; } .patent-table thead { } .patent-table thead td { padding: 17px 30px 15px 0; border-top: 1px solid #eee; /* border-bottom: 1px solid #eee; */ color: #666c71; font-size: 14px; line-height: 17px; vertical-align: middle; text-align: right; } .patent-table thead td:first-of-type { text-align: left; } .patent-table tbody { } .patent-table tbody tr { position: relative; z-index: 1; cursor: pointer; } .patent-table tbody tr.checking { cursor: default; } .patent-table tbody td { height: 50px; padding: 19px 30px 20px 0; border-top: 1px solid #eee; vertical-align: middle; text-align: right; font-size: 14px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .patent-table__td-domain a { text-decoration: none; cursor: pointer; } .patent-table tbody td span { color: var(--muted-color); } .patent-table__td-price { white-space: nowrap; } .patent-table tbody tr:last-of-type { border-bottom: 1px solid #eee; } .patent-table tbody td:first-of-type { /* width: 100%; */ text-align: left; } .patent-table tbody tr:hover td:first-of-type { color: var(--main-color); } .patent-table tbody td:last-of-type { padding-right: 0; } .patent-table__td-name { display: none; } .patent-table tbody td strong { font-weight: 500; } .patent-table__td-traffic { min-width: 50px; } .patent-table__btn { height: 50px; padding: 0 15px 1px; background-color: white; border: 1px solid #eee; border-radius: 3px; font-weight: 500; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .checking .products-table__btn { display: none; } .domain-exact-title { font-size: 2rem; } .domain-exact-btn-link { display: block; width: 100%; height: 50px; margin-top: 15px; margin-bottom: 40px; background-color: white; border: 1px solid #eee; border-radius: 3px; font-weight: 500; line-height: 48px; } .domain-exact-btn-link:hover { box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } .domain-exact-btn-link.added { font-weight: bold; } .btn-favorite { display: inline-block; width: 20px; height: 19px; border: none; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxOSI+PHRpdGxlPmZhdm9yaXRlPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGQ9Ik03LjIzLDExLjM4LDMuOTEsOC41bDQuMzgtLjM3LDEuNzEtNCwxLjcxLDQsNC4zOC4zNy0zLjMyLDIuODgsMSw0LjI4TDEwLDEzLjM5LDYuMjQsMTUuNjZaTTEwLDAsNy4xOSw2LjYzLDAsNy4yNCw1LjQ1LDEyLDMuODIsMTksMTAsMTUuMjcsMTYuMTgsMTlsLTEuNjQtN0wyMCw3LjI0bC03LjE5LS42MVoiIGZpbGw9IiNlZWVlZWUiIC8+PC9nPjwvZz48L3N2Zz4=") no-repeat 0 0; vertical-align: middle; margin-bottom: 1px; margin-left: 16px; cursor: pointer; } .btn-favorite:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxOSI+PHRpdGxlPmZhdm9yaXRlPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGQ9Ik03LjIzLDExLjM4LDMuOTEsOC41bDQuMzgtLjM3LDEuNzEtNCwxLjcxLDQsNC4zOC4zNy0zLjMyLDIuODgsMSw0LjI4TDEwLDEzLjM5LDYuMjQsMTUuNjZaTTEwLDAsNy4xOSw2LjYzLDAsNy4yNCw1LjQ1LDEyLDMuODIsMTksMTAsMTUuMjcsMTYuMTgsMTlsLTEuNjQtN0wyMCw3LjI0bC03LjE5LS42MVoiIGZpbGw9IiM1MTg5ZmYiIC8+PC9nPjwvZz48L3N2Zz4="); } .btn-favorite-active { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxOSI+PHRpdGxlPmZhdm9yaXRlLWFjdGl2ZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBwb2ludHM9IjEwIDAgNy4xOSA2LjYyIDAgNy4yNCA1LjQ1IDExLjk3IDMuODIgMTkgMTAgMTUuMjcgMTYuMTggMTkgMTQuNTQgMTEuOTcgMjAgNy4yNCAxMi44MSA2LjYyIDEwIDAiIGZpbGw9IiM1MjkzZmYiIC8+PC9nPjwvZz48L3N2Zz4="); } .products-table tbody tr.checking td, .products-table tbody tr.checking td * { color: rgba(37, 43, 46, 0.3) !important; } .products-table tbody tr.checking td:first-of-type::after { content: 'На модерации'; display: inline-block; height: 30px; position: relative; top: -1px; margin-left: 18px; padding: 0 10px; background-color: #d1d2d2; border-radius: 6px; color: white; font-size: 17px; line-height: 30px; } @media (any-pointer: fine) { .products-table tbody tr:not(.checking):hover td:first-of-type::before { content: ''; display: block; width: calc(100% + 40px); height: 90px; margin: -36px 0 0 -20px; position: absolute; border-radius: 12px; background: #fff; z-index: -1; box-shadow: 5px 7px 33px 2px #f0f2f9; } #domains-history-content .products-table tbody tr:not(.checking):hover td:first-of-type::before { content: ''; display: none; } .products-table tbody tr:not(.checking):hover td, .products-table tbody tr:not(.checking):hover + tr td { border-top-color: transparent; border-bottom-color: transparent; } .products-table tbody tr:hover .products-table__btn { background-color: #f3f7ff; border: 1px solid #d9e5ff; color: var(--main-color); } } .products-btn-link { display: block; width: 100%; height: 50px; margin-top: 39px; background-color: white; border: 1px solid #eee; border-radius: 3px; font-weight: 500; line-height: 48px; } .products-btn-link:hover { box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } /* Popular Products Block */ .popular-products-block { margin-top: 98px; } .popular-products-block__title { } /* Advantages Block */ .advantages-block { margin-top: 99px; padding: 99px 0 0; background-color: #fcfcfc; } .advantages-items { display: flex; flex-wrap: wrap; margin: -4px 0 0; } .advantages-item { display: flex; flex-direction: column; align-items: center; width: 50%; margin-bottom: 112px; padding-top: 90px; border-top: 1px solid #eee; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .advantages-item::before { content: ''; display: block; width: 1px; height: calc(100% - 92px); background: #eee; position: absolute; top: 90px; left: 0; } .advantages-item:nth-of-type(2n-1)::before { display: none; } .advantages-item:nth-of-type(1), .advantages-item:nth-of-type(2) { border-top: none; } .advantages-item__image { display: flex; justify-content: center; align-items: center; height: 65px; margin-bottom: 37px; } .advantages-item__image img { display: block; max-height: 65px; width: 65px; } .advantages-item__content { display: flex; flex-direction: column; align-items: center; } .advantages-item__title { width: 80%; max-width: 350px; margin-bottom: 18px; color: #1b2126; font-size: 40px; font-weight: 500; line-height: 48px; } .advantages-item__description { max-width: 375px; color: #1b2126; font-size: 24px; font-weight: 500; line-height: 34px; } /* Benefits Block */ .benefits-block { margin-top: 40px; padding: 30px 0 0; /*background-color: #fcfcfc;*/ } .benefits-items { display: flex; flex-wrap: wrap; margin: -4px 0 0; } .benefits-item { display: flex; flex-direction: column; align-items: center; width: 50%; margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #eee; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .benefits-item::before { content: ''; display: block; width: 1px; height: calc(100% - 92px); background: #eee; position: absolute; top: 90px; left: 0; } .benefits-item:nth-of-type(2n-1)::before { display: none; } .benefits-item:nth-of-type(1), .benefits-item:nth-of-type(2) { border-top: none; } .benefits-item__image { display: flex; justify-content: center; align-items: center; height: 65px; margin-bottom: 10px; } .benefits-item__image img { display: block; max-height: 45px; width: 45px; } .benefits-item__content { display: flex; flex-direction: column; align-items: center; } .benefits-item__title { width: 80%; max-width: 350px; margin-bottom: 18px; color: #1b2126; font-size: 17px; font-weight: 500; line-height: 36px; } .benefits-item__description { max-width: 375px; color: #1b2126; font-size: 16px; font-weight: 300; line-height: 34px; } /* Clients Block */ .clients-block { padding: 36px 0 100px; background-color: #fcfcfc; } .clients-slider { margin: 69px -43px 0 -28px; position: relative; } .clients-slider-item { display: flex; height: 50px; align-items: center; justify-content: center; } .clients-slider-item img { display: block; max-height: 50px; } .clients-slider-navigation { top: 212px; } .clients-slider__pagination { margin-top: 64px; } /* News Block */ .news-block { /* margin-top: 100px; */ padding: 98px 0 200px; background-color: #f7f7f7; } .news-block__row { display: flex; margin-top: 29px; } .news-block__column:nth-of-type(1) { display: flex; flex-direction: column; flex: 0 0 auto; width: calc(62.8% - 10px); } .news-block__column:nth-of-type(2) { display: flex; flex-direction: column; /* justify-content: stretch; */ flex: 0 0 auto; width: calc(37.2% - 10px); margin-left: 20px; } .news-item { width: 100%; height: 100%; background-color: white; border-radius: 12px; } .news-item:hover { box-shadow: 5px 7px 33px 2px #f0f2f9; } .news-item:hover .news-item__title { color: #fd0000; } .news-item__image { } .news-item__image img { display: block; width: 100%; } .news-item__description { margin: 28px 29px 27px; } .news-item__params { margin-bottom: 18px; color: #bcbec0; font-size: 14px; line-height: 17px; } .news-item__params span { display: inline-block; } .news-item__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; } .news-item__params span:last-of-type::after { display: none; } .news-item__title { margin-bottom: 19px; font-size: 24px; font-weight: 500; line-height: 32px; text-decoration: none; display: inline-block; } .news-item__introtext { font-size: 17px; line-height: 24px; color: rgb(103, 103, 103); } .news-item__introtext a { color: var(--main-color); text-decoration: none; } .news-item__introtext a:hover { text-decoration: underline; } .news-items-small { padding: 14px 0 13px; background-color: white; border-radius: 12px; } .news-item-small { /* border-bottom: 1px solid #eee; */ } .news-item-small__description { margin: 13px 28px 0; padding-bottom: 15px; border-bottom: 1px solid #eee; } .news-item-small:last-of-type .news-item-small__description { border-bottom: none; } .news-item-small__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .news-item-small__introtext { margin-bottom: 13px; font-size: 17px; line-height: 21px; display: inline-block; text-decoration: none; } .news-item-small__params { /* margin-bottom: 18px; */ color: #bcbec0; font-size: 14px; line-height: 17px; } .news-item-small__params span { display: inline-block; } .news-item-small__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; } .news-item-small__params span:last-of-type::after { display: none; } .news-sender { flex: 1; margin-top: 20px; background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; } .news-sender__description { margin: 27px 29px 30px; } .news-sender__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .news-sender__introtext { line-height: 21px; } .news-sender__form { margin: 21px 1px 0 0; position: relative; } .news-sender__form-input { width: 100%; padding: 0 90px 3px 18px; } .news-sender__form-btn { width: 80px; height: 60px; border: none; background: none; border-left: 1px solid #d9e5ff; position: absolute; top: 0; right: 0; } .news-sender__form-btn::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 0 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .news-item-tools { display: flex; justify-content: space-between; color: #bcbec0; font-size: 17px; font-weight: 400; padding: 15px 30px 13px 30px; } .news-item-tools__favorite { display: flex; align-items: center; cursor: pointer; } .news-item-tools__favorite:hover { color: #fd0000; } .news-item-tools__favorite::before { content: ''; display: block; width: 16px; height: 20px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNlZWVlZWU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0/contain; } .news-item-tools__favorite:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNmZDAwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .news-item-tools__favorite_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojZmM0YjRhO3N0cm9rZTojZmM0YjRhO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1LjciIGhlaWdodD0iMTkuNyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5mbGFnPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQuODUsMTguODVsLTctNS03LDV2LTE2YTIsMiwwLDAsMSwyLTJoMTBhMiwyLDAsMCwxLDIsMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .news-item-tools-likes { display: flex; } .news-item-tools-likes__like, .news-item-tools-likes__dislike { display: flex; align-items: center; margin-left: 29px; cursor: pointer; } .news-item-tools-likes__like:hover, .news-item-tools-likes__dislike:hover { color: #fd0000; } .news-item-tools-likes__like::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+') no-repeat 0 0/contain; } .news-item-tools-likes__like:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .news-item-tools-likes__like_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+"); } .news-item-tools-likes__dislike::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 8px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0/contain; } .news-item-tools-likes__dislike:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .news-item-tools-likes__dislike_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .news-btn-link { display: block; width: 100%; height: 50px; margin-top: 50px; margin-bottom: -101px; border: 1px solid #eee; border-radius: 3px; font-weight: 500; line-height: 48px; } .news-btn-link:hover { background: #fff; box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } /* Services Block */ .services-block { /* margin-top: 100px; */ padding: 98px 0 200px; background-color: #f7f7f7; } .services-block__row { display: flex; margin-top: 29px; } .services-block__column:nth-of-type(1) { display: flex; flex-direction: column; flex: 0 0 auto; width: calc(62.8% - 10px); } .services-block__column:nth-of-type(2) { display: flex; flex-direction: column; /* justify-content: stretch; */ flex: 0 0 auto; width: calc(37.2% - 10px); margin-left: 20px; } .services-item { width: 100%; height: 100%; background-color: white; border-radius: 12px; display: flex; flex-wrap: wrap; flex-direction: row; box-sizing: border-box; } .services-item:hover { box-shadow: 5px 7px 33px 2px #f0f2f9; } .services-item:hover .services-item__title { color: #fd0000; } .services-item__image { padding: 28px 29px 27px; width: 30%; display: flex; box-sizing: border-box; } .services-item__image img { display: block; max-width: 100%; max-height: 100%; width: 200px; box-sizing: border-box; margin: 0 auto; align-self: center; } .services-item__description { padding: 28px 29px 27px; width: 70%; display: flex; flex-direction: column; box-sizing: border-box; } .services-item__params { margin-bottom: 18px; color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .services-item__params span { display: inline-block; box-sizing: border-box; } .services-item__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; box-sizing: border-box; } .services-item__params span:last-of-type::after { display: none; } .services-item__title { margin-bottom: 19px; font-size: 24px; font-weight: 500; line-height: 32px; display: inline-block; box-sizing: border-box; } .services-item__title a { text-decoration: none; } .services-item__introtext { font-size: 17px; box-sizing: border-box; } .services-item__introtext a { color: var(--main-color); text-decoration: none; box-sizing: border-box; } .services-item__introtext a:hover { text-decoration: underline; box-sizing: border-box; } .services-items-small { padding: 14px 0 13px; background-color: white; border-radius: 12px; box-sizing: border-box; } .services-item-small { /* border-bottom: 1px solid #eee; */ } .services-item-small__description { margin: 13px 28px 0; padding-bottom: 15px; border-bottom: 1px solid #eee; box-sizing: border-box; } .services-item-small:last-of-type .services-item-small__description { border-bottom: none; } .services-item-small__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; box-sizing: border-box; } .services-item-small__introtext { margin-bottom: 13px; font-size: 17px; line-height: 21px; display: inline-block; text-decoration: none; box-sizing: border-box; } .services-item-small__params { /* margin-bottom: 18px; */ color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .services-item-small__params span { display: inline-block; box-sizing: border-box; } .services-item-small__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; } .services-item-small__params span:last-of-type::after { display: none; } .services-sender { flex: 1; margin-top: 20px; background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; } .services-sender__description { margin: 27px 29px 30px; } .services-sender__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .services-sender__introtext { line-height: 21px; } .services-sender__form { margin: 21px 1px 0 0; position: relative; } .services-sender__form-input { width: 100%; padding: 0 90px 3px 18px; } .services-sender__form-btn { width: 80px; height: 60px; border: none; background: none; border-left: 1px solid #d9e5ff; position: absolute; top: 0; right: 0; } .services-sender__form-btn::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 0 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .services-item-tools { display: flex; justify-content: space-between; color: #bcbec0; font-size: 17px; font-weight: 400; padding: 15px 30px 13px 30px; } .services-item-tools__favorite { display: flex; align-items: center; cursor: pointer; } .services-item-tools__favorite:hover { color: #fd0000; } .services-item-tools__favorite::before { content: ''; display: block; width: 16px; height: 20px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNlZWVlZWU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0/contain; } .services-item-tools__favorite:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNmZDAwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .services-item-tools__favorite_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojZmM0YjRhO3N0cm9rZTojZmM0YjRhO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1LjciIGhlaWdodD0iMTkuNyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5mbGFnPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQuODUsMTguODVsLTctNS03LDV2LTE2YTIsMiwwLDAsMSwyLTJoMTBhMiwyLDAsMCwxLDIsMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .services-item-tools-likes { display: flex; } .services-item-tools-likes__like, .services-item-tools-likes__dislike { display: flex; align-items: center; margin-left: 29px; cursor: pointer; } .services-item-tools-likes__like:hover, .services-item-tools-likes__dislike:hover { color: #fd0000; } .services-item-tools-likes__like::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+') no-repeat 0 0/contain; } .services-item-tools-likes__like:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .services-item-tools-likes__like_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+"); } .services-item-tools-likes__dislike::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 8px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0/contain; } .services-item-tools-likes__dislike:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .services-item-tools-likes__dislike_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .services-btn-link { display: block; width: 100%; height: 50px; margin-top: 0px; border: 1px solid #eee; border-right: none; border-left: none; border-radius: 3px; font-weight: 500; line-height: 48px; } .services-btn-link:hover { background: #fff; box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } /* testimonials Block */ .testimonials-block { /* margin-top: 100px; */ padding: 98px 0 200px; background-color: #f7f7f7; } .testimonials-block__row { display: flex; margin-top: 29px; } .testimonials-block__column:nth-of-type(1) { display: flex; flex-direction: column; flex: 0 0 auto; width: calc(62.8% - 10px); } .testimonials-block__column:nth-of-type(2) { display: flex; flex-direction: column; /* justify-content: stretch; */ flex: 0 0 auto; width: calc(37.2% - 10px); margin-left: 20px; } .testimonials-item { width: 100%; height: 100%; background-color: white; border-radius: 12px; display: flex; flex-wrap: wrap; flex-direction: row; box-sizing: border-box; } .testimonials-item:hover { box-shadow: 5px 7px 33px 2px #f0f2f9; } .testimonials-item:hover .testimonials-item__title { color: #fd0000; } .testimonials-item__image { padding: 28px 29px 27px; width: 30%; display: flex; box-sizing: border-box; align-self: center; } .testimonials-item__image img { display: block; max-width: 100%; max-height: 100%; width: 200px; box-sizing: border-box; margin: 0 auto; align-self: center; } .testimonials-item__description { padding: 28px 29px 27px; width: 100%; display: flex; flex-direction: column; box-sizing: border-box; } .testimonials-item__image + .testimonials-item__description { width: 70%; } .testimonials-item__params { margin-bottom: 18px; color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .testimonials-item__params span { display: inline-block; box-sizing: border-box; } .testimonials-item__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; box-sizing: border-box; } .testimonials-item__params span:last-of-type::after { display: none; } .testimonials-item__title { margin-bottom: 19px; font-size: 24px; font-weight: 500; line-height: 32px; display: inline-block; box-sizing: border-box; } .testimonials-item__title a { text-decoration: none; } .testimonials-item__date { margin-bottom: 10px; font-size: 14px; font-weight: 300; line-height: 32px; display: inline-block; box-sizing: border-box; } .testimonials-item__introtext { font-size: 17px; box-sizing: border-box; } .testimonials-item__introtext a { color: var(--main-color); text-decoration: none; box-sizing: border-box; } .testimonials-item__introtext a:hover { text-decoration: underline; box-sizing: border-box; } .testimonials-items-small { padding: 14px 0 13px; background-color: white; border-radius: 12px; box-sizing: border-box; } .testimonials-item-small { /* border-bottom: 1px solid #eee; */ } .testimonials-item-small__description { margin: 13px 28px 0; padding-bottom: 15px; border-bottom: 1px solid #eee; box-sizing: border-box; } .testimonials-item-small:last-of-type .testimonials-item-small__description { border-bottom: none; } .testimonials-item-small__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; box-sizing: border-box; } .testimonials-item-small__introtext { margin-bottom: 13px; font-size: 17px; line-height: 21px; display: inline-block; text-decoration: none; box-sizing: border-box; } .testimonials-item-small__params { /* margin-bottom: 18px; */ color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .testimonials-item-small__params span { display: inline-block; box-sizing: border-box; } .testimonials-item-small__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; } .testimonials-item-small__params span:last-of-type::after { display: none; } .testimonials-sender { flex: 1; margin-top: 20px; background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; } .testimonials-sender__description { margin: 27px 29px 30px; } .testimonials-sender__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .testimonials-sender__introtext { line-height: 21px; } .testimonials-sender__form { margin: 21px 1px 0 0; position: relative; } .testimonials-sender__form-input { width: 100%; padding: 0 90px 3px 18px; } .testimonials-sender__form-btn { width: 80px; height: 60px; border: none; background: none; border-left: 1px solid #d9e5ff; position: absolute; top: 0; right: 0; } .testimonials-sender__form-btn::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 0 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .testimonials-item-tools { display: flex; justify-content: space-between; color: #bcbec0; font-size: 17px; font-weight: 400; padding: 15px 30px 13px 30px; } .testimonials-item-tools__favorite { display: flex; align-items: center; cursor: pointer; } .testimonials-item-tools__favorite:hover { color: #fd0000; } .testimonials-item-tools__favorite::before { content: ''; display: block; width: 16px; height: 20px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNlZWVlZWU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0/contain; } .testimonials-item-tools__favorite:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNmZDAwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .testimonials-item-tools__favorite_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojZmM0YjRhO3N0cm9rZTojZmM0YjRhO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1LjciIGhlaWdodD0iMTkuNyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5mbGFnPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQuODUsMTguODVsLTctNS03LDV2LTE2YTIsMiwwLDAsMSwyLTJoMTBhMiwyLDAsMCwxLDIsMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .testimonials-item-tools-likes { display: flex; } .testimonials-item-tools-likes__like, .testimonials-item-tools-likes__dislike { display: flex; align-items: center; margin-left: 29px; cursor: pointer; } .testimonials-item-tools-likes__like:hover, .testimonials-item-tools-likes__dislike:hover { color: #fd0000; } .testimonials-item-tools-likes__like::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+') no-repeat 0 0/contain; } .testimonials-item-tools-likes__like:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .testimonials-item-tools-likes__like_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+"); } .testimonials-item-tools-likes__dislike::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 8px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0/contain; } .testimonials-item-tools-likes__dislike:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .testimonials-item-tools-likes__dislike_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .testimonials-btn-link { display: block; width: 100%; height: 50px; margin-top: 0px; border: 1px solid #eee; border-right: none; border-left: none; border-radius: 3px; font-weight: 500; line-height: 48px; } .testimonials-btn-link:hover { background: #fff; box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } /* helps Block */ .helps-block { /* margin-top: 100px; */ padding: 98px 0 200px; background-color: #f7f7f7; } .helps-block__row { display: flex; margin-top: 29px; } .helps-block__column:nth-of-type(1) { display: flex; flex-direction: column; flex: 0 0 auto; width: calc(62.8% - 10px); } .helps-block__column:nth-of-type(2) { display: flex; flex-direction: column; /* justify-content: stretch; */ flex: 0 0 auto; width: calc(37.2% - 10px); margin-left: 20px; } .helps-block .helps-block__title a { text-decoration: none; } .helps-block .helps-block__title a::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 10px 6px 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; vertical-align: middle; } .helps-item { width: 100%; height: 100%; background-color: white; border-radius: 12px; display: flex; flex-wrap: wrap; flex-direction: row; box-sizing: border-box; margin-bottom: 20px; } .helps-item:hover { box-shadow: 5px 7px 33px 2px #f0f2f9; } .helps-item:hover .helps-item__title { color: #fd0000; } .helps-item__image { padding: 28px 29px 27px; width: 30%; display: flex; box-sizing: border-box; align-self: center; } .helps-item__image img { display: block; max-width: 100%; max-height: 100%; width: 200px; box-sizing: border-box; margin: 0 auto; align-self: center; } .helps-item__description { padding: 28px 29px 27px; width: 100%; display: flex; flex-direction: column; box-sizing: border-box; justify-content: center; } .helps-item__description p { margin-top: 10px; margin-bottom: 10px; line-height: 35px; } .helps-item__description p img { max-width: 100%; } .helps-item__title img { width: 60px; vertical-align: middle; } .helps-item__title { display: flex; align-items:center; } .helps-item__page .helps-item__title { font-size: 18px; } .helps-item__category .helps-item__title { font-size: 26px; } .helps-item__image + .helps-item__description { width: 70%; } .helps-item__params { margin-bottom: 18px; color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .helps-item__params span { display: inline-block; box-sizing: border-box; } .helps-item__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; box-sizing: border-box; } .helps-item__params span:last-of-type::after { display: none; } .helps-item__title { margin-bottom: 19px; font-size: 24px; font-weight: 500; line-height: 32px; display: inline-block; box-sizing: border-box; } .helps-item__title a { text-decoration: none; } .helps-item__introtext { font-size: 17px; box-sizing: border-box; } .helps-item__introtext a { color: var(--main-color); text-decoration: none; box-sizing: border-box; } .helps-item__introtext a:hover { text-decoration: underline; box-sizing: border-box; } .helps-items-small { padding: 14px 0 13px; background-color: white; border-radius: 12px; box-sizing: border-box; } .helps-item-small { /* border-bottom: 1px solid #eee; */ } .helps-item-small__description { margin: 13px 28px 0; padding-bottom: 15px; border-bottom: 1px solid #eee; box-sizing: border-box; } .helps-item-small:last-of-type .helps-item-small__description { border-bottom: none; } .helps-item-small__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; box-sizing: border-box; } .helps-item-small__introtext { margin-bottom: 13px; font-size: 17px; line-height: 21px; display: inline-block; text-decoration: none; box-sizing: border-box; } .helps-item-small__params { /* margin-bottom: 18px; */ color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .helps-item-small__params span { display: inline-block; box-sizing: border-box; } .helps-item-small__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; } .helps-item-small__params span:last-of-type::after { display: none; } .helps-sender { flex: 1; margin-top: 20px; background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; } .helps-sender__description { margin: 27px 29px 30px; } .helps-sender__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .helps-sender__introtext { line-height: 21px; } .helps-sender__form { margin: 21px 1px 0 0; position: relative; } .helps-sender__form-input { width: 100%; padding: 0 90px 3px 18px; } .helps-sender__form-btn { width: 80px; height: 60px; border: none; background: none; border-left: 1px solid #d9e5ff; position: absolute; top: 0; right: 0; } .helps-sender__form-btn::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 0 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .helps-item-tools { display: flex; justify-content: space-between; color: #bcbec0; font-size: 17px; font-weight: 400; padding: 15px 30px 13px 30px; } .helps-item-tools__favorite { display: flex; align-items: center; cursor: pointer; } .helps-item-tools__favorite:hover { color: #fd0000; } .helps-item-tools__favorite::before { content: ''; display: block; width: 16px; height: 20px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNlZWVlZWU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0/contain; } .helps-item-tools__favorite:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNmZDAwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .helps-item-tools__favorite_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojZmM0YjRhO3N0cm9rZTojZmM0YjRhO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1LjciIGhlaWdodD0iMTkuNyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5mbGFnPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQuODUsMTguODVsLTctNS03LDV2LTE2YTIsMiwwLDAsMSwyLTJoMTBhMiwyLDAsMCwxLDIsMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .helps-item-tools-likes { display: flex; } .helps-item-tools-likes__like, .helps-item-tools-likes__dislike { display: flex; align-items: center; margin-left: 29px; cursor: pointer; } .helps-item-tools-likes__like:hover, .helps-item-tools-likes__dislike:hover { color: #fd0000; } .helps-item-tools-likes__like::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+') no-repeat 0 0/contain; } .helps-item-tools-likes__like:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .helps-item-tools-likes__like_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+"); } .helps-item-tools-likes__dislike::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 8px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0/contain; } .helps-item-tools-likes__dislike:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .helps-item-tools-likes__dislike_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .helps-btn-link { display: block; width: 100%; height: 50px; margin-top: 0px; border: 1px solid #eee; border-right: none; border-left: none; border-radius: 3px; font-weight: 500; line-height: 48px; } .helps-btn-link:hover { background: #fff; box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } /* hostings Block */ .hostings-block { /* margin-top: 100px; */ padding: 98px 0 200px; background-color: #f7f7f7; } .hostings-block__row { display: flex; margin-top: 29px; } .hostings-block__column:nth-of-type(1) { display: flex; flex-direction: column; flex: 0 0 auto; width: calc(62.8% - 10px); } .hostings-block__column:nth-of-type(2) { display: flex; flex-direction: column; /* justify-content: stretch; */ flex: 0 0 auto; width: calc(37.2% - 10px); margin-left: 20px; } .hostings-block .hostings-block__title a { text-decoration: none; } .hostings-block .hostings-block__title a::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 10px 6px 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; vertical-align: middle; } .hostings-item { width: 100%; height: 100%; background-color: white; border-radius: 12px; display: flex; flex-wrap: wrap; flex-direction: row; box-sizing: border-box; margin-bottom: 20px; } .hostings-item:hover { box-shadow: 5px 7px 33px 2px #f0f2f9; } .hostings-item:hover .hostings-item__title { color: #fd0000; } .hostings-item__image { padding: 28px 29px 27px; width: 30%; display: flex; box-sizing: border-box; align-self: center; } .hostings-item__image img { display: block; max-width: 100%; max-height: 100%; width: 200px; box-sizing: border-box; margin: 0 auto; align-self: center; } .hostings-item__description { padding: 28px 29px 27px; width: 100%; display: flex; flex-direction: column; box-sizing: border-box; justify-content: center; } .hostings-item__description p { margin-top: 10px; margin-bottom: 10px; line-height: 35px; } .hostings-item__description p img { max-width: 100%; } .hostings-item__title img { width: 60px; vertical-align: middle; } .hostings-item__title { display: flex; align-items:center; } .hostings-item .hostings-item__price__duration { display: flex; flex-direction: row; padding: 15px 0; } .hostings-item .hostings-item__price { margin-bottom: 20px; margin-top: 0; flex-grow: 1; } .hostings-item .hostings-item__price span { font-size: 120%; } .hostings-item .hostings-item__duration { margin-bottom: 20px; margin-top: 0; } .hostings-item .hostings-item__duration span { font-size: 120%; } .hostings-item__page .hostings-item__title { font-size: 18px; } .hostings-item__category .hostings-item__title { font-size: 26px; } .hostings-item__image + .hostings-item__description { width: 70%; } .hostings-item__params { margin-bottom: 18px; color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .hostings-item__params span { display: inline-block; box-sizing: border-box; } .hostings-item__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; box-sizing: border-box; } .hostings-item__params span:last-of-type::after { display: none; } .hostings-item__title { margin-bottom: 19px; font-size: 24px; font-weight: 500; line-height: 32px; display: inline-block; box-sizing: border-box; } .hostings-item__title a { text-decoration: none; } .hostings-item__introtext { font-size: 17px; box-sizing: border-box; } .hostings-item__introtext a { color: var(--main-color); text-decoration: none; box-sizing: border-box; } .hostings-item__introtext a:hover { text-decoration: underline; box-sizing: border-box; } .hostings-items-small { padding: 14px 0 13px; background-color: white; border-radius: 12px; box-sizing: border-box; } .hostings-item-small { /* border-bottom: 1px solid #eee; */ } .hostings-item-small__description { margin: 13px 28px 0; padding-bottom: 15px; border-bottom: 1px solid #eee; box-sizing: border-box; } .hostings-item-small:last-of-type .hostings-item-small__description { border-bottom: none; } .hostings-item-small__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; box-sizing: border-box; } .hostings-item-small__introtext { margin-bottom: 13px; font-size: 17px; line-height: 21px; display: inline-block; text-decoration: none; box-sizing: border-box; } .hostings-item-small__params { /* margin-bottom: 18px; */ color: #bcbec0; font-size: 14px; line-height: 17px; box-sizing: border-box; } .hostings-item-small__params span { display: inline-block; box-sizing: border-box; } .hostings-item-small__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; } .hostings-item-small__params span:last-of-type::after { display: none; } .hostings-text { background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; margin-bottom: 20px; } .hostings-text__description { margin: 27px 29px 30px; } .hostings-text__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .hostings-text__introtext { line-height: 25px; } .hostings-text__introtext p { margin-bottom: 15px; } .hostings-text__form { margin: 21px 1px 0 0; position: relative; } .hostings-text__form-input { width: 100%; padding: 0 90px 3px 18px; } .hostings-text__form-btn { width: 80px; height: 60px; border: none; background: none; border-left: 1px solid #d9e5ff; position: absolute; top: 0; right: 0; } .hostings-text__form-btn::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 0 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .hostings-item-tools { display: flex; justify-content: space-between; color: #bcbec0; font-size: 17px; font-weight: 400; padding: 15px 30px 13px 30px; } .hostings-item-tools__favorite { display: flex; align-items: center; cursor: pointer; } .hostings-item-tools__favorite:hover { color: #fd0000; } .hostings-item-tools__favorite::before { content: ''; display: block; width: 16px; height: 20px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNlZWVlZWU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0/contain; } .hostings-item-tools__favorite:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNmZDAwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIxOS43Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmZsYWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC44NSwxOC44NWwtNy01LTcsNXYtMTZhMiwyLDAsMCwxLDItMmgxMGEyLDIsMCwwLDEsMiwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .hostings-item-tools__favorite_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUuNyAxOS43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojZmM0YjRhO3N0cm9rZTojZmM0YjRhO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1LjciIGhlaWdodD0iMTkuNyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5mbGFnPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQuODUsMTguODVsLTctNS03LDV2LTE2YTIsMiwwLDAsMSwyLTJoMTBhMiwyLDAsMCwxLDIsMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .hostings-item-tools-likes { display: flex; } .hostings-item-tools-likes__like, .hostings-item-tools-likes__dislike { display: flex; align-items: center; margin-left: 29px; cursor: pointer; } .hostings-item-tools-likes__like:hover, .hostings-item-tools-likes__dislike:hover { color: #fd0000; } .hostings-item-tools-likes__like::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 9px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+') no-repeat 0 0/contain; } .hostings-item-tools-likes__like:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+'); } .hostings-item-tools-likes__like_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+bGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyLjg1LDcuODV2LTRhMywzLDAsMCwwLTMtM2wtNCw5djExSDE3LjEzYTIsMiwwLDAsMCwyLTEuN2wxLjM4LTlhMiwyLDAsMCwwLTEuNjgtMi4yOGwtLjMyLDBabS03LDEzaC0zYTIsMiwwLDAsMS0yLTJ2LTdhMiwyLDAsMCwxLDItMmgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvZz48L2c+PC9zdmc+"); } .hostings-item-tools-likes__dislike::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 8px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZWVlO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0/contain; } .hostings-item-tools-likes__dislike:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojZmQwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .hostings-item-tools-likes__dislike_active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuMzggMjEuNyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze3N0cm9rZTojNTE5M2ZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIxLjM4IiBoZWlnaHQ9IjIxLjciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZGlzbGlrZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTguNTMsMTMuODV2NGEzLDMsMCwwLDAsMywzbDQtOVYuODVINC4yNWEyLDIsMCwwLDAtMiwxLjdsLTEuMzgsOWEyLDIsMCwwLDAsMS42OCwyLjI4bC4zMiwwWm03LTEzSDE4LjJhMi4zMSwyLjMxLDAsMCwxLDIuMzMsMnY3YTIuMzEsMi4zMSwwLDAsMS0yLjMzLDJIMTUuNTMiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .hostings-btn-link { cursor: pointer; display: block; width: 100%; height: 50px; margin-top: 0px; border: 1px solid #eee; border-right: none; border-left: none; border-radius: 3px; font-weight: 500; line-height: 48px; } .hostings-btn-link:hover { background: #fff; box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } /* Offer Block */ .offer-block { padding: 98px 0 101px; } .offer-block_inner { padding: 82px 0 101px; background: #FCFCFC; } .content h2, .content h1 { color: #1b2126; font-size: 40px; font-weight: 500; text-align: center; margin-bottom: 27px; margin-top: 20px; } .content p { color: #666c71; font-size: 20px; line-height: 32px; margin: 0 auto 0; text-align: center; } .content p a { color: var(--main-color); text-decoration: none; } .center-left .content p { text-align: left } .center-left .content ul, .center-left .content li { text-align: left } /* Footer */ .footer-top { padding: 59px 0 5px; background-color: #f5f5f5; } .footer-menu { display: flex; justify-content: space-between; } .footer-menu__title { color: #1b2126; font-size: 14px; font-weight: 700; letter-spacing: 0.84px; text-transform: uppercase; margin-bottom: 14px; } .footer-menu ul { margin-bottom: 54px; } .footer-menu li { font-size: 14px; font-weight: 400; line-height: 18px; margin-bottom: 12px; } .footer-menu li a { text-decoration: none; } .footer-menu li a:hover { color: #5189ff; } .footer-bottom { background-color: #e7e7e7; } .footer-bottom__row { display: flex; justify-content: space-between; align-items: center; color: #8c9193; font-size: 11px; font-weight: 400; height: 60px; } .footer-bottom__row a { color: #8c9193; text-decoration: none; display: inline-block; margin-left: 20px; } .footer-bottom__row a:hover { text-decoration: underline; } /* Auction Page */ .domain-list-block__search-block { margin-bottom: 88px; } .domain-list-block__search-block .search-block__form-btn { padding: 0 51px; } .link-advanced-search { flex: 0 0 auto; margin-left: 20px; margin-bottom: 1px; color: var(--main-color); text-decoration: none; } .link-advanced-search:hover { text-decoration: underline; } .link-advanced-search::after { content: ''; display: inline-block; width: 20px; height: 14px; margin: 0 0 -2px 10px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMTQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2ZpbGw6IzE5NjJmYjt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iMTQiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+YWR2YW5jZWQtc2VhcmNoPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTEsNEgxQTEsMSwwLDAsMSwxLDJIMTFhMSwxLDAsMCwxLDAsMiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE5LDRIMTdhMSwxLDAsMCwxLDAtMmgyYTEsMSwwLDAsMSwwLDIiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNCwwYTMsMywwLDEsMCwzLDMsMywzLDAsMCwwLTMtM20wLDRhMSwxLDAsMSwxLDEtMSwxLDEsMCwwLDEtMSwxIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTksMTJIOWExLDEsMCwwLDEsMC0ySDE5YTEsMSwwLDAsMSwwLDIiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zLDEySDFhMSwxLDAsMCwxLDAtMkgzYTEsMSwwLDAsMSwwLDIiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik02LDhhMywzLDAsMSwwLDMsM0EzLDMsMCwwLDAsNiw4bTAsNGExLDEsMCwxLDEsMS0xLDEsMSwwLDAsMS0xLDEiLz48L2c+PC9nPjwvZz48L3N2Zz4=") no-repeat 0 0/contain; } .domain-list-block .products-btn-link { margin-top: 29px; } /* Auction Themes */ .domain-list-themes { float: right; margin: 16px 0 0; color: var(--main-color); font-size: 19px; font-weight: 500; cursor: pointer; position: relative; } .domain-list-themes::after { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 0 4px 4px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAnklEQVQYV2OUTPqVIfSZdd7V1Yy/GKBAJvQ/5x/ePzmMUsl/Ahj+/S9nZmQJfjyP8Zl0yn+Zf//+bGBkZGxhZGD4zyiZ/Occw38GSSC7gYGBsYGBkeH587ksRkBJBgapxD/+/xn/b4AZC9QV+GwuywawJAhIJv0+AaTMgbougHQBTfiPkEz+7QE0ejtMF0gDXBKi+8/05/OYs0C6QHwAb8w3uxpTNBwAAAAASUVORK5CYII=') no-repeat 0 0; } .domain-list-themes__list { display: none; width: 430px; background-color: white; padding: 33px 20px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; color: var(--main-color); font-size: 19px; font-weight: 500; line-height: 22px; box-shadow: 5px 7px 33px 2px #f0f2f9; position: absolute; top: -34px; right: -30px; z-index: 100; max-height: 500px; overflow-y: auto; } .domain-list-themes__list li { margin-bottom: 18px; } .domain-list-themes__list a { color: var(--main-color); text-decoration: none; } .domain-list-themes__list a:hover { text-decoration: underline; } .domain-list-themes__list a.active { color: #242B2E; text-decoration: underline; } .domain-list-block + .advantages-block { padding: 12px 0 19px; z-index: 1; } /* Page Navigation */ .page-navigation-block { display: flex; justify-content: space-between; margin-top: 56px; } .page-navigation li { display: inline-block; margin-right: 32px; font-weight: 500; } .page-navigation li:last-of-type { margin-left: 39px; } .page-navigation li a { color: var(--main-color); text-decoration: none; } .page-navigation li a:hover { text-decoration: underline; } .page-navigation li.active a { color: var(--text-color); } .label-btn-show { margin: -2px 0 0; color: var(--main-color); font-size: 19px; font-weight: 500; cursor: pointer; } .select { display: inline-block; } .select.open { position: relative; z-index: 2; } .select span { display: inline-flex; align-items: center; cursor: pointer; position: relative; text-indent: 0; } .select span::after { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 0 5px 4px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAnklEQVQYV2OUTPqVIfSZdd7V1Yy/GKBAJvQ/5x/ePzmMUsl/Ahj+/S9nZmQJfjyP8Zl0yn+Zf//+bGBkZGxhZGD4zyiZ/Occw38GSSC7gYGBsYGBkeH587ksRkBJBgapxD/+/xn/b4AZC9QV+GwuywawJAhIJv0+AaTMgbougHQBTfiPkEz+7QE0ejtMF0gDXBKi+8/05/OYs0C6QHwAb8w3uxpTNBwAAAAASUVORK5CYII=') no-repeat 0 0; vertical-align: middle; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .select.open span::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .select.open span { border-radius: 5px 5px 0 0; } .select i { font-style: normal; white-space: nowrap; display: block; max-width: 100%; overflow: hidden; } .select ul { position: absolute; min-width: 100%; margin-top: -2px; padding: 20px; margin-left: -20px; display: none; border-radius: 0 0 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 20; max-height: 166px; background-color: white; box-shadow: 5px 7px 33px 2px #f0f2f9; border-radius: 12px; } .select-payment ul { width: 100%; } .select.open ul { display: block; } .select ul li { align-items: center; margin: 7px 0 0; cursor: pointer; text-indent: 0; } .select ul li:hover { text-decoration: underline; } /* Domain Block */ .domain-block { padding-top: 15px; } .domain-block__title { max-width: 100%; text-align: center; } .domain-block__title .btn-favorite { margin: 0 -39px 0 18px; } .domain-block__subtitle { /* display: block; */ /* width: 87px; */ /* height: 30px; */ margin: 12px auto 0; /* background-color: #662483; */ /* border-radius: 6px; */ /* color: white; */ text-align: center; /* font-size: 17px; */ /* line-height: 31px; */ } .domain-block__subtitle_shop { width: 106px; background-color: #2eb220; } .domain-block__row { display: flex; justify-content: space-between; margin-top: 32px; } .domain-block__column { max-width: 500px; } .domain-block__column:last-of-type { flex: 0 0 auto; width: 370px; } .domain-block__section { margin: 0px 0 90px; } .domain-block__section:nth-of-type(2) { margin-bottom: 92px; } .domain-block__section:nth-of-type(3) { margin-bottom: 89px; } .domain-block__section-title { color: #1b2126; font-size: 24px; font-weight: 500; line-height: 34px; } /* Clock */ .clock { width: 100%; margin-top: 24px; display: flex; align-items: center; } .clock .group { display: flex; flex-wrap: wrap; width: 100px; } .clock .number { display: flex; align-items: center; justify-content: center; width: 45px; height: 80px; margin: 0 5px 0 0; background: white; border: 1px solid #eee; border-radius: 5px; color: #abb2b5; font-family: 'SF Pro Display', sans-serif; font-size: 48px; font-weight: 700; background-size: contain; flex: 0 0 auto; padding-bottom: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .clock .number:last-of-type { margin-right: 0; } .clock .number::before { content: ''; display: block; width: 100%; height: 1px; background-color: #eee; position: absolute; top: 50%; left: 0; z-index: 1; } .clock .number::after { content: ''; display: block; width: 39px; height: 80px; background-color: white; border: 1px solid #eee; border-radius: 5px; position: absolute; bottom: -4px; left: 2px; z-index: -1; } .clock .number span { position: relative; z-index: 2; } .clock .group > span { width: 100%; opacity: 0.5; color: #666c71; font-size: 14px; line-height: 17px; text-indent: -4px; text-align: center; margin-top: 15px; } .clock .separator { margin: -21px 17px 0 11px; } .clock .separator::before, .clock .separator::after { content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #abb2b5; margin-bottom: 10px; } .domain-block__section-description { margin-top: 19px; line-height: 24px; } .domain-block__section-params { width: 100%; margin-top: 33px; border-top: 1px solid #eee; } .domain-block__section-params td { padding: 35px 0 37px; border-bottom: 1px solid #eee; } .domain-block__section-params td:last-of-type { width: 111px; padding-left: 20px; } .domain-block__section-params td strong { font-weight: 500; } .domain-block__section-links { margin-top: 29px; } .domain-block__section-links a { display: inline-block; height: 48px; margin-right: 5px; padding: 0 49px; background-color: white; border: 1px solid #eee; border-radius: 3px; text-decoration: none; line-height: 48px; font-weight: 500; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .domain-block__section-links a:hover { background-color: #f3f7ff; border: 1px solid #d9e5ff; color: var(--main-color); } .domain-block__section-seller { display: flex; margin-top: 19px; } .domain-block__section-seller-logo { flex: 0 0 auto; margin: 5px 9px 0 0; } .domain-block__section-seller-logo img { display: block; width: 40px; height: 40px; border-radius: 50%; } .domain-block__section-seller-description p { line-height: 24px; } .domain-block__section-seller-description p a { color: var(--main-color); font-weight: 500; text-decoration: none; } .domain-block__section-seller-description p a:hover { text-decoration: underline; } .domain-block__section-seller-description img { height: 10px; margin: 0 0 0 3px; } .domain-block__section-categories { margin: 24px 0 0; } .domain-block__section-categories li { display: inline-block; margin-right: 6px; margin-bottom: 6px; } .domain-block__section-categories li a { display: block; text-decoration: none; height: 38px; padding: 0 12px; background-color: white; border: 1px solid #eee; border-radius: 20px; color: #666c71; font-size: 19px; font-weight: 500; line-height: 36px; } .domain-block__section-categories li a:hover { box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); } /* Domain Price Block */ .domain-price-block { width: 100%; margin: 8px 0 0; padding: 26px 29px 28px; background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .domain-price-block__high-price, .domain-price-block__new-price { margin-bottom: 23px; font-weight: 500; line-height: 21px; } .domain-price-block__high-price { max-width: 240px; } .domain-price-block__high-price strong { color: var(--main-color); } .domain-price-block__high-price .high-price, .domain-price-block__new-price .new-price { display: block; margin-top: 7px; font-size: 36px; font-weight: 700; line-height: 40px; position: relative; } .domain-sale-label { display: inline-block; width: 60px; height: 30px; background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAMAAABHRo19AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAARVBMVEX/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/OUb/////vsL/OUb/7/D/Slb/eoP/7u//SVWgPGmsAAAAD3RSTlMA88duBs8b0Adt+NH0y28KC8zPAAAAAWJLR0QPGLoA2QAAAAd0SU1FB+MFHxAhI65AzNQAAACSSURBVDjLpZVbEoMwDANFeKQtjzRt6f2PimES4NeS/ndmx4llpJp3dqQJbQegsp+vB7b0wwX/nGzO8QFGuuQJUnpPACtteYGWtoCWrjAlXWBS+oBZ6QNmpXeYljaYlzaYl1bh9S/A0sC0p0q8uPo9tcVIq7KSUhmQ4k2BKfGgVG8rlP54lr5fPN7OjU98mhc7dBuRsnV605NjMQAAAABJRU5ErkJggg==") no-repeat 0 0; font-size: 17px; font-weight: 400; line-height: 32px; text-indent: 2px; text-align: center; color: white; } .products-table__td-price .domain-sale-label { display: none; } .domain-price-block__new-price .new-price .domain-sale-label { margin: 0 0 0 2px; position: relative; top: -7px; } .domain-price-block__optimal-price, .domain-price-block__old-price { font-weight: 400; } .domain-price-block__optimal-price .optimal-price, .domain-price-block__old-price .old-price { display: block; font-size: 18px; font-weight: 500; line-height: 24px; } .domain-price-block__old-price .old-price { margin-bottom: -7px; text-decoration: line-through; } .info { display: inline-block; width: 20px; height: 20px; background: #95b8ff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNi40MyAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI2LjQzIiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPmk8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNNC45MywwYTEuNSwxLjUsMCwxLDAsMS41LDEuNUExLjUsMS41LDAsMCwwLDQuOTMsME00LjU3LDQuNzdDMy4zOCw0Ljg3LjEzLDcuNDYuMTMsNy40NmMtLjIuMTUtLjE0LjE0LDAsLjQycy4xNC4yOS4zMy4xNmwxLjA4LS42OEMzLjY4LDYsMS45LDkuMTQsMSwxNC40My42MywxNywzLDE1LjcsMy42LDE1LjNTNS44MSwxMy44LDYsMTMuNjlzLjA2LS4yNy0uMTEtLjUyLS4yNCwwLS4yNCwwYy0uNjUuNDMtMS44NCwxLjMzLTIsLjc2czEtNC40OCwxLjctNy4xN2MuMTEtLjY0LjQxLTItLjc1LTEuOTQiIGZpbGw9IiNmZmYiIC8+PC9nPjwvZz48L2c+PC9zdmc+") no-repeat 50%/6px auto; border-radius: 50%; margin: -5px 0 -5px 2px; } /* Send Bet */ .send-bet { position: relative; margin: 21px 0 0; } .send-bet__form-input { width: 100%; padding: 0 90px 3px 18px; } .send-bet__form-btn { width: 80px; height: 60px; border: none; background: none; border-left: 1px solid #d9e5ff; position: absolute; top: 0; right: 0; } .send-bet__form-btn::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 0 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* Blitz Price */ .domain-blitz-price-block { margin: 40px -29px 0; padding: 48px 30px 0; background: url("/static/img/teeth.png") repeat-x 0 0; } .domain-blitz-price-block_title { margin-bottom: 4px; font-weight: 500; } .domain-blitz-price-block_p { line-height: 20px; } .blitz-price { display: block; margin-bottom: 4px; font-size: 24px; font-weight: 700; line-height: 28px; } .domain-blitz-price-block__btn, .domain-price-block__btn { width: 100%; height: 60px; margin-top: 29px; padding-bottom: 3px; background-color: var(--main-color); border: none; border-radius: 3px; text-align: center; color: white; font-size: 19px; font-weight: 500; } .domain-blitz-price-block__btn:hover, .domain-price-block__btn:hover { background: #fd0000; } .domain-blitz-price-block__btn::after, .domain-price-block__btn::after { content: ''; display: inline-block; width: 19px; height: 16px; margin-left: 9px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAABX0lEQVQ4T6WUTSuEURSA30sphbBkY/K19LHBH2BnsqaEUjYWFvMfJAtlQclX/ACsZraKQfnIBiEbC5vJgo2F13PqTN253pmj3Ho677nvuc89tzvvuDiOn6MoSoE/+p1zV8GcmTpkG1R1aGUjsQe2kE2bq4MC5+eI68hfoQZaERaY2+a59y/iEpksYPEKYR4yyJbIr7Vb05ck62LVPbxAO8Jvy1Lc8JdMu8sShyGN7PC/slEEB5BDNhLK6ESa6IRBZYJYX66zKl4+QRt0wxsMKEMam71NYp7vEmV61AxxEQrQBH6tzJ1BXjnnBO+VZC0Uys9Exg2cKiJ5YLF0UzLKyrS7PeI4fEAtVIcCL3+0ZH0U78NXBUnx1a0lk/dym58c6zhJyM3KhchnmLVkyxQtqGQO4ZovRDRFvqlzq5bshELZWcYusslAtk4+q3OXlixN4Y5ewBiyi0AmfwBH0AAzPxbvhMNYxUp1AAAAAElFTkSuQmCC') no-repeat 0 0; } .domain-price-block-buy__btn { width: 100%; height: 40px; margin-top: 29px; padding-bottom: 3px; background-color: #fd0000; border: none; border-radius: 3px; text-align: center; color: white; font-size: 19px; font-weight: 500; } .domain-price-block-buy__btn:hover { background: #fd0000; } .domain-price-block-buy__btn::after { content: ''; display: inline-block; width: 19px; height: 19px; margin-left: 9px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAE82lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEwLTE3VDIzOjM0OjQ4KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMC0xN1QyMzozNToyMCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMC0xN1QyMzozNToyMCswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgxYjYzYTUtMTg0Ny00ZTQxLTgwZjctZDAyNmQwODJiN2QzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE4MWI2M2E1LTE4NDctNGU0MS04MGY3LWQwMjZkMDgyYjdkMyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE4MWI2M2E1LTE4NDctNGU0MS04MGY3LWQwMjZkMDgyYjdkMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTgxYjYzYTUtMTg0Ny00ZTQxLTgwZjctZDAyNmQwODJiN2QzIiBzdEV2dDp3aGVuPSIyMDE5LTEwLTE3VDIzOjM0OjQ4KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DySSlgAAByxJREFUaIG1mXtwVdUVxn+5eVwSkpAQCTA0Dyg3ieAwCRBtC1Vk0qJ1FKfWERlHpxUnDb6mY0sfTkeZtnSmLbWWgq3iEKdWLEXRMbTWJKgdEGtaCo0ymhAhAUxI7GDeIY/79Y97cnLOuefce0Nuvv3HvWfvtdf6ztpr7732PgkiBmRSTBHFFFFIGjPJIo0UuuljgD46aaKJZppojUWZHQkRCaSyigpWczXJMWnr5G3qeIMzk2Ag95Kg67VXQ7o8/EdVyvTQ7ChuHkijkkqKHbVDNNPMaboYYIAeYAapZJNKPkUEyHXI97OXJzg5WQ8k6F6dt73Nx9qtjSpQQpR3ydJ12qrDGrb0HdVuzYncz/64QLWW7mf1mBbF5khLSdcdqlfQ1NKpW2MlUK5PzG5v6mYlCqEcPaWj+rseVKbQHK3V7bpPX5M/Io2AtmvA0BXUY7EQWK7PjA7NusUiUqIWo75bpyz+2R3VF3l6wZTeFo1Ajs4ZonuV4RBK1I9sUXFRJ/Ws5grN13Kt0JII3tioXqPXXZEJVBtiT7gIrTSV9OlhzRG6UlV6Ue2WYDuszR40yo3enynHm0ChRiRJB1xjfYdpaEB7VKMLcsdxj7l/k9G+1ZvAdyRJIyp0VVCmLg+T51SjE5bnb3gMRI0k6aQ3gecNBZs8FOTol2YohlT9QXcpTyhHvzFr23SFa+955sqS5kXgdUNgUGs8KCCUqzJ9SQXyq1g/1x7t01GNmuZ7VOLaK1OHTZkCLwJvmCIjuj8ChVDZoEuuA9KrHcpzyC7S+xYJl2Ut9PNXm6KXtDAigav0JzXomN7TQW3XBs3Veh0y+v7eIpesR8y1JYTPeRGolh2D+pVHQHqXfFVomXzGk1/36EOH1hEleRGodHHoqF7RrZo5SRoIlWmbOl00juhxpbsTyDXXbScGdVAP6QuaEYPhxbpTu9TmoSmE87rJ3ms8H/gF34u4a4/QSAuttHGeHgYZIkgSs5hBDoUUUEAps6Pu/SE8ySOMOfOBVDVGZD5VjKhK9ebTK0q2DwFCeVGcNxUEVSmENqjbqNkTTgDl25bV+OGSNpo2is0tfUM4AZSupyy5THzQqDKbjc+rQ5J0JjQM4bF8nd6Lm/GL2uKySd9htK53J4B86o+D8Rb90D0D0EJj8/+tEEku02Q2aTFOKHf08TrPUEfQtTWV/YbVfMCFQCaPmv/H2M0HrKWcBTEYHqKBeur5JyOeMrm8xHLjf5obgdvYZTliJFLJH9nE/8hhGSXMJ5+5zCKFDHx008sA/bTTTBPNtHq88wTWUE2Bo84yNsl62nU0u7Q5pqU4clmkvzj07rMHod9MS2RJM8bRoUfdNtMYy1q97KLzJ3YC4zl8p76u51w9Maa39ICunIRhv76iHTrtMU+uEROb0T1UA/ARN3KaMv5NgudItvMO/6WRDzlLX1irj/kUspiVlFOK31PLEVbD+P2AnxYWAO2Ucx6AXVRFCagQeumghxH6SCKDNGYyj5QY+o1wNccBYwhuM5xys+m8VL3j4bh4IKj7xi2FfnZKkoa12DJ+2baTcjwxpocm7IR+XjWajivVQiHJciaKH7osfiY8LT+qebY4vkEn42p+n+bbZ4qTgNSmCptIsh42T85TxS124xMEnncIHlDAJpak9TqosSkTyPYisDVMdEw1usFxVs5Xlfbr08s23+F29g6tA8s44TpbP6GG1zjEgKXORynXUEQxAQpdt3MvvMuq8O1qfCV8m2s9O47yPg00cIpWzjFsaUkhi3QWsoIyiimOmkc8QyWOe8FxAiUcIzWGtwjSyQC9DDNMBulkkx7jLWoIP+anjhpzNO6OQ5B544hxA3dJy9yCMFTunTbzbypDpcbx70VvAkunxXhQO41z0DZJ0pCyrAR8ltH44iTGMla0sI77jRyxEAA/S6wCVgITueCAM1YvC2d4kCXUGk9buNP4l28Vss7jiWj2s5NzbLaLTgJBDvE0L5tn4ER+xvfNVlu+YCUwcWRO5AFeZS0BKrieUpufIqODQ9TzN9otdaXsCGU/YXYcBD61qVpPBb9jO99lNteylABFBLjCxeglWoyPNkf5wNEWYAvfJNFW12l9sH6wWEmDi/I/8wJ1JusM0kkji3SS6aaffnrosb+TgRl8lW+zLsx7Y8yzvaplSvhsl5FWXFC17g67gnMvPi3RJh1Qn4euWrfNaBzf4lmXd5nABRo5QStnaaeLIQYJ4mMWKeSQRz4FXMUKMiJoEGv4h6PGUhIsh5PpwS73fGCizNKxaTRfG35bED6GuToyTeb3e19W24tfT8Z9ZxzSD9y/u3nF8pf1rziar9VSr1njPZ0SdLvemvKV1ahec2TZMRMIlRL92vN7STS06fHoa0fkj9ch+ChjNatYR2Z0YaCPd6mjjmPEoDwWAuNIIUARRQRYTDrZpDGTDHNBvsgpmvmIJj52XZo98H858WJqF+V/swAAAABJRU5ErkJggg==') no-repeat 0 0; background-size: 100%; position: relative; top: 3px; } .domain-price-block__phone-desc { text-align: center; padding: 10px 0; color: #CCC; } .domain-price-block__phone { text-align: center; padding: 10px 0; font-weight: bold; } .domain-price-block__social { text-align: center; padding: 10px 0; } .domain-price-block__social_whatsapp { display: inline-block; background-color: #2BD247;/*#2BD247;*/ border-radius: 3px; padding: 5px; margin-right: 15px; } .domain-price-block__social_whatsapp:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+d2hhdHNhcHA8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNMTQuNzUsMTJjLjI1LjEzLjQxLjIuNDYuM0EyLDIsMCwwLDEsMTUsMTMuNDRhMi40MywyLjQzLDAsMCwxLTEuNywxLjEyYy0uNDYsMC0uNDcuMzYtMy0uNzNBMTAuMjQsMTAuMjQsMCwwLDEsNi4yMyw5LjkxLDQuODUsNC44NSwwLDAsMSw1LjMxLDcuM2EyLjczLDIuNzMsMCwwLDEsLjk1LTJBLjc1Ljc1LDAsMCwxLDYuOTQsNWguNDdjLjE1LDAsLjM2LS4wNi41NS40NWwuNjksMS44N2EuNDYuNDYsMCwwLDEsMCwuNDRsLS4yNy40MUw4LDguNTljLS4xMi4xMi0uMjYuMjUtLjEyLjVBNy40Miw3LjQyLDAsMCwwLDkuMiwxMC44N2E2LjYxLDYuNjEsMCwwLDAsMS45NSwxLjNjLjI0LjE0LjM5LjEyLjU0LDBsLjgxLS45NGMuMTktLjI1LjM1LS4xOS41OC0uMTFsMS42Ny44OE0xMCwwQTEwLDEwLDAsMSwxLDQuNjUsMTguNDVMMCwyMGwxLjU1LTQuNjVBMTAsMTAsMCwwLDEsMTAsMG0wLDJBOCw4LDAsMCwwLDMuNDYsMTQuNjFsLTEsMi44OSwyLjg5LTFBOCw4LDAsMSwwLDEwLDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmZmZmZmYiLz48L2c+PC9nPjwvZz48L3N2Zz4=") no-repeat 0 0; } .domain-price-block__social_telegram { display: inline-block; background-color: #32AADF;/*#32AADF;*/ border-radius: 3px; padding: 5px; } .domain-price-block__social_telegram:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOC4wMiAxNS4xMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxOC4wMiIgaGVpZ2h0PSIxNS4xMiIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5pY29uLXRlbGVncmFtPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggZD0iTTYuNzgsMTQuMjEsNy4wNiwxMGw3LjY4LTYuOTJjLjM0LS4zMS0uMDctLjQ2LS41Mi0uMTlsLTkuNDgsNkwuNjQsNy41NmMtLjg4LS4yNS0uODktLjg2LjItMS4zTDE2LjgxLjFjLjczLS4zMywxLjQzLjE4LDEuMTUsMS4zTDE1LjI0LDE0LjIxYy0uMTkuOTEtLjc0LDEuMTMtMS41LjcxTDkuNiwxMS44NmwtMiwxLjkzYTEuMDYsMS4wNiwwLDAsMS0uODMuNDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmZmZmZmYiIC8+PC9nPjwvZz48L2c+PC9zdmc+") no-repeat 0 2px; } /* Domain Stat Block */ .domain-stats-block { margin-top: 43px; } .domain-stats-block p { margin-bottom: 28px; margin-left: 29px; font-weight: 500; position: relative; } .domain-stats-block p::before { content: ''; display: block; position: absolute; right: 100%; background-position: 0 0; background-size: contain; background-repeat: no-repeat; } .domain-stats-block__name { } .domain-stats-block__name::before { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS43IDIxLjciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojNTE5NGZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5uYW1lPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iaWNvbiI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxMC44NSIgY3k9IjEwLjg1IiByPSIxMCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjAuODUiIHkxPSIxMC44NSIgeDI9IjIwLjg1IiB5Mj0iMTAuODUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMC44NS44NWExNS4zLDE1LjMsMCwwLDEsNCwxMCwxNS4zLDE1LjMsMCwwLDEtNCwxMCwxNS4zLDE1LjMsMCwwLDEtNC0xMEExNS4zLDE1LjMsMCwwLDEsMTAuODUuODVaIi8+PC9nPjwvZz48L3N2Zz4="); top: -2px; margin-right: 7px; } .domain-stats-block__name a { color: var(--main-color); text-decoration: none; } .domain-stats-block__name a:hover { text-decoration: underline; } .domain-stats-block__data { } .domain-stats-block__data::before { width: 23px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi43IDIxLjciPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEuN3B4O30uY2xzLTF7c3Ryb2tlOiM1MTk0ZmY7fS5jbHMtMntzdHJva2U6I2ZmMzk0Njt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRhdGE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJpY29uIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMC44NSw5Ljkzdi45M2ExMCwxMCwwLDEsMS01LjkzLTkuMTQiLz48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjIxLjg1IDEuODYgMTAuODUgMTIuODYgNy44NSA5Ljg2Ii8+PC9nPjwvZz48L3N2Zz4="); top: -2px; margin-right: 6px; } .domain-stats-block__favorite { } .domain-stats-block__favorite::before { width: 22px; height: 21px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS43IDIwLjcyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmMzk0NjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEuN3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+ZmF2b3JpdGU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJpY29uIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTAuODUgMC44NSAxMy45NCA3LjExIDIwLjg1IDguMTIgMTUuODUgMTIuOTkgMTcuMDMgMTkuODcgMTAuODUgMTYuNjIgNC42NyAxOS44NyA1Ljg1IDEyLjk5IDAuODUgOC4xMiA3Ljc2IDcuMTEgMTAuODUgMC44NSIvPjwvZz48L2c+PC9zdmc+"); top: -2px; margin-right: 7px; } .domain-stats-block__view { } .domain-stats-block__view::before { width: 24px; height: 18px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy43IDE3LjciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojNTE5NGZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS43cHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT52aWV3PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iaWNvbiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjg1LDguODVzNC04LDExLTgsMTEsOCwxMSw4LTQsOC0xMSw4Uy44NSw4Ljg1Ljg1LDguODVaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxMS44NSIgY3k9IjguODUiIHI9IjMiLz48L2c+PC9nPjwvc3ZnPg=="); top: 0; margin-right: 5px; } .domain-block + .advantages-block { margin-top: 9px; padding-top: 15px; padding-bottom: 19px; } /* Registration Domain Page */ .registration-domain__search-block { margin-bottom: 88px; } .registration-domain__search-block .search-block__form-btn { padding: 0 29px; } /* Whois Page */ .whois__search-block { margin-bottom: 88px; } .whois__search-block .search-block__form-btn { padding: 0 29px; } .whois__search-block form[data-whois-mode="bulk"] .search-block__form-btn { height: 150px; } /* Whois History Page */ .history__search-block { margin-bottom: 88px; } .history__search-block .search-block__form-btn { padding: 0 29px; } #domains-history-content td { vertical-align: top; } #domains-history-content .history tr { border: none; } #domains-history-content .history td { padding: 5px 10px 5px 10px; border: none; white-space: normal; word-break: break-all; font-size: 80%; } #domains-history-content .history .history-add { background: green; } #domains-history-content .history .history-add td { color: white; } #domains-history-content .history .history-rem { background: red; } #domains-history-content .history .history-rem td { color: white; } /* Patent Page */ .patent__search-block { margin-bottom: 88px; } .patent__search-block .search-block__form-btn { padding: 0 29px; } /* Form Select */ .form-select { display: block; width: 100%; color: var(--main-color); font-size: 19px; font-weight: 500; margin-bottom: 20px; } .form-select span { display: flex; align-items: center; height: 60px; border-radius: 3px; border: 1px solid #d9e5ff; background-color: #f3f7ff; position: relative; box-sizing: border-box; padding: 17px 40px 0 19px; } .form-select span::after { position: absolute; right: 19px; top: 50%; margin: -3px 0 0 0; } .form-select span .placeholder { position: absolute; color: #94b7ff; font-size: 14px; top: 10px; left: 17px; } .form-select ul { border: 1px solid #d9e5ff; border-top: none; border-radius: 0 0 3px 3px; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; } .form-select ul li { background: #fff; border-bottom: 1px solid #d9e5ff; padding: 5px 19px 8px; } .form-select ul li:last-of-type { border-bottom: none; } .form-select ul li:hover { } /* Testimonials form */ .testimonials-form { max-width: 100%; width: 500px; margin: 0px auto 0; box-shadow: 5px 7px 33px 2px #f0f2f9; border-radius: 12px; background-color: #ffffff; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .testimonials-form .testimonials-block__title { font-size: 20px; margin-bottom: 20px; } .testimonials-form__input { width: 100%; padding: 0 20px; } .testimonials-form .form-label { margin-bottom: 20px; } .testimonials-form__tools { display: flex; justify-content: space-between; margin-bottom: 43px; } .testimonials-form__tools a { font-size: 17px; font-weight: 400; color: var(--main-color); text-decoration: none; } .testimonials-form__tools a:hover { text-decoration: underline; } /* Login Block */ .login-block { padding: 18px 0 100px; } .login-block__title { text-align: center; margin: 0 auto 0; } .login-form, .forgot-form { max-width: 100%; width: 500px; margin: 29px auto 0; box-shadow: 5px 7px 33px 2px #f0f2f9; border-radius: 12px; background-color: #ffffff; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .login-form__input { width: 100%; padding: 0 20px; } .login-form .form-label, .forgot-form .form-label { margin-bottom: 20px; } .login-form .form-label + p { margin-top: -10px; margin-bottom: 25px; } .login-form__tools { display: flex; justify-content: space-between; margin-bottom: 43px; } .login-form__tools a { font-size: 17px; font-weight: 400; color: var(--main-color); text-decoration: none; } .login-form__tools a:hover { text-decoration: underline; } .form-label__info { display: block; position: absolute; right: 22px; top: 24px; cursor: pointer; } .form-btn { height: 60px; border-radius: 3px; background-color: var(--main-color); border: none; color: #ffffff; font-size: 19px; font-weight: 500; } .form-btn:disabled { background-color: #f5f5f5; color: rgba(37, 43, 46, 0.2); cursor: not-allowed; } .login-form__choose { margin-bottom: 20px; } /* Register Block */ .register-block { padding: 18px 0 100px; } .register-block__title { text-align: center; margin: 0 auto 0; } .register-form { max-width: 100%; width: 500px; margin: 29px auto 0; box-shadow: 5px 7px 33px 2px #f0f2f9; border-radius: 12px; background-color: #ffffff; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .register-form__input { width: 100%; padding: 0 20px; } .register-form .form-label { margin-bottom: 20px; } .register-form__tools { display: flex; justify-content: space-between; margin-bottom: 43px; } .register-form__tools a { font-size: 17px; font-weight: 400; color: var(--main-color); text-decoration: none; } .register-form__tools a:hover { text-decoration: underline; } .form-label__info { display: block; position: absolute; right: 22px; top: 24px; cursor: pointer; } .form-btn { height: 60px; border-radius: 3px; background-color: var(--main-color); border: none; color: #ffffff; font-size: 19px; font-weight: 500; } .form-btn:disabled { background-color: #f5f5f5; color: rgba(37, 43, 46, 0.2); cursor: not-allowed; } .register-form__choose { margin-bottom: 20px; } /* Order Block */ .order-block { padding: 18px 0 100px; } .order-block__title { text-align: center; margin: 0 auto 0; } /* Order Nav */ .order-progress-mobile { display: none; color: #666c71; font-size: 14px; line-height: 30px; } .order-progress { display: flex; max-width: 760px; margin: 18px auto 42px; justify-content: space-between; position: relative; } .order-progress__item { width: 27px; height: 27px; background-color: #f5f5f7; text-decoration: none; display: flex; align-items: center; justify-content: center; color: #a2a7aa; font-size: 14px; font-weight: 500; line-height: 30px; border-radius: 50%; border: 1px solid transparent; } .order-progress__item:not(:last-of-type)::after { content: ''; position: absolute; width: calc(100% / 3); height: 5px; border-radius: 2px; background-color: #f5f5f7; z-index: -1; margin-left: calc(100% / 6); } .order-progress__item_active { box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); border: 1px solid #eeeeee; background-color: #ffffff; color: var(--main-color); } .order-progress__item_complete { background: #2eb220 url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMC4xOCI+PHRpdGxlPmNvbXBsZXRlPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwb2x5Z29uIHBvaW50cz0iMTIgMCAzLjQ4IDYuNjYgMCAzLjc3IDMuNDYgMTAuMTggMTIgMCIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9zdmc+') no-repeat 50%/12px 11px; color: transparent; } .order-progress__item_complete:not(:last-of-type)::after { background: #2eb220; } .btn-next::after { content: ''; display: inline-block; width: 27px; height: 11px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmZmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdy1uZXh0PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxNyAwIDE5LjczIDUgMCA1IDAgNiAxOS43MyA2IDE3IDExIDI3IDUuNSAxNyAwIi8+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0; margin: 0 0 0 10px; } .btn-next:disabled::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOnJnYmEoMzcsIDQzLCA0NiwgMC4yKTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93LW5leHQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjE3IDAgMTkuNzMgNSAwIDUgMCA2IDE5LjczIDYgMTcgMTEgMjcgNS41IDE3IDAiLz48L2c+PC9nPjwvc3ZnPg=='); } .order-block__services-items { display: flex; justify-content: space-between; max-width: 760px; margin: 0 auto 0; } .order-block__services-items .services-slider__item { width: calc(100% / 3 - 12px); flex: 0 0 auto; margin: 0; position: relative; } /* Order List */ .order-list { max-width: 760px; padding: 25px 30px 30px; margin: 0 auto 0; box-shadow: 5px 7px 33px 2px #f0f2f9; background: #ffffff; border-radius: 12px; box-sizing: border-box; } .order-list__title { display: block; align-items: center; color: var(--text-color); font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 21px; } .domain-category-label { display: inline-flex; align-items: center; text-decoration: none; min-height: 30px; border-radius: 6px; border: 1px solid #2d2a4b; background-color: #ffffff; opacity: 0.15; padding: 0 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .order-list .products-table tbody td:nth-of-type(2) { text-align: left; } .products-table_cart tbody tr:last-of-type { border-bottom: none; } .order-list-total { margin: 8px -30px 0; padding: 67px 30px 0; background: #ffffff url('/static/img/teeth.png') repeat-x 0 0; } .order-list-total__row { display: flex; justify-content: space-between; } .order-list-total__btn { margin: 47px 0 0 auto; width: auto; display: block; padding: 0 57px; padding-top: 19px; } .form-input__card { background-image: url('/static/img/payments.png'); background-position: calc(100% - 25px) 50%; background-repeat: no-repeat; } /* Invoice Block */ .invoice-block { padding: 18px 0 100px; } .invoice-block__title { text-align: center; margin: 0 auto 0; } /* Invoice Nav */ .invoice-progress-mobile { display: none; color: #666c71; font-size: 14px; line-height: 30px; } .invoice-progress { display: flex; max-width: 330px; margin: 18px auto 42px; justify-content: space-between; position: relative; } .invoice-progress__item { width: 27px; height: 27px; background-color: #f5f5f7; text-decoration: none; display: flex; align-items: center; justify-content: center; color: #a2a7aa; font-size: 14px; font-weight: 500; line-height: 30px; border-radius: 50%; border: 1px solid transparent; } .invoice-progress__item:not(:last-of-type)::after { content: ''; position: absolute; width: calc(100% / 1.5); height: 5px; border-radius: 2px; background-color: #f5f5f7; z-index: -1; margin-left: calc(100% / 6); } .invoice-progress__item_active { box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.11), 4px 4px 15px rgba(228, 228, 228, 0.35), 1px 1px 6px rgba(220, 220, 220, 0.35); border: 1px solid #eeeeee; background-color: #ffffff; color: var(--main-color); } .invoice-progress__item_complete { background: #2eb220 url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMC4xOCI+PHRpdGxlPmNvbXBsZXRlPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwb2x5Z29uIHBvaW50cz0iMTIgMCAzLjQ4IDYuNjYgMCAzLjc3IDMuNDYgMTAuMTggMTIgMCIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9zdmc+') no-repeat 50%/12px 11px; color: transparent; } .invoice-progress__item_complete:not(:last-of-type)::after { background: #2eb220; } /* Cart */ .cart-list { margin: 29px auto 0; } .cart-list .products-table tr:first-of-type td, .cart-list .products-table tr:last-of-type { border: none; } .cart-promocode { position: relative; padding: 30px 0; } .cart-promocode .search-block__form-btn { right: 0; } .old-cart-total-price { color: #FD0000; margin-right: 10px; font-weight: normal; } .old-cart-price { color: #FD0000; margin-right: 5px; font-weight: normal; } .domain-category-label_auction { background-color: #662483; color: #fff; border-color: transparent; opacity: 1; } .domain-category-label_shop { background-color: #2eb220; color: #fff; border-color: transparent; opacity: 1; } .domain-category-label_register { background-color: #ffffff; border: 1px solid #2d2a4b; opacity: 1; } .products-table__remove { display: inline-block; width: 16px; height: 22px; background: url('/static/img/remove.svg') no-repeat 0 0/contain; vertical-align: middle; } .products-table__remove:hover{ background-image: url('/static/img/remove-hover.svg'); } .cart-list .products-table { margin-top: -34px; } .order-list-total .products-table__remove { margin-left: 19px; } .cart-list .order-list-total__btn { padding: 0 25px; margin-top: 43px; padding-top: 19px; } .domain-list-block .domain-category-label_shop { position: relative; top: -1px; margin-left: 19px; } .domain-list-block .domain-category-label_auction { position: relative; top: -1px; margin-left: 19px; } .domain-list-block .domain-sale-label { position: relative; top: -1px; margin-left: 19px; margin-right: -10px; } .domain-list-block .old-price { margin-right: 29px; color: #767c7f; text-decoration: line-through; } /* News Page */ .header_news-page { background: #F7F7F7; } .news-block_news-page { margin-top: 0; padding: 14px 0 97px; } .news-block_news-page .news-block__row { margin-top: 33px; align-items: flex-start; } .news-block_news-page .news-item { margin-bottom: 20px; } .news-btn-link_news-page { margin-top: 19px; margin-bottom: 0; background: transparent; } /* News Tags */ .news-tags { flex: 0 0 auto; margin-bottom: 20px; background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; } .news-tags__description { margin: 27px 29px 20px; } .news-tags__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .news-tags__list { display: flex; flex-wrap: wrap; margin: -6px 0 0; line-height: 21px; } .news-tags__list a { display: block; height: 40px; margin: 0 10px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 13px; background-color: white; border: 1px solid #eee; border-radius: 20px; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #666c71; font-size: 19px; font-weight: 500; line-height: 36px; } .news-tags__list a:hover { background-color: #f3f7ff; border: 1px solid #d9e5ff; color: var(--main-color); } .news-tags__list a.news-tags__more { min-width: 40px; background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAAXUlEQVQoU2OUSPntwPiPcT4DEPxn+p/4Yg7rARAbBkiVZ5RM+vWAgYFRHmIA44Pn81gUkQ0kVZ5RKun3h/8MDPwQQ/4/fD6PTQHZQFLlGSFe+r8A4mXGBOxeJl4eAM8wTB7VXoRsAAAAAElFTkSuQmCC') no-repeat 50%; } /* One News Page */ .news-block_news-page-one { padding-bottom: 79px; } .news-block_news-page-one .news-block__title a { text-decoration: none; } .news-block_news-page-one .news-block__title a::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 10px 6px 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; vertical-align: middle; } .news-item-full { padding-bottom: 17px; } .news-item-full .news-item__title { margin: -4px 10px 19px 1px; font-size: 30px; line-height: 36px; } .news-item__full-text { margin: 36px 30px 40px; } .news-item__full-text h2 { margin-bottom: 6px; font-size: 20px; font-weight: 500; line-height: 24px; } .news-item__full-text h3 { margin-bottom: 6px; font-size: 18px; font-weight: 500; line-height: 24px; } .news-item__full-text p { margin-bottom: 33px; line-height: 30px; word-break: break-word; } .news-item-tools__column { display: flex; align-items: center; } .news-item-tools__view { margin-left: 27px; } .news-item-tools__view::before { content: ''; display: inline-block; width: 24px; height: 18px; margin: -5px 10px -3px 0; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjMuNyAxNy43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNlZWU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIzLjciIGhlaWdodD0iMTcuNyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT52aWV3PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNLjg1LDguODVzNC04LDExLTgsMTEsOCwxMSw4LTQsOC0xMSw4Uy44NSw4Ljg1Ljg1LDguODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxjaXJjbGUgY2xhc3M9ImNscy0zIiBjeD0iMTEuODUiIGN5PSI4Ljg1IiByPSIzIi8+PC9nPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; vertical-align: middle; } .title-other-news-block { margin: 46px 0 17px; font-weight: 500; } /* News Page */ .header_hostings-page { background: #F7F7F7; } .hostings-block_hostings-page { margin-top: 0; padding: 14px 0 97px; } .hostings-block_hostings-page .hostings-block__row { margin-top: 33px; align-items: flex-start; } .hostings-block_hostings-page .hostings-item { margin-bottom: 20px; } .hostings-btn-link_hostings-page { margin-top: 19px; margin-bottom: 0; background: transparent; } /* Services Page */ .header_services-page { background: #F7F7F7; } .services-block_services-page { margin-top: 0; padding: 14px 0 97px; } .services-block_services-page .services-block__row { margin-top: 33px; align-items: flex-start; } .services-block_services-page .services-item { margin-bottom: 20px; } .services-btn-link_services-page { margin-top: 19px; margin-bottom: 0; background: transparent; } /* testimonials Page */ .header_testimonials-page { background: #F7F7F7; } .testimonials-block_testimonials-page { margin-top: 0; padding: 14px 0 97px; } .testimonials-block_testimonials-page .testimonials-block__row { margin-top: 33px; align-items: flex-start; } .testimonials-block_testimonials-page .testimonials-item { margin-bottom: 20px; } .testimonials-btn-link_testimonials-page { margin-top: 19px; margin-bottom: 0; background: transparent; } /* Services Tags */ .services-tags { flex: 0 0 auto; margin-bottom: 20px; background-color: white; border-radius: 12px; box-shadow: 5px 7px 33px 2px #f0f2f9; } .services-tags__description { margin: 27px 29px 20px; } .services-tags__title { margin-bottom: 19px; font-size: 17px; font-weight: 500; line-height: 20px; } .services-tags__list { display: flex; flex-wrap: wrap; margin: -6px 0 0; line-height: 21px; } .services-tags__list a { display: block; height: 40px; margin: 0 10px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 13px; background-color: white; border: 1px solid #eee; border-radius: 20px; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #666c71; font-size: 19px; font-weight: 500; line-height: 36px; } .services-tags__list a:hover { background-color: #f3f7ff; border: 1px solid #d9e5ff; color: var(--main-color); } .services-tags__list a.services-tags__more { min-width: 40px; background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAAXUlEQVQoU2OUSPntwPiPcT4DEPxn+p/4Yg7rARAbBkiVZ5RM+vWAgYFRHmIA44Pn81gUkQ0kVZ5RKun3h/8MDPwQQ/4/fD6PTQHZQFLlGSFe+r8A4mXGBOxeJl4eAM8wTB7VXoRsAAAAAElFTkSuQmCC') no-repeat 50%; } /* One Services Page */ .services-block_services-page-one { padding-bottom: 79px; } .services-block_services-page-one .services-block__title a { text-decoration: none; } .services-block_services-page-one .services-block__title a::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 10px 6px 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; vertical-align: middle; } .services-item-full { padding-bottom: 17px; } .services-item-full .services-item__title { margin: -4px 10px 19px 1px; font-size: 30px; line-height: 36px; } .services-item__full-text { margin: 36px 30px 40px; } .services-item__full-text h2 { margin-bottom: 6px; font-size: 20px; font-weight: 500; line-height: 24px; } .services-item__full-text p { margin-bottom: 33px; line-height: 24px; } .services-item-tools__column { display: flex; align-items: center; } .services-item-tools__view { margin-left: 27px; } .services-item-tools__view::before { content: ''; display: inline-block; width: 24px; height: 18px; margin: -5px 10px -3px 0; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjMuNyAxNy43Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7c3Ryb2tlOiNlZWU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjdweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIzLjciIGhlaWdodD0iMTcuNyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT52aWV3PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNLjg1LDguODVzNC04LDExLTgsMTEsOCwxMSw4LTQsOC0xMSw4Uy44NSw4Ljg1Ljg1LDguODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxjaXJjbGUgY2xhc3M9ImNscy0zIiBjeD0iMTEuODUiIGN5PSI4Ljg1IiByPSIzIi8+PC9nPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; vertical-align: middle; } .title-other-services-block { margin: 46px 0 17px; font-weight: 500; } /* Profile */ .header_profile__logo { color: #ffffff; margin: 3px 38px 0 -3px; } .header_profile .header__menu { margin: 0 auto 0; } .header_profile .header__menu li { margin-left: 30px; } .header_profile .header__menu li:first-of-type { margin-left: 0; } .header-top__more { color: #ffffff; font-size: 16px; font-weight: 500; text-decoration: none; } .header-top__more::after { content: ''; display: inline-block; width: 7px; height: 7px; margin: 0 0 3px 6px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAAXNSR0IB2cksfwAAADZQTFRFAAAA////////////////////////////////////////////////////////////////////8WPG/AAAABJ0Uk5TAGgGCXVQxxoczAHP6E//yEiXiB42/wAAADFJREFUeJwlyUkSABAMAMGxxC74/2dFOXY1zgMhIilTqtD6cKM3mKoqdix9hP0Jx3gBHwMBIrljPjwAAAAASUVORK5CYII=') no-repeat 0 0; } .profile-block { padding: 0 0 0; } .profile-block__row { display: flex; } .profile-block__left { width: 74.5%; margin-right: 20px; flex: 0 0 auto; } .profile-block__right { flex: 1; } .profile-widget { display: block; border-radius: 12px; background-color: #fafafb; margin-bottom: 20px; text-decoration: none; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .profile-widget:hover { box-shadow: 5px 7px 33px 2px #f0f2f9; background-color: #ffffff; } .profle-widget__icon { margin: 0 0 20px; } .profle-widget__icon img { display: block; margin: 0 auto; } .profile-widget__title { font-size: 17px; font-weight: 500; line-height: 24px; color: var(--main-color); text-align: center; margin: 0 0 10px; } .profile-widget__text { color: var(--text-color); font-size: 17px; font-weight: 500; line-height: 24px; text-align: center; margin: 0 0 18px; } .profile-widget__btn { display: flex; align-items: center; justify-content: center; text-align: center; width: 120px; height: 50px; border-radius: 3px; border: 1px solid #eeeeee; background-color: #ffffff; color: var(--text-color); font-size: 17px; font-weight: 500; margin: 0 auto 0; } .profile-widget:hover .profile-widget__btn { border: 1px solid #d9e5ff; background-color: #f3f7ff; color: var(--main-color); } .profile-widget_important { background-color: #fe4b4a; } .profile-widget_important .profile-widget__title { color: #fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .profile-widget_important:hover .profile-widget__title { color: var(--main-color); } .profile-widget_important .profile-widget__btn { color: #ffffff; border-color: rgba(255, 255, 255, 0.2); background: transparent; } /* Profile Item */ .profile-item { width: calc(50% - 10px); margin-bottom: 20px; padding: 34px 30px; border-radius: 12px; background-color: #fafafb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-item__title { color: var(--main-color); font-size: 19px; font-weight: 500; margin: 21px 0 13px; } .profile-item__links li { color: var(--text-color); font-size: 17px; line-height: 20px; font-weight: 400; margin: 0 0 10.3px; } .profile-item__links li a { color: inherit; text-decoration: none; } .profile-item__links li strong { white-space: nowrap; } .profile-item__links li a:hover { color: var(--main-color); } .profile-item__links li::before { content: '•'; color: #2db11f; margin-right: 9px; } .profile-item__links li.unstyled::before { content: ''; } .profile-item__btn { display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 3px; border: 1px solid #eeeeee; color: var(--text-color); font-size: 17px; font-weight: 500; margin: 31px 0 0; } .profile-item__btn::before { content: ''; display: block; width: 20px; height: 20px; margin: 0 11px 0 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IlNWR0RvYyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmF2b2NvZGU9Imh0dHBzOi8vYXZvY29kZS5jb20vIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjwvZGVmcz48ZGVzYz5HZW5lcmF0ZWQgd2l0aCBBdm9jb2RlLjwvZGVzYz48Zz48Zz48dGl0bGU+0K3Qu9C70LjQv9GBIDE8L3RpdGxlPjxwYXRoIGQ9Ik05Ljk5OTkyLC0wLjAwMDA4YzUuNTIyOTIsMCAxMC4wMDAwOCw0LjQ3NzIyIDEwLjAwMDA4LDEwLjAwMDAzYzAsNS41MjI4MSAtNC40NzcxNiwxMC4wMDAwMyAtMTAuMDAwMDgsMTAuMDAwMDNjLTUuNTIyOCwwIC05Ljk5OTk2LC00LjQ3NzIyIC05Ljk5OTk2LC0xMC4wMDAwM2MwLC01LjUyMjgxIDQuNDc3MTYsLTEwLjAwMDAzIDkuOTk5OTYsLTEwLjAwMDAzeiIgZmlsbD0iI2ZjNGI0YSIgZmlsbC1vcGFjaXR5PSIxIj48L3BhdGg+PC9nPjxnPjx0aXRsZT7Qn9GA0Y/QvNC+0YPQs9C+0LvRjNC90LjQuiwg0YHQutGA0YPQs9C7LiDRg9Cz0LvRiyAxMTwvdGl0bGU+PHBhdGggZD0iTTkuOTk5OTIsNC45OTk5M2MwLjU1MjI5LDAgMC45OTk5OCwwLjQ0NzY5IDAuOTk5OTgsMS4wMDAwMnY3Ljk5OTk4YzAsMC41NTIzMyAtMC40NDc2OSwxLjAwMDAyIC0wLjk5OTk4LDEuMDAwMDJjLTAuNTUyMjksMCAtMC45OTk5OCwtMC40NDc2OSAtMC45OTk5OCwtMS4wMDAwMnYtNy45OTk5OGMwLC0wLjU1MjMzIDAuNDQ3NjksLTEuMDAwMDIgMC45OTk5OCwtMS4wMDAwMnoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSI+PC9wYXRoPjwvZz48Zz48dGl0bGU+0J/RgNGP0LzQvtGD0LPQvtC70YzQvdC40LosINGB0LrRgNGD0LPQuy4g0YPQs9C70YsgMTEg0LrQvtC/0LjRjzwvdGl0bGU+PHBhdGggZD0iTTUuOTk5OTgsOC45OTk5Mmg3Ljk5OTk5YzAuNTUyMjksMCAwLjk5OTk4LDAuNDQ3NzkgMC45OTk5OCwxLjAwMDAyYzAsMC41NTIzMyAtMC40NDc2OSwxLjAwMDAyIC0wLjk5OTk4LDEuMDAwMDJoLTcuOTk5OTljLTAuNTUyMjksMCAtMC45OTk5OCwtMC40NDc2OSAtMC45OTk5OCwtMS4wMDAwMmMwLC0wLjU1MjIzIDAuNDQ3NjksLTEuMDAwMDIgMC45OTk5OCwtMS4wMDAwMnoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+') no-repeat 0 0; } .profile-item__btn:hover { border: 1px solid #d9e5ff; background-color: #f3f7ff; color: var(--main-color); } /* Contact Block */ .contact-block { padding: 120px 0 106px; z-index: 1; } .contact-block__text { font-size: 24px; font-weight: 500; line-height: 36px; text-align: center; margin: 0 auto 0; } .contact-block__text a { color: var(--main-color); text-decoration: none; } .contact-block__text a:hover { color: var(--text-color); } .contacts { display: flex; justify-content: center; margin: 46px 0 0; } .contacts__item { display: flex; align-items: center; margin: 0 20px; font-size: 16px; font-weight: 500; text-decoration: none; color: var(--text-color); -webkit-transition: all 0.4s; transition: all 0.4s; } .contacts__item:hover { color: var(--main-color); } .contacts__item:before { content: ''; -webkit-transition: all 0.4s; transition: all 0.4s; } .contacts__item_phone::before { width: 20px; height: 20px; margin-right: 11px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2ZpbGw6IzI1MmIyZTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+cGhvbmU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01MCw0Mi41NEM1MCw0NC4wNiw0My4zOSw1MCwzOC43OCw1MGMtMi44MSwwLTEzLTEuMDYtMjUuMzktMTMuNFMwLDE0LDAsMTEuMjJDMCw2LjYxLDUuOTQsMCw3LjQ2LDBoM0ExLjYzLDEuNjMsMCwwLDEsMTIsMS4xNEwxNS43OSwxM2ExLjYzLDEuNjMsMCwwLDEtLjQsMS42NUwxMSwxOUExLjYyLDEuNjIsMCwwLDAsMTAuNzEsMjFhNDkuNjMsNDkuNjMsMCwwLDAsOC4wNiwxMC4yNEE0OS42NSw0OS42NSwwLDAsMCwyOSwzOS4yOSwxLjYyLDEuNjIsMCwwLDAsMzEsMzlsNC40LTQuNGExLjYzLDEuNjMsMCwwLDEsMS42NS0uNEw0OC44NiwzOEExLjYzLDEuNjMsMCwwLDEsNTAsMzkuNTNaIiAvPjwvZz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0; } .contacts__item_whatsapp::before { width: 20px; height: 20px; margin-right: 11px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+d2hhdHNhcHA8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNMTQuNzUsMTJjLjI1LjEzLjQxLjIuNDYuM0EyLDIsMCwwLDEsMTUsMTMuNDRhMi40MywyLjQzLDAsMCwxLTEuNywxLjEyYy0uNDYsMC0uNDcuMzYtMy0uNzNBMTAuMjQsMTAuMjQsMCwwLDEsNi4yMyw5LjkxLDQuODUsNC44NSwwLDAsMSw1LjMxLDcuM2EyLjczLDIuNzMsMCwwLDEsLjk1LTJBLjc1Ljc1LDAsMCwxLDYuOTQsNWguNDdjLjE1LDAsLjM2LS4wNi41NS40NWwuNjksMS44N2EuNDYuNDYsMCwwLDEsMCwuNDRsLS4yNy40MUw4LDguNTljLS4xMi4xMi0uMjYuMjUtLjEyLjVBNy40Miw3LjQyLDAsMCwwLDkuMiwxMC44N2E2LjYxLDYuNjEsMCwwLDAsMS45NSwxLjNjLjI0LjE0LjM5LjEyLjU0LDBsLjgxLS45NGMuMTktLjI1LjM1LS4xOS41OC0uMTFsMS42Ny44OE0xMCwwQTEwLDEwLDAsMSwxLDQuNjUsMTguNDVMMCwyMGwxLjU1LTQuNjVBMTAsMTAsMCwwLDEsMTAsMG0wLDJBOCw4LDAsMCwwLDMuNDYsMTQuNjFsLTEsMi44OSwyLjg5LTFBOCw4LDAsMSwwLDEwLDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMyNTJiMmUiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0; } .contacts__item_telegram::before { width: 19px; height: 16px; margin-right: 11px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOC4wMiAxNS4xMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxOC4wMiIgaGVpZ2h0PSIxNS4xMiIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5pY29uLXRlbGVncmFtPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggZD0iTTYuNzgsMTQuMjEsNy4wNiwxMGw3LjY4LTYuOTJjLjM0LS4zMS0uMDctLjQ2LS41Mi0uMTlsLTkuNDgsNkwuNjQsNy41NmMtLjg4LS4yNS0uODktLjg2LjItMS4zTDE2LjgxLjFjLjczLS4zMywxLjQzLjE4LDEuMTUsMS4zTDE1LjI0LDE0LjIxYy0uMTkuOTEtLjc0LDEuMTMtMS41LjcxTDkuNiwxMS44NmwtMiwxLjkzYTEuMDYsMS4wNiwwLDAsMS0uODMuNDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMyNTJiMmUiIC8+PC9nPjwvZz48L2c+PC9zdmc+') no-repeat 0 0; } .contacts__item_facebook::before { width: 18px; height: 18px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHRpdGxlPmZiPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIj48cGF0aCBkPSJNMiwwSDE2YTIsMiwwLDAsMSwyLDJWMTZhMiwyLDAsMCwxLTIsMkgyYTIsMiwwLDAsMS0yLTJWMkEyLDIsMCwwLDEsMiwwTTE1LDJIMTIuNUEzLjUsMy41LDAsMCwwLDksNS41VjhIN3YzSDl2N2gzVjExaDNWOEgxMlY2YTEsMSwwLDAsMSwxLTFoMloiIGZpbGw9IiMyNTJiMmUiLz48L2c+PC9nPjwvc3ZnPg==') no-repeat 0 0; } .contacts__item_vk::before { width: 19px; height: 11px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOC41MiAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxOC41MiIgaGVpZ2h0PSIxMSIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT52azwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGQ9Ik0xOC4xLjc0Yy4xMy0uNDIsMC0uNzQtLjYyLS43NGgtMmEuODcuODcsMCwwLDAtLjg4LjU3LDE3LjA5LDE3LjA5LDAsMCwxLTIuNDksNC4xNWMtLjQ4LjQ3LS42OS42Mi0uOTUuNjJzLS4zNC0uMTUtLjM0LS41OHYtNGMwLS41MS0uMTItLjc0LS41NS0uNzRINy4wNmEuNDkuNDksMCwwLDAtLjUxLjQ3YzAsLjQ4Ljc1LjYuOCwydjNjMCwuNjYtLjEyLjc4LS4zNy43OEM2LjMsNi4yLDQuNjIsMy42NywzLjYzLjc5LDMuNDMuMjMsMy4yNCwwLDIuNzIsMGgtMkMuMTIsMCwwLC4yNywwLC41N2MwLC41NC42OSwzLjIsMy4yLDYuNzJBNy44Nyw3Ljg3LDAsMCwwLDkuMzgsMTFjMS4yOSwwLDEuNDUtLjI5LDEuNDUtLjc5VjguMzljMC0uNTcuMTItLjY5LjUzLS42OXMuODEuMTUsMiwxLjNjMS4zOCwxLjM4LDEuNiwyLDIuMzgsMmgyYy41OCwwLC44Ny0uMjkuNzEtLjg2YTguNjgsOC42OCwwLDAsMC0xLjcxLTIuMzhjLS40Ny0uNTUtMS4xOC0xLjE1LTEuNC0xLjQ2cy0uMjEtLjU1LDAtLjljMCwwLDIuNDctMy40NywyLjczLTQuNjYiIGZpbGw9IiMyNTJiMmUiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0; } .contacts__item_instagram::before { width: 20px; height: 20px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+aWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNNS44LDBoOC40QTUuOCw1LjgsMCwwLDEsMjAsNS44djguNEE1LjgsNS44LDAsMCwxLDE0LjIsMjBINS44QTUuOCw1LjgsMCwwLDEsMCwxNC4yVjUuOEE1LjgsNS44LDAsMCwxLDUuOCwwTTUuNiwyQTMuNiwzLjYsMCwwLDAsMiw1LjZ2OC44QTMuNiwzLjYsMCwwLDAsNS42LDE4aDguOEEzLjYsMy42LDAsMCwwLDE4LDE0LjRWNS42QTMuNiwzLjYsMCwwLDAsMTQuNCwySDUuNm05LjY1LDEuNUExLjI1LDEuMjUsMCwxLDEsMTQsNC43NSwxLjI1LDEuMjUsMCwwLDEsMTUuMjUsMy41TTEwLDVhNSw1LDAsMSwxLTUsNSw1LDUsMCwwLDEsNS01bTAsMmEzLDMsMCwxLDAsMywzLDMsMywwLDAsMC0zLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMyNTJiMmUiLz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat 0 0; } .contacts__item_phone:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2ZpbGw6IzE5NjJmYjt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+cGhvbmU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01MCw0Mi41NEM1MCw0NC4wNiw0My4zOSw1MCwzOC43OCw1MGMtMi44MSwwLTEzLTEuMDYtMjUuMzktMTMuNFMwLDE0LDAsMTEuMjJDMCw2LjYxLDUuOTQsMCw3LjQ2LDBoM0ExLjYzLDEuNjMsMCwwLDEsMTIsMS4xNEwxNS43OSwxM2ExLjYzLDEuNjMsMCwwLDEtLjQsMS42NUwxMSwxOUExLjYyLDEuNjIsMCwwLDAsMTAuNzEsMjFhNDkuNjMsNDkuNjMsMCwwLDAsOC4wNiwxMC4yNEE0OS42NSw0OS42NSwwLDAsMCwyOSwzOS4yOSwxLjYyLDEuNjIsMCwwLDAsMzEsMzlsNC40LTQuNGExLjYzLDEuNjMsMCwwLDEsMS42NS0uNEw0OC44NiwzOEExLjYzLDEuNjMsMCwwLDEsNTAsMzkuNTNaIiAvPjwvZz48L2c+PC9nPjwvc3ZnPg=='); } .contacts__item_whatsapp:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+d2hhdHNhcHA8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNMTQuNzUsMTJjLjI1LjEzLjQxLjIuNDYuM0EyLDIsMCwwLDEsMTUsMTMuNDRhMi40MywyLjQzLDAsMCwxLTEuNywxLjEyYy0uNDYsMC0uNDcuMzYtMy0uNzNBMTAuMjQsMTAuMjQsMCwwLDEsNi4yMyw5LjkxLDQuODUsNC44NSwwLDAsMSw1LjMxLDcuM2EyLjczLDIuNzMsMCwwLDEsLjk1LTJBLjc1Ljc1LDAsMCwxLDYuOTQsNWguNDdjLjE1LDAsLjM2LS4wNi41NS40NWwuNjksMS44N2EuNDYuNDYsMCwwLDEsMCwuNDRsLS4yNy40MUw4LDguNTljLS4xMi4xMi0uMjYuMjUtLjEyLjVBNy40Miw3LjQyLDAsMCwwLDkuMiwxMC44N2E2LjYxLDYuNjEsMCwwLDAsMS45NSwxLjNjLjI0LjE0LjM5LjEyLjU0LDBsLjgxLS45NGMuMTktLjI1LjM1LS4xOS41OC0uMTFsMS42Ny44OE0xMCwwQTEwLDEwLDAsMSwxLDQuNjUsMTguNDVMMCwyMGwxLjU1LTQuNjVBMTAsMTAsMCwwLDEsMTAsMG0wLDJBOCw4LDAsMCwwLDMuNDYsMTQuNjFsLTEsMi44OSwyLjg5LTFBOCw4LDAsMSwwLDEwLDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMxOTYyZmIiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .contacts__item_telegram:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOC4wMiAxNS4xMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxOC4wMiIgaGVpZ2h0PSIxNS4xMiIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5pY29uLXRlbGVncmFtPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggZD0iTTYuNzgsMTQuMjEsNy4wNiwxMGw3LjY4LTYuOTJjLjM0LS4zMS0uMDctLjQ2LS41Mi0uMTlsLTkuNDgsNkwuNjQsNy41NmMtLjg4LS4yNS0uODktLjg2LjItMS4zTDE2LjgxLjFjLjczLS4zMywxLjQzLjE4LDEuMTUsMS4zTDE1LjI0LDE0LjIxYy0uMTkuOTEtLjc0LDEuMTMtMS41LjcxTDkuNiwxMS44NmwtMiwxLjkzYTEuMDYsMS4wNiwwLDAsMS0uODMuNDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMxOTYyZmIiIC8+PC9nPjwvZz48L2c+PC9zdmc+'); } .contacts__item_facebook:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHRpdGxlPmZiPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIj48cGF0aCBkPSJNMiwwSDE2YTIsMiwwLDAsMSwyLDJWMTZhMiwyLDAsMCwxLTIsMkgyYTIsMiwwLDAsMS0yLTJWMkEyLDIsMCwwLDEsMiwwTTE1LDJIMTIuNUEzLjUsMy41LDAsMCwwLDksNS41VjhIN3YzSDl2N2gzVjExaDNWOEgxMlY2YTEsMSwwLDAsMSwxLTFoMloiIGZpbGw9IiMxOTYyZmIiLz48L2c+PC9nPjwvc3ZnPg=='); } .contacts__item_vk:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOC41MiAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxOC41MiIgaGVpZ2h0PSIxMSIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT52azwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGQ9Ik0xOC4xLjc0Yy4xMy0uNDIsMC0uNzQtLjYyLS43NGgtMmEuODcuODcsMCwwLDAtLjg4LjU3LDE3LjA5LDE3LjA5LDAsMCwxLTIuNDksNC4xNWMtLjQ4LjQ3LS42OS42Mi0uOTUuNjJzLS4zNC0uMTUtLjM0LS41OHYtNGMwLS41MS0uMTItLjc0LS41NS0uNzRINy4wNmEuNDkuNDksMCwwLDAtLjUxLjQ3YzAsLjQ4Ljc1LjYuOCwydjNjMCwuNjYtLjEyLjc4LS4zNy43OEM2LjMsNi4yLDQuNjIsMy42NywzLjYzLjc5LDMuNDMuMjMsMy4yNCwwLDIuNzIsMGgtMkMuMTIsMCwwLC4yNywwLC41N2MwLC41NC42OSwzLjIsMy4yLDYuNzJBNy44Nyw3Ljg3LDAsMCwwLDkuMzgsMTFjMS4yOSwwLDEuNDUtLjI5LDEuNDUtLjc5VjguMzljMC0uNTcuMTItLjY5LjUzLS42OXMuODEuMTUsMiwxLjNjMS4zOCwxLjM4LDEuNiwyLDIuMzgsMmgyYy41OCwwLC44Ny0uMjkuNzEtLjg2YTguNjgsOC42OCwwLDAsMC0xLjcxLTIuMzhjLS40Ny0uNTUtMS4xOC0xLjE1LTEuNC0xLjQ2cy0uMjEtLjU1LDAtLjljMCwwLDIuNDctMy40NywyLjczLTQuNjYiIGZpbGw9IiMxOTYyZmIiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } .contacts__item_instagram:hover::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+aWc8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNNS44LDBoOC40QTUuOCw1LjgsMCwwLDEsMjAsNS44djguNEE1LjgsNS44LDAsMCwxLDE0LjIsMjBINS44QTUuOCw1LjgsMCwwLDEsMCwxNC4yVjUuOEE1LjgsNS44LDAsMCwxLDUuOCwwTTUuNiwyQTMuNiwzLjYsMCwwLDAsMiw1LjZ2OC44QTMuNiwzLjYsMCwwLDAsNS42LDE4aDguOEEzLjYsMy42LDAsMCwwLDE4LDE0LjRWNS42QTMuNiwzLjYsMCwwLDAsMTQuNCwySDUuNm05LjY1LDEuNUExLjI1LDEuMjUsMCwxLDEsMTQsNC43NSwxLjI1LDEuMjUsMCwwLDEsMTUuMjUsMy41TTEwLDVhNSw1LDAsMSwxLTUsNSw1LDUsMCwwLDEsNS01bTAsMmEzLDMsMCwxLDAsMywzLDMsMywwLDAsMC0zLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMxOTYyZmIiLz48L2c+PC9nPjwvZz48L3N2Zz4='); } /* Static Block */ .static-block { padding: 14px 0 87px; } .static-block__contain { max-width: 760px; margin: 0 auto; } .static-block__title { max-width: 100%; margin-bottom: 30px; text-align: center; } .static-block__introtext { margin-bottom: 36px; text-align: center; font-size: 20px; font-weight: 500; line-height: 29px; } .static-block__image { display: block; max-width: 100%; margin-bottom: 36px; } .static-block__content { margin-bottom: 57px; } .static-block__content h2 { margin-bottom: 33px; font-size: 20px; font-weight: 500; line-height: 24px; } .static-block__content p { margin-bottom: 33px; line-height: 30px; } .static-block__content li p { margin-bottom: 0px; } .static-block__params { margin-bottom: 18px; color: #bcbec0; font-size: 14px; line-height: 17px; } .static-block__params span { display: inline-block; } .static-block__params span::after { content: '•'; display: inline-block; margin: 0 7px 0 11px; } .static-block__params span:last-of-type::after { display: none; } .menu-mobile-bottom { display: none; } @media (max-width: 1400px) { .header-top__menu-more { font-size: 16px; } .header__menu { margin-right: 0; } .header-top_fixed .header__menu { font-size: 16px; } .header-top_fixed.header_profile-top .header__menu { font-size: 14px; } .header-top_fixed.header_profile-top .header-top__item { margin: 0 0 0 10px; } .footer-menu { flex-wrap: wrap; } .footer-menu__column { min-width: 30%; } .slider-navigation .center-max { width: 100%; } .slider-navigation__prev { left: 10px; } .slider-navigation__next { right: 10px; } .clients-slider { margin: 69px 20px 0; } .advantages-item { margin-bottom: 64px; padding-top: 70px; } .advantages-item__title { max-width: 300px; margin-bottom: 16px; font-size: 34px; line-height: 42px; } .advantages-item__description { font-size: 20px; line-height: 30px; } } @media (max-width: 1100px) { .header__menu, .header__more { font-size: 17px; } .header-top_fixed .header-top__item { margin-right: 20px; } .header-top_fixed .header-top__cart { margin-right: 0; } .header-top_fixed .header__menu li { margin-left: 17px; } .header-top_fixed.header_profile-top .header-top__item { margin: 0 0 0 10px; } .main-slider__search-block { width: calc(100% - 40px); } .services-items-slider { margin: 0 30px; } .clients-slider { margin: 69px 40px 0; } .header-top__item { margin-right: 30px; } } @media (max-width: 1020px) { .header-top_fixed.header_profile-top .header-top__item { margin: 0 0 0 10px; } } @media (max-width: 960px) { .center { width: calc(100% - 40px); } .title { font-size: 30px; line-height: 36px; } .header-top, .header { display: none; } .header-mobile { display: block; position: fixed; width: 100%; top: 0; left: 0; z-index: 100; /* background: #fff; */ } .header-mobile ~ section:first-of-type { margin-top: 100px; } .header-mobile_fixed { box-shadow: 5px 7px 33px 2px #f0f2f9; background: #fff; } .full-menu { top: 0; z-index: 101; padding: 38px 0 39px; max-height: 100%; overflow-y: scroll; box-sizing: border-box; } .full-menu .center{ display: block; } .full-menu__column { width: 100%; margin-bottom: 0; } .full-menu__column ul { display: none; padding: 0 0 11px 35px; margin: 0; } .menu-mobile__profile { display: flex; margin: 0 0 22px; flex-wrap: wrap; } .menu-mobile__profile a { color: #ffffff; font-size: 18px; font-weight: 700; letter-spacing: 0.84px; text-transform: uppercase; text-decoration: none; } .menu-mobile__profile a:not(:last-of-type)::after { content: '•'; color: #606060; font-size: 14px; font-weight: 400; margin: 0 9px 0 10px; position: relative; top: -3px; } .menu-mobile__contacts { display: flex; flex-wrap: wrap; margin: 84px 0 0; } .menu-mobile__contacts .header-top__phone { width: 100%; display: flex; justify-content: center; color: #ffffff; font-size: 24px; font-weight: 500; margin: 0 0 0; } .menu-mobile__contacts .header-top__phone::before { margin: 0 8px -7px 0; } .menu-mobile__contacts .header-top__telegram, .menu-mobile__contacts .header-top__whatsapp { width: calc(50% - 10px); display: flex; align-items: center; justify-content: center; height: 50px; color: #ffffff; font-size: 16px; font-weight: 500; margin: 28px 0 0; border-radius: 3px; } .menu-mobile__contacts .header-top__telegram { background-color: #419fd9; } .menu-mobile__contacts .header-top__whatsapp { background-color: #00c364; margin-right: 20px; } .menu-mobile-bottom { display: flex; justify-content: space-between; align-items: flex-start; margin: 34px 0 0; } .menu-mobile-bottom__links { } .menu-mobile-bottom__links a { display: block; color: #5f5f5f; font-size: 11px; line-height: 22px; text-decoration: none; } .menu-mobile-bottom__social { display: flex; align-items: center; margin: 5px 0 0; } .menu-mobile-bottom__social .header-top__item { margin: 0 0 0 30px; } .header__row { height: 70px; } .header__column { display: flex; } .header__logo { margin: 0px 0 0 -3px; } .mobile-menu-btn { margin-bottom: 2px; } .header-top__item { margin-right: 37px; margin-bottom: 2px; font-size: 0; } .header-top__account { margin-right: 30px; } .header-top__account::before, .header-top__cart::before { margin-right: 0; } .header-top__cart::after { top: -9px; left: 12px; } /* Hamburger */ .hamburger { cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font-size: 0; line-height: 0; color: var(--main-color); text-transform: none; background-color: transparent; border: 0; overflow: visible; z-index: 1010; } .hamburger-box { width: 20px; height: 18px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: 5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 100%; height: 3px; border-radius: 3px; background-color: var(--main-color); position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { width: 17px; top: -14px; } .hamburger-inner::after { width: 20px; bottom: 7px; } .hamburger--collapse .hamburger-inner { width: 13px; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -5px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .advantages-block { margin-top: 70px; padding: 70px 0 0; } .advantages-item { margin-bottom: 44px; padding-top: 50px; } .advantages-item__title { max-width: 260px; margin-bottom: 16px; font-size: 28px; line-height: 33px; } .advantages-item__description { max-width: 285px; font-size: 18px; line-height: 26px; } .clients-block { padding-bottom: 70px; } .news-block { padding: 70px 0 180px; } .offer-block { padding: 70px 0; } .offer-block .content p br, .offer-block .content p br::after { content: ' '; display: inline-block; } .products-table thead td { padding: 10px 10px 10px 0; font-size: 10px; line-height: 15px; } .products-table tbody td { padding: 15px 15px 15px 0; } .products-table__td-date, .products-table__td-view, .products-table__td-favor, .products-table__td-tic, .products-table__td-left, .products-table__td-iks, .products-table__td-bets { font-size: 14px; } .products-table tbody tr:not(.checking):hover td:first-of-type::before { height: 80px; margin: -31px 0 0 -20px; } .products-table tbody tr.checking td:first-of-type::after { display: block; width: fit-content; height: 25px; top: 6px; margin-left: 0; padding: 0 6px; font-size: 14px; line-height: 25px; } .form-choose__label { height: 36px; padding: 0 10px 2px; font-size: 16px; } } @media (max-width: 767px) { .main-slider__item { height: 270px; background-size: cover; } .main-slider__title { margin-top: 25px; font-size: 22px; line-height: 36px; } .main-slider-navigation__prev, .main-slider-navigation__next { margin: -5px 0 0; } .slider-navigation__prev { left: 20px; } .slider-navigation__next { right: 20px; } .search-block__form-input { padding-right: 70px; /* padding-bottom: 8px; */ } .search-block__form .form-label__text { margin-top: -2px; } .search-block__form-btn, .domain-list-block__search-block .search-block__form-btn { height: 59px; padding: 0 26px 0 26px; font-size: 0; } .search-block__form-btn::before { content: ''; display: inline-block; width: 27px; height: 11px; margin: 0 0 1px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTYyRkI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCA1LjUgMTAgMTEgNy4yNyA2IDI3IDYgMjcgNSA3LjI3IDUgMTAgMCAwIDUuNSIvPjwvZz48L2c+PC9zdmc+") no-repeat 0 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .form-domains { /* display: none; */ } .search-block .form__switchlabel { /* display: none; */ margin: 30px 0 0; flex-direction: row-reverse; justify-content: flex-end; } .search-block .form__switchlabel input[type=checkbox] { margin: 0 11px 0 0; } .link-advanced-search { display: none; } .link-advanced-search_mobile { border: none; display: block; margin-left: auto; background: none; margin-top: 21px; } .link-advanced-search_mobile ~ .form__row { display: none; margin-top: 32px; } .link-advanced-search_mobile_open { font-size: 0; } .link-advanced-search_mobile:hover { text-decoration: none; } .link-advanced-search_mobile_open::before { content: 'Скрыть настройки'; font-size: 17px; } .link-advanced-search_mobile_open::after { width: 14px; height: 14px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAAXNSR0IB2cksfwAAABVQTFRFAAAAGWL7GWL6HGP4GWL8GWL7GWL7z4nJJwAAAAd0Uk5TAM7gJN//5MuUwzQAAABASURBVHicYxAyYGBgYFZkcE0G0mYhDGZhBgzMqclgDGIDCeNUkBxzahqICxQIBXHhNEwcqg6mD2YOzFwRsD2OAK7lEQER0cnPAAAAAElFTkSuQmCC'); } .form-domains > *:nth-of-type(n + 7) { display: none; } .search-block .form__row .domain-list-themes__list { display: block; position: static; width: 100%; padding: 0; box-shadow: none; text-align: left; margin: 50px 0 0; } .domain-list-themes__listmore { display: none; } .btn-more-themes { margin-top: 31px; } #domains-reg-content .domains-reg-exact__row, #domains-whois-optional .domains-reg-exact__row { flex-direction: column; } #domains-reg-content .domains-reg-exact .domain-name, #domains-whois-optional .domains-reg-exact .domain-name { /*width: 100%;*/ font-size: 1rem; } #domains-reg-content .domains-reg-exact .domain-price, #domains-whois-optional .domains-reg-exact .domain-price { /*width: 100%; align-items: center;*/ } .services-block { margin-top: 50px; } .services-items-slider { margin: 0 0; } .services-items-slider .swiper-wrapper { flex-direction: column; } .services-slider__item { display: flex; width: 100% !important; margin: 20px 0 1px; padding: 20px 20px 46px 28px; } .services-slider__item.hidden { opacity: 1; } .services-slider-item__image { flex: 0 0 auto; margin: 10px 28px 0 0; } .services-slider-item__description { margin: 0; text-align: left; } .services-slider-item__title { margin: 0 0 19px; min-height: 0; } .services-slider-item__text { min-height: 0; line-height: 20px; } .services-slider-item__price { margin: 43px 0 0 -81px; } .services-slider-item__btn { position: absolute; right: 30px; bottom: 30px; margin: 0; background-color: #f3f7ff; border: 1px solid #d9e5ff; color: #1962fb; } .services-slider__pagination, .services-items-slider-navigation { display: none; } .best-products-block { margin-top: 63px; } .products-table thead { display: none; } .products-table tbody tr { display: flex; flex-wrap: wrap; border-top: 1px solid #eee; position: relative; padding-bottom: 32px; } .products-table tbody td { display: block; height: auto; padding: 21px 7px 0 0; border: none; width: 100%; } .products-table td:first-of-type { padding-right: 16px; width: 100%; } .products-table__td-name { display: inline-block; margin-right: 5px; color: #666c71; font-size: 14px; font-weight: 400; } .products-table__td-tic, .products-table__td-pr, .products-table__td-date { font-size: 14px; line-height: 21px; color: #666c71; } .products-table__td-date::before, .products-table__auction .products-table__td-left::before, .products-table__auction .products-table__td-iks::before { content: '•'; display: inline-block; margin-right: 8px; color: #bcbec0; font-size: 14px; font-weight: 400; line-height: 17px; } .products-table tbody td.products-table__td-view, .products-table tbody td.products-table__td-favor { display: none; } .products-table tbody td.products-table__td-price { padding: 29px 0 0; width: 100%; text-align: left; } .products-table__btn { position: absolute; right: 0; bottom: 15px; background-color: #f3f7ff; border: 1px solid #d9e5ff; color: #1962fb; } .btn-favorite { position: absolute; right: 0; top: 14px; } .products-btn-link { margin-top: 29px; } .popular-products-block { margin-top: 64px; padding-bottom: 61px; } .products-table__auction tbody tr { padding-bottom: 22px; } .products-table__auction tbody td { padding: 15px 6px 0 0; } .products-table__auction td.products-table__td-domain { order: 4; width: 100%; padding: 20px 0 0; } .products-table__auction .products-table__td-price { } .products-table__auction .products-table__td-iks { order: 3; font-size: 14px; line-height: 21px; } .products-table__auction .products-table__td-left { order: 2; color: #666c71; font-size: 14px; line-height: 21px; } .products-table__auction .products-table__td-bets { order: 1; color: #666c71; font-size: 14px; line-height: 21px; } .products-table__auction .products-table__td-bets .products-table__td-name { margin-left: 3px; margin-right: 0; } .products-table__auction tbody td.products-table__td-price { order: 5; padding: 7px 0 0; } .products-table__auction .products-table__td-bets strong, .products-table__auction .products-table__td-left strong { font-weight: 400; } .products-table__auction .products-table__btn { bottom: 20px; } #domains-history-content .history tr { padding-bottom: 0; } #domains-history-content .history td { text-align: left; } #domains-history-content .history td:last-of-type { width: 100%; } #domains-reg-content .domains-reg-exact__row { flex-direction: column; } #domains-reg-content .domains-reg-exact .domain-name, #domains-reg-content .domains-reg-exact .domain-price { width: 100%; } .advantages-block { margin-top: 0; padding: 33px 0 0; } .advantages-items { margin-top: -11px; } .advantages-item { width: 100%; flex-direction: row; align-items: flex-start; margin-bottom: 0; padding-top: 34px; padding-bottom: 35px; text-align: left; border-top: none; border-bottom: 1px solid #eee; } .advantages-item:nth-of-type(2) { /* border-top: 1px solid #eee; */ } .advantages-item__image { flex: 0 0 auto; width: 65px; margin-right: 44px; margin-top: 5px; } .advantages-item__image img { max-width: 65px; } .advantages-item__content { align-items: flex-start; } .advantages-item__title { max-width: 260px; margin-bottom: 19px; font-size: 24px; line-height: 29px; } .advantages-item__description { margin-right: 7px; font-weight: 400; line-height: 21px; } .advantages-item__description br, .advantages-item__description br::after { content: ' '; display: inline-block; } .advantages-item::before { display: none; } .clients-block { padding: 53px 0 61px; } .clients-slider { margin: 49px 40px 0; } .clients-slider-navigation { top: 203px; } .news-block { padding: 54px 0 50px; } .news-block__row { margin-top: 19px; flex-direction: column; } .news-block__column:nth-of-type(1), .news-block__column:nth-of-type(2) { width: 100%; margin: 0; } .news-item__description { margin-bottom: 16px; } .news-item__params { margin-bottom: 13px; } .news-item__title { margin-bottom: 22px; font-size: 18px; line-height: 21px; } .news-item__introtext { line-height: 21px; } .news-btn-link { position: relative; margin: 20px 0 10px; } .news-items-small { display: none; } .services-block { padding: 54px 0 50px; } .services-block__row { margin-top: 19px; flex-direction: column; } .services-block__column:nth-of-type(1), .services-block__column:nth-of-type(2) { width: 100%; margin: 0; } .services-item__description { margin-bottom: 16px; } .services-item__params { margin-bottom: 13px; } .services-item__title { margin-bottom: 22px; font-size: 18px; line-height: 21px; } .services-item__introtext { line-height: 21px; } .services-btn-link { position: relative; margin: 20px 0 10px; } .services-items-small { display: none; } .services-block { padding: 54px 0 50px; } .services-block__row { margin-top: 19px; flex-direction: column; } .testimonials-block__row { margin-top: 19px; flex-direction: column; } .testimonials-block__column:nth-of-type(1), .testimonials-block__column:nth-of-type(2) { width: 100%; margin: 0; } .testimonials-item__description { margin-bottom: 16px; } .testimonials-item__params { margin-bottom: 13px; } .testimonials-item__title { margin-bottom: 22px; font-size: 18px; line-height: 21px; } .testimonials-item__introtext { line-height: 21px; } .testimonials-btn-link { position: relative; margin: 20px 0 10px; } .testimonials-items-small { display: none; } .helps-block__column:nth-of-type(1), .helps-block__column:nth-of-type(2) { width: 100%; margin: 0; } .helps-item__description { margin-bottom: 16px; } .helps-item__params { margin-bottom: 13px; } .helps-item__title { margin-bottom: 22px; font-size: 18px; line-height: 21px; } .helps-item__introtext { line-height: 21px; } .helps-btn-link { position: relative; margin: 20px 0 10px; } .helps-items-small { display: none; } .hostings-block { padding: 54px 0 50px; } .hostings-block__row { margin-top: 19px; flex-direction: column; } .hostings-block__column:nth-of-type(1), .hostings-block__column:nth-of-type(2) { width: 100%; margin: 0; } .hostings-item__description { margin-bottom: 16px; } .hostings-item__params { margin-bottom: 13px; } .hostings-item__title { margin-bottom: 22px; font-size: 18px; line-height: 21px; } .hostings-item__introtext { line-height: 21px; } .hostings-btn-link { position: relative; margin: 20px 0 10px; } .hostings-items-small { display: none; } .offer-block { padding: 57px 0 15px; } .content h2 { font-size: 24px; line-height: 29px; margin-bottom: 19px; text-align: left; } .content p { margin-bottom: 27px; font-size: 18px; line-height: 21px; text-align: left; } .patent-table thead { display: none; } .patent-table tbody tr { display: flex; flex-wrap: wrap; border-top: 1px solid #eee; position: relative; padding-bottom: 32px; } .patent-table tbody td { display: block; height: auto; padding: 21px 7px 0 0; border: none; width: 100%; } .patent-table td:first-of-type { width: 100%; text-align: center !important; } .patent-table__btn { position: absolute; right: 0; bottom: 15px; background-color: #f3f7ff; border: 1px solid #d9e5ff; color: #1962fb; } .footer-top { display: none; } .footer-bottom__col:last-of-type { display: none; } .static-block { padding: 24px 0 17px; } .static-block__title { margin-bottom: 20px; text-align: left; } .static-block__introtext { margin-bottom: 24px; text-align: left; font-size: 18px; line-height: 22px; } .static-block__content { margin-bottom: 0; } .static-block__image { margin-bottom: 16px; } .static-block__content h2 { font-size: 18px; } .static-block__params { margin-top: -16px; } .login-block__title { text-align: left; } .login-form { margin-top: 20px; } .login-form__tools a { font-size: 14px; } .login-form__tools .form__switchlabel { font-size: 14px; white-space: pre-wrap; margin-left: 0; } .login-block { padding: 24px 0 100px; min-height: calc(100vh - 130px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .login-form__choose .form-choose__label { padding: 0 10px 4px; font-size: 17px; } .login-form__choose .form-choose__label:last-of-type { margin-right: 0; } .order-progress-mobile { display: block; margin-bottom: -7px; } .order-progress { display: none; } .order-block__title { text-align: left; } .order-block { padding-top: 21px; } .order-block__services-items { flex-wrap: wrap; margin-top: 20px; } .order-block__services-items .services-slider__item { margin-bottom: 20px; } .order-block .order-list { margin-top: 20px; padding-top: 28px; } .order-list__title { font-size: 20px; line-height: 24px; margin-bottom: 24px; } .order-list-total__btn { margin: 47px 0 0; width: 100%; } .order-list-total { padding: 38px 30px 0; } .products-table_cart .products-table__td-domain { order: 1; flex: 1; text-align: left; box-sizing: border-box; padding-top: 15px; } .products-table_order .products-table__td-domain { width: 50%; } .products-table_cart tbody td.products-table__td-price { order: 3; width: 100%; text-align: left; padding: 0 0 0; } .products-table_order tbody td.products-table__td-price { order: 2; width: 50%; text-align: right; padding-top: 15px; } .products-table_cart .products-table__td-category, .products-table_cart .products-table__td-pr, .products-table_cart .products-table__td-tic { order: 4; padding-top: 13px; } .products-table_cart .products-table__td-pr::before, .products-table_cart .products-table__td-tic::before { content: '•'; display: inline-block; margin-right: 8px; color: #bcbec0; font-size: 14px; font-weight: 400; line-height: 17px; } .products-table_cart .domain-category-label { border: none; padding: 0; color: #666c71; font-size: 14px; font-weight: 400; height: auto; opacity: 1; } .products-table_cart tbody tr { padding-bottom: 13px; } .products-table_cart tbody td.products-table__td-remove { order: 2; text-align: right; padding: 19px 0 0; margin-bottom: -4px; width: 18px; } .cart-list .products-table { margin-top: -17px; } .cart-list .products-table tbody tr:first-of-type { border-top: none; } .profile-block__row { flex-wrap: wrap; } .profile-block__left { width: 100%; margin: 0; order: 2; } .profile-block__right { order: 1; margin-top: 30px; } .profile-widget:not(.profile-widget_important) { display: none; } .profile-item { width: 100%; } .profile-widget_important { display: flex; flex-wrap: wrap; } .profile-widget_important .profile-widget__btn { width: 100%; } .profile-widget__description { flex: 1; margin: -4px 0 0 30px; } .profile-widget_important .profile-widget__title { text-align: left; margin-bottom: 0; } .profile-widget_important .profile-widget__text { text-align: left; } .profile-widget_important .profile-widget__text br { display: none; } .header-top__notifications { margin: 0 22px 0 0; } .header-top__wallet { margin: 4px 18px 0 -6px; } .header-top__notifications::after { top: -9px; left: 12px; } .contact-block__text { font-size: 18px; line-height: 22px; max-width: 302px; } .contact-block__text br { display: none; } .contacts__item_facebook, .contacts__item_vk, .contacts__item_instagram { display: none; } .contacts { flex-wrap: wrap; } .contacts__item_phone { width: 100%; justify-content: center; font-size: 24px; } .contacts__item_telegram, .contacts__item_whatsapp { width: calc(50% - 10px); display: flex; align-items: center; justify-content: center; height: 50px; color: #ffffff; font-size: 16px; font-weight: 500; margin: 28px 0 0; border-radius: 3px; } .contacts__item_telegram { background-color: #419fd9; } .contacts__item_whatsapp { background-color: #00c364; margin-right: 20px; } .contacts__item_whatsapp::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+d2hhdHNhcHA8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNMTQuNzUsMTJjLjI1LjEzLjQxLjIuNDYuM0EyLDIsMCwwLDEsMTUsMTMuNDRhMi40MywyLjQzLDAsMCwxLTEuNywxLjEyYy0uNDYsMC0uNDcuMzYtMy0uNzNBMTAuMjQsMTAuMjQsMCwwLDEsNi4yMyw5LjkxLDQuODUsNC44NSwwLDAsMSw1LjMxLDcuM2EyLjczLDIuNzMsMCwwLDEsLjk1LTJBLjc1Ljc1LDAsMCwxLDYuOTQsNWguNDdjLjE1LDAsLjM2LS4wNi41NS40NWwuNjksMS44N2EuNDYuNDYsMCwwLDEsMCwuNDRsLS4yNy40MUw4LDguNTljLS4xMi4xMi0uMjYuMjUtLjEyLjVBNy40Miw3LjQyLDAsMCwwLDkuMiwxMC44N2E2LjYxLDYuNjEsMCwwLDAsMS45NSwxLjNjLjI0LjE0LjM5LjEyLjU0LDBsLjgxLS45NGMuMTktLjI1LjM1LS4xOS41OC0uMTFsMS42Ny44OE0xMCwwQTEwLDEwLDAsMSwxLDQuNjUsMTguNDVMMCwyMGwxLjU1LTQuNjVBMTAsMTAsMCwwLDEsMTAsMG0wLDJBOCw4LDAsMCwwLDMuNDYsMTQuNjFsLTEsMi44OSwyLjg5LTFBOCw4LDAsMSwwLDEwLDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmZmZmZmYiLz48L2c+PC9nPjwvZz48L3N2Zz4="); } .contacts__item_telegram::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOC4wMiAxNS4xMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxOC4wMiIgaGVpZ2h0PSIxNS4xMiIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5pY29uLXRlbGVncmFtPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggZD0iTTYuNzgsMTQuMjEsNy4wNiwxMGw3LjY4LTYuOTJjLjM0LS4zMS0uMDctLjQ2LS41Mi0uMTlsLTkuNDgsNkwuNjQsNy41NmMtLjg4LS4yNS0uODktLjg2LjItMS4zTDE2LjgxLjFjLjczLS4zMywxLjQzLjE4LDEuMTUsMS4zTDE1LjI0LDE0LjIxYy0uMTkuOTEtLjc0LDEuMTMtMS41LjcxTDkuNiwxMS44NmwtMiwxLjkzYTEuMDYsMS4wNiwwLDAsMS0uODMuNDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmZmZmZmYiIC8+PC9nPjwvZz48L2c+PC9zdmc+"); } .full-menu__column_mobile { display: block; } .full-menu li ul { padding-top: 22px; padding-bottom: 0; } .domain-block { padding: 15px 0 0; } .domain-block__title { text-align: left; } .domain-block__row { flex-wrap: wrap; margin-top: 11px; } .domain-block__column:last-of-type { order: 1; width: 100%; } .domain-block__column:first-of-type { order: 2; margin-top: 19px; } .domain-block__subtitle { text-align: left; margin-top: 10px !important; margin-bottom: 30px !important; } .domain-stats-block { margin-top: 33px; } .domain-block__section-title { font-size: 18px; line-height: 34px; } .domain-block__section-description { margin-top: 11px; } .domain-block__section-params { margin-top: 9px; } .domain-block__section-params td { padding: 15px 0 17px; } .domain-block__section-links a:last-of-type { margin-right: 0; padding: 0 41px; } .domain-block__section { margin-bottom: 30px; } .domain-block__section-seller { margin-top: 11px; } .domain-block__section:nth-of-type(2) { margin-bottom: 27px; } .domain-block__section-categories { margin-top: 16px; } .domain-block__section:nth-of-type(3) { margin-bottom: 28px; } .domain-block__section-categories li:last-of-type { margin-right: 0; } .clock { margin-top: 16px; } .domain-block__title .btn-favorite { margin-right: 0; margin-top: 0px; } .news-block_news-page { padding-top: 34px; } .news-block .label-btn-show { display: none; } .news-block_news-page .news-block__row { margin-top: 20px; } .news-block_news-page .page-navigation-block { margin-top: 36px; margin-bottom: 47px; } .news-block_news-page .page-navigation { margin: 0 auto; } .news-block_news-page .page-navigation li:last-of-type { margin-right: 0; } .services-block_services-page { padding-top: 34px; } .services-block .label-btn-show { display: none; } .services-block_services-page .services-block__row { margin-top: 20px; } .services-block_services-page .page-navigation-block { margin-top: 36px; margin-bottom: 47px; } .services-block_services-page .page-navigation { margin: 0 auto; } .services-block_services-page .page-navigation li:last-of-type { margin-right: 0; } .testimonials-block_testimonials-page { padding-top: 34px; } .testimonials-block .label-btn-show { display: none; } .testimonials-block_testimonials-page .testimonials-block__row { margin-top: 20px; } .testimonials-block_testimonials-page .page-navigation-block { margin-top: 36px; margin-bottom: 47px; } .testimonials-block_testimonials-page .page-navigation { margin: 0 auto; } .testimonials-block_testimonials-page .page-navigation li:last-of-type { margin-right: 0; } .hostings-block_hostings-page { padding-top: 34px; } .hostings-block .label-btn-show { display: none; } .hostings-block_hostings-page .hostings-block__row { margin-top: 20px; } .hostings-block_hostings-page .page-navigation-block { margin-top: 36px; margin-bottom: 47px; } .hostings-block_hostings-page .page-navigation { margin: 0 auto; } .hostings-block_hostings-page .page-navigation li:last-of-type { margin-right: 0; } .mobile-hide { display: none; } .products-table tbody tr:not(.checking):hover td:first-of-type::before { height: 100%; margin: -21px 0 0 -20px; } .domain-list-block__search-block { margin-bottom: 55px; } .domain-list-themes { display: none; } .page-navigation-block { margin-top: 46px; text-align: center; } .label-btn-show { display: none; } .page-navigation { width: 100%; } .page-navigation ul { text-align: center; } .page-navigation li { margin: 0 16px; } .page-navigation li:last-of-type { margin-left: 55px; } .domain-list-block + .advantages-block { padding: 49px 0 0; } .registration-domain__search-block { margin-bottom: 55px; } .products-table__registration tbody tr { /* margin-bottom: 0px; */ } .products-table__registration tbody td.products-table__td-price { width: fit-content; padding: 13px 0 0; position: relative; } .best-products-block tbody td.products-table__td-price { width: fit-content; padding: 13px 0 0; position: relative; } .domain-list-block .old-price { display: block; white-space: nowrap; margin: 0 0 3px 0; } .best-products-block .old-price { display: block; white-space: nowrap; margin: 0 0 3px 0; } .products-table__td-domain .domain-sale-label { display: none; } .products-table__td-price .domain-sale-label { display: block; position: absolute; left: 100%; margin: -9px 0 0 10px; top: 50%; } .products-table__registration .products-table__td-domain { width: 100%; } .products-table__registration .domain-category-label { background: none; font-size: 14px; color: #666c71; padding: 0; margin: 0px 0 0 12px; } .best-products-block .products-table__td-domain { width: 100%; } .best-products-block .domain-category-label { background: none; font-size: 14px; color: #666c71; padding: 0; margin: 0px 0 0 12px; } .best-products-block .products-table__td-date { display: none; } .best-products-block .products-table__td-traffic { display: none; } } @media (max-width: 409px) { .footer-bottom { padding-bottom: 25px; padding-top: 25px; } .center { width: calc(100% - 20px); } .title { font-size: 26px; } .menu-mobile__profile a, .full-menu__title { font-size: 16px; } .main-slider__search-block { width: calc(100% - 10px); } .search-block__form { padding: 10px 10px 20px; } .search-block__form-btn { top: 10px; right: 10px; } .cart-promocode .search-block__form-btn { top: 30px; right: 0px; } .login-form { padding: 20px; } .order-list { padding-left: 15px; padding-right: 15px; } .order-list-total { margin: 8px -15px 0; padding: 38px 15px 0; } .profile-widget { padding: 20px; } .profile-item { padding: 24px 15px; } .services-slider__item { padding: 20px 15px 46px; } .services-slider-item__text { font-size: 16px; line-height: 19px; } .services-slider-item__btn { right: 15px; } .products-table_best .products-table__btn{ right: 30px; } .products-table_best .btn-favorite { top: auto; bottom: 31px; right: 0; } .domain-price-block { padding: 18px; } .domain-block__section-links a, .domain-block__section-links a:last-of-type { padding: 0 27px; } .domain-block__section-categories li { font-size: 16px; padding: 0 10px; margin-right: 4px; } .domain-blitz-price-block { margin: 40px -18px 0; padding: 48px 18px 0; } .clock .separator { margin: -21px 5px 0; } .clock .group { width: 89px; } .clock .number { width: 40px; font-size: 40px; } .clock .number::after { width: 34px; } .domain-block__section-params td:first-of-type { width: 60%; } .domain-block__section-params td:last-of-type { padding-left: 0; } .advantages-item__image { margin-right: 24px; } .advantages-item__title { font-size: 20px; line-height: 25px; } .advantages-item__description { margin-right: 0; font-size: 16px; line-height: 21px; } .products-table tbody tr.checking td:first-of-type::after { top: 2px; margin: -22px 0 -3px auto; } .products-table__btn { height: 40px; padding: 0 10px 1px; font-size: 14px; } .products-table__auction .products-table__btn { bottom: 20px; } .page-navigation li { margin: 0 10px; } .page-navigation li:last-of-type { margin-left: 35px; } .search-block__form-btn, .domain-list-block__search-block .search-block__form-btn { padding: 0 20px; } .services-item__image { width: 100%; } .services-item__description { width: 100%; } } .modal { display: none; } .modal--show, .modal--hide { display: flex; } /* classes fired by js for animation control */ .modal .title { padding-left: 23px; padding-bottom: 15px; } /* This is on the wrapper for the whole modal */ .modal--align { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 999; word-break: normal; align-items: center; justify-content: center; } .modal__container { position: relative; width: 100%; max-width: 600px; padding: 20px; margin: 12px; background: #fff; max-height: calc(100vh - 210px); overflow-y: auto; -ms-overflow-style: none; } .modal__container::-webkit-scrollbar { display: none; } /* The .modal__close class is used in js but is modified '--x' here */ .modal__close--x { font-size: 30px; /* this is only because we use unicode for the X in this case */ position: absolute; top: 3px; right: 10px; } /* As there is no href to avoid the hash being added to the URL when clicked we add a pointer */ /* This 'x' is hidden from screen readers as there is an accessible close button in the modal */ .modal__close--x:hover { cursor: pointer; } /* Animations */ /* Open */ .modal.modal--show { animation: modal-open 0.3s; } @keyframes modal-open { 0% { opacity: 0; } 100% { opacity: 1; } } /* Close */ .modal.modal--hide { animation: modal-close 0.3s; } @keyframes modal-close { 0% { opacity: 1; } 100% { opacity: 0; } } small { font-size: 80%; } .col-form-label { color: #666c71; font-size: 14px; } .col-form-label [data-toggle="tooltip"] { border-bottom: 1px dotted var(--text-color); } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; box-sizing: border-box; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-muted { color: var(--muted-color) !important; } .order-form { margin: 30px 0; } .order-form__input { width: 100%; } .order-form__input.filled { padding-left: 20px; } .order-form .form__switchlabel { white-space: normal; margin-left: 0; font-size: 16px; } .domain-order__btn { width: 100%; height: 60px; padding-bottom: 3px; background-color: var(--main-color); border: none; border-radius: 3px; text-align: center; color: white; font-size: 19px; font-weight: 500; } .domain-order__btn:hover { background: #fd0000; } .domain-order__btn:disabled { background-color: var(--muted-color); } .domain-order__btn:disabled:hover { background-color: var(--muted-color); } .add-balance__description { font-size: 24px; margin: 20px 0; } .add-balance__form { position: relative; margin-bottom: 20px; } .add-balance__form-input { width: 100%; padding: 0 170px 3px 47px; } .add-balance__form-btn { height: 60px; padding: 0 30px 0 28px; border: none; background: none; border-left: 1px solid #d9e5ff; color: var(--main-color); text-align: center; font-size: 19px; font-weight: 500; position: absolute; top: 0px; right: 0px; } .table { width: 100%; margin-top: 19px; position: relative; z-index: 1; } .table thead { } .table thead td, .table thead th { padding: 17px 30px 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #666c71; font-size: 14px; line-height: 17px; vertical-align: middle; text-align: right; white-space: nowrap; } .table thead td:first-of-type { text-align: left; } .table tbody { } .table tbody tr { position: relative; z-index: 1; cursor: pointer; } .table tbody td, .table tbody th { height: 50px; padding: 19px 30px 20px 0; border-top: 1px solid #eee; vertical-align: middle; text-align: right; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; word-break: break-all; } .table tbody [data-type="rtype"], .table tbody [data-type="priority"], .table tbody [data-type="ttl"] { word-break: keep-all; } .table td[data-col="url"], .table td[data-col="dns"], .table td[data-col="profile"], .table td[data-col="state"] { word-break: normal; } .table tbody td:first-of-type { text-align: left; } .table td[data-col="price_id"] { white-space: nowrap; } .table .btns { white-space: nowrap; } @media (max-width: 767px) { .table thead { display: none; } .table tbody tr { display: flex; flex-wrap: wrap; border-top: 1px solid #eee; position: relative; padding-bottom: 32px; } .table tbody td { display: block; height: auto; padding: 21px 7px 0 0; border: none; } .table tbody td.btns { padding-top: 15px; } .table td:first-of-type { padding-right: 16px; } } .main__btn { margin-top: 29px; padding: 10px; background-color: var(--main-color); border: none; border-radius: 3px; text-align: center; color: white; font-size: 15px; font-weight: 500; display: inline-block; } .muted__btn { margin-top: 29px; padding: 10px; background-color: var(--muted-color); border: none; border-radius: 3px; text-align: center; color: white; font-size: 15px; font-weight: 500; display: inline-block; } .any-form__input { width: 100%; } .any-form__input.filled { padding-left: 20px; } #floating-functions { position: fixed; bottom: 50px; right: 50px; z-index: 5; } @media (max-width: 480px) { #floating-functions { bottom: 0; right: 0; left: 0; white-space: nowrap; font-size: 0; } #floating-functions > button { width: 50%; margin: 0; font-size: 11px; } #floating-functions > .btn-group { width: 50%; margin: 0; font-size: 11px; white-space: normal; } #floating-functions > .btn-group > button { width: 100%; font-size: 11px; } } #floating-functions .domain-labels-list { min-width: 320px; max-height: 250px; overflow-y: auto; } #floating-functions .domain-labels-list .domain-label span { max-width: 320px; overflow-x: hidden; } #floating-functions .domain-labels-list .domain-label .editable { color: black; text-align: left; border-color: white; } #floating-functions .domain-labels-list .domain-label .editable:focus, #floating-functions .domain-labels-list .domain-label .editable:active { background-color: white; border-color: black; } .domain-label-drop.drag-above { opacity: 0.3; } .domain-label-drop.drag-above .domain-labels { position: relative; } .domain-label-drop.drag-above .domain-labels:after { content: "\ec5b"; font-family: Linearicons!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 10px; top: calc(50% - 16px); left: 10px; left: calc(50% - 16px); font-size: 200%; text-align: center; color: green; } .domain-label-drop .domain-labels .domain-label { cursor: pointer; } .domain-label-drop .domain-labels .domain-label:hover:after { content: " x "; } tr.processing { opacity: 0.3; } tr.processing td.processing { position: relative; } tr.processing td.processing:after { content: "\eaf3"; font-family: Linearicons!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 10px; top: calc(50% - 16px); left: 10px; left: calc(50% - 16px); font-size: 200%; text-align: center; color: green; } .price-selector { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .price-selector > div { display: inline-block; position: relative; padding: 10px 15px; text-align: center; border-left: 1px solid #202529; cursor: pointer; } .price-selector > div:first-child { border-left: none; } .price-selector > div.active:after { content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0; } .plan-selector { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .plan-selector > div { display: inline-block; position: relative; padding: 10px 15px; text-align: center; border-left: 1px solid #202529; cursor: pointer; } .plan-selector > div:first-child { border-left: none; } .plan-selector > div.active:after { content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0; } .template-selector { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .template-selector > div { display: inline-block; position: relative; padding: 10px 15px; text-align: center; border-left: 1px solid #202529; cursor: pointer; } .template-selector > div:first-child { border-left: none; } .template-selector > div.active:after { content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0; } .category-selector { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .category-selector > div { display: inline-block; position: relative; padding: 10px 15px; text-align: center; border-left: 1px solid #202529; cursor: pointer; } .category-selector > div:first-child { border-left: none; } .category-selector > div.active:after { content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0; } [data-whois] { cursor: pointer; } .news-item__full-text h4 { margin-bottom: 20px; margin-top: 15px; } .news-item__full-text blockquote { background: #FAFAFB; border-radius: 12px; padding: 20px; margin-bottom: 20px; } .news-item__full-text pre { font-family: monospace; } .news-item__full-text img { max-width: 100% !important; } .news-item__intro-text ul, .news-item__full-text ul, .static-block__content ul, .helps-item__description ul { /*list-style: circle inside;*/ list-style: none; } .news-item__intro-text ul > li, .news-item__full-text ul > li, .static-block__content ul > li, .helps-item__description ul > li, .hostings-item__description ul > li, .hostings-text ul > li, .content ul > li { margin-bottom: 20px; line-height: 35px; padding-left: 1em; } .center .content ul { margin-top: 20px; } .content ul > li { line-height: 40px; text-align: center; color: #666c71; font-size: 20px; } .news-item__intro-text ul.plus > li, .news-item__full-text ul.plus > li, .static-block__content ul.plus > li, .helps-item__description ul.plus > li, .hostings-item__description ul.plus > li, .hostings-text ul.plus > li { margin-bottom: 20px; line-height: 35px; padding-left: 1.5em; } .news-item__intro-text ul > li::before, .news-item__full-text ul > li::before, .static-block__content ul > li::before, .helps-item__description ul > li::before, .hostings-item__description ul > li::before, .hostings-text ul > li::before, .content ul > li::before { content: "•"; color: #1962fb; display: inline-block; width: 1em; margin-left: -1em; } .news-item__intro-text ul.plus > li::before, .news-item__full-text ul.plus > li::before, .static-block__content ul.plus > li::before, .helps-item__description ul.plus > li::before, .hostings-item__description ul.plus > li::before, .hostings-text ul.plus > li::before { content: "✓"; color: #1962fb; display: inline-block; width: 1.5em; margin-left: -1.5em; } .news-item__intro-text ol, .news-item__full-text ol, .static-block__content ol, .helps-item__description ol { counter-reset: list-counter; list-style: none; float:/*left*/none; } .news-item__intro-text ol > li, .news-item__full-text ol > li, .static-block__content ol > li, .helps-item__description ol > li { line-height: 35px; margin: 1em 0 1.5em 0; } .news-item__intro-text ol > li:before, .news-item__full-text ol > li:before, .static-block__content ol > li:before, .helps-item__description ol > li:before { content: counter(list-counter); counter-increment: list-counter; width: 1em; height: 1em; padding: .5em; margin-right: 1em; border-radius: 50%; border: .25em solid #ccc; background: #1962fb; color: #fff; font-weight: bold; text-align: center; display: inline-block; line-height: 20px; } .news-item__intro-text ol > li img, .news-item__full-text ol > li img, .static-block__content ol > li img, .helps-item__description ol > li img { padding: 1em 0 1.5em 1em; max-width: 100%; box-sizing: border-box; } .news-item__intro-text ol > li p, .news-item__full-text ol > li p, .static-block__content ol > li p, .helps-item__description ol > li p { padding: 1em 0 1.5em 1em; max-width: 100%; box-sizing: border-box; } .news-item__intro-text ol > li ul, .news-item__full-text ol > li ul, .static-block__content ol > li ul, .helps-item__description ol > li ul { padding: 1em 0 1.5em 1em; max-width: 100%; box-sizing: border-box; } .news-item__intro-text ol > li h3, .news-item__full-text ol > li h3, .static-block__content ol > li h3, .helps-item__description ol > li h3 { display: inline-block; } @media (max-width: 767px) { .news-item__intro-text ol > li img, .news-item__full-text ol > li img, .static-block__content ol > li img, .helps-item__description ol > li img { padding-left: 0; } .news-item__intro-text ol > li p, .news-item__full-text ol > li p, .static-block__content ol > li p, .helps-item__description ol > li p { padding-left: 0; } .news-item__intro-text ol > li ul, .news-item__full-text ol > li ul, .static-block__content ol > li ul, .helps-item__description ol > li ul { padding-left: 0; } } .news-item__intro-text ul > li img, .news-item__full-text ul > li img, .static-block__content ul > li img, .helps-item__description ul > li img { padding: 1em 0 1.5em 1em; max-width: 100%; box-sizing: border-box; } .news-item__intro-text ul > li p, .news-item__full-text ul > li p, .static-block__content ul > li p, .helps-item__description ul > li p { padding: 1em 0 1.5em 1em; max-width: 100%; box-sizing: border-box; } .news-item__intro-text ul > li ul, .news-item__full-text ul > li ul, .static-block__content ul > li ul, .helps-item__description ul > li ul { padding: 1em 0 1.5em 1em; max-width: 100%; box-sizing: border-box; } .news-item__intro-text ul > li h3, .news-item__full-text ul > li h3, .static-block__content ul > li h3, .helps-item__description ul > li h3 { display: inline-block; } @media (max-width: 767px) { .news-item__intro-text ul > li img, .news-item__full-text ul > li img, .static-block__content ul > li img, .helps-item__description ul > li img { padding-left: 0; } .news-item__intro-text ul > li p, .news-item__full-text ul > li p, .static-block__content ul > li p, .helps-item__description ul > li p { padding-left: 0; } .news-item__intro-text ul > li ul, .news-item__full-text ul > li ul, .static-block__content ul > li ul, .helps-item__description ul > li ul { padding-left: 0; } } .contact-form { margin: 30px 0; } .contact-form__input { width: 100%; } .contact-form__input.filled { padding-left: 20px; } .contact-form .form__switchlabel { white-space: normal; margin-left: 0; font-size: 16px; } .contact-service__btn { width: 100%; height: 60px; padding-bottom: 3px; background-color: var(--main-color); border: none; border-radius: 3px; text-align: center; color: white; font-size: 19px; font-weight: 500; } .contact-service__btn:hover { background: #fd0000; } .contact-service__btn:disabled { background-color: var(--muted-color); } .contact-service__btn:disabled:hover { background-color: var(--muted-color); } .suggestions-wrapper { position: absolute; } .set-profile-form .form-select { font-size: 13px; margin-top: 20px; } .order-list-total__row strong { white-space: nowrap; } .dropdown-menu.show { min-width: 400px !important; width: 100% !important; transform: none !important; } @media (max-width: 767px) { .dropdown-menu.show { min-width: 300px !important; } } fieldset.form-group { margin-bottom: 40px; } .form-group > label { color: #1962fb; font-size: 16px; } .form-control { border-color: #D9E5FF; background: #F3F7FF; min-width: 50px; } .form-control:focus { border-color: #e6e6e6; } .form-control::placeholder { color: #C9DBFF !important; opacity: 1; } .form-control:-ms-input-placeholder { color: #C9DBFF !important; } .form-control::-ms-input-placeholder { color: #C9DBFF !important; } .form-control:focus::placeholder { color: #e6e6e6 !important; opacity: 1; } .form-control:focus:-ms-input-placeholder { color: #e6e6e6 !important; } .form-control:focus::-ms-input-placeholder { color: #e6e6e6 !important; } @media (max-width: 480px) { a[data-target="#configTableModal"] { display: none; } } /* Domain Contact Block */ .domain-contact-block { padding: 18px 0 100px; } .domain-contact-block__title { text-align: center; margin: 0 auto 0; } .domain-contact-form { max-width: 100%; width: 500px; margin: 29px auto 0; box-shadow: 5px 7px 33px 2px #f0f2f9; border-radius: 12px; background-color: #ffffff; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .domain-contact-form__input { width: 100%; padding: 0 20px; } .domain-contact-form .form-label { margin-bottom: 20px; } .domain-contact-form__tools { display: flex; justify-content: space-between; margin-bottom: 43px; } .domain-contact-form__tools a { font-size: 17px; font-weight: 400; color: var(--main-color); text-decoration: none; } .domain-contact-form__tools a:hover { text-decoration: underline; } .form-label__info { display: block; position: absolute; right: 22px; top: 24px; cursor: pointer; } .form-btn { height: 60px; border-radius: 3px; background-color: var(--main-color); border: none; color: #ffffff; font-size: 19px; font-weight: 500; } .form-btn:disabled { background-color: #f5f5f5; color: rgba(37, 43, 46, 0.2); cursor: not-allowed; } .domain-contact-form__choose { margin-bottom: 20px; } .card-block { margin-bottom: 20px; padding: 34px 30px; border-radius: 12px; background-color: #fafafb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .card-block.card-block__w50 { width: 50%; } .card-block__img { max-width: 100%; border-radius: 12px; } .card-block__text { margin-bottom: 20px; line-height: 35px; } .card-block__text .btn { margin: 10px 0; } .general__btn { height: 50px; padding: 0 15px 1px; background-color: white; border: 1px solid #eee; border-radius: 3px; font-weight: 500; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a.general__btn { display: inline-block; padding: 15px; height: auto; text-decoration: none; text-align: center; } .btn-new-user-payer { margin-bottom: 20px; background-color: var(--secondary-color); } @media (max-width: 480px) { .card-block.card-block__w50 { width: 100%; } } .simple-table { width: 100%; } .simple-table td { border: 1px solid #EEE; padding: 5px; } .btn-xs { font-size: 11px; padding: .25rem .5rem; } .translate-middle { transform: translate(-50%,-50%)!important; } .start-100 { left: 100%!important; } .top-0 { top: 0!important; } .position-relative { position: relative!important; } .position-absolute { position: absolute!important; } .rounded-pill { border-radius: 50rem!important; } .color-white { color: white!important; } .mb-50 { margin-bottom: 50px; } p.space { margin-top: 10px; margin-bottom: 15px; } /* Стили для красивой формы подписки */ .service-form { max-width: 500px; width: 100%; margin: 30px auto; box-shadow: 5px 7px 33px 2px #f0f2f9; border-radius: 12px; background-color: #ffffff; padding: 30px; box-sizing: border-box; transition: all 0.3s ease; } .service-form:hover { box-shadow: 8px 12px 40px 5px #e8eef8; } .service-form h4 { color: #1b2126; font-size: 24px; font-weight: 500; text-align: center; margin-bottom: 25px; line-height: 32px; } .service-form .form-group { margin-bottom: 20px; position: relative; } .service-form .form-group label { display: block; color: #1962fb; font-size: 16px; font-weight: 500; margin-bottom: 8px; } .service-form .form-control { width: 100%; height: 60px; background-color: #f3f7ff; border: 1px solid #d9e5ff; border-radius: 3px; font-size: 17px; font-weight: 400; padding: 0 20px; box-sizing: border-box; transition: all 0.4s; color: #1962fb; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .service-form .form-control:focus { background-color: #ffffff; border-color: #1962fb; outline: none; box-shadow: 0 0 0 2px rgba(25, 98, 251, 0.1); } .service-form .form-control::placeholder { color: #c8daff; opacity: 1; } .service-form .form-control:focus::placeholder { color: #a8c4ff; } .service-form .form-control.error { border: 2px solid #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .service-form .form-control.error:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .service-form .btn { width: 100%; height: 60px; background-color: #1962fb; border: none; border-radius: 3px; color: #ffffff; font-size: 19px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; margin-top: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; } .service-form .btn:hover { background-color: #fd0000; transform: translateY(-1px); box-shadow: 0 4px 15px rgba(253, 0, 0, 0.3); } .service-form .btn:active { transform: translateY(0); } .service-form .btn:disabled { background-color: #f5f5f5; color: rgba(37, 43, 46, 0.2); cursor: not-allowed; transform: none; box-shadow: none; } .service-form .text-muted { color: #666c71; font-size: 14px; line-height: 20px; text-align: center; margin: 20px 0 0 0; } .service-form .text-danger { color: #fd0000; } /* Адаптивность для мобильных устройств */ @media (max-width: 767px) { .service-form { margin: 0; padding: 24px 18px; max-width: none; width: 100%; box-shadow: 3px 5px 25px 1px #f0f2f9; border-radius: 0; } .service-form h4 { font-size: 20px; line-height: 26px; margin-bottom: 20px; } .service-form .form-group { margin-bottom: 18px; } .service-form .form-group label { font-size: 15px; margin-bottom: 6px; } .service-form .form-control { height: 52px; font-size: 16px; padding: 0 16px; border-radius: 6px; } .service-form .btn { height: 52px; font-size: 17px; border-radius: 6px; margin-top: 8px; } .service-form .text-muted { font-size: 13px; line-height: 18px; margin-top: 16px; } } /* Дополнительные стили для очень маленьких экранов */ @media (max-width: 480px) { .service-form { margin: 0; padding: 20px 16px; width: 100%; border-radius: 0; } .service-form h4 { font-size: 18px; line-height: 24px; margin-bottom: 18px; } .service-form .form-control { height: 50px; font-size: 16px; padding: 0 14px; } .service-form .btn { height: 50px; font-size: 16px; } } /* Стили для улучшения мобильного UX */ @media (max-width: 767px) { .service-form .form-control { /* Предотвращение зума на iOS при фокусе */ font-size: 16px !important; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .service-form .btn:active { transform: translateY(1px); background-color: #1458e6; } /* Улучшенный focus для мобильных */ .service-form .form-control:focus { background-color: #ffffff; border-color: #1962fb; outline: none; box-shadow: 0 0 0 3px rgba(25, 98, 251, 0.15); transform: translateZ(0); } } /* Анимация при загрузке */ .service-form { animation: fadeInUp 0.6s ease-out; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }