@-ms-viewport{width:auto !important}html{height:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-family:"bold";font-weight:"normal"}img{border:0}button,input,select,textarea{color:inherit;font:inherit;margin:0;outline:0}button,input[type="submit"]{-webkit-appearance:button;overflow:visible;cursor:pointer;vertical-align:middle}button,select{text-transform:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="search"]{-webkit-appearance:textfield;box-sizing:border-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul,ol{margin:0;padding:0;list-style:none}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden{display:none !important}[data-tab],[data-url]{cursor:pointer}[data-scroll]{cursor:pointer;text-decoration:underline}[data-scroll]:hover{text-decoration:none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.container{width:1000px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}body{font-family:"reg";font-size:16px;line-height:1.4;height:100%;background:url("../../../template/img/bg.jpg") fixed no-repeat center top/100% auto #f2f2f2}.text .row{margin-left:-20px;margin-right:-20px;margin-top:15px}.text .row:after{clear:both;display:table;content:""}.text .col-2{float:left;width:50%;padding-left:20px;padding-right:20px}.text p{margin-top:20px;margin-bottom:0}.text p:first-child{margin-top:0}.text img{max-width:100%;display:block}.text iframe{display:block;max-width:100%}.text{font-size:16px;line-height:1.4;color:#000}.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{margin-top:20px;margin-bottom:0;font-family:"bold";color:#00456a;font-weight:normal;line-height:1;text-transform:uppercase}.text h1:first-child,.text h2:first-child,.text h3:first-child,.text h4:first-child,.text h5:first-child,.text h6:first-child{margin-top:0}.text h1{font-size:23px}.text h2{font-size:25px}.text h3{font-size:18px}.text h4{font-size:17px}.text h5{font-size:16px}.text h6{font-size:15px}.text p{margin-top:20px;margin-bottom:0}.text p:first-child{margin-top:0}.text a{color:#0162b2;text-decoration:underline}.text a:hover{text-decoration:none}.text ul,.text ol{margin-top:16px;margin-left:20px}.text ul li,.text ol li{position:relative;margin-top:9px;padding-left:15px}.text ul li:first-child,.text ol li:first-child{margin-top:0}.text ol{counter-reset:li;margin-left:25px}.text ol li{margin-left:0}.text ol>li:before{content:counter(li) ".";color:#00456a;counter-increment:li;position:absolute;left:0;top:0;font-family:"medium"}.text hr{display:block;height:1px;border-top:1px solid #ccc;margin:15px 0}.text table{width:100%;margin-top:15px}.text table:first-child{margin-top:0}.text table tr th,.text table tr td{font-size:16px;padding:8px 11px !important;border:1px solid #e0dddd !important;vertical-align:middle}.text table tr td:last-child{color:#0677e8;text-align:center}.text table tr td[colspan="2"],.text table tr td[colspan="3"]{text-transform:uppercase;background:#e0dddd;color:#000;text-align:left}.text table tr:hover td:not([colspan="2"]){background:#f7f7f7}.text table tr th{text-align:center;color:#fff;font-family:"bold";text-transform:uppercase}.text table tr th:first-child{text-align:left}.button{display:inline-block;font-size:14px;color:#000;border-radius:18px;border:1px solid #00b7f4;background:#e8e8e8;padding:0 36px 0 20px;position:relative;line-height:35px;text-align:center;cursor:pointer}.button.order{padding:0 15px}.button:hover{color:#00b7f4}.button.active{color:#00b7f4}.button:after{content:"";width:14px;height:9px;background:url("../../../template/img/block__button--after.png") no-repeat;display:block;position:absolute;right:11px;top:50%;margin-top:-4px}.button.order:after{display:none}.modal{position:fixed;top:50%;left:50%;width:330px;margin-left:-165px;z-index:100;display:none;-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);box-shadow:0 2px 2px 1px rgba(0,0,0,.2);background:#fff;border-radius:7px;padding:15px 20px 18px 20px}.modal__close{width:36px;height:36px;background:url("../../../template/img/close.png") no-repeat;position:absolute;right:-46px;top:-46px;cursor:pointer}.modal__close:hover{opacity:.7}.modal__title{font-size:17px;font-family:"medium";text-align:center}.modal__note{font-size:12px;font-family:"medium";text-align:center;margin-top:15px}.modal__note a{color:#66859e;text-decoration:underline}.modal__note a:hover{color:#66859e;text-decoration:none}.modal__button{width:100%;padding:0 20px;margin-top:15px}.modal__button:after{display:none}.modal__input-text{width:100%;display:block;margin-top:15px;height:35px;border:1px solid #696969;padding:0 20px;border-radius:18px;color:#000}.overlay{position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;display:none;background:rgba(0,0,0,.8)}.static{position:absolute}.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page{display:flex;flex-direction:column;height:100%}.content{flex:1 0 auto}.headertv{background:#30204a}.header{background:#336fa1}.header__inner{display:table;width:100%}.header__logo{width:210px;display:table-cell;height:58px;vertical-align:middle;padding-left:38px;padding-right:15px;font-size:0}.header__logo-link{text-decoration:none}.new-main-menu{width:auto;display:table-cell;height:58px;vertical-align:middle;padding-right:15px}.new-main-menu p{display:inline-block;vertical-align:top;text-decoration:none;color:#fff;font-size:16px;font-family:"medium";text-shadow:1px 1px 1px rgba(2,4,6,.4);margin:0;width:100%}.new-main-menu ul{font-size:0;margin-left:-5px;margin-right:-5px}.new-main-menu li{display:inline-block;vertical-align:top;font-size:13px;font-family:"light";padding:0 5px}.new-main-menu li a{text-shadow:4px 1px 1px rgba(2,4,6,.4);color:#fff;text-decoration:none}.new-main-menu li a:hover{opacity:.8}.new-main-menu li a.call{color:#4eff00}.header__phone{display:table-cell;height:58px;vertical-align:middle;text-align:right;color:#fff;width:250px;font-size:0}.header__phone-title{font-size:13px;display:block;text-shadow:4px 1px 1px rgba(2,4,6,.4);line-height:1}.header__phone-link{display:inline-block;text-decoration:none;color:#fff;font-size:16px;font-family:"medium";text-shadow:4px 1px 1px rgba(2,4,6,.4);margin-top:-3px}.header__phone-link:hover{text-decoration:none;color:#fff}.breadcrumbs__inner{padding:20px 21% 0;font-size:0}.breadcrumbs a{margin-left:7px;color:#66859e;font-family:"medium";font-size:12px;text-decoration:underline;margin-right:17px;position:relative;display:inline-block}.breadcrumbs a:after{content:"";background:#66859e;width:8px;height:1px;display:block;position:absolute;right:-16px;top:8px}.breadcrumbs a:last-child:after{display:none}.breadcrumbs a:hover{text-decoration:none}.breadcrumbs span{margin-left:7px;color:#000;font-family:"medium";font-size:12px;display:inline-block}.main__inner{margin-left:-15px;margin-right:-15px}.main__sidebar{width:21%;padding-left:15px;padding-right:15px;float:left;margin-top:22px}.main__sidebar-inner{transition:top .25s ease-in-out;-moz-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;position:relative;top:0}.sidebar-menu{margin-top:20px}.sidebar-menu:first-child{margin-top:0}.sidebar-menu__title{padding-left:38px;color:#757575;font-size:13px;font-family:"medium"}.sidebar-menu__menu li{margin-top:4px}.sidebar-menu__menu a{color:#0162b2;font-size:16px;text-decoration:none;position:relative;padding:3px 8px 3px 38px;width:100%;display:block }.sidebar-menu__menu a:hover{text-decoration:none;background:#f1f6fa}.sidebar-menu__menu a.active{color:#000;text-decoration:none}.menu-ico:before{content:"";width:20px;height:18px;position:absolute;left:8px;top:4px;background-repeat:no-repeat;background-image:url("../../../template/img/menu-ico.png")}.menu-ico_1:before{background-position:0 0}.menu-ico_2:before{background-position:0 -18px}.menu-ico_3:before{background-position:0 -36px}.menu-ico_4:before{background-position:0 -54px}.menu-ico_5:before{background-position:0 -72px}.menu-ico_6:before{background-position:0 -90px}.menu-ico_7:before{background-position:0 -108px}.menu-ico_8:before{background-position:0 -126px}.menu-ico_9:before{background-position:0 -144px}.menu-ico_10:before{background-position:0 -162px}.menu-ico_11:before{background-position:0 -180px}.menu-ico_12:before{background-position:0 -198px}.main__content{width:58%;padding-left:15px;padding-right:15px;float:left;margin-top:22px}.no-sidebar-right .main__content{width:79%}.edges{margin-top:20px;padding:20px 0}.edges__inner{margin-left:-15px;margin-right:-15px}.edges__item{padding-left:15px;padding-right:15px;float:left;width:50%}.edges__item-inner{padding-left:90px;position:relative}.edges__item img{display:block;position:absolute;left:0;top:50%;margin-top:-30px}.edges__item-inner>span{font-size:13px;color:#0071cd;display:block;width:100%}.edges__item-inner>div{font-size:12px;color:#696969}.block{background-color:#fff;padding:20px 1px 16px 18px;margin-top:20px;background-repeat:no-repeat;background-position:right center}.block_is_main{-moz-box-shadow:0 0 25px 12px rgba(16,16,16,.1);-webkit-box-shadow:0 0 28px 12px rgba(16,16,16,.1);box-shadow:0 0 28px 12px rgba(16,16,16,.1);border-radius:25px}.block_is_problem{min-height:124px}.block_is_pack{min-height:auto}.block:first-child{margin-top:0}.block__inner{padding-right:190px}.block_is_problem .block__inner{padding-right:100px}.block_is_pack .block__inner{padding-right:0}.block__inner h1{margin:0;margin:0;font-size:24px;font-family:"bold";color:#00456a;font-weight:normal;text-transform:uppercase}.block__inner h2{font-size:18px;font-family:"bold";color:#00456a;font-weight:normal;text-transform:uppercase;margin:0}.block__text{font-size:14px;color:#000;margin-top:15px;line-height:1.7}.block__text a{color:#000;text-decoration:underline}.block__text a:hover{color:#000;text-decoration:none}.block__text p{margin:0;margin-top:15px}.block__text p:first-child{margin-top:0}.block__text ul>li{position:relative;padding-left:15px}.block__text ul>li:before{content:"";width:3px;height:3px;background:#000;display:block;position:absolute;left:0;top:10px;border-radius:50%}.text ul>li:before{content:"";width:3px;height:3px;background:#000;display:block;position:absolute;left:0;top:8px;border-radius:50%}.block__title{font-size:20px;font-family:"bold";color:#314a5b;font-weight:normal;line-height:1;margin:0}.block__title-link{text-decoration:none;color:#314a5b;text-transform:uppercase}.block__title-link:hover{color:#000}.block__subtitle{font-size:12px;color:gray;font-family:"light";text-transform:lowercase}.block__price{margin-top:25px}.block_is_pack .block__price{text-align:right}.block__price+.block__price{margin-top:10px}.block__price-title{font-size:15px;color:#000;font-family:"medium"}.block__price-price{color:#454545;font-size:18px;font-family:"light";line-height:1;margin-top:4px}.block__price_big .block__price-title{font-family:"bold";font-size:14px;color:#000}.block__price_big .block__price-price{color:#000;font-size:24px}.block__button-wrapper{margin-top:20px}.block_is_pack .block__button-wrapper{margin-top:5px}.block_is_pack .block__button-wrapper:after{content:"";clear:both;display:table}.block_is_pack .block__button{float:right}.block__cols{margin-left:-10px;margin-right:-10px}.block__cols:after{content:"";clear:both;display:table}.block__col{float:left;padding-left:10px;padding-right:10px;width:50%}.block__links{margin-top:20px}.block__links+.block__links{margin-top:15px}.block__links span{display:block;font-size:15px}.block__links ul{font-size:0}.block__links li{display:inline-block;font-size:14px;margin-right:10px}.block__links li:last-child{margin-right:0}.block__links a{color:#0162b2;text-decoration:none;font-family:"light"}.block__links a:hover{text-decoration:underline}.tabs{margin-top:30px}.tabs__links{-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);box-shadow:0 2px 2px 1px rgba(0,0,0,.2);background:#fff;background-repeat:no-repeat;background-position:right center;display:table;width:100%;border-radius:7px;overflow:hidden}.tabs__link{display:table-cell;vertical-align:middle;text-align:center;padding:7px;font-size:14px}.tabs__link:hover{color:#66859e}.tabs__link.active{background:#66859e;color:#fff}.tabs__item{margin-top:15px;-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);box-shadow:0 2px 2px 1px rgba(0,0,0,.2);background:#fff;border-radius:7px;padding:15px 20px 18px 20px}.sidebar-widget{margin-top:20px}.sidebar-widget:first-child{margin-top:0}.sidebar-widget p{margin:0;margin-top:4px}.sidebar-widget p:first-child{margin-top:0}.sidebar-widget a{color:#66859e;text-decoration:underline}.sidebar-widget a:hover{color:#66859e;text-decoration:none}.sidebar-widget_type_1,.sidebar-widget_type_3{font-size:18px;color:#fff;padding:0 20px;text-align:center;font-family:"light";background:url("../../../template/img/sidebar-widget_type_1.png") no-repeat;height:52px;display:table;width:100%}.sidebar-widget_type_1>div,.sidebar-widget_type_3>div{display:table-cell;vertical-align:middle;height:52px;width:100%;line-height:1}.sidebar-widget_type_3>div a{visibility:hidden}.sidebar-widget_type_1 span{font-size:14px;opacity:.6}.sidebar-widget_type_2 .img{border-radius:7px;overflow:hidden;-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);box-shadow:0 2px 2px 1px rgba(0,0,0,.2)}.sidebar-widget_type_2 .img+.img{margin-top:20px}.sidebar-widget_type_2 p+.img{margin-top:10px}.sidebar-widget_type_2 img{display:block}.footer{margin-top:40px;flex:0 0 auto}.footer__inner{border-top:1px solid #d1d1d1;padding-top:40px;padding-bottom:40px}.footer__row{margin-left:-15px;margin-right:-15px}.footer__col{width:20%;float:left;padding-left:15px;padding-right:15px}.footer__col_3{width:30%}.footer__col_4{width:30%}.footer-menu__title{font-size:15px;font-family:"medium"}.footer-menu__menu{margin-top:4px}.footer-menu__menu a{color:#0162b2;text-decoration:none}.footer-menu__menu a:hover{color:#000}.footer-menu__menu a.active{color:#000}.footer__contacts>div{margin-top:10px}.footer__contacts>div:first-child{margin-top:0}.footer__contacts span{font-family:"medium"}.footer__contacts a{color:#0162b2;text-decoration:underline}.footer__contacts a:hover{text-decoration:none}.footer__contacts .tel{text-decoration:none;font-family:"bold"}.header__menu-toggle{display:none}.block-title{text-align:center;padding-top:35px;margin-top:28px;border-top:1px solid #d1d1d1}.block-title:first-child{padding-top:0;margin-top:0;border-top:0}.block-title__title{color:#023657;font-size:28px;display:block;line-height:1.1}.block-title__subtitle{font-size:15px;display:block;margin-top:15px}.include_type_block{margin-top:20px}.include_type_block li{color:#0162b2;font-size:14px;font-family:"light"}.include_type_block li a{color:#0162b2;text-decoration:underline}.include_type_block li a:hover{text-decoration:none}.include_type_block li b{font-family:"reg";font-weight:normal}.include_type_block li:first-child{font-size:15px;color:#000;font-family:"reg"}.include_type_base{margin-left:-10px;margin-right:-10px;padding-bottom:15px;padding-top:15px}.include_type_base li{float:left;width:50%;padding-left:46px;position:relative;color:#0071cd;font-size:17px;margin-top:10px}.include_type_base li:before{content:"";width:21px;height:21px;background:url("../../../template/img/point__item--before.png") no-repeat;display:block;position:absolute;left:15px;top:1px}.it{background:#fff;box-shadow:0 0 15px 1px rgba(16,16,16,.1);padding:18px 15px;border:1px solid #e1e8ed;text-align:center;color:#336fa1;font-size:17px;line-height:1.3}.it img{display:inline-block;max-width:100%}.it p{margin:0;margin-top:15px}.it p:first-child{margin-top:0}.it-button{text-decoration:none !important;display:block;color:#fff !important;border-radius:3px;padding:3px 4px;font-size:16px;border-radius: 8px;text-align:center}.it-button+.it-button{margin-top:12px}.it-button_tv{background:#30204a}.it-button_tv:hover{opacity:.8}.it-button_red{background:#eb3488}.it-button_red:hover{opacity:.8}.it-button_blue{background:#4280d3}.it-button_blue:hover{opacity:.8}.it-button_green{background:#58b031}.it-button_green:hover{opacity:.8}.block+.steps{margin-top:20px}.steps>div{background:#fff;padding:20px 20px;border:1px solid #e1e8ed;margin-top:30px}.steps>div:first-child{margin-top:20px}.steps>div .long{margin-left:-20px;margin-right:-20px;margin-top:-20px;overflow:hidden;display:block}.steps>div .long img{display:block;margin:0 auto;width:100%}@media(min-width:1017px){.main__sidebar_left{display:block !important}.main__sidebar-inner.fixed{position:fixed;top:22px;z-index:90;width:180px}.br_mobile{display:none}}.block_is_page .block__inner{padding-right:0}@media(max-width:1016px){.main__sidebar{width:100%;margin-top:0}.block_is_page .block__inner{padding:15px}.br_desktop{display:none}.footer__contacts>div.social{margin-top:30px}.main__sidebar-inner{width:100%;margin:0 auto}.block_is_pack .block__button{float:none}.block_is_pack .block__price{text-align:left}.block_is_pack .block__button-wrapper{margin-top:20px}.modal__close{right:0}.modal{width:300px;margin-left:-150px}body{min-width:320px}.include_type_base li{width:100%}.container{width:100%}.header__inner{display:block;padding-top:15px;padding-bottom:15px;border-bottom:0}.header__logo{width:100%;display:block;height:auto;padding:0;border-bottom:1px dashed #fff;padding-bottom:11px}.header__logo:after{content:"";display:table;clear:both}.header__menu-toggle{display:block;float:right;width:44px;height:44px;position:relative;cursor:pointer;margin-top:-2px}.header__menu-toggle span{display:block;height:4px;width:100%;position:absolute;background:#fff;top:50%;margin-top:-2px}.header__logo-link img{margin-top:9px}.header__menu-toggle span:before,.header__menu-toggle span:after{content:"";display:block;height:4px;width:100%;position:absolute;background:#fff}.header__menu-toggle span:before{top:-14px}.header__menu-toggle span:after{bottom:-14px}.header__menu-toggle.active span{background:transparent}.header__menu-toggle.active span:before,.header__menu-toggle.active span:after{background:#fff}.header__menu-toggle.active span:before{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.header__menu-toggle.active span:after{bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.header__phone{width:100%;display:block;height:auto;text-align:center;padding-top:15px}.header__phone-title{font-size:15px}.no-sidebar-right .main__content,.main__content{width:100%}.main__sidebar_left{display:none}.sidebar-menu__title{padding-left:0;text-align:center;text-transform:uppercase;color:#000}.menu-ico:before{display:none}.sidebar-menu__menu li{padding-left:0;margin-top:8px;text-align:center}.sidebar-menu__menu a{font-size:18px;font-family:"light";text-decoration:underline;padding:3px 8px; display: inline-block; font-size: 15px; color: #000; padding: 0 14px 0 16px; background: #fcfcfc; border: 1px solid #00b7f4; border-radius: 14px; font-weight: bold; position: relative; line-height: 30px;text-align: center;}.new-main-menu{display:block;height:auto;padding-right:0}.new-main-menu ul{display:none}.new-main-menu p{display:block;text-align:center;margin-top:11px}.sidebar-menu__menu a:hover{color:#0162b2;background:transparent}.breadcrumbs__inner{text-align:center;padding:15px 0 0}.block{padding:0;min-height:auto}.block__inner,.block_is_problem .block__inner{background:rgba(255,255,255,.8);padding: 15px 15px 15px 15px;}.breadcrumbs a,.breadcrumbs span{margin-left:0;margin-top:5px}.breadcrumbs a:after{right:-13px}.block__title{font-size:16px}.block__links a{font-family:"reg"}.tabs{margin-top:23px}.tabs__links{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:transparent;display:block;border-radius:0;text-align:center}.tabs__link{display:inline-block;border-radius:7px;margin:7px 7px 0;font-size:13px}.sidebar-widget_type_2 .img{border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.sidebar-widget_type_2 img{margin:0 auto}.footer__col{width:100%;margin-top:30px}.footer__col_1{margin-top:0}.footer-menu{text-align:center}.footer-menu__menu{margin-top:0}.footer-menu__menu li{margin-top:8px}.footer-menu__menu a{font-size:18px;font-family:"light";text-decoration:underline}.footer-menu__menu a:hover{color:#0162b2;text-decoration:none}.footer-menu__title{font-size:13px;font-family:"medium";text-align:center;text-transform:uppercase;color:#000}.footer__contacts{text-align:center}.footer__contacts button{display:inline-block}.footer__contacts span{display:block}.block-title__title{font-size:24px}.block__col{width:100%}}@media(max-width:767px){.text table tr td:first-child{padding-left:15px;background-image:none}.edges__item{width:100%;min-height:50px;margin-top:30px}.edges__item:first-child{margin-top:0}.text .col-2{width:100%;margin-top:15px}.text .col-2:first-child{margin-top:0}}.window{display:none;position:absolute;top:100%;left:0;width:250px;padding-top:10px;cursor:default}.window__inner{background:#fff;line-height:1.2;padding:15px;-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,.2);box-shadow:0 2px 2px 1px rgba(0,0,0,.2);border-radius:7px}.window li{text-align:left;margin-top:10px}.window li:first-child{margin-top:0}.window li a{color:#0162b2;font-size:14px;text-decoration:none}.window li a:hover{color:#000;text-decoration:none}
@font-face{font-family:"reg";font-style:normal;src:url("../../../template/fonts/BPGSquareMtavruli.eot@") format("embedded-opentype"), url("../../../template/fonts/BPGSquareMtavruli.woff") format("woff"), url("../../../template/fonts/BPGSquareMtavruli.ttf") format("truetype"), url("../../../template/fonts/BPGSquareMtavruli.svg") format("svg");
font-weight: normal;
font-style: normal; }
@font-face{font-family:"light";font-style:normal;src:url("../../../template/fonts/BPGSquare.eot@") format("embedded-opentype"), url("../../../template/fonts/BPGSquare.woff") format("woff"), url("../../../template/fonts/BPGSquare.ttf") format("truetype"), url("../../../template/fonts/BPGSquare.svg") format("svg");
font-weight: normal;
font-style: normal; }
@font-face{font-family:"medium";font-style:normal;src:url("../../../template/fonts/BPGSuperSquare2013.eot@") format("embedded-opentype"), url("../../../template/fonts/BPGSuperSquare2013.woff") format("woff"), url("../../../template/fonts/BPGSuperSquare2013.ttf") format("truetype"), url("../../../template/fonts/BPGSuperSquare2013.svg") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {font-family:"medium";font-style:normal;src:url("../../../template/fonts/BPGMrgvlovaniCaps2010.eot@") format("embedded-opentype"), url("../../../template/fonts/BPGMrgvlovaniCaps2010.woff") format("woff"), url("../../../template/fonts/BPGMrgvlovaniCaps2010.ttf") format("truetype"), url("../../../template/fonts/BPGMrgvlovaniCaps2010.svg") format("svg");
font-weight: normal;
font-style: normal; }
@font-face{font-family:"medium";font-style:normal;src:url("../../../template/fonts/BPGMrgvlovani.eot@") format("embedded-opentype"), url("../../../template/fonts/BPGMrgvlovani.woff") format("woff"), url("../../../template/fonts/BPGMrgvlovani.ttf") format("truetype"), url("../../../template/fonts/BPGMrgvlovani.svg") format("svg");
font-weight: normal;
font-style: normal; }
@font-face{font-family:"bold";font-style:normal;src:url("../../../template/fonts/BPGSquareMtavruli.eot@") format("embedded-opentype"), url("../../../template/fonts/BPGSquareMtavruli.woff") format("woff"), url("../../../template/fonts/BPGSquareMtavruli.ttf") format("truetype"), url("../../../template/fonts/BPGSquareMtavruli.svg") format("svg");
font-weight: normal;
font-style: normal; }
html,
body {
height: 100%; }
.social {display: inline-block;}
.social a {
display: block;
margin: 0 5px -1px 0;
text-align: center;
color: #fff;
background: #336fa1;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
}
.social a:hover {color: #fff;}
.social svg {
margin-top: 2px;
width: 29px;
height: 25px;
}
.facebook a:hover {background: #3b5998;}
.instagram a:hover {background: #cb0000;}
.header {
background: linear-gradient(136deg, #023657 48.96%, #0068a9 100%);
}
.headertv {
background: #830000;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.it-button_tv {
background: #6d6d6d; }
.it-button {
transition: opacity 1s, transform 1s; }
.it2 {
background: linear-gradient(174deg, #ffffff 48.96%, #3684c4 100%);
box-shadow: 0 0 15px 1px rgb(0 0 0 / 10%);
padding: 18px 15px;
border: 1px solid #edeef0;
text-align: center;
color: #000000;
font-size: 17px;
line-height: 1.3;
}
.it-button_red {
background: linear-gradient(-45deg, #30acff, #0a8dc9, #73a5ff, #4e73e7);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.it-button_redtv {
background: #fff;
color: #000 !important;
}
.it-button_ads {
background: blueroyal;
background-size: 400% 400%;
animation: gradient 9s ease infinite;
}
.it-button_red1 {
background: linear-gradient(-45deg, #0092f1, #01d6f8, #0447d6, #01bff3);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
}
.it-button_blue2 {
background: #6c74cb;
}
.it-button_on.active a:{
color: #00b7f4;
}
.it-button_on a:hover {
color: #fefe0036;
}
.it-button_on {
color: #000000 !important;
border-radius: 3px;
padding: 3px 4px;
border-radius: 8px;
text-align: center;
}
.it-button_online:hover {
color: #ffffff !important;
background: #00b7f4;
}
.it-button_online {
text-decoration: none !important;
display: inline-block;
border-radius: 15px;
border: 1px solid #00b7f4;
background: #e8e8e8;
padding: 0 20px 0 18px;
font-size: 17px;
position: relative;
text-align: center;
transition: opacity 3s, transform 3s;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
text-transform: uppercase;
}
.it-button_new {
text-decoration: none !important;
display: block;
color: #ffffff !important;
font-size: 14px;
text-align: center;
}
.it-button_new1 {
background-color: #005fe9;
animation: gradient 20s ease infinite;
background-size: 400% 400%;
transition: opacity 3s, transform 3s;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
text-transform: uppercase;
}
a {
color: blue;
}
a:hover {
color: #00b7f4;
}
.it-button_newps {
background: linear-gradient(-45deg, #06fc6b, #111212, #06fc6b, #111212);
animation: gradient 5s ease infinite;
background-size: 400% 400%;
transition: opacity 3s, transform 3s;
animation: gradient 15s ease infinite;
text-transform: uppercase;
}
.it-button_newps1 {
text-decoration: none !important;
display: block;
color: #ffffff !important;
font-size: 14px;
text-align: center;
animation: gradient 15s ease infinite;
text-transform: uppercase;
}
.it-button_pc1:hover {
transition: opacity 3s, transform 3s;
background: linear-gradient(-45deg, #000000, #c10000, #000000, #bf0505);
background-size: 400% 400%;
animation: gradient 6s ease infinite;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
text-transform: uppercase;
}
.it-button_pc1 {
transition: opacity 3s, transform 3s;
background: linear-gradient(-45deg, #000000, #5f0202, #000000, #5f0202);
background-size: 400% 400%;
animation: gradient 6s ease infinite;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
text-transform: uppercase;
}
.it-button_new1:hover {
color: #ffffff !important;
background: #00b7f4;
transition: opacity 3s, transform 3s;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
text-transform: uppercase;
}
.block--new {
position: relative;
}
.block--new::after {
content: "NEW";
position: absolute;
top: 10px;
right: 10px;
background: red;
color: white;
font-size: 12px;
font-weight: bold;
padding: 3px 7px;
border-radius: 4px;
}
@media (max-width: 1016px) {
.block__inner, .block_is_problem .block__inner {
background: rgba(255,255,255,.8);
padding: 15px 15px 15px 15px;
border-radius: 25px;
}
.background-image {
padding: 15px 15px 15px 15px;
}
/* не трогат */
}
/* Стиль для блока с анимацией внутри .header */
/* Стиль для блока с анимацией частиц внутри .header */
.review-slider {
max-width: 700px;
margin: 50px auto;
padding: 20px;
background: #f0f4ff;
border-radius: 12px;
text-align: center;
box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
.review-slider h2 {
margin-bottom: 20px;
color: #023657;
}
.slider-container {
position: relative;
overflow: hidden;
}
.slider-wrapper {
display: flex;
transition: transform 0.5s ease;
}
.review-card {
min-width: 100%;
box-sizing: border-box;
padding: 20px;
background: white;
border-radius: 10px;
margin: 0 10px;
box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.review-card p {
font-size: 16px;
line-height: 1.5;
}
.review-card span {
display: block;
margin-top: 10px;
font-style: italic;
color: #555;
}
.slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #2563eb;
color: white;
border: none;
padding: 10px 15px;
font-size: 20px;
border-radius: 8px;
cursor: pointer;
z-index: 1;
}
.slider-btn.left {
left: 10px;
}
.slider-btn.right {
right: 10px;
}
/* Универсальный CTA блок */
/* Компактный CTA блок */
/* Супер-компактный CTA блок */
/* cta*//* cta *//* cta*//* cta *//* cta*//* cta *//* cta*//* cta */
/* Мобильные стили *//* Мобильные стили */
.block {
border-radius: 12px;
transition: transform 0.6s ease, box-shadow 0.7s ease;
}
.block:hover {
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
z-index: 10;
}
/* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили */
.category-block {
max-width: 1100px;
margin: 20px auto;
padding: 0 15px;
text-align: center;
}
.category-title {
font-size: 26px;
margin-bottom: 30px;
color: #023657;
font-weight: bold;
}
.category-grid {
display: flex;
flex-wrap: nowrap; /* НЕ переносим на ПК */
justify-content: center;
gap: 20px;
padding: 0 10px;
box-sizing: border-box;
}
/* На мобилках включаем перенос */
@media (max-width: 768px) {
.category-grid {
flex-wrap: wrap;
}
}
/* Карточки */
.category-card {
flex: 1 1 calc(25% - 20px);
max-width: calc(25% - 20px);
min-width: 125px;
background: var(--bg);
text-decoration: none !important;
border-radius: 16px;
box-sizing: border-box;
color: #fff;
text-align: center;
transition: transform 0.6s ease, box-shadow 0.7s ease;
}
/* На мобилках делаем по 2 в ряд */
@media (max-width: 768px) {
.category-card {
flex: 1 1 calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
.category-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 24px rgba(0,0,0,0.2);
}
.category-card .icon {
width: 64px; height: 64px;
margin-bottom: 15px;
}
.category-card .icon img {
width: 125%; height: auto;
object-fit: contain;
}
.category-card h3 {
font-size: 18px;
margin-bottom: 10px;
font-weight: bold;
}
.category-card p {
font-size: 14px;
opacity: 0.9;
}
.category-card {
position: relative;
overflow: hidden;
border-radius: 16px;
}
.bubble-container {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
pointer-events: none;
overflow: hidden;
border-radius: 16px;
z-index: 0;
}
.bubble {
position: absolute;
border-radius: 50%;
opacity: 0.7;
filter: drop-shadow(0 0 3px rgba(255,255,255,0.5));
will-change: transform, opacity, width, height;
}
@keyframes bubbleRise {
0% {
transform: translateY(0) translateX(0);
opacity: 0.7;
}
100% {
transform: translateY(-150%) translateX(20px);
opacity: 0;
}
}
/* Мобильные стили *//* Мобильные стили *ьные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили *//* Мобильные стили */
/* Мобильные стили *//* Мобильные стили */
/* Мобильные стили */
.block-title__title {
position: relative;
background-color: transparent; /* Начальный фон прозрачный */
border-bottom: 4px solid #ffd700; /* Постоянная желтая линия снизу */
overflow: hidden; /* Скрываем лишнее содержимое */
transition: color 0.3s ease; /* Плавное изменение цвета текста */
}
.block-title__title::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffd700; /* Желтый фон */
transform: scaleY(0); /* Начальный масштаб 0 */
transform-origin: bottom;
transition: transform 0.5s ease; /* Плавная анимация */
z-index: -1; /* Размещаем псевдоэлемент под текстом */
}
.block-title__title:hover::before {
transform: scaleY(1); /* Заполнение фона при наведении *//* Заполнение фона при наведении */
}
/* Заполнение фона при наведении *//* Заполнение фона при наведении */
.call-button {
display: none; /* Скрыть по умолчанию */
}
@media only screen and (max-width: 768px) {
.call-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1px 20px;
background: linear-gradient(-45deg, #52b300, #44b100, #3684c5, #225783);
background-size: 400% 400%;
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: bold;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-position 0.5s ease;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
line-height: 38px;
animation: gradient 9s ease infinite;
}
.call-button .icon-container {
margin-right: 15px; /* Отступ между иконкой и текстом */
font-size: 32px; /* Увеличенный размер иконки */
}
.call-button:hover {
background-position: 100% 100%;
}
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* кружки */
/* контейнер */
/* === 1. Контейнер всей секции === */
/* === Общие стили для контейнера шагов === */
/* Контейнер шагов */
.steps-horizontal {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
max-width: 1000px;
padding: 30px 20px; /* Уменьшены отступы */
background: #fff;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
text-align: center;
transition: transform 0.6s ease, box-shadow 0.7s ease;
overflow: hidden;
}
/* Анимация при наведении на весь контейнер */
.steps-horizontal:hover {
transform: translateY(-10px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
/* Линия соединяющая кружки с градиентом */
.steps-horizontal::before {
content: '';
position: absolute;
top: 50px; /* Уменьшено расстояние сверху */
left: 12%;
right: 12%;
height: 7px;
background: linear-gradient(90deg, #00598f, #00b4ff, #00598f);
background-size: 200% 100%;
background-position: 0% 0%;
z-index: 0;
pointer-events: none;
transition: background-position 1s ease;
}
/* При наведении на контейнер — анимация градиента */
.steps-horizontal:hover::before {
background-position: 100% 0%;
}
/* Элементы внутри контейнера */
.step-item {
position: relative;
width: 22%;
opacity: 1;
transition: transform 0.6s ease;
margin-bottom: 10px; /* Уменьшены маргины между элементами */
}
/* Внешний круг */
.step-icon {
width: 40px;
height: 40px;
margin: 0 auto 15px; /* Уменьшены отступы */
border-radius: 50%;
background-color: #009ff2;
border: 4px solid #009ff2;
position: relative;
transition: transform 0.6s ease, border-width 0.3s ease; /* Анимация границы */
z-index: 1;
}
/* Внутренний круг */
.step-icon::before {
content: '';
width: 24px;
height: 24px;
background-color: #00598f;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Увеличение круга и границы при наведении на текст */
.step-item h3:hover ~ .step-icon,
.step-item p:hover ~ .step-icon {
transform: scale(1.2); /* Увеличение круга */
border-width: 6px; /* Увеличение границы круга */
}
/* Альтернатива с использованием :has() если браузер поддерживает */
.step-item:hover:has(h3:hover),
.step-item:hover:has(p:hover) {
.step-icon {
transform: scale(1.2);
border-width: 6px; /* Увеличение границы круга */
}
}
.step-item h3 {
font-size: 18px;
margin-bottom: 8px; /* Уменьшены отступы */
color: #363c42;
transition: none;
}
.step-item p {
font-size: 14px;
color: #363c42;
line-height: 1.6;
transition: none;
}
/* Только смещение FontAwesome иконок немного влево */
.fa-menu-icon {
position: absolute;
left: 10px; /* Немного левее чем обычные иконки */
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.fa-menu-icon i {
font-size: 16px;
}
/* Таблицы */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-radius: 12px;
overflow: hidden;
}
table th {
background-color: #4280d3;
color: #ffffff;
padding: 16px;
text-align: left;
font-size: 17px;
letter-spacing: 0.5px; /* Фиолетовый */
}
table td {
padding: 14px 18px;
background-color: #f0f4ff; /* Светло-голубой */
border-bottom: 1px solid #d0d8ff;
color: #000000;
font-size: 15px;
}
table tr:hover td {
background-color: #e0eaff; /* При наведении */
transition: background-color 0.3s ease;
}
table tr:last-child td {
border-bottom: none;
}
.text table tr:hover td:not([colspan="2"]) {
background: #8eb4e7;
color: #ffffff;
}
/* ========== МОБИЛЬНОЕ МЕНЮ (ОСТАВЛЯЕМ БЕЗ ИЗМЕНЕНИЙ) ========== */
.mobile-sidebar-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 9998;
}
.mobile-sidebar {
position: fixed;
top: 0;
right: -320px;
width: 300px;
height: 100%;
background: #ffffff;
z-index: 9999;
transition: right 0.3s ease;
display: flex;
flex-direction: column;
border-left: 1px solid #e5e7eb;
box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
}
.mobile-sidebar__header {
padding: 22px 20px;
background: #ffffff;
color: #1f2937;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f3f4f6;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.mobile-sidebar__close {
width: 36px;
height: 36px;
background: #f3f4f6;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
border: 1px solid #e5e7eb;
}
.mobile-sidebar__close:hover {
background: #e5e7eb;
}
.mobile-sidebar__close i {
font-size: 16px;
color: #6b7280;
}
.mobile-sidebar__title {
font-size: 18px;
font-weight: 600;
color: #1f2937;
}
.mobile-sidebar__content {
flex: 1;
padding: 20px 0;
overflow-y: auto;
background: #ffffff;
}
/* Контейнер для кнопок */
.mobile-action-buttons {
display: flex;
gap: 8px;
margin: 0 20px 25px;
}
.mobile-call-button,
.mobile-whatsapp-button {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 12px;
color: white !important;
text-decoration: none !important;
border-radius: 10px;
font-weight: 600;
font-size: 14px;
transition: all 0.2s ease;
gap: 8px;
border: none;
white-space: nowrap;
}
.mobile-call-button {
background: #3b82f6;
box-shadow: 0 3px 10px rgba(59, 130, 246, 0.2);
}
.mobile-call-button:hover {
background: #2563eb;
transform: translateY(-1px);
box-shadow: 0 5px 15px rgba(59, 130, 246, 0.3);
}
.mobile-whatsapp-button {
background: #25D366;
box-shadow: 0 3px 10px rgba(37, 211, 102, 0.2);
}
.mobile-whatsapp-button:hover {
background: #20BA5A;
transform: translateY(-1px);
box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
}
.mobile-call-button i {
font-size: 15px;
}
.mobile-whatsapp-button i {
font-size: 17px;
}
.mobile-call-button-text,
.mobile-whatsapp-button-text {
font-size: 13px;
}
.mobile-social-links {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
margin: -14px 20px 18px;
}
.mobile-social-link {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
min-height: 34px;
border-radius: 8px;
color: #fff !important;
text-decoration: none !important;
font-size: 11px;
font-weight: 600;
box-shadow: 0 3px 10px rgba(15, 23, 42, .12);
transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.mobile-social-link i {
font-size: 12px;
}
.mobile-social-link:hover {
transform: translateY(-1px);
box-shadow: 0 5px 15px rgba(15, 23, 42, .18);
opacity: .95;
}
.mobile-social-link_fb {
background: #1877f2;
}
.mobile-social-link_ig {
background: linear-gradient(135deg, #111827, #4b5563);
}
/* Список меню */
.mobile-menu-list {
list-style: none;
padding: 0 20px;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.mobile-item {
margin: 0;
opacity: 0;
transform: translateX(10px);
animation: slideInLeft 0.3s ease forwards;
}
@keyframes slideInLeft {
to {
opacity: 1;
transform: translateX(0);
}
}
/* Ссылки категорий */
.mobile-link {
display: flex;
align-items: center;
padding: 14px 20px;
background: #f9fafb;
color: #374151 !important;
text-decoration: none !important;
border-radius: 10px;
transition: all 0.2s ease;
border: 1px solid #e5e7eb;
gap: 14px;
position: relative;
padding-left: 60px;
}
.mobile-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
font-size: 16px;
color: #3b82f6;
text-align: center;
transition: color 0.2s ease;
flex-shrink: 0;
}
.mobile-submenu-toggle {
margin-left: auto;
font-size: 10px;
color: #9ca3af;
transition: all 0.3s ease;
cursor: pointer;
padding: 8px;
}
.mobile-item.has-submenu .mobile-link:hover .mobile-submenu-toggle {
color: #6b7280;
}
.mobile-item.submenu-open .mobile-submenu-toggle {
transform: rotate(180deg);
color: #3b82f6;
}
.mobile-link:hover {
background: #f3f4f6;
border-color: #d1d5db;
transform: translateX(3px);
}
.mobile-link:hover .mobile-icon {
color: #2563eb;
}
.mobile-link.active {
background: #3b82f6;
border-color: #3b82f6;
color: white !important;
padding-left: 60px;
}
.mobile-link.active .mobile-icon,
.mobile-link.active .mobile-text,
.mobile-link.active .mobile-submenu-toggle {
color: white !important;
}
.mobile-text {
flex: 1;
font-size: 15px;
font-weight: 500;
color: #374151;
transition: color 0.2s ease;
}
.mobile-link:hover .mobile-text {
color: #1f2937;
}
/* ========== ПОДМЕНЮ ========== */
.mobile-submenu {
list-style: none;
padding: 0;
margin: 0;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-item.submenu-open .mobile-submenu {
max-height: 500px;
opacity: 1;
margin-top: 8px;
}
.mobile-submenu-item {
margin: 0;
transform: translateY(-10px);
opacity: 0;
transition: all 0.3s ease;
}
.mobile-item.submenu-open .mobile-submenu-item {
transform: translateY(0);
opacity: 1;
animation: fadeInUp 0.3s ease forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.mobile-submenu-link {
display: flex;
align-items: center;
padding: 12px 18px;
padding-left: 56px;
background: #ffffff;
color: #6b7280 !important;
text-decoration: none !important;
border-radius: 8px;
transition: all 0.2s ease;
border: 1px solid #f3f4f6;
gap: 12px;
position: relative;
margin-bottom: 6px;
}
.mobile-submenu-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 16px;
font-size: 14px;
color: #9ca3af;
text-align: center;
transition: all 0.2s ease;
flex-shrink: 0;
}
.mobile-submenu-link:hover {
background: #f9fafb;
border-color: #e5e7eb;
color: #374151 !important;
padding-left: 58px;
}
.mobile-submenu-link:hover .mobile-submenu-icon {
color: #3b82f6;
}
.mobile-submenu-text {
font-size: 14px;
font-weight: 500;
transition: color 0.2s ease;
}
/* Активные состояния */
.mobile-sidebar.active {
right: 0;
}
.mobile-sidebar-overlay.active {
display: block;
}
/* Гамбургер */
.header__menu-toggle.active span {
background: transparent;
}
.header__menu-toggle.active span:before {
top: 0;
transform: rotate(45deg);
background: #3b82f6;
}
.header__menu-toggle.active span:after {
bottom: 0;
transform: rotate(-45deg);
background: #3b82f6;
}
/* ========== ДЕСКТОПНОЕ ПОДМЕНЮ СПРАВА ========== */
.desktop-menu-item.has-desktop-submenu {
position: relative;
}
.desktop-submenu-wrapper {
position: absolute;
top: 0;
left: 100%;
min-width: 220px;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateX(-10px);
transition: all 0.3s ease;
pointer-events: none;
padding-left: 12px;
}
.desktop-menu-item.has-desktop-submenu:hover .desktop-submenu-wrapper {
opacity: 1;
visibility: visible;
transform: translateX(0);
pointer-events: auto;
}
.desktop-submenu-arrow {
position: absolute;
top: 20px;
left: 4px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #ffffff;
z-index: 1001;
filter: drop-shadow(-1px 0 1px rgba(0,0,0,0.1));
}
.desktop-submenu {
background: #ffffff;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
border: 1px solid #e5e7eb;
padding: 8px;
list-style: none;
margin: 0;
overflow: hidden;
}
.desktop-submenu-item {
margin: 2px 0;
}
.desktop-submenu-link {
display: flex;
align-items: center;
padding: 12px 16px;
color: #4b5563 !important;
text-decoration: none !important;
border-radius: 8px;
transition: all 0.2s ease;
gap: 12px;
position: relative;
padding-left: 48px;
}
.desktop-submenu-link:hover {
background: #f3f4f6;
color: #1f2937 !important;
transform: translateX(3px);
}
.desktop-submenu-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 16px;
font-size: 14px;
color: #9ca3af;
text-align: center;
transition: all 0.2s ease;
}
.desktop-submenu-link:hover .desktop-submenu-icon {
color: #3b82f6;
}
.desktop-submenu-text {
font-size: 14px;
font-weight: 500;
transition: color 0.2s ease;
}
.desktop-submenu-chevron {
margin-left: 8px;
font-size: 10px;
color: #9ca3af;
transition: transform 0.3s ease;
}
.desktop-menu-item.has-desktop-submenu:hover .desktop-submenu-chevron {
color: #6b7280;
transform: rotate(90deg);
}
/* Адаптация */
@media (max-width: 1016px) {
.sidebar-menu {
display: none !important;
}
.desktop-menu-item.has-desktop-submenu .desktop-submenu-wrapper {
display: none !important;
}
.desktop-submenu-chevron {
display: none;
}
}
@media (min-width: 1017px) {
.desktop-menu-item.has-desktop-submenu:hover .desktop-submenu-wrapper {
opacity: 1;
visibility: visible;
transform: translateX(0);
pointer-events: auto;
}
}
@media (max-width: 480px) {
.mobile-sidebar {
width: 280px;
right: -280px;
}
.mobile-link {
padding: 12px 18px;
padding-left: 55px;
gap: 12px;
}
.mobile-icon {
left: 18px;
font-size: 15px;
}
.mobile-text {
font-size: 14px;
}
.mobile-action-buttons {
margin: 0 15px 20px;
gap: 6px;
}
.mobile-call-button,
.mobile-whatsapp-button {
padding: 12px 10px;
}
.mobile-call-button-text,
.mobile-whatsapp-button-text {
font-size: 12px;
}
.mobile-call-button i {
font-size: 14px;
}
.mobile-whatsapp-button i {
font-size: 16px;
}
.mobile-submenu-link {
padding: 10px 16px;
padding-left: 50px;
font-size: 13px;
}
.mobile-submenu-icon {
left: 18px;
font-size: 12px;
}
}
@media (max-width: 360px) {
.mobile-call-button-text,
.mobile-whatsapp-button-text {
display: none;
}
.mobile-call-button,
.mobile-whatsapp-button {
padding: 13px 0;
}
.mobile-call-button i,
.mobile-whatsapp-button i {
font-size: 18px;
}
}
/* Скроллбар */
.mobile-sidebar__content::-webkit-scrollbar {
width: 4px;
}
.mobile-sidebar__content::-webkit-scrollbar-track {
background: #f3f4f6;
}
.mobile-sidebar__content::-webkit-scrollbar-thumb {
background: #d1d5db;
border-radius: 2px;
}
/* Блокировка скролла */
body.mobile-menu-open {
overflow: hidden !important;
position: fixed !important;
width: 100% !important;
height: 100% !important;
top: var(--scroll-top) !important;
}
.mobile-sidebar__content {
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
/* Убираем линию между кружками */
/* Основной стиль для блока */
.onsite-steps {
display: flex;
flex-direction: column;
gap: 20px;
}
.onsite-line-1 {
bottom: 200px;
left: 12%;
right: 12%;
}
.onsite-line-2 {
bottom: 200px;
left: 12%;
right: 12%;
}
.onsite-row {
display: flex;
justify-content: space-between;
position: relative;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px; /* Уменьшено расстояние между рядами */
}
.onsite-step {
position: relative;
width: 23%;
text-align: center;
}
.onsite-icon {
width: 40px;
height: 40px;
margin: 0 auto 8px;
border-radius: 50%;
background-color: #cb4154;
border: 4px solid #cb4154;
position: relative;
z-index: 2;
transition: border-width 0.3s ease, transform 0.3s ease;
}
.onsite-icon::before {
content: '';
width: 20px;
height: 20px;
background-color: #8e2d3b;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.onsite-step h3 {
font-size: 15px;
margin-bottom: 3px;
color: #363c42;
}
.onsite-step p {
font-size: 13px;
color: #363c42;
line-height: 1.4;
margin: 0;
}
.onsite-line {
content: '';
position: absolute;
height: 8px;
background: linear-gradient(90deg, #cb4154, #8e2d3b, #cb4154);
background-size: 200% 100%;
background-position: 0% 0%;
z-index: 1;
border-radius: 4px;
animation: animateLine 4s linear infinite;
}
@keyframes animateLine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 0%;
}
}
/* Кнопка по умолчанию скрыта */
.onsite-toggle-wrapper {
display: none;
}
/* Стили для мобильных устройств */
@media (max-width: 1000px) {
/* Скрываем линию */
.onsite-line {
display: none !important;
}
/* Показываем кнопку */
.onsite-toggle-wrapper {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.onsite-steps {
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-20px);
transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
.onsite-steps.active {
max-height: 2000px;
opacity: 1;
transform: translateY(0);
}
.onsite-step {
width: 32%;
min-width: 32%;
margin-bottom: 20px;
}
.onsite-row {
flex-wrap: wrap;
justify-content: flex-start;
}
}
/* Скрываем линию на ширине < 1000px */
/* === Мобильная адаптация === */
@media (max-width: 768px) {
.steps-horizontal {
flex-direction: column; /* Блоки становятся вертикальными */
align-items: center;
padding: 20px 10px; /* Уменьшены отступы */
margin-bottom: 15px; /* Уменьшено расстояние снизу */
}
.step-item {
width: 80%; /* Ширина блоков на мобильных устройствах */
margin-bottom: 8px; /* Уменьшены маргины между блоками */
}
/* Убираем линию между кружками */
.steps-horizontal::before {
display: none;
}
}
/* Скрываем линию на ширине < 1000px */
.onsite-toggle-wrapper {
display: none;
justify-content: center;
margin-bottom: 20px;
}
.onsite-toggle-btn {
background-color: #cb4154;
color: white;
font-size: 16px;
padding: 10px 20px;
border: none;
border-radius: 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, transform 0.3s ease;
}
.onsite-toggle-btn:hover {
background-color: #a53545;
}
.onsite-toggle-btn .arrow {
display: inline-block;
transition: transform 0.3s ease;
}
.onsite-toggle-btn.active .arrow {
transform: rotate(180deg);
}
.onsite-step:hover .onsite-icon {
transform: scale(1.3);
border-width: 6px;
}
/* Можно добавить эффект подсветки */
.onsite-step:hover .onsite-icon::before {
box-shadow: 0 0 10px rgba(203, 65, 84, .45);
}
/* Soft visual refresh: keeps the old layout intact */
body {
background-color: #eef4f8;
color: #17283a;
}
.header {
background: linear-gradient(135deg, #023657 0%, #0b6faa 100%);
box-shadow: 0 8px 24px rgba(2, 54, 87, .18);
}
.new-main-menu li a,
.header__phone-link,
.header__phone-title {
text-shadow: 0 1px 2px rgba(0, 0, 0, .22);
}
.new-main-menu li a {
border-radius: 6px;
padding: 3px 6px;
}
.new-main-menu li a:hover {
background: rgba(255, 255, 255, .12);
opacity: 1;
}
.header__phone-link {
color: #fff;
}
.block {
border: 1px solid #dce8f1;
border-radius: 14px;
box-shadow: 0 8px 22px rgba(18, 62, 92, .09);
transition: box-shadow .22s ease, transform .22s ease;
}
.block:hover {
box-shadow: 0 12px 28px rgba(18, 62, 92, .14);
transform: translateY(-1px);
}
.block_is_main {
border-radius: 18px;
box-shadow: 0 14px 34px rgba(18, 62, 92, .16);
}
.block__inner h1,
.block__title,
.block__title-link {
color: #023657;
}
.block__title-link:hover,
.block__links a:hover,
.footer-menu__menu a:hover {
color: #0b6faa;
}
.block__subtitle {
color: #5d6f7f;
text-transform: none;
}
.button,
.it-button {
border-radius: 10px;
border-color: #0b9bd8;
box-shadow: 0 5px 14px rgba(11, 111, 170, .18);
}
.button:hover,
.it-button:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(11, 111, 170, .22);
}
.sidebar-menu__menu a {
border-radius: 8px;
}
.sidebar-menu__menu a:hover {
background: #eaf5fb;
}
.it,
.sidebar-widget_type_2 .img,
.tabs__item,
.window__inner,
.category-block {
border-radius: 14px;
box-shadow: 0 8px 22px rgba(18, 62, 92, .08);
}
.category-card {
border-radius: 14px;
box-shadow: 0 10px 24px rgba(18, 62, 92, .14);
}
.category-card:hover {
transform: translateY(-2px);
}
.footer__inner {
border-top-color: #cfdce7;
}
@media (max-width: 1016px) {
.block {
border-radius: 14px;
}
.block__inner,
.block_is_problem .block__inner {
border-radius: 14px;
}
.header__menu-toggle {
border-radius: 8px;
}
}
/* Compact mobile header and small responsive fixes */
@media (max-width: 1016px) {
.header__inner {
padding-top: 8px;
padding-bottom: 10px;
}
.header__logo {
padding-bottom: 7px;
}
.header__logo-link img,
.header__logo-image {
max-width: 150px;
height: auto;
margin-top: 4px;
}
.header__menu-toggle {
width: 36px;
height: 36px;
margin-top: 1px;
}
.header__menu-toggle span,
.header__menu-toggle span:before,
.header__menu-toggle span:after {
height: 3px;
}
.header__menu-toggle span:before {
top: -10px;
}
.header__menu-toggle span:after {
bottom: -10px;
}
.new-main-menu p {
margin-top: 7px;
font-size: 14px;
line-height: 1.25;
}
.header__phone {
padding-top: 8px;
}
.header__phone-link {
font-size: 16px;
line-height: 1.1;
}
.header__phone-title {
margin-top: 3px;
font-size: 12px;
}
.main__inner,
.edges__inner,
.footer__row {
margin-left: 0;
margin-right: 0;
}
.main__sidebar,
.main__content,
.no-sidebar-right .main__content,
.edges__item,
.footer__col {
padding-left: 0;
padding-right: 0;
}
.banner-container {
max-width: 100%;
overflow: hidden;
}
}
@media (max-width: 420px) {
.header__logo-link img,
.header__logo-image {
max-width: 135px;
}
.new-main-menu p {
font-size: 13px;
}
}
/* Service filter, FAQ accordion and soft card interactions */
.service-filter {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 18px 0 20px;
padding: 12px;
background: rgba(255, 255, 255, .86);
border: 1px solid #dce8f1;
border-radius: 14px;
box-shadow: 0 8px 22px rgba(18, 62, 92, .07);
}
.service-filter__button {
min-height: 34px;
padding: 0 14px;
border: 1px solid #c9ddeb;
border-radius: 10px;
background: #fff;
color: #023657;
font-family: "medium";
font-size: 13px;
cursor: pointer;
transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.service-filter__button:hover,
.service-filter__button.active {
background: #0b6faa;
border-color: #0b6faa;
color: #fff;
box-shadow: 0 6px 14px rgba(11, 111, 170, .18);
}
.service-filter__button:active {
transform: translateY(1px);
}
.service-filter-hidden {
display: none !important;
}
.block,
.category-card,
.it,
.steps > div {
transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.block:hover,
.category-card:hover,
.it:hover,
.steps > div:hover {
transform: translateY(-2px);
}
.block:hover,
.it:hover,
.steps > div:hover {
border-color: #bdd7e8;
}
.block:active,
.category-card:active,
.it-button:active,
.button:active {
transform: translateY(0);
}
.faq-accordion {
margin-top: 26px;
padding: 20px;
background: rgba(255, 255, 255, .9);
border: 1px solid #dce8f1;
border-radius: 14px;
box-shadow: 0 8px 22px rgba(18, 62, 92, .08);
}
.faq-accordion__title {
color: #023657;
font-family: "bold";
font-size: 22px;
line-height: 1.2;
margin-bottom: 12px;
}
.faq-accordion__item {
border-top: 1px solid #e2edf5;
}
.faq-accordion__item:first-of-type {
border-top: 0;
}
.faq-accordion__question {
width: 100%;
min-height: 48px;
padding: 12px 34px 12px 0;
border: 0;
background: transparent;
color: #17283a;
font-family: "medium";
font-size: 15px;
line-height: 1.35;
text-align: left;
position: relative;
cursor: pointer;
}
.faq-accordion__question:after {
content: "+";
position: absolute;
right: 4px;
top: 50%;
width: 24px;
height: 24px;
margin-top: -12px;
border-radius: 50%;
background: #eef7fd;
color: #0b6faa;
font-family: "bold";
line-height: 24px;
text-align: center;
}
.faq-accordion__item.active .faq-accordion__question {
color: #023657;
}
.faq-accordion__item.active .faq-accordion__question:after {
content: "-";
background: #0b6faa;
color: #fff;
}
.faq-accordion__answer {
display: none;
padding: 0 34px 14px 0;
color: #5d6f7f;
font-size: 14px;
line-height: 1.55;
}
.faq-accordion__item.active .faq-accordion__answer {
display: block;
}
@media (max-width: 1016px) {
.service-filter {
justify-content: center;
}
.block:hover,
.category-card:hover,
.it:hover,
.steps > div:hover {
transform: none;
}
}
@media (max-width: 480px) {
.service-filter {
padding: 10px;
gap: 6px;
}
.service-filter__button {
flex: 1 1 calc(50% - 6px);
padding: 0 8px;
}
.faq-accordion {
padding: 16px 14px;
}
.faq-accordion__title {
font-size: 20px;
}
}
/* Shared UI helpers */
.sidebar-menu__menu a.active,
.footer-menu__menu a.active,
.new-main-menu a.active {
color: #000;
font-family: "medium";
}
.sidebar-menu__menu a.active {
background: #eaf5fb;
}
/* Polished FAQ and service cards */
.faq-accordion {
border-color: #cfe0ec;
box-shadow: 0 14px 34px rgba(18, 62, 92, .11);
}
.faq-accordion__title {
padding-bottom: 10px;
border-bottom: 1px solid #e5eef5;
}
.faq-accordion__question {
transition: color .2s ease, padding-left .2s ease, background-color .2s ease;
}
.faq-accordion__question:hover {
color: #0b6faa;
}
.faq-accordion__item.active .faq-accordion__question {
padding-left: 10px;
background: linear-gradient(90deg, rgba(11, 111, 170, .07), rgba(255, 255, 255, 0));
}
.faq-accordion__answer {
padding-left: 10px;
border-left: 3px solid #d9eaf5;
}
.block {
border: 1px solid rgba(207, 224, 236, .75);
box-shadow: 0 8px 22px rgba(18, 62, 92, .06);
}
.block:hover {
border-color: #b8d5e7;
box-shadow: 0 14px 32px rgba(18, 62, 92, .12);
}
.block_is_main {
border-color: rgba(191, 216, 232, .9);
}
.block__title,
.block__title-link,
.block__inner h1,
.block__inner h2 {
transition: color .2s ease;
}
.block:hover .block__title,
.block:hover .block__title-link,
.block:hover .block__inner h1,
.block:hover .block__inner h2 {
color: #0b5f93;
}
.block__price-price {
color: #0b6faa;
}
.block .button,
.it-button {
transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}
.block .button:hover,
.it-button:hover {
box-shadow: 0 7px 16px rgba(11, 111, 170, .16);
}
@media (max-width: 1016px) {
.block {
box-shadow: 0 8px 20px rgba(18, 62, 92, .07);
}
.block:hover {
box-shadow: 0 8px 20px rgba(18, 62, 92, .07);
}
.faq-accordion__item.active .faq-accordion__question {
padding-left: 8px;
}
}
/* Header experiment: modern compact top bar, safe to remove */
.header {
background: linear-gradient(135deg, #063a5b 0%, #0a76ad 58%, #0c8fb8 100%);
border-bottom: 1px solid rgba(255, 255, 255, .18);
box-shadow: 0 10px 26px rgba(7, 54, 84, .2);
position: relative;
overflow: hidden;
}
.header__inner {
min-height: 66px;
position: relative;
z-index: 1;
}
.header #particles-js,
.header .particles-js-canvas-el {
position: absolute !important;
inset: 0;
width: 100% !important;
height: 100% !important;
pointer-events: none;
opacity: .22;
z-index: 0;
}
.new-main-menu a:empty {
display: none !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
pointer-events: none !important;
}
.new-main-menu li:has(> a:empty) {
display: none !important;
}
.header__logo {
width: 220px;
padding-left: 26px;
}
.header__logo-link,
.header__logo-image {
display: inline-block;
vertical-align: middle;
}
.header__logo-image {
filter: drop-shadow(0 3px 7px rgba(0, 0, 0, .18));
}
.new-main-menu {
padding-right: 18px;
}
.new-main-menu p {
font-size: 15px;
line-height: 1.25;
letter-spacing: .01em;
}
.new-main-menu li {
padding: 4px 4px 0;
}
.new-main-menu li a {
display: inline-block;
padding: 4px 9px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 999px;
background: rgba(255, 255, 255, .08);
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.new-main-menu li a:hover {
background: rgba(255, 255, 255, .17);
border-color: rgba(255, 255, 255, .28);
transform: translateY(-1px);
}
.header__phone {
width: 230px;
padding-right: 6px;
}
.header__phone-link {
padding: 7px 14px;
border-radius: 999px;
background: rgba(14, 176, 92, .94);
box-shadow: 0 7px 18px rgba(0, 0, 0, .16);
line-height: 1;
}
.header__phone-link:hover {
background: #13c46a;
transform: translateY(-1px);
}
.header__phone-title {
margin-top: 5px;
opacity: .9;
}
@media (max-width: 1016px) {
.header {
box-shadow: 0 7px 18px rgba(7, 54, 84, .18);
}
.header__inner {
display: block;
min-height: 0;
padding: 8px 0 10px;
position: relative;
}
.header #particles-js,
.header .particles-js-canvas-el {
display: none !important;
}
.header__logo {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-width: 0;
height: auto;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
border-bottom: 0;
}
.header__logo:after {
display: none;
}
.header__menu-toggle {
float: none;
width: 38px;
height: 38px;
margin: 0;
background: rgba(255, 255, 255, .12);
border: 1px solid rgba(255, 255, 255, .25);
border-radius: 10px;
}
.header__logo-link img,
.header__logo-image {
max-width: 138px;
margin-top: 0;
}
.new-main-menu {
width: 100%;
padding-right: 0;
margin-top: 8px;
}
.new-main-menu ul,
.new-main-menu li,
.new-main-menu .social {
display: none !important;
}
.new-main-menu p {
max-width: 100%;
margin-top: 0;
font-size: 13px;
line-height: 1.25;
text-align: center;
}
.header__phone {
display: block;
width: 100%;
height: auto;
position: static;
text-align: center;
padding-top: 5px;
padding-right: 0;
}
.header__phone-link {
font-size: 15px;
padding: 8px 18px;
margin-top: 0;
white-space: nowrap;
}
.header__phone-title {
display: none;
}
}
@media (max-width: 420px) {
.header__inner {
padding-top: 7px;
padding-bottom: 8px;
row-gap: 6px;
}
.header__logo-link img,
.header__logo-image {
max-width: 128px;
}
.header__menu-toggle {
width: 36px;
height: 36px;
}
.new-main-menu p {
font-size: 12px;
}
.header__phone {
padding-top: 6px;
}
.header__phone-link {
font-size: 14px;
padding: 7px 15px;
}
}
@media (max-width: 360px) {
.header__logo-link img,
.header__logo-image {
max-width: 116px;
}
.header__phone-link {
font-size: 13px;
padding: 7px 13px;
}
}
/* Wider desktop comfort without stretching the old layout too far */
@media (min-width: 1400px) {
.container {
width: 1120px;
}
}
@media (min-width: 1900px) {
.container {
width: 1160px;
}
}
/* Slightly larger reading size on wide monitors */
@media (min-width: 1400px) {
body,
.text {
font-size: 18px;
}
.block__text,
.block__links li,
.include_type_block li {
font-size: 16px;
}
.block__title {
font-size: 22px;
}
.block__inner h1 {
font-size: 26px;
}
.text h1 {
font-size: 25px;
}
.text h2 {
font-size: 27px;
}
}
/* Keep the JS sidebar menu at the original compact size */
@media (min-width: 1017px) {
.main__sidebar-inner.fixed {
width: 180px;
}
.sidebar-menu__menu li {
margin-top: 4px;
}
.sidebar-menu__menu a,
.sidebar-menu__menu a.desktop-menu-link {
font-size: 18px;
line-height: normal;
padding: 3px 8px 3px 38px;
}
}