/* header */

body {
font-family: "MuseoSansCyrl";
font-size: 18px;
position: relative;
padding-top: 80px !important;
width: 100%;
}
.header_23-contacts a:last-child {
    display: none;
}
.header_23 .button_white-23 {
    color: #1f282c;
}
body:after {
left: 0;
right: 0;
top: 0;
display: block;
content: "";
height: 80px;
position: absolute;
background: #1f282c;
}
.header_23__auth a {
text-decoration:none;}
header .soon:before {
content:"SOON";
color:  #fff;
text-align: center;
font-family: MuseoSansCyrl;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16px;
border-radius: 2px;
background:  #CA75ED;
padding:0 4px;
margin-right:8px;
display:inline-block;
    position: relative;
    bottom: 2px;
}
.underheader_23 {
display: none;
justify-content: center;
align-items: center;
/* background: linear-gradient(90deg, #FFF 0%, #F7C852 50.31%, #FFF 100%);*/
background: #f2c43f;
position: absolute;
width: 100%;
padding: 16px;
z-index: 10;
top: 0;
}
.header.header_23.fixed {
top:0;}
.header_23 .sub__menu__block {
position: relative;

}
.header_23 .sub__menu__block:not(.products_23 .sub__menu__block) {
min-width:220px;
}
.header_23 .sub__menu__block a {
    white-space: normal;
}
.products_23 .sub__menu__block:not(.sub__menu__block-double ) {
  max-width:205px;
  width:205px!important;
}
.sub__menu__block-double.sub__menu__block {
  width:440px!important;
}
.header_23 .sub__menu__block:not(:first-child):before {
content:"";
width:1px;
height:100%;
position:absolute;
left:-29px;
background-color: #353D41;
}
.sub__menu.products_23 {
	left:-40px;
}
.underheader_23 .wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.underheader_23-readmore {
color: #1f282c;
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-family: MuseoSansCyrlBold;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
letter-spacing: -0.2px;
text-decoration: none;
display: flex;
}
.underheader_23 button {
border: none;
outline: none;
padding: 0;
height: 18px;
background: transparent;
}

.underheader_23 span {
color: #1f282c;
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-family: MuseoSansCyrl;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 128.571% */
letter-spacing: -0.2px;
text-decoration-line: underline;
}
.underheader_23 p {
color: #1f282c;
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-family: MuseoSansCyrl;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
letter-spacing: -0.2px;
}
.header.header_23 {
/* background: linear-gradient(
180deg,
rgba(31, 40, 44, 0.6) 51.04%,
rgba(31, 40, 44, 0.24) 100%
);*/
background:#1f282c;
/*backdrop-filter: blur(15px);*/
padding: 20px 0;
/* background-color: grey;*/
z-index: 10;
/*top: 50px;*/
top:0;
}
.header__menu-row {
display: flex;
gap: 30px;
}
.header__row {
display: flex;
align-items: center;
}

.header__logo-wrapper {
width: 150px;
margin-right: 30px;
}
.header_23 .header__menu__link {
display: inline-block;
position: relative;
text-decoration: none;
cursor: pointer;
color: #fff;
transition: color 0.3s;
font-size: 14px;
font-family: MuseoSansCyrl;
font-weight: 400;
padding-right: 0;
margin-right: 0;
padding-bottom: 8px;
padding-top: 8px;
white-space: nowrap;
}
.header_23 .sub__menu__block .menu_double {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap:20px;
}
.header_23__auth {
margin-left: auto;
}
.header__menu {
border-right: 1px solid rgba(255, 255, 255, 0.3);
padding-right: 15px;
margin-right: 15px;
}
.header_23 .header__menu__link.has-active {
padding-right: 17px;
}
.header_23 .header__menu__link.has-active:after {
content: "";
display: block;
width: 10px;
height: 18px;
background: url("/test2/homepagenew/img/nav-arr-white.svg") center center
no-repeat;
position: absolute;
top: 7px;
right: 0;

margin: auto;
}
.header_23 .header__menu > ul li:hover > a + .sub__menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.header_23-contacts_mobile {
display: none;
}
.header_23-contacts a {
color: #fff;
font-feature-settings: "clig" off, "liga" off;
font-family: MuseoSansCyrlBold;
font-size: 14px;
font-style: normal;
text-decoration: none;
line-height: 18px;
letter-spacing: -0.2px;
}
.header_23__auth {
display: flex;
gap: 20px;
}
.header_23 .button_white-23,
.header_23 .button_transparent-23 {
height: 40px;
padding: 12px 20px;
text-align: center;
display: flex;
font-size: 14px;
justify-content: center;
align-items: center;
font-family: MuseoSansCyrl;
font-weight: 400;
}
.header_23 .button_transparent-23 {
background: transparent;
border: 1px solid #fff;
}
.header_23 .sub__menu {
border-radius: 19px;
background: #1f282c;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.6);
display: flex;
gap: 60px;
padding: 30px;
}
.header_23 .sub__menu:before {
background-image:
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDI4IDExIiBmaWxsPSJub25lIj4NCjxwYXRoIGQ9Ik0yOCAxMUgwTDguMzQzMTUgMi42NTY4NUMxMS40NjczIC0wLjQ2NzM0MiAxNi41MzI3IC0wLjQ2NzM0MSAxOS42NTY5IDIuNjU2ODVMMjggMTFaIiBmaWxsPSIjMUYyODJDIi8+DQo8L3N2Zz4=);
content: "";
position: absolute;

