@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}


@font-face {
    font-family: 'HelveticaNeueCyrBold';
    src: url('../fonts/HelveticaNeueCyrBold.eot');
    src: url('../fonts/HelveticaNeueCyrBold.eot') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyrBold.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyrBold.woff') format('woff'),
    url('../fonts/HelveticaNeueCyrBold.ttf') format('truetype'),
    url('../fonts/HelveticaNeueCyrBold.svg#HelveticaNeueCyrBold') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCyrLight';
    src: url('../fonts/HelveticaNeueCyrLight.eot');
    src: url('../fonts/HelveticaNeueCyrLight.eot') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyrLight.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyrLight.woff') format('woff'),
    url('../fonts/HelveticaNeueCyrLight.ttf') format('truetype'),
    url('../fonts/HelveticaNeueCyrLight.svg#HelveticaNeueCyrLight') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCyrMedium';
    src: url('../fonts/HelveticaNeueCyrMedium.eot');
    src: url('../fonts/HelveticaNeueCyrMedium.eot') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyrMedium.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyrMedium.woff') format('woff'),
    url('../fonts/HelveticaNeueCyrMedium.ttf') format('truetype'),
    url('../fonts/HelveticaNeueCyrMedium.svg#HelveticaNeueCyrMedium') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCyrBlack';
    src: url('../fonts/HelveticaNeueCyrBlack.eot');
    src: url('../fonts/HelveticaNeueCyrBlack.eot') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyrBlack.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyrBlack.woff') format('woff'),
    url('../fonts/HelveticaNeueCyrBlack.ttf') format('truetype'),
    url('../fonts/HelveticaNeueCyrBlack.svg#HelveticaNeueCyrBlack') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCyrThin';
    src: url('../fonts/HelveticaNeueCyrThin.eot');
    src: url('../fonts/HelveticaNeueCyrThin.eot') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyrThin.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyrThin.woff') format('woff'),
    url('../fonts/HelveticaNeueCyrThin.ttf') format('truetype'),
    url('../fonts/HelveticaNeueCyrThin.svg#HelveticaNeueCyrThin') format('svg');
}
@font-face {
    font-family: 'Radiotechnika';
    src: url('../fonts/radiotechnika.eot');
    src: url('../fonts/radiotechnika.eot') format('embedded-opentype'),
    url('../fonts/radiotechnika.woff2') format('woff2'),
    url('../fonts/radiotechnika.woff') format('woff'),
    url('../fonts/radiotechnika.ttf') format('truetype'),
    url('../fonts/radiotechnika.svg#RadiotechnikaRegular') format('svg');
}