width: 28px;
height: 14px;
left: 50px;
top: -10px;
}

.header_23 .sub__menu .header_menu_head {
color: #fff;
font-family: MuseoSansCyrl;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 112.5% */
letter-spacing: 0.4px;
text-transform: uppercase;
opacity: 0.5;
margin-bottom: 24px;
}
.header_23 .sub__menu__block a, .header_23 .sub__menu__block .ico-link,.header_23 .sub__menu__block .soon{
color: #f0f0f0;
font-family: MuseoSansCyrl;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
.header_23 .sub__menu__block .ico_link {
padding-top: 0px;
padding-bottom: 0px;
margin-top:3px;	
}
.header_23 .sub__menu__block ul {
display: flex;
flex-direction: column;
gap: 10px;
}

.header_23 .sub__menu__block ul li {
display: flex;
margin-bottom: 5px;
}
.header_23 .sub__menu__block ul li svg {
max-width: 20px;
margin-right: 8px;
margin-bottom: -2px;
    margin-top: 2px;
}
.header_23 .header__top__burger {
padding: 11px;
position: relative;
top: -2px;
padding-top: 5px;
padding-left: 15px;
margin-left: 5px;
display: none;
margin-top: 3px;
}
.header_23 .button_white-23 {
background-color: #fff;
border-radius: 6px;
transition: background-color 0.3s;
}
.header_23 .sub__menu.active {
position: static;
opacity: 1;
visibility: visible;
}
.header_23 .button_white-23:hover {
background-color: #f0f0f0;
}
.header_23 .button_transparent-23 {
border-radius: 6px;
}
.header_23__auth-mobile {
display: none;
}
.header.header_23.fixed {
height: auto;
}
.underheader_23-readmore_mobile {
display: none;
}

.header.fixed {
top:0;}
@media screen and (max-width: 1200px) {
.header_23-contacts {
display: none;
}
.header__menu {
border-right: none;
}
}

@media screen and (max-width: 960px) {
.header_23 {
background: #1f282c;
}
.underheader_23 .container {
padding: 0;
}
.underheader_23-upper .wrapper *:not(.underheader_23-readmore_mobile, .underheader_23-readmore_mobile *) {
display: none;
}
.underheader_23-readmore_mobile {
display: block;
padding-right: 40px;
}
.underheader_23 {
top: 80px;
}
.header.header_23 {
top: 00px;
}
.header_23 .header__top__burger {
display: block;
margin-left: 20px;
}
.header_23 .header_23-contacts_mobile {
display: block;
margin-top: 24px;
margin-bottom: 32px;
padding: 0;
}
.header_23 .header__menu {
padding: 0;
}
.double_wrapper {
    display: flex;

}
.underheader_23-readmore_mobile {
color: #1f282c;
font-feature-settings: "clig" off, "liga" off;
font-family: MuseoSansCyrl;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
letter-spacing: -0.2px;
background-repeat: no-repeat;
background-position: right 17px center;
color: #1f282c !important;
background-image:
url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJSZWN0YW5nbGUgMjQwNjQ5NzE4IiBkPSJNMSAxTDggOEwxIDE1IiBzdHJva2U9IiMxRjI4MkMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.header_23 .sub__menu__block .menu_double {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
.header_23 .sub__menu {
flex-direction: column;
gap:10px;
}
.header_23 .header__menu-wrapper {
position: fixed;
top: 63px;
left: 0;
right: 0;
/* height: calc(100vh - 63px); */
height: 100vh;
box-sizing: border-box;
z-index: 10;
background: #1f282c;
bottom: 0;
padding-top: 48px;
visibility: hidden;
display: none;
opacity: 0;
transition: 0.2s;
/* max-height: 100vh; */
overflow-y: scroll;
padding: 30px 15px;
}
.header_23 .header__menu-wrapper.active {
opacity: 1;
display: block;
visibility: visible;
}

.header_23 .products_23,
.header_23 .sub__menu__block {
flex-direction: column;
box-shadow: none;
border: none;
background: transparent;
padding: 0;
gap: 12px;
}
.header_23.header .header_menu_head {
margin-top: 24px;
margin-bottom: 24px;
}
.header_23 .sub__menu:before {
display: none;
}
.header_23 .header__menu__link.has-active:after {
top: 0px;
}
.header_23 .sub__menu__block {
margin-bottom: 0px;
}
.header_23 .header__menu__link.has-active:after {
content: "";
display: block;
width: 10px;
height: 18px;

position: absolute;
top: 8px;
right: 0;
bottom: 8px;
margin: auto;
}
.header_23 .header__menu__link.active:after {
background: url("https://www.calltouch.ru/test2/static/img/old_h/nav-arr.svg")
center center no-repeat;
}
.header_23 .header__menu__link.active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.header_23 .header__menu__link {
font-size: 16px;
}
.header_23 .header__menu__link.active {
color: #3dafcc;
}
.header_23 .header__menu > ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.header_23 .header_23__auth-mobile {
display: flex;
gap: 24px;
}
.header_23 .header_23__auth-mobile > * {
display: flex !important;
width: 180px;
}
.header_23.header.active .header__bottom {
top: 60px;
height: calc(100vh - 80px);
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
.header_23 .sub__menu {
box-shadow: none;
}
.header_23.header.active .sub__menu {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 0;
}
.header_23 .sub__menu .sub__menu__block:first-child .header_menu_head {
margin-top: 0 !important;
}
.header_23 {
background-color: rgb(31, 40, 44) !important;
}
.underheader_23 {
padding-right: 0px;
}
}
@media screen and (max-width: 600px) {
.header_23 .header__top__burger {
margin-left: 10px;
height: 24px;
}
.header_23 .button_white-23 {
display: none;
}
.header_23 {
padding: 14px 0;
}
.header_23
.button_transparent-23:not(.header_23__auth-mobile .button_transparent-23) {
border: none;
font-size: 0;
padding: 10px;
height: 24px;
padding: 0;
padding-right: 0;
opacity: 0.3;
transition: opacity 0.3s;
}

.header_23
.button_transparent-23
svg:not(.header_23__auth-mobile .button_transparent-23 svg) {
width: 20px;
height: 20px;
}
.header_23 .button_transparent-23:hover {
opacity: 1;
}
.header_23 .header__logo-wrapper {
width: auto;
}
.header_23 .header__logo-wrapper img {
width: auto;
height: 32px;
}
.header_23 .header__row {
height: 36px;
}
.header.header_23 {
padding: 13px 0;
}
body {
padding-top: 62px !important;
}
.underheader_23 svg {
display: block;
}
.underheader_23 span {
display: none;
}

.underheader_23 {
padding-right: 0px;
}
.underheader_23 svg {
position: absolute;
right: 15px;
}
.underheader_23 p {
text-align: left;
}
.underheader_23 {
top: 62px;
}
.header_23.header.active .header__bottom {

height: calc(100vh - 62px);

}
}
.double_wrapper {
  display:flex;

}
@media only screen and (min-width: 960px) {
.header_23.header.active .header__bottom {
padding-left: 0px;
}
.header_23.header.active .header__menu__link {
padding-right: 0;
margin-right: 0;
padding-bottom: 8px;
padding-top: 8px;
line-height: 1.2;
}
.header_23.header.active .header__menu__link.has-active {
padding-right: 17px;
}

.header_23.active .header__menu__link.has-active:after {
margin-top: 0 !important;
}
.header.header_23.fixed {
padding: 10px 0;
}
}
@media only screen and (max-width: 960px) {
.double_wrapper {
   flex-direction:column;

}
}
@media only screen and (max-width: 1200px) and (min-width: 960px)  {
	.sub__menu.products_23 {
left: -160px;
}
.header_23 .sub__menu:before {
    left: 180px;

}
}