@font-face {
    font-family: 'Zhizn';
    src: url('../fonts/Zhizn.eot');
    src: local('../fonts/Zhizn'),
    url('../fonts/Zhizn.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Zhizn.woff2') format('woff2'),
    url('../fonts/Zhizn.woff') format('woff'),
    url('../fonts/Zhizn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AzoftSansBold';
    src: url('../fonts/AzoftSans-Bold.eot');
    src: url('../fonts/AzoftSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoftSans-Bold.woff2') format('woff2'),
    url('../fonts/AzoftSans-Bold.woff') format('woff'),
    url('../fonts/AzoftSans-Bold.ttf') format('truetype'),
    url('../fonts/AzoftSans-Bold.svg#AzoftSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Azoft Sans';
    src: url('../fonts/AzoftSans.eot');
    src: local('../fonts/Azoft Sans'), local('../fonts/AzoftSans'),
    url('../fonts/AzoftSans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoftSans.woff') format('woff'),
    url('../fonts/AzoftSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Azoft Sans';
    src: url('../fonts/AzoftSans-Italic.eot');
    src: local('../fonts/Azoft Sans Italic'), local('../fonts/AzoftSans-Italic'),
    url('../fonts/AzoftSans-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoftSans-Italic.woff') format('woff'),
    url('../fonts/AzoftSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Azoft Sans';
    src: url('../fonts/AzoftSans-BoldItalic.eot');
    src: local('../fonts/Azoft Sans Bold Italic'), local('../fonts/AzoftSans-BoldItalic'),
    url('../fonts/AzoftSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoftSans-BoldItalic.woff') format('woff'),
    url('../fonts/AzoftSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'NokiaKokia(RUS BY LYAJKA)';
    src: url('../fonts/NokiaKokiaRUSBYLYAJKA.eot');
    src: url('../fonts/NokiaKokiaRUSBYLYAJKA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NokiaKokiaRUSBYLYAJKA.woff2') format('woff2'),
    url('../fonts/NokiaKokiaRUSBYLYAJKA.woff') format('woff'),
    url('../fonts/NokiaKokiaRUSBYLYAJKA.ttf') format('truetype'),
    url('../fonts/NokiaKokiaRUSBYLYAJKA.svg#NokiaKokiaRUSBYLYAJKA') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot');
    src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}




.follow .entry {
    background: none; color: #fff;
    border: 1px solid #fff;
}
.follow .entry, .follow .entry:before {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.follow .follow-whatsapp,
.follow .follow-telegram,
.header-block .follow-telegram,
.header-block .follow-whatsapp,
.header-block2 .follow-telegram,
.header-block2 .follow-whatsapp
{
    fill: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    top: 4px;
}

.follow .entry:hover .follow-whatsapp,
.follow .entry:hover .follow-telegram {
    fill: #000;
}

.follow-block {
    float: left;
    margin-top: -38px;
    margin-left: 170px;
}



.h1title {
    background: #000;
    color: #fff;
    padding: 20px 30px;
    position: absolute;
    z-index: 2;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 24px;
    width: max-content;
    font-family: 'HelveticaNeueCyrLight';
    right: 0;
    top: 50%;
    margin-top: -32px;
}

.text-in-header {
    text-transform: uppercase;
    color:#fff;
    font-size: 22px;
    text-align: center;
    font-weight: 300;
    font-family: 'HelveticaNeueCyrLight';
    letter-spacing: 4px;
}
.light-header .text-in-header {
    color:#000;
}

header.fixed.light.scrolled .text-in-header {
    color:#000;
}


.logo-block {
    display: flex;
    width:100%;
    max-width: 300px;
}
.header-block {
    display: flex;
}
.header-block .logo-block {
    display: flex;
}
.header-block .phone-block {
    font-family: "HelveticaNeueCyrMedium", serif;
    display: flex;
    line-height: 8px;
    margin-left: 15px;
    flex-direction: column;
    justify-content: center;
}

.header-block2 {
    display: flex;
}
.header-block2 .logo-block {
    display: flex;
}
.header-block2 .phone-block {
    font-family: "HelveticaNeueCyrMedium", serif;
    display: flex;
    line-height: 8px;
    margin-left: 15px;
    flex-direction: column;
    justify-content: center;
}

.follow-icons {
    display: flex !important;
    margin-left: 15px !important;
    position: relative!important;
    width: auto!important;
    padding: 0px!important;
    bottom: 0 !important;
}

.header-block .follow-icons .entry {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    border: 1px #FFF solid;
    font-size: 12px;
    vertical-align: bottom;
}
.header-block2 .follow-icons .entry {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    border: 1px #FFF solid;
    font-size: 12px;
    vertical-align: bottom;
}

.light-header {

}

.light-header .hamburger-icon span {
    background: #000 !important;
}

.light-header .header-block .follow-icons .entry {
    border: 1px #000 solid;
}
.light-header .header-block .follow .entry {
    background: #fff;
    color:#000;
}

.light-header .header-block2 .follow-icons .entry {
    border: 1px #000 solid;
}
.light-header .header-block2 .follow .entry {
    background: #fff;
    color:#000;
}

.light-header .follow .follow-whatsapp, .light-header .follow .follow-telegram, .light-header .header-block .follow-telegram, .light-header .header-block .follow-whatsapp {
    fill:#000;
}
.light-header .follow .follow-whatsapp, .light-header .follow .follow-telegram, .light-header .header-block2 .follow-telegram, .light-header .header-block2 .follow-whatsapp {
    fill:#000;
}
.light-header .follow .entry:hover .follow-whatsapp, .light-header .follow .entry:hover .follow-telegram {
    fill: #fff;
}
.light-header .header-block .follow-icons .entry:hover {
    border: 1px #fff solid;
}
.light-header .header-block2 .follow-icons .entry:hover {
    border: 1px #fff solid;
}
.light-header .follow .entry:before {
    background: #555555;
}

.button-zone-next, button-zone-prev {
    float: none;
}



.nice-slider-item .text-right {
    right: 50px;
    left: unset;
}
.nice-slider-item .text-top {
    top:50px;
    bottom: unset;
}

.simple-article h3.xsmall, .h3.xsmall{
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
}






.homepage-5-slider {
    padding-top: 74px;
    background: #fff;
}
.clients-block {
    padding-top: 74px;
    background: #fff;
}
header.fixed.scrolled {
    box-shadow: none;
}
header.fixed.light.scrolled {
    background: #fff;
    z-index: 999;
}
header.fixed.light.scrolled .header-block,
header.fixed.light.scrolled a,
.light-header a,
.light-header .header-block
{
    color: #000;
}
header.fixed.light.scrolled .header-block .follow-telegram,
header.fixed.light.scrolled .header-block .follow-whatsapp
{
    fill:#000;
}


header.fixed.light.scrolled .header-block .follow-icons .entry {
    border: 1px #000 solid;
}
header.fixed.light.scrolled .hamburger-icon span {
    background: #000 !important;
}
.logo-header {
    fill: #fff;
    width: 30px;
    height: 30px;
}
.logo .logo-header .quad {
    fill-opacity: 0;
}

.light .logo:hover .logo-header .quad {
    fill:#fff !important;
}
.light-header .logo:hover .logo-header .quad {
    fill:#555 !important;
}

.scrolled .logo:hover .logo-header .quad {
    fill:#555 !important;
}

.logo:hover .logo-header .quad {
    fill-opacity: 1;
}



header.fixed.light.scrolled .follow .entry {
    background: #fff; color: #000;
}

header.fixed.light.scrolled .follow .entry:hover:before {
    background: #555555; color: #fff;
}
header.fixed.light.scrolled .header-block .follow-telegram:hover,
header.fixed.light.scrolled .header-block .follow-whatsapp:hover{
    fill: #fff;
}
header.fixed.light.scrolled .logo-header,
.light-header .logo-header
{
    fill: #000;
}
.title-block {
    color:#000;
    font-family: "HelveticaNeueCyrBold", serif;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 30px;
}
.fontblack {
    font-family: "HelveticaNeueCyrBlack", serif;
}
.fontthin {
    font-family: "HelveticaNeueCyrThin", serif;
}
.button-order {
    left: 50px;
    bottom: 50px;
    position: fixed;
    z-index: 9995;
    transition: opacity 0.3s ease-in-out;
    -webkit-box-shadow: -17px 20px 34px -7px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -17px 20px 34px -7px rgba(0, 0, 0, 0.6);
    box-shadow: -17px 20px 34px -7px rgba(0, 0, 0, 0.6);
}
.button-order-black {
    left: 50px;
    bottom: 50px;
    position: fixed;
    z-index: 999999;
    transition: opacity 0.3s ease-in-out;
    -webkit-box-shadow: -17px 20px 34px -7px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -17px 20px 34px -7px rgba(0, 0, 0, 0.6);
    box-shadow: -17px 20px 34px -7px rgba(0, 0, 0, 0.6);
}
.button-order:hover {
    /*animation: shake 0.5s;
    animation-iteration-count: 1s;*/
}
.btn-vkl {width: 133px; height: 131px; background-image: url('/wp-content/themes/designoff/img/vkl-off.png'); background-repeat: no-repeat;}
.btn-vkl:hover {background-image: url('/wp-content/themes/designoff/img/vkl-on.png');}

.btn-vkl-black {width: 133px; height: 131px; background-image: url('/wp-content/themes/designoff/img/vkl-on-black.png'); background-repeat: no-repeat;}
.btn-vkl-black:hover {width: 133px; height: 131px; background-image: url('/wp-content/themes/designoff/img/vkl-off-black.png'); background-repeat: no-repeat;}


.screen-about {
    height: auto !important;
    margin-top: 50px;
}
/*.simple-article {
    margin-top: 70px;
}
.description .simple-article {
    margin-top: 10px;
}
.data .simple-article {
    margin-top: 0px;
}*/

@media (max-width: 768px) {
    .nice-slider-item .text-right {
        right: 15px;
        left: 15px;
        text-align: left;
    }
    .title-block {
        color:#000;
        font-family: "HelveticaNeueCyrBold", serif;
        font-size: 16px;
    }
    .btn-vkl {
        width: 50px !important;
        height: 50px !important;
        left: 20px;
        bottom: 20px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .text-in-header {
        display: none;
    }
    .follow-icons {
        margin-left: -50% !important;
    }
    .logo-block {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}

.navblock {width: max-content;}

.shema-block {
    padding-top: 74px;
    text-align: center;
    width: 100%;
}
.shema-img {

}
.shema-img img {
    width: 100%;
}
.overlay {
    z-index: 9999;
}
.clients-mosaic {
    max-width: 1120px;
    margin: 0 auto;
    margin-top: 40px;
}
.problems-item {
    padding: 0px;
    margin: 0px;
}
.problems-content {
    background:#f3f3f3;
    padding: 20px;
    display: flex;
    margin: 10px 5px;
}
.problems-content--jend {
    justify-content: flex-end;
}
.problems-text {
    text-transform: uppercase;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-content: center;
}
.problems-text svg {
    width: 12px; height: 12px; margin-left: 5px;margin-right: 5px;
}
.problems-text div {
    margin-top: 20px;
    width: 100%;
}
.problems-content svg.r90 {
    transform: rotate(90deg);
}
.problems-content svg.r0 {
    transform: rotate(0deg);
}
.problems-content svg.r180 {
    transform: rotate(180deg);
}
.problems-content svg.r270 {
    transform: rotate(270deg);
}
.problems-item--leftup {

}
.problems-item--rightup {

}
.problems-item--leftdown {

}
.problems-item--rightdown {

}

.problems-item--leftup .problems-img {
    margin-left: 15px;
}
.problems-item--rightup .problems-img {
    margin-right: 15px;
}
.problems-item--leftdown .problems-img {
    margin-left: 15px;
}
.problems-item--rightdown .problems-img {
    margin-right: 15px;
}
.problems-img {
    max-width: 330px;
    display: flex;
    position: relative;
}
.problems-item--leftup, .problems-item--leftdown, .problems-item--rightdown {
    fill:#000;
}
.problems-item--rightup svg {
    fill:#965335;
}
.problems-item--leftup .problems-img img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.problems-item--rightup .problems-img img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; /* IE 6-9 */
/*    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
*/
}

.problems-item--leftdown .problems-img img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.problems-item--rightdown .problems-img img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.problems-item--leftup:hover .problems-img img,
.problems-item--leftdown:hover .problems-img img,
.problems-item--rightdown :hover .problems-img img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; /* IE 6-9 */
/*    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
*/
}





    .problems-item--leftup:hover svg,
    .problems-item--leftdown:hover svg,
    .problems-item--rightdown :hover svg {
        fill:#965335;
    }
    .problems-textimg {
        text-transform: uppercase;
        color: #000;
        font-size: 20px;
        line-height: 30px;
        text-align: right;
        font-family: 'HelveticaNeueCyrBlack';
    }

    .problemsImgBorder {
        width: 90%;
        height: 90%;
        border: 1px solid #fff;
        position: absolute;
        left: 5%;
        top: 5%;
        display: none;
        z-index: 6;
    }

    .problems-item--rightup .problemsImgBorder,
    .problems-item--rightup:hover .problemsImgBorder {
        display: block;
    }

    .problems-item--leftup:hover .problemsImgBorder,
    .problems-item--leftdown:hover .problemsImgBorder,
    .problems-item--rightdown :hover .problemsImgBorder {
        display: block;
    }















@media (max-height: 800px) {
    .problems-img img {
        width: 200px;
    }
    .problems-textimg {font-size: 14px;line-height: 18px;}
}

.no-cursor {cursor: default !important;}
.homepage-7-slider .animated-frame .title {
    padding: 40px 15px;
    position: absolute;
    width: 100%;
    width: 800px;
    left: 50%;
    margin-left: -400px;
}
@media (min-width: 992px) {
    .homepage-7-slider .animated-frame-entry > .align:hover .animated-frame{/*width: 800px;*/}
}

.typeBlockTitle {
    font-size: 32px;
    text-align: center;
    font-weight: 900;
    color:#000;
    margin-top: 40px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.typeBlockText {
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color:#000;
    margin-top: 40px;
}
.typeBlockImage {
    text-align: center;
    margin-top: 40px;
}
.priceBlockImage {
    text-align: center;
    margin-top: 40px;
}



.page-header-alpha .navbar-sidebar .nav-item .txt {
    top:28px;
}
.header-block .phone-block a:hover {
    text-decoration: underline !important;
}
.portfolio-1 .sorting-item {
    padding: 0px 15px;
}
.portfolio-1{
    margin: 0px;
}
.project-filter li a:hover .filter-text, .project-filter li a.active .filter-text {
    color: #e9212e;
}
.project-filter li .filter-text {
    color: #27282c;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 8px 10px 8px;
    padding-right: 10px;
    cursor: pointer;
    transition: all .4s ease;
}
.project-filter li a:hover .count, .project-filter li a.active .count {
    opacity: 1;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.project-filter li .count {
    position: absolute;
    top: -13px;
    right: 8px;
    color: #e9212e;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    display: inline-block;
    opacity: 0;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-family: 'Poppins', sans-serif;
}
.sorting-menu.style-1 a {
    display: inline-block;
     padding: 0px;
     margin: 0px;
    position: relative;
}

.slide-2 .pswp-docs__home-gallery {
    /*grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr;*/
}
.slide-2 .pswp-docs__home-gallery .pswp-docs__home-gallery-item:first-child {
    /*grid-row: span 1;*/
}
.pswp-docs__home-gallery-slide2 .pswp-docs__home-gallery-item img {
    width: 100%;
    height: 100%;
}
.slide-2 .pswp-docs__home-gallery-slide2 .pswp-docs__home-gallery-item img {
    width: 100%;
    height: 100%;
}
.pswp-docs__home-gallery {
    grid-gap: 30px !important;
}
.page-header-alpha .navbar-sidebar .nav-item:first-child.active a {
    background: #FFF;
    color: #000;
}
.page-header-alpha .navbar-sidebar .nav-item:first-child.active .txt {
    color:#fff;
}
.wsp-pages-title {
    font-size:18px;
    margin-bottom: 20px;
}

.wsp-pages-list a {
    color: #ef6c00;
}

.wsp-pages-list a:hover {
    text-decoration: underline;
}


.homepage-7-slider .layer-entry {
    background-repeat: no-repeat;
    background-size: cover;
}

.homepage-7-slider .animated-frame-entry > .align {
    max-height: 1000px;
}






.button-zone-prev {
    float:left;
    width: 250px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0px;

}
.button-zone-next {
    float:right;
    width: 250px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0px;
}
.zone-group {
    padding-top: 30px !important;
}



.block-budget {
    display: flex; width:100%; max-width: 1200px; flex-wrap: wrap;
}


.button-zone-next, button-zone-prev {
    float: none;
}
.zone-group {
    margin-top: 58px;
    width: 350px;
}


.about-page-metrazh {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrMedium';
}

.about-page-year {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrMedium';
}


.blog-landing-entry-2 .data .left {
    width: 50%;
    margin-right: unset;
}
.blog-landing-entry-2 .data .right {
    width: 50%;
}

.menublock {
    width: 100%;max-width:300px;text-align: right;
}

@media (max-width: 1919px) {

}
@media (max-width: 1800px) {
    .homepage-7-slider .animated-frame .title {
        top:20px;
    }
    .simple-article h2, .h2 {
        font-size: 40px;
    }
    .homepage-7-slider .animated-frame-entry > .align {
        width: 900px;
    }
    .justifyright {
        margin-right: 450px;
    }
    .justifyleft {
        margin-left: 425px;
    }
    .first-slide-item a {
        font-size: 18px !important;
    }
    .item-cube-title {
        font-size: 16px;
    }
    .item-cube-list li {
        margin-bottom: 10px;
    }
    .item-cube-logo {
        height: auto;
    }
}
@media (max-width: 1700px) {

}
@media (max-width: 1600px) {
    .title-block-name {
        font-size: 34px;
    }
    .btn-vkl {
        width: 75px;
        height: 75px;
        background-size: cover;
    }
    .btn-vkl-black:hover {
        width: 75px;
        height: 75px;
        background-size: cover;
    }
    .popup {
        margin-top: -80px;
    }
    #img-zone-1, #img-zone-2, #img-zone-3, #img-zone-4 {
        max-height:250px;
    }
    .zone-group {
        width: 330px;
        padding-top: 32px;
    }
    #zone-text {
        font-size: 14px !important;
        line-height: 20px !important;
        min-height: 100px !important;
    }
    .button-zone-prev {
        float:left;
        width: 300px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin: 0px;
        margin-bottom: 10px !important;
    }
    .button-zone-next {
        float:left;
        width: 300px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin: 0px;
        margin-bottom: 10px !important;
    }
    .zone-group {
        margin-top: 0px;
    }
    .map-wrapper {
        height: 500px !important;
    }
    .block-money .block-shadow {
        height: 200px;
    }
    .section-aside .nav-btns-list .b-title {
        font-size: 16px;
    }
    .brand-copy {
        font-size: 12px;
    }
    .section-aside .nav-btns-list .b-desc {
        font-size: 25px;
    }
    .fp-scrollable .section-wrapper.with-margin {
        padding-top: 42px;
    }
    .b2text {
        font-size: 12px;
    }
    .pswp-docs__home-gallery-slide2 {
        max-width: 900px !important;
    }
    .tl-block-content {
        margin-top: 30px;
    }
    .tl-block_line-l, .tl-block_line-r {display: none;}
    .text-block-ar {
        font-size: 16px;
        margin-top: 20px;
    }
    .text-block-ar-r {
        width: 40px;
        height: 40px;
    }
    .list-right-block li {
        font-size: 14px;
    }
    .list-right-block {
        margin-right: 16px;
    }
    .inzhenerka {
        margin-top:80px;
    }
}
@media (max-width: 1480px) {
    .page-header-alpha .navbar-brand {
        width: 50px;
        height: 50px;
        border: 0px;
    }
}
@media (max-width: 1400px) {
    .homepage-7-slider .simple-article h2 {
        font-size: 14px !important;
    }
    .first-slide-item-content {
        font-size: 14px;
    }
    .first-slide-item {
        display: none;
    }

    .button-zone-prev {
        float:none;
        width: 300px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin: 0px;
    }
    .button-zone-next {
        float:none;
        width: 300px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin: 0px;
    }
    #img-zone-1, #img-zone-2, #img-zone-3, #img-zone-4 {
        max-height: 292px;
        max-width: 270px;
    }
    .screen2-inz .page-height, .inzhenerka .page-height, .remont .page-height, .remont .inz-text {
        height: auto !important;
    }





}

@media (max-width: 1320px) {
    .calc-img {
        display: none;
    }
    .calc-strih {
        display: none;
    }
}


@media (max-width: 1280px) {
    .usl-list-4 {
        display: none;
    }
    .usl-list {width: 50%;}
    .justifyleft {
        margin: 0px;
        background: #fff;
        padding: 10px !important;
        text-align: center;
    }
    .justifyright {
        margin: 0px;
        background: #fff;
        padding: 10px !important;
        text-align: center;
    }
    .homepage-7-slider .animated-frame-entry > .align:hover .animated-frame {width: 568px;}
    .homepage-7-slider .animated-frame-entry > .align {
        width: 800px;
    }
    .tl-block-img img {
        width: 100%;
    }
    #img-zone-1, #img-zone-2, #img-zone-3, #img-zone-4 {
        max-height: 292px;
        max-width: 185px;
    }
}
@media (max-width: 1170px) {
    .homepage-7-slider .animated-frame-entry {
        position: unset;
    }
    .first-slide-list {
        padding-top: 50px;
    }
    .homepage-7-slider .animated-frame-entry > .align:hover .animated-frame {
        width: auto;
    }
    .calc-block-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .calc-block-bright svg {
        width: 100%;
    }
}
@media (max-width: 990px) {

}
@media (max-width: 980px) {
    .project-block-content {
        padding: 0 50px !important;
    }
    .button-zone-next {
        float:right;
    }
    .button-zone-prev {
        float: left;
    }
    .zone-group {
        display: none;
    }
    .about-page-metrazh {
        font-size: 16px;
    }
    .about-page-year {
        font-size: 16px;
    }
    .left-right-entry .right .entry {
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
    }
}
@media (max-width: 920px) {
    .homepage-7-slider .animated-frame-entry > .align {
        width: auto !important;
    }

    #img-zone-1, #img-zone-2, #img-zone-3, #img-zone-4 {
        max-height: 100%;
        max-width: 100%;
    }
    .menublock {
        width: unset;max-width:unset;text-align: right;
    }
}
@media (max-width: 800px) {
    .zone-group {
        display: none !important;
    }
    .button-zone-next {
        float:right;
    }
    .button-zone-prev {
        float: left;
    }
}
@media (max-width: 767px) {
    .h1title {
        position: relative;
        margin-top: 0px;
        text-align: center;
        line-height: 30px;
        width: 100%;
    }
    .nice-slider-item .text-top {
        top:15px;
        bottom:15px;
    }
    .nice-slider-entry {
        height: 270px;
    }
    .project-block-content {
        padding: 0 0px !important;
    }
    .usl-list {width: 100%;}
    .podblock { flex-wrap: wrap !important;}
    .screen {height: auto !important;}
    .page-height {height: auto !important;}
    .shema-block {
        padding: 0 10px !important;
    }
    .greenline {display: none;}
    .first-slide-list {
        padding-top: 250px;
    }
    .whatneed {
         min-height: 350px;display: flex;justify-content: center;margin-top: 80px;margin-bottom: 80px;
    }
    .whatneed-list {
        flex-direction: column; padding:0px;
    }
    .whatneed-index {
        height: auto;
        margin: 0px;
        width: 100%;
    }
    .whatneed-block {
        width: 100%;
        border: 0px;
    }
    .whatneed .title-block-name {
        padding:0px;
    }
    .whatneed-text {
        max-width: 300px;font-weight: 300;font-family: 'HelveticaNeueCyr';
    }
        .vline {display: none;}
        .whatneed {flex-wrap: wrap;}
        .whatneed-text {
            margin-top:20px;
        }
        .whatneed-text:last-child {
            padding-bottom:20px;
        }
        .project-block-content .right-pol {
            width: 100% !important;
        }
        .vidy-block-content {
            max-width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            line-height: 22px;
        }
        .vidy .line-in-block {
            display: none;
        }
        .title-text {
            padding-bottom: 20px;
            text-align: center;
            line-height: 28px;
        }
    .whatneed .greenback {
        display: none;
    }
    .whatborder {
        border:0px !important;
        margin: 0px !important;
    }
    .whatneed-index {
        background: #44654a;
        padding-bottom: 60px;
    }
    .whatneed-block-text {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .title-block-name {
        font-size: 24px;
    }
    .project-block .title-block-name {
        width: 100%;
        justify-content: center;
        padding-top: 20px;
    }
    .mySwiperslide {
        max-width: 500px;
    }
    .left-pol {
        padding-right: 0px;
    }
    .right-pol {
        padding-left: 20px;
    }
    .about-page .d-flex {
    display: block;
    }



}
@media (max-width: 560px) {
    .h1portfolio {
        font-size: 14px; text-align: center;line-height: 30px;
    }
    .follow-mobile {
        margin-left: 159px;
        bottom: -20px !important;
    }
    .follow-mobile .entry {
        width: 48px;
        height: 48px;
    }
    .follow-mobile .follow-whatsapp, .follow-mobile .follow-telegram, .follow-mobile .follow-email, .follow-mobile .follow-phone {
        width: 35px;
        height: 35px;
    }
    .topphone {
        display: none;
    }
    .nav-item .b-title {
        font-size: 18px !important;
    }
    .nav-item .b-desc {
        font-size: 14px !important;
    }
    .section-content h2, .slide-wrapper h2 {
        font-size: 18px !important;
    }
    .block-money {
        width: 100%;
    }
    .block-budget {
        display: flex; width: 100%; flex-direction: column;
    }
    .section-darkbg {
        background: #141414 !important;
    }
    .btn-up_hide-portfolio {
        display: none;
    }
    .type-4 .header-block .phone-block a:nth-child(1){
        font-size: 10px;
    }
    .popup {
        padding-top: 200px !important;
        background-position: left 30px top -100px !important;
    }
    .popup-title {
        max-width: 100% !important;
    }
    .labelblock {
        max-width: 100% !important;
    }
    .popup .wpcf7-file {
        left: unset !important;
    }
    .popup input[type="submit"] {
        left: unset !important;
    }
    .homepage-7-slider .animated-frame .title {
        top:70px;
    }
    .homepage-7-slider .simple-article h2, .h2 {
        font-size: 22px;
    }
    .title-block-name {
        font-size: 22px;
    }
    .block-email-header {
        display: none !important;
    }
    .text-block-ar {
        font-size: 16px;
    }
    .text-block-ar-l {
        padding-right: 0px;
    }
    .text-block-ar-r {
        display: none;
    }
    .list-li-item {
        direction:ltr;text-align: left;
    }
    .list-li-item-span {
        margin-left: 10px;margin-right: 0px; font-size: 14px;
    }
    .list-right-block li {
        line-height: 16px;
    }
    .list-right-block li span {
        margin-left: 10px;
    }
    .tl-block_line-l {
        display: none;
    }
    .tl-block_line-r {
        display: none;
    }
    .tl-block-img img {
        width: 100%;
    }
    .project-block {
        margin-top: 100px;
    }
    .project-block-content {
        padding: 0px;
        border:0px;
    }
    .left-pol {
        padding: 0px;
    }
    .right-pol {
        padding: 0px;
        margin: 0px;
    }
    .title-right-block {
        font-size: 22px;
        margin-bottom: 40px;
    }
    .list-right-block span {
        font-size: 16px;
    }
    .bottom-text-block {
        border: 0px;
    }
    .f-line {
        font-size: 18px;
    }
    .s-line {
        font-size: 18px;
    }
    .vidy-block {
        margin:0px; padding:0px;
    }
    .vidy .title-block-name {
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 0px;
    }
    .vidy .line-in-block {
        margin-left: 0px;
    }
    .vidy-block .title-text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .vidy-block-content {
        font-size: 18px;
        width: 100%;
    }
    .vidy-block-items {
        flex-direction: column;
    }
    .v-line {display: none;}
    .v-line-h2 {display: none;}
    .vidy-block-bl {
        padding: 20px;
    }
    .vidy-block-text {
        font-size: 18px;
    }
    .justifyright {
        margin: 0 !important;
    }
    .justifyleft {
        margin: 0 !important;
    }
    .mySwiperslide {
        max-width: 300px;
    }
    .project-block .title-block-name {
        width: 100%;
    }
    .project-block-content .text-block-ar {
        padding-top: 30px;
    }

    .inzhenerka .line-in-block {
        margin-right: 0px;
    }
    .inzhenerka .title-block-name {
        justify-content: center;
    }
    .inzhenerka .wide-container2 {
        padding: 0 20px !important;
    }
    .porfolka .title-block-name {
        justify-content: center !important;
        margin-bottom: 74px !important;
        padding: 0 20px !important;
    }
    .porfolka .line-in-block {
        margin: 20px 0px 0px 0px !important
    }
    .porfolka .title-text {
        max-width: 100%;
        width: 100%;
    }
    .porfolka .mw-block {
        width: 100%;
    }
    .inz-text .line-in-block {
        margin: 20px 0px 0px 0px !important;
    }
    .whatneed .greenback {
        display: none;
    }
    .whatborder {
        border:0px !important;
        margin: 0px !important;
    }
    .whatneed-index {
        background: #44654a;
        padding-bottom: 60px;
    }
    .button-zone-next {
        margin: 0 auto;
        float: none;
    }
    .button-zone-prev {
        margin: 0 auto;
        float: none;
    }
    #zone-title {
        text-align: center;
    }
    #zone-text {
        text-align: center;
    }
}
@media(max-width: 420px) {
    .popup {
        padding-top: 100px !important;
        background-position: left 30px top -200px !important;
    }
    .popup-title {
        max-width: 100% !important;
    }
    .labelblock {
        max-width: 100% !important;
    }
    .popup .wpcf7-file {
        left: unset !important;
    }
    .popup input[type="submit"] {
        left: unset !important;
    }
    .follow-icons {
        margin-left: -50% !important;
    }
}
@media (max-width: 321px) {
    .follow-icons {
        margin-left: -20% !important;
    }
}


/* ==========================================================================
   SEO Content Block Styles
   Добавлено: 2026-02-11 (ART-83)
   ========================================================================== */

.seo-content-block {
    padding: 50px 0 30px;
    background: #fff;
}

/* Лид-текст */
.seo-lead {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.seo-lead p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
}

/* Секции H2 + текст + картинка */
.seo-section {
    margin-bottom: 10px;
}

.seo-section__heading {
    font-family: 'HelveticaNeueCyrBold', sans-serif;
    font-size: 24px;
    line-height: 1.3;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 0;
}

.seo-section__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: 30px;
}

.seo-section--reversed .seo-section__text {
    padding-right: 0;
    padding-left: 30px;
}

.seo-section__image {
    overflow: hidden;
    border-radius: 4px;
    height: 100%;
    display: flex;
    align-items: center;
}

.seo-section__image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* FAQ блок */
.seo-faq {
    max-width: 900px;
    margin: 0 auto;
    border-top: 2px solid #333;
    padding-top: 30px;
}

.seo-faq__item {
    border-bottom: 1px solid #e5e5e5;
    padding: 18px 0;
    cursor: pointer;
    transition: background 0.2s ease;
}

.seo-faq__item:hover {
    background: #fafafa;
}

.seo-faq__question {
    font-family: 'HelveticaNeueCyrMedium', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    position: relative;
    padding-right: 30px;
}

.seo-faq__question::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: #999;
    transition: transform 0.3s ease;
}

.seo-faq__item.active .seo-faq__question::after {
    content: '−';
}

.seo-faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.seo-faq__item.active .seo-faq__answer {
    max-height: 200px;
    padding-top: 12px;
}

.seo-faq__answer div {
    font-size: 15px;
    line-height: 1.6;
    color: #666;
}

/* Мобильная адаптация */
@media (max-width: 767px) {
    .seo-section__heading {
        font-size: 20px;
    }

    .seo-section__text {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .seo-section--reversed .seo-section__text {
        padding-left: 0;
    }

    .seo-section--reversed .col-sm-push-6,
    .seo-section--reversed .col-sm-pull-6 {
        left: 0;
        right: 0;
    }

    .seo-content-block {
        padding: 30px 0 20px;
    }
}

/* Fix h2 font-size to match h3.f24 reference (34px) — ART-83 */
.left-right-entry .simple-article h2.f24,
.simple-article.border-left h2.f24 {
    font-size: 34px !important;
    line-height: 34px !important;
}

/* Constrain SEO block width to match reference (1140px) — ART-83 */
.seo-content-block .left-right-entry.style-1 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

/* Fix: direct selector for SEO block width constraint — ART-83 */
.col-md-12 > .left-right-entry.style-1 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}