html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: auto;
    font-family: 'Inter';
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

strong {
    font-weight: bold;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*,
::after,
::before {
    box-sizing: border-box;
}

/* Шрифт */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-BoldItalic.eot');
    src: local('Inter Bold Italic'), local('Inter-BoldItalic'),
        url('../fonts/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-BoldItalic.woff2') format('woff2'),
        url('../fonts/Inter-BoldItalic.woff') format('woff'),
        url('../fonts/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLightItalicBETA.eot');
    src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'),
        url('../fonts/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-ExtraLightItalicBETA.woff2') format('woff2'),
        url('../fonts/Inter-ExtraLightItalicBETA.woff') format('woff'),
        url('../fonts/Inter-ExtraLightItalicBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

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

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

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

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

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

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

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

/* Конец шрифт */
.container {
    width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

main {
    padding-top: 150px;
}

.header .overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(30, 30, 30);
    opacity: .9;
    z-index: 10000;
}

.header .mob_nav {
    display: none;
    height: 100%;
    width: 320px;
    min-width: 250px;
    max-width: 100%;
    background-color: #fff;
    right: 0;
    top: 0;
    z-index: 99992;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    /* transform: translate(300px,0); */
    box-shadow: -5px 0 39px rgb(0 0 0 / 10%);
}

.header .mob_nav ul li {
    padding: 10px 40px;
}

.header .mob_nav ul .sucs {
    font-size: 14px;
    color: #9b9b9b;
}

.header .mob_nav ul .city_m {}

.header .mob_nav ul .city_m i {
    color: #ffbd48;
}

.header .mob_nav ul .city_m a {
    display: flex;
    align-items: center;
}

.header .mob_nav ul .city_m span {
    margin-left: 5px;
    border-bottom: 2px dashed #ffbd48;
}

.header .mob_nav ul li a {
    text-decoration: none;
    color: #0b0819;
    font-size: 17px;
    -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
    -o-transition: color 0.3s, background 0.3s, border-color 0.3s;
    transition: color 0.3s, background 0.3s, border-color 0.3s;
}

.header .mob_nav ul li a.zamer_button {
    padding: 10px 30px;
    border: 1px solid #edbd36;
    border-radius: 5px;
    display: block;
}

.header .mob_nav ul li a.zamer_button:hover {
    background-color: #edbd36;
    transition: all 0.2s;
}

.header .mob_nav ul li.line {
    width: 100%;
    height: 1px;
    background-color: #2020200d;
    margin: 20px 0;
}

.header .mob_nav ul li.soc_st {
    padding: 5px 40px;
}

.header .mob_nav ul li.soc_st:last-child {
    padding-bottom: 10px;
}

.header .mob_nav ul li.soc_st a {
    font-size: 16px;
}

.header .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 75px;
}

.header .logotype {}

.header .logotype a {
    font-family: 'Inter';
    width: 170px;
    height: 43px;
    background-image: url('../img/logotype.svg');
    display: block;
    outline: none;
}

.header .map {
    display: flex;
    align-items: center;
}

.header .map i {
    color: #ffbd48;
    font-size: 30px;
}

.header .map span {
    color: #3e3e3e;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 500;
    border-bottom: 2px dashed #ffbd48;
}

.header .map span a {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.header .telephone {
    display: flex;
    align-items: center;
}

.header .telephone i {
    font-size: 35px;
    color: #ffbd48;
}

.header .telephone .info {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.header .telephone .info a {
    color: #3e3e3e;
    font-size: 26px;
    text-decoration: none;
    font-weight: 700;
}

.header .telephone .info span {
    font-size: 16px;
    color: #5c5c5c;
    font-weight: normal;
}

.header .telephone .info span a {
    font-size: 16px;
    font-weight: normal;
    transition: 0.2s ease-in;
}

.header .telephone .info span a:hover {
    opacity: 0.8;
}

.header .telephone .btn_telephone {}

.header .telephone .btn_telephone a {
    border: 2px dashed #ffbd48;
    color: #434343;
    font-size: 15px;
    padding: 7px 10px;
    margin-left: 10px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.header .telephone .btn_telephone a:hover {
    background-color: #ffbd48;
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.home {
    padding-top: 90px;
    position: relative;
    background-image: url(../img/JX.png);
    background-position: bottom;
    background-repeat: no-repeat;
    overflow-x: hidden;
    background-size: contain;
}

.home .home_block {
    display: flex;
    position: relative;
    padding-bottom: 88px;
}

.home .left_info {}

.home .left_info h1 {
    font-size: 48px;
    color: #3e3e3e;
    font-weight: 700;
    text-transform: uppercase;
}

.home .left_info h1 span {
    font-weight: 600;
    display: block;
    margin: 13px 0;
}

.home .left_info h1 b {
    font-weight: 700;
    color: #ffbd48;
}

.home .left_info h2 {
    font-size: 24px;
    line-height: 0.5;
    margin-top: 20px;
}

.home .left_info span {
    font-size: 24px;
}

.home .left_info span b {
    font-size: 36px;
    font-weight: 700;
    color: #3e3e3e;
}

.home .left_info span sup {
    vertical-align: super;
    font-size: smaller;
    font-size: 14px;
}

.home .left_info .btn_stocks {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.home .left_info .btn_stocks span {
    font-size: 17px;
    font-weight: 300;
    display: flex;
    align-items: center;
    background-color: #3ca55330;
    padding: 10px 15px 10px 15px;
    border: 1px solid #3ca55324;
    border-radius: 4px;
}

.home .left_info .btn_stocks span::before {
    content: "";
    width: 4px;
    height: 42px;
    border-radius: 10px;
    background-color: #3ca553;
    display: flex;
    position: absolute;
    left: 0;
}

.home .left_info .btn_stocks a {
    font-size: 21px;
    border-bottom: 2px dashed #ffbd48;
    font-weight: 300;
    color: #000;
}

.home .left_info .btn_stocks a:hover {}

.home .left_info .btn_group {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.home .left_info .btn_group a {
    font-size: 21px;
    color: #000000;
    text-decoration: none;
    padding: 19px 71px;
    border-radius: 5px;
    background-color: #ffbd48;
    display: flex;
    transition: 0.2s ease-in-out;
    border: 1px solid #e0a741;
}

.home .left_info .btn_group a:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.home .left_info .btn_group a:hover i {
    transform: translate(5px, 0);
}

.home .left_info .btn_group a i {
    font-size: 24px;
    margin-left: 15px;
    transition: 0.2s ease-in-out;
}

.home .left_info .btn_group ul {
    margin-left: 50px;
}

.home .left_info .btn_group ul li {
    display: inline;
    margin-right: 30px;
}

.home .left_info .btn_group ul li:last-child {
    margin-right: 0;
}

.home .left_info .btn_group ul li img {
    transition: 0.2s ease-in-out;
    opacity: 0.5;
}

.home .left_info .btn_group ul li img:hover {
    opacity: 1;
}

.home .right_info {}

.home .right_info img {
    position: absolute;
    top: -75px;
    pointer-events: none;
}

.sponsor {
    background-color: #f6f6f6;
}

.sponsor .sponsor_list {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 900px;
    position: relative;
}

.sponsor .sponsor_list::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background: rgb(246, 246, 246);
    background: linear-gradient(-90deg, rgb(246 246 246) 0%, rgb(236 236 236 / 0%) 100%);
    top: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.sponsor .sponsor_list::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background: rgb(246, 246, 246);
    background: linear-gradient(90deg, rgb(246 246 246) 0%, rgb(236 236 236 / 0%) 100%);
    top: 0;
    left: 0;
    pointer-events: none;
}

.sponsor .sponsor_list .sponsor_case {
    margin: 0 18.5px;
    height: 45px;
    display: flex;
    align-items: center;
}

.sponsor .sponsor_list .sponsor_case img {}

.sponsor .sponsor_top {
    display: flex;
    justify-content: center;
}

.calculation {
    padding-bottom: 40px;
}

.calculation .calculation_box {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #f3f3f3;
    background-color: #f6f6f65e;
}

.calculation .calculation_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
    text-align: center;
}

.calculation .calculation_title::after {
    content: '';
    height: 4px;
    width: 72px;
    background-color: #ffbd48;
    margin-top: 14px;
    border-radius: 10px;
}

.calculation .calculation_title h2 {
    font-size: 24px;
    font-weight: 500;
}

.calculation .calculation_title p {
    color: #404040;
    font-size: 16px;
    font-weight: 300;
}

.calculation .calculation_box {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.calculation .calculation_box .colr {}

.calculation .calculation_box .colr .line {
    height: 1px;
    width: 100%;
    background-color: #dfdfdf;
}

.calculation .calculation_box .calculation_left {
    max-width: 580px;
}

.calculation .calculation_box .calculation_left span.title {
    font-size: 22px;
    font-weight: 500;
}

.calculation .calculation_box .calculation_left span.title b {
    font-weight: 700;
    color: #ffbd48;
}

.calculation .calculation_box .calculation_left span.title i {
    color: #ffbd48;
    font-size: 22px;
}

.calculation .calculation_box .calculation_left .calculation_top {
    margin: 25px 0;
    gap: 30px;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
}

.calculation .calculation_box .calculation_left .calculation_top .top_one {}

.calculation .calculation_box .calculation_left .calculation_top .top_one label {
    font-size: 20px;
    margin-right: 5px;
}

.calculation .calculation_box .calculation_left .calculation_top .top_one select {
    font-family: 'Inter';
    font-size: 18px;
    border: 1px solid #ffbd48;
    border-radius: 3px;
    padding: 6px 30px 6px 10px;
    background-color: #f6f6f6;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 300;
    appearance: none;
    cursor: pointer;
    outline: none;
    background: top 7px right 10px url(../img/arrow-down.png);
    background-repeat: no-repeat;
    color: #525252;
}

.calculation .calculation_box .calculation_left .calculation_top .top_one select option {
    color: #393939;
}

.calculation .calculation_box .calculation_left .calculation_top .top_two {}

.calculation .calculation_box .calculation_left .calculation_top .top_two label {
    font-size: 20px;
    margin-right: 5px;
}

.calculation .calculation_box .calculation_left .calculation_top .top_two select {
    font-family: 'Inter';
    font-size: 18px;
    color: #525252;
    border: 1px solid #ffbd48;
    font-weight: 300;
    border-radius: 3px;
    padding: 6px 30px 6px 10px;
    background-color: #f6f6f6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    background: top 7px right 10px url(../img/arrow-down.png);
    background-repeat: no-repeat;
}

.modal_city {
    font-family: 'Inter';
}

.modal_city .city_header {}

.modal_city .city_header span i {
    font-size: 18px;
    margin-right: 10px;
    opacity: 0.6;
}

.modal_city .city_header span {
    font-size: 20px;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
    border-bottom: 3px solid #0000001f;
    font-weight: 700;
    align-items: center;
    color: #3e3e3e;
}

.modal_city .city_list {}

.modal_city .city_list .sub_a span {
    padding: 10px 0;
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    display: flex;
}

.modal_city .city_list li {
    padding: 10px;
    display: inline-flex;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
}

.modal_city .city_list .sub_sub {
    padding-left: 20px;
}

.modal_city .city_list li a {
    font-size: 18px;
    text-decoration: none;
    color: #000;
}

.modal_city .city_list .sub_sub li:hover {
    opacity: 1;
}

.modal_city .city_list .sub_sub li a {
    font-size: 16px;
}

.modal_city .city_list li.active {
    opacity: 1;
    color: #000000;
    font-weight: 500;
    pointer-events: none;
    cursor: default;
}

.modal_city .city_list li.active a {
    border-bottom: 2px dashed #ffbd48;
}

.calculation .calculation_box form .calculation_range {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 30px;
    padding: 30px 0 45px 0;
    font-weight: 300;
}

.calculation .calculation_box form .calculation_range .area-input {}

.calculation .calculation_box form .calculation_range .palzun {
    position: relative;
    flex: 1 1 50%;
    max-width: 100%;
}

.calculation .calculation_box form .calculation_range .palzun .rangeslider__fill {
    display: none;

}

.calculation .calculation_box form .calculation_range .palzun .rangeslider--horizontal {
    height: 21px;
    border-left: none;
    border-right: none;
    border-top: 10px solid #fcfcfc;
    border-bottom: 10px solid #fcfcfc;
    border-radius: 0;
}

.calculation .calculation_box form .calculation_range .palzun .rangeslider__handle {
    top: -17px;
    width: 35px;
    height: 35px;
    background-image: none;
    background-color: #ffbd48;
    border: 10px solid #ffffffb8;
    box-shadow: none;
}

.calculation .calculation_box form .calculation_range .palzun .rangeslider__handle:after {
    display: none;
}

.calculation .calculation_box form .calculation_range .palzun .slider-values {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 4px 0 0 0;
}

.calculation .calculation_box form .calculation_range .palzun .slider-values .slider-value {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    width: 1px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    color: rgba(104, 104, 104, 0.5);
}

.calculation .calculation_box form .calculation_range .inp_num {
    border: 1px solid #ffbd48;
    border-radius: 3px;
    font-family: 'Inter';
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    font-weight: 300;
    width: 63px;
}

.calculation .calculation_box form .calculation_range .inp_num:hover,
.calculation .calculation_box form .calculation_range .inp_num:focus {
    outline: none;
}

.calculation .calculation_box form .calculation_range .inp_num::-webkit-outer-spin-button,
.calculation .calculation_box form .calculation_range .inp_num::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

.rangeslider {
    display: inline-block;
    width: 70%;
}

.output {
    display: inline-block;
    font-size: 1.8em;
    line-height: 1;
    padding-left: 10px;
}

.calculation .calculation_box form .calculation_info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.calculation .calculation_box form .calculation_info .calculation_result {
    font-size: 21px;
    color: #000;
}

.calculation .calculation_box form .calculation_info .calculation_result span {
    font-weight: 600;
    font-size: 21px;
    color: #ffbd48;
}

.calculation .calculation_box form .calculation_info .calculation_btn {
    display: none;
}

.calculation .calculation_box form .calculation_info .calculation_btn a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
    padding: 15px 43px;
    border-radius: 5px;
    background-color: #ffbd48;
    display: inline-block;
    transition: 0.2s ease-in-out;
    opacity: 0.8;
}

.calculation .calculation_box form .calculation_info .calculation_btn a:hover {
    opacity: 1;
}

.calculation .calculation_box form .calculation_info .calculation_helper {
    position: relative;
}

.calculation .calculation_box form .calculation_info .calculation_helper .helper_btn {
    font-size: 18px;
    color: #505050;
    font-weight: 300;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.calculation .calculation_box form .calculation_info .calculation_helper .helper_btn:hover~.helper_message {
    z-index: 2;
    opacity: 1;
    pointer-events: initial;
}

.calculation .calculation_box form .calculation_info .calculation_helper .helper_message {
    position: absolute;
    z-index: -1;
    bottom: 100%;
    right: 0;
    width: 280px;
    padding: 16px;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 1.2;
    color: var(--color-gray-dark);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
}

.calculation .calculation_box form .calculation_info .calculation_helper .helper_message ul {
    padding: 0 0 0 15px;
    margin: 4px 0 0 0;
    list-style-type: disc;
}

.calculation .calculation_box form .calculation_info .calculation_helper .helper_message ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.calculation .calculation_box .calculation_right {
    width: 363px;
    text-align: center;
    margin: 0 35px;
}

.calculation .calculation_box .calculation_right .calculation_docum {
    display: flex;
    flex-direction: column;
}

.calculation .calculation_box .calculation_right .calculation_docum span {
    font-size: 22px;
    color: #242424;
    margin-bottom: 20px;
}

.calculation .calculation_box .calculation_right .calculation_docum span b {
    color: #ffbd48;
    font-weight: 600;
}

.calculation .calculation_box .calculation_right .calculation_docum p {
    font-size: 19px;
    color: #4c4c4c;
    font-weight: 300;
    margin-bottom: 40px;
}

.calculation .calculation_box .calculation_right .calculation_docum .call_telephone {
    background-color: #fdfdfd;
    border: none;
    font-size: 17px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #e9e9e9;
}

.calculation .calculation_box .calculation_right .calculation_docum button {
    background-color: #ffbd48;
    border: none;
    font-size: 18px;
    color: #000000;
    padding: 20px 15px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 0.2s ease-in-out;
    border: 1px solid #e0a741;
}

.calculation .calculation_box .calculation_right .calculation_docum button:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.calculation .calculation_box .calculation_right .calculation_docum .lis {
    font-size: 14px;
    color: #5e5e5e;
}

.calculation .calculation_box .calculation_right .calculation_docum .lis a {
    text-decoration: underline;
    color: #5e5e5e;
}

.why {}

.why .why_title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
    margin-top: 80px;
}

.why .why_title h3 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    text-align: center;
}

.why .why_title h3 b {
    font-weight: 700;
}

.why .why_title::after {
    content: '';
    height: 4px;
    width: 72px;
    background-color: #ffbd48;
    margin-top: 14px;
}

.why .why_list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    margin-bottom: 80px;
}

.why .why_list .why_case {
    text-align: left;
    background-image: -moz-linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    background-image: -o-linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    background-image: -webkit-linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    background-image: linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    display: flex;
    flex-direction: column;
    border: 1px solid #f1f1f1;
    padding: 20px;
    border-radius: 7px;
    align-items: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.why .why_list .why_case:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.why .why_list .why_case img {
    pointer-events: none;
    width: fit-content;
}

.why .why_list .why_case span {
    font-size: 22px;
    color: #4c4c4c;
    font-weight: 700;
    margin: 15px 0;
}

.why .why_list .why_case p {
    font-size: 17px;
    text-align: center;
    color: #4c4c4c;
    max-width: 304px;
    font-weight: 300;
}

.why .why_list_carusel {}

.why .why_list_carusel .why_case_carusel {
    text-align: left;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    text-align: center;
}

.why .why_list_carusel .why_case_carusel img {
    pointer-events: none;
    width: fit-content;
}

.why .why_list_carusel .why_case_carusel span {
    font-size: 20px;
    color: #4c4c4c;
    font-weight: 700;
    margin: 15px 0;
}

.why .why_list_carusel .why_case_carusel p {
    font-size: 17px;
    color: #4c4c4c;
    max-width: 304px;
}

.why .why_list_carusel .slick-dots {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.why .why_list_carusel .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 10px;
    border-radius: 5px;
}

.why .why_list_carusel .slick-dots li button {
    display: block;
    border: none;
    color: transparent;
    outline: none;
    width: 12px;
    height: 12px;
    border-radius: 15px;
}

.why .why_list_carusel .slick-dots li.slick-active button {
    background-color: #ffbd48;
}

.why .why_whats {
    position: relative;
    display: none;
}

.why .why_whats .why_arrow .slick-disabled {
    opacity: 0.5;
}

.why .why_whats .why_arrow {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 128px;
    z-index: 1;
}

.why .why_whats .why_arrow .sl-arrow-r {
    width: 15px;
    height: 27px;
    background-image: url(../img/why/arrow_sprite.png);
    cursor: pointer;
    background-position-y: 27px;
    background-position-x: 15px;
}

.why .why_whats .why_arrow .sl-arrow-l {
    width: 15px;
    height: 27px;
    background-image: url(../img/why/arrow_sprite.png);
    cursor: pointer;
    background-position-y: 27px;
}

.why .why_whats .why_arrow .sl-arrow-r:hover {
    background-position-y: 0px;
}

.why .why_whats .why_arrow .sl-arrow-l:hover {
    background-position-y: 0px;
}

.catalog {}

.catalog .catalog_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px;
    margin: 40px 0;
}

.catalog .catalog_title h2 {
    font-size: 24px;
    font-weight: 500;
}

.catalog .catalog_title p {
    color: #404040;
    font-size: 16px;
    font-weight: 300;
}

.catalog .catalog_title::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.catalog .catalog_box {}

.catalog .catalog_box .catalog_tab {}

.catalog .catalog_box .catalog_tab ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.catalog .catalog_box .catalog_tab ul li {
    font-size: 16px;
    color: #404040;
    background-color: #ebebeb;
    padding: 14px 30px;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    margin: 7px;
    font-weight: 300;
}

.catalog .catalog_box .catalog_tab ul li:hover {
    opacity: 0.8;
}

.catalog .catalog_box .catalog_tab ul li.active {
    background-color: #ffbd48;
    font-weight: 400;
}

.catalog .catalog_box .catalog_tab ul li.active:hover {
    opacity: 1;
}

.catalog .catalog_box .catalog_tabs {
    display: none;
    margin: 40px 0;
    justify-content: space-between;
}

.catalog .catalog_box .catalog_tabs.active {
    display: flex;
}

.catalog .catalog_box .catalog_tabs .catalog_content {
    position: relative;
    width: 774px;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_arrow {
    display: flex;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_arrow .sl-arrow-l {
    width: 65px;
    height: 65px;
    background-image: url(../img/catalog/arrow-sprite.png);
    cursor: pointer;
    left: 20px;
    bottom: 20px;
    z-index: 1;
    position: absolute;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_arrow .sl-arrow-r {
    width: 65px;
    height: 65px;
    background-image: url(../img/catalog/arrow-sprite.png);
    background-position-x: 65px;
    cursor: pointer;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    position: absolute;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_arrow .slick-disabled {
    visibility: hidden;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_slide {
    width: 100%;
    height: 418px;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_list {
    width: 100%;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_list .slick-list {
    border-radius: 10px;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_zoom {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 5;
    padding: 10px;
    border-radius: 6px;
    background-color: #373737;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_zoom i {
    font-size: 25px;
    color: #ffbd48;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_slide .catalog_img {}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_slide .catalog_img img {
    width: 100%;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_slide .catalog_hover {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.catalog .catalog_box .catalog_tabs .catalog_content .catalog_slide:hover .catalog_hover {
    opacity: 0.6;
}

.catalog .catalog_box .catalog_tabs .catalog_info {
    max-width: 336px;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block {}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block span {
    font-size: 22px;
    color: #404040;
    font-weight: 600;
    margin: 20px 0px;
    display: block;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block ul {
    overflow-y: auto;
    max-height: 109px;
    padding: 0 10px 0 0px;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block ul::-webkit-scrollbar {
    width: 8px;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block ul::-webkit-scrollbar-track {
    background-color: #e5e5e5;
    border-radius: 10px;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c9c9c9;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block ul li {
    font-size: 16px;
    color: #404040;
    line-height: 1.3;
    font-weight: 300;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block .catalog_price {}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block .catalog_price span {
    font-weight: normal;
    font-size: 20px;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block .catalog_price span b {
    font-weight: 600;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block .call_telephone {
    display: flex;
    width: 100%;
    background-color: #fdfdfd;
    font-size: 17px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-bottom: 15px;
    font-family: "inter";
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block button {
    display: flex;
    width: 100%;
    background-color: #ffbd48;
    border: none;
    font-size: 18px;
    color: #000000;
    padding: 20px 15px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    justify-content: center;
    transition: 0.2s ease-in-out;
    border: 1px solid #e0a741;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block button:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block p {
    font-size: 14px;
    color: #5e5e5e;
    font-weight: 300;
    text-align: center;
}

.catalog .catalog_box .catalog_tabs .catalog_info .catalog_info_block p a {
    text-decoration: underline;
    color: #5e5e5e;
}

.reviews {
    background-color: #c8c8c8;
    background-image: url('../img/bg_reviews.png');
    background-size: cover;
}

.reviews .reviews_title {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 40px 0;
}

.reviews .reviews_title h4 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.reviews .reviews_title p {
    font-size: 16px;
    color: #626262;
    margin-top: 15px;
}

.reviews .reviews_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 60px;
}

.reviews .reviews_list .slick-dots {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.reviews .reviews_list .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 10px;
    border-radius: 15px;
}

.reviews .reviews_list .slick-dots li button {
    display: block;
    border: none;
    color: transparent;
    outline: none;
    width: 12px;
    height: 12px;
    border-radius: 15px;
}

.reviews .reviews_list .slick-dots li.slick-active button {
    background-color: #ffbd48;
}

.reviews .reviews_list .reviews_case {
    width: 570px;
    height: 100%;
    padding: 30px;
    box-shadow: 0 8px 20px rgb(0 51 153 / 3%), 0 4px 8px rgb(0 51 153 / 3%);
    background-color: #fff;
    border-radius: 10px;
}

.reviews .reviews_list .reviews_case .reviews_content {
    display: flex;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video {
    width: 271px;
    height: 225px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    background-size: cover;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video .reviews_video_play {
    z-index: 1;
    position: relative;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video .reviews_video_play i {
    font-size: 77px;
    z-index: 1;
    color: #ffbd48;
    transition: 0.2s ease-in-out;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video p {
    position: absolute;
    top: 70%;
    z-index: 1;
    transform: translate(0px, -10px);
    color: #ffbd48;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video:hover p {
    transform: translate(0px, 0px);
    opacity: 1;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video:hover .reviews_video_play i {
    opacity: 0.7;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video .reviews_video_hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f1bb7433;
    border-radius: 5px;
    transition: 0.2s ease-in-out;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_video:hover .reviews_video_hover {
    background-color: #00000033;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_gall {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    width: 239px;
    justify-content: flex-end;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_gall .reviews_photo {
    width: 105px;
    height: 105px;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
}

.reviews .reviews_list .reviews_case .reviews_content .reviews_gall .reviews_photo:hover {
    opacity: 0.8;
}

.reviews .reviews_list .reviews_case .reviews_info {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.reviews .reviews_list .reviews_case .reviews_info .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.reviews .reviews_list .reviews_case .reviews_info .cat_title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.reviews .reviews_list .reviews_case .reviews_info p {
    font-size: 18px;
    color: #404040;
    margin-bottom: 15px;
}

.reviews .reviews_list .reviews_case .reviews_info .reviews_price {}

.reviews .reviews_list .reviews_case .reviews_info .reviews_price span {
    font-size: 20px;
}

.reviews .reviews_list .reviews_case .reviews_info .reviews_price span b {
    color: #ffbd48;
    font-weight: 600;
}

/* reviews_text */
.reviews_text {
    padding: 40px 0;
    padding-bottom: 80px;
}

.reviews_text .reviews_text_title {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding-bottom: 40px;
}

.reviews_text .reviews_text_title h4 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reviews_text .reviews_text_title h4::after {
    content: '';
    height: 4px;
    width: 72px;
    background-color: #ffbd48;
    margin-top: 14px;
    border-radius: 10px;
}

.reviews_text .reviews_text_body {
    display: flex;
    justify-content: center;
}

.reviews_text .reviews_text_body .reviews_text_list {
    display: flex;
    justify-content: center;
    max-width: 1034px;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case {
    width: 100%;
    margin: 0 20px;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container {
    display: flex;
    gap: 25px;
    justify-content: center;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_ava {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_ava img {
    max-width: 90px;
    border-radius: 100%;
    border: 1px solid #f1f1f1;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_ava span {
    font-size: 14px;
    color: #696969;
    font-weight: 500;
    margin: 10px 0;
    text-align: center;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_text {
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_text .reviews_info {
    font-size: 18px;
    color: #2f2f2f;
    line-height: 1.5;
    font-weight: 300;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_text ul {
    text-align: right;
    margin-top: 10px;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_text ul li {
    display: inline;
    margin-left: 10px;
    font-size: 16px;
    color: #696969;
}

.reviews_text .reviews_text_body .reviews_text_list .reviews_text_case .reviews_text_container .reviews_text_text ul li b {
    font-weight: 500;
}

/* end  */

.error {}

.error .error_header {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.error .error_header .error_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
    margin: 40px 0;
}

.error .error_header .error_title h1 {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.error .error_header .error_title h1::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.error .error_header .error_nav {}

.error .error_header .error_nav span {
    color: #515151;
    font-size: 14px;
}

.error .error_header .error_nav span a {
    color: #515151;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}

.error .error_header .error_nav span a:hover {
    opacity: 1;
}

.error .error_body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 120px 0;
}

.error .error_body img {
    width: auto;
}

.error .error_body .e_titles {
    font-size: 32px;
    color: #2f2f2f;
    font-weight: 700;
}

.error .error_body .e_title {
    font-size: 18px;
    color: #2f2f2f;
    margin: 10px 0;
    font-weight: 500;
    text-align: center;
}

.error .error_body p {
    font-size: 14px;
    max-width: 430px;
    text-align: center;
    color: #2f2f2f;
}

.error .error_body a {
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 5px;
    background-color: #ffbd48;
    transition: 0.2s ease-in-out;
    margin-top: 20px;
}

.error .error_body a:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.steps {
    background-image: url('../img/bg_steps.jpg');
    background-size: cover;
    background-position: center;
    height: 455px;
    display: flex;
    align-items: center;
}

.steps .steps_title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.steps .steps_title span {
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}

.steps .steps_title span b {
    font-weight: 600;
    color: #ffbd48;
}

.steps .steps_title::after {
    content: " ";
    height: 4px;
    width: 72px;
    display: block;
    border-radius: 10px;
    background-color: #ffbd48;
}

.steps .steps_list {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    margin-top: 75px;
}

.steps .steps_list .steps_case {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.steps .steps_list .steps_case .steps_number {
    position: relative;
}

.steps .steps_list .steps_case .steps_number.n_one::after {
    content: '1';
    font-size: 120px;
    color: #ffbd48;
    opacity: 0.1;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    bottom: -25px;
    left: 30px;
}

.steps .steps_list .steps_case .steps_number.n_two::after {
    content: '2';
    font-size: 120px;
    color: #ffbd48;
    opacity: 0.1;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    bottom: -25px;
    left: 30px;
}

.steps .steps_list .steps_case .steps_number.n_three::after {
    content: '3';
    font-size: 120px;
    color: #ffbd48;
    opacity: 0.1;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    bottom: -25px;
    left: 30px;
}

.steps .steps_list .steps_case .steps_number img {
    pointer-events: none;
}

.steps .steps_list .steps_case p {
    font-size: 19px;
    color: #ffffff;
    margin-top: 26px;
    font-weight: 300;
}

.steps .steps_list .steps_case p b {
    color: #ffbd48;
    font-weight: normal;
}

.steps .steps_list .steps_case p a {
    color: #ffbd48;
}

.steps .steps_list .slick-dots {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.steps .steps_list .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 10px;
    border-radius: 5px;
}

.steps .steps_list .slick-dots li button {
    display: block;
    border: none;
    color: transparent;
    outline: none;
    width: 12px;
    height: 12px;
    border-radius: 15px;
    background-color: #525252;
}

.steps .steps_list .slick-dots li.slick-active button {
    background-color: #ffbd48;
}

.special {}

.special .special_list {
    margin: 40px 0;
    display: flex;
    gap: 28px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.special .special_list .special_case {
    border-radius: 5px;
    background-color: #fff;
    background-image: -moz-linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    background-image: -o-linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    background-image: -webkit-linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    background-image: linear-gradient(top left, #fff 0%, #f1f3f5 100%);
    display: flex;
    padding: 10px;
    padding-right: 20px;
    border: 1px solid #f1f1f1;
    align-items: center;
    -webkit-transition: all 0.2s ease;
    /* Safari and Chrome */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -o-transition: all 0.2s ease;
    /* Opera */
    transition: all 0.2s ease;

}

.special .special_list .special_case:hover {
    -webkit-transform: scale(1.02);
    /* Safari and Chrome */
    -moz-transform: scale(1.02);
    /* Firefox */
    -ms-transform: scale(1.02);
    /* IE 9 */
    -o-transform: scale(1.02);
    /* Opera */
    transform: scale(1.02);
}

.special .special_list .special_case img {
    padding: 10px;
    height: 60px;
    pointer-events: none;
}

.special .special_list .special_case p {
    font-size: 16px;
    color: #4e4e4e;
    margin-left: 10px;
    font-weight: 300;
}

.special .special_list .special_case p b {
    font-weight: 500;
    color: #383838;
}

.quiz {}

.quiz .quiz_title {
    margin: 40px 0;
    display: flex;
    justify-content: center;
}

.quiz .quiz_title span {
    font-weight: 500;
    color: #393939;
    font-size: 24px;
    text-align: center;
}

.quiz .quiz_title span b {
    color: #000;
}

.quiz .quiz_wrapper {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    margin-bottom: 40px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.quiz .quiz_wrapper .left_block .left_gift {}

.quiz .quiz_wrapper .left_block .left_gift .gift_ava {}

.quiz .quiz_wrapper .left_block .left_gift .gift_ava img {}

.quiz .quiz_wrapper .left_block .left_gift .gift_name {
    font-size: 16px;
    font-style: italic;
}

.quiz .quiz_wrapper .left_block {
    width: 320px;
    background-image: url('../img/bg_quiz_one.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 34vw;
    border-radius: 5px 0 0 5px;
    text-align: center;
    padding: 30px 20px;
}

.quiz .quiz_wrapper .left_block[one] {
    background-image: url('../img/bg_quiz_gift.jpg');
}

.quiz .quiz_wrapper .left_block .left_title {
    color: #404040;
}

.quiz .quiz_wrapper .left_block .left_title p {
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
}

.quiz .quiz_wrapper .left_block .left_title p b {
    font-size: 22px;
    margin-top: 5px;
    display: block;
    font-style: normal;
    font-weight: 500;
}

.quiz .quiz_wrapper .right_block {
    width: 77%;
    padding: 25px;
}

.quiz .quiz_wrapper .right_block .quiz_content {
    position: relative;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one {}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_global_title {
    font-size: 18px;
    color: #0f0f0f;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_global_title b {
    font-size: 16px;
    color: #404040;
    font-weight: 300;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one {
    margin: 40px 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label {
    -webkit-transform: all 0.4s;
    -ms-transform: all 0.4s;
    transform: all 0.4s;
    border-radius: 4px;
    padding: 1vw;
    width: 30%;
    display: flex;
    min-height: 105px;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .checkbox-wrap {
    padding: 0.5vw;
    padding-left: 20px;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .radio-btn {
    display: none;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .bg-qw1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 4px;
    border: 1px solid #a8a3a1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .radio-label {
    color: #000000;
    font-size: 16px;
    display: inline-block;
    margin-left: 0.6vw;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .checkbox-psevdo {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #a8a3a1;
    background-color: #ffffff;
    padding: 0.2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .checkbox-psevdo-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .checkbox-psevdo-active img {
    width: 140%;
    max-width: 140%;
    -ms-flex-item-align: center;
    align-self: center;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .checkbox-inp:checked~label .checkbox-psevdo-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .radio-btn:checked~.radio-label {
    color: #2a2a2a;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label .checkbox-inp:checked+.bg-qw1 {
    border: 1px solid #ff9c00 !important;
    -webkit-box-shadow: 0 0 30px rgb(250 185 21 / 15%);
    box-shadow: 0 0 30px rgb(250 185 21 / 15%);
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_one .quiz_list_one .quiz_list_one_case .q_label:hover .bg-qw1 {
    border: 1px solid #ff9c00 !important;
    -webkit-box-shadow: 0 0 40px rgb(250 185 21 / 20%);
    box-shadow: 0 0 40px rgb(250 185 21 / 20%);
}

.quiz .quiz_wrapper .right_block .quiz_content .progress-bar {
    width: 70%;
}

.quiz .quiz_wrapper .right_block .quiz_content .progress-bar .progress-bar__title {
    font-size: 14px;
    color: #7c7c7c;
    display: flex;
    margin-bottom: 10px;
    font-weight: 300;
}

.quiz .quiz_wrapper .right_block .quiz_content .progress-bar .progress-bar__title .proc-progres {
    margin-left: 5px;
}

.quiz .quiz_wrapper .right_block .quiz_content .progress-bar .progress-bar__line-wrap {
    height: 8px;
    -webkit-box-shadow: 0 0 30px rgb(183 193 199 / 10%);
    box-shadow: 0 0 30px rgb(183 193 199 / 10%);
    border-radius: 5px;
    background-color: #e7e7e7;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.quiz .quiz_wrapper .right_block .quiz_content .progress-bar .progress-bar__line-wrap .progress-bar__line {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 19%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: inset 0 0 20px rgb(233 184 49 / 20%);
    box-shadow: inset 0 0 20px rgb(233 184 49 / 20%);
    background-color: #fbd806;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 194, 0, 0.8)), to(rgba(255, 194, 0, 0))), repeating-linear-gradient(-55deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px);
    background-image: -webkit-linear-gradient(left, rgba(255, 194, 0, 0.8) 0%, rgba(255, 194, 0, 0) 100%), -webkit-repeating-linear-gradient(145deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px);
    background-image: -o-linear-gradient(left, rgba(255, 194, 0, 0.8) 0%, rgba(255, 194, 0, 0) 100%), -o-repeating-linear-gradient(145deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px);
    background-image: linear-gradient(to right, rgba(255, 194, 0, 0.8) 0%, rgba(255, 194, 0, 0) 100%), repeating-linear-gradient(-55deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px);
    -webkit-animation: progres 2.8s linear infinite;
    animation: progres 2.8s linear infinite;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    transition: width 0.4s;
}

@-webkit-keyframes progres {
    from {
        background-position: 0 0, 0 0;
    }

    to {
        background-position: 0 0, 60px 30px;
    }
}

@keyframes progres {
    from {
        background-position: 0 0, 0 0;
    }

    to {
        background-position: 0 0, 60px 30px;
    }
}

.quiz .quiz_wrapper .right_block .numbers {
    position: absolute;
    bottom: -44px;
    z-index: 0;
}

.quiz .quiz_wrapper .right_block .numbers .number_item {
    font-weight: 700;
    font-size: 100px;
    color: #efefef;
}

.quiz .quiz_wrapper .right_block .quiz_content .footer_quiz {
    display: flex;
    justify-content: space-between;
    position: inherit;
    z-index: 1;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_btn {
    position: relative;
    overflow: hidden;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_btn button {
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #3e3e3e;
    border: none;
    background-color: #ffbd48;
    border: 1px solid #e0a741;
    cursor: pointer;
    font-weight: 500;
    font-family: 'Inter';
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_btn .btn:not(:disabled):after {
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

@keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_two {}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_two .quiz_list_two {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    justify-content: center;
    margin: 40px 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_two .quiz_list_two .sp_quiz {
    display: flex;
    align-items: center;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_two .quiz_list_two .sp_quiz .name-inp {
    font-size: 18px;
    color: #0f0f0f;
    width: 145px;
    display: inline-block;
    text-align: right;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_two .quiz_list_two .sp_quiz .sp_input {
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    font-family: 'Inter';
    font-size: 16px;
    margin: 0 10px;
    max-width: 180px;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_two .quiz_list_two .sp_quiz .sp_input:focus {
    outline: none;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_two .quiz_list_two .sp_quiz span {}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three {}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin: 40px 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three {
    position: relative;
    min-width: 240px;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .img-label {
    height: 125px;
    width: 100%;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .checkbox-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5vw 0;
    max-width: 240px;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .checkbox-inp:checked+.bg-qw1 {
    border: 1px solid #ff9c00 !important;
    -webkit-box-shadow: 0 0 30px rgb(250 185 21 / 15%);
    box-shadow: 0 0 30px rgb(250 185 21 / 15%);
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .radio-btn {
    display: none;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .bg-qw1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 125px;
    border-radius: 10px;
    border: 1px solid #a8a3a1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .radio-label {
    color: #000000;
    font-size: 16px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .radio-psevdo {
    border: 1px solid #a8a3a1;
    background-color: #ffffff;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .radio-psevdo-active {
    width: 10px;
    height: 10px;
    background-color: #fcaa0a;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_three .quiz_list_three .label_three .radio-btn:checked~label .radio-psevdo-active {
    opacity: 1;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final {}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__img_mobile {
    justify-content: center;
    margin-top: 25px;
    display: none;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__img_mobile img {}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block {
    margin-bottom: 40px;
    margin-top: 40px;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .test-elem-7 {
    width: 100%;
    margin: 0;
    height: auto;
    min-height: 1vw;
    line-height: 1.1;
    padding: 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .test_elem {
    -webkit-transform: all 0.4s;
    -ms-transform: all 0.4s;
    transform: all 0.4s;
    border-radius: 4px;
    padding: 1vw;
    width: 30%;
    margin: 0 1.5% 1.5vw 1.5%;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .test-elem-7 {
    width: 100%;
    margin: 0;
    height: auto;
    min-height: 1vw;
    line-height: 1.1;
    padding: 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .checkbox-wrap {
    padding: 0.5vw;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .radio-btn {
    display: none;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .radio-btn:checked~.radio-label {
    color: #2a2a2a;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .radio-label {
    color: #000000;
    font-size: 16px;
    display: inline-block;
    margin-left: 0.6vw;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .radio-psevdo {
    border: 1px solid #a8a3a1;
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .radio-psevdo-active {
    width: 10px;
    height: 10px;
    background-color: #fcaa0a;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__block .radio-btn:checked~label .radio-psevdo-active {
    opacity: 1;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__form {
    width: 35%;
    margin-bottom: 40px;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__form .input {
    -webkit-box-shadow: 0 0 30px rgb(183 193 199 / 10%);
    box-shadow: 0 0 30px rgb(183 193 199 / 10%);
    border-radius: 25px;
    border: 1px solid #676767;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    color: #000;
    width: 100%;
    padding: 10px 20px;
    min-height: 47px;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__form .btn-predfinal {
    margin-top: 20px;
    margin-bottom: 1vw;
    width: 100%;
    min-height: 4vw;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__form .btn {
    min-height: 56px;
    padding: 1vw 0.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 6;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #ffbd48;
    position: relative;
    overflow: hidden;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__form .btn:hover {
    background-color: #ffb554;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__form .btn-text {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    text-transform: uppercase;
    color: #3e3e3e;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__form .btn:not(:disabled):after {
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__img {
    position: absolute;
    right: 0;
    bottom: 6vw;
    max-width: 29vw;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz_final .predfinal__img img {
    pointer-events: none;
}

.modal_zamer {}

.modal_zamer .zamer_header {}

.modal_zamer .zamer_header span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #3e3e3e;
    padding: 20px 0;
    text-align: center;
}

.modal_zamer .zamer_header span:after {
    content: "";
    display: flex;
    width: 100px;
    height: 4px;
    background-color: #ffbd48;
    border-radius: 2px;
    margin-top: 10px;
}

.modal_zamer .zamer_body {
    padding: 0 30px;
}

.modal_zamer .zamer_body p {
    font-size: 16px;
    color: #6c6c6c;
    padding: 10px 0;
    text-align: center;
}

.modal_zamer .zamer_body p b {
    font-weight: 600;
}

.modal_zamer .form-line {
    position: relative;
}

.modal_zamer .form-line i {
    position: absolute;
    font-size: 30px;
    color: #626262;
    top: 7px;
    left: 13px;
}

.modal_zamer .form-line .form-input {
    background-color: #f7f7f7;
    border: none;
    font-size: 16px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    font-family: "Inter";
    padding-left: 52px;
}

.modal_zamer .btn {
    min-height: 56px;
    width: 100%;
    padding: 1vw 0.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 6;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #ffbd48;
    position: relative;
    overflow: hidden;
}

.modal_zamer .btn .btn-text {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    color: #3e3e3e;
}

.modal_zamer .btn:not(:disabled):after {
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal_zamer form {
    margin-top: 40px;
}

.modal_zamer form .text_btn_b {
    color: #393939;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 0;
}

.modal_zamer form .text_btn_b a {
    color: #393939;
    font-weight: 600;
}

.modal_buy {}

.modal_buy .buy_body {}

.modal_buy .buy_body p {
    font-size: 16px;
    color: #6c6c6c;
    width: 100%;
    text-align: center;
}

.modal_buy .buy_header span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #3e3e3e;
    padding: 20px 0;
    text-align: center;
}

.modal_buy .buy_header span:after {
    content: "";
    display: flex;
    width: 100px;
    height: 4px;
    background-color: #ffbd48;
    border-radius: 2px;
    margin-top: 10px;
}

.modal_buy .form-line {
    position: relative;
}

.modal_buy .form-line i {
    position: absolute;
    font-size: 30px;
    color: #626262;
    top: 7px;
    left: 13px;
}

.modal_buy .form-line .form-input {
    background-color: #f7f7f7;
    border: none;
    font-size: 16px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    font-family: "Inter";
    padding-left: 52px;
}

.modal_buy .btn {
    min-height: 56px;
    width: 100%;
    padding: 1vw 0.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 6;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #ffbd48;
    position: relative;
    overflow: hidden;
}

.modal_buy .btn .btn-text {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    color: #3e3e3e;
}

.modal_buy .btn:not(:disabled):after {
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal_buy form {
    margin-top: 40px;
}

.modal_buy form .text_btn_b {
    color: #393939;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 0;
}

.modal_buy form .text_btn_b a {
    color: #393939;
    font-weight: 600;
}

.modal_buy .std-form-radio-line {
    margin: 45px 0;
    text-align: center;
}

.modal_buy .std-form-radio-line-row {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: start;
    gap: 15px 30px;
    margin: 0 auto;
}

.modal_buy .std-form-radio {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: start;
    gap: 0 12px;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #393939;
    cursor: pointer;
}

.modal_buy .std-form-radio input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.modal_buy .std-form-radio-display {
    position: relative;
    width: 24px;
    height: 24px;
    background: #f1bb744f;
    border-radius: 50%;
}

.modal_buy .std-form-radio input:checked~.std-form-radio-display::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 12px;
    background: #ffbd48;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.modal_calck {}

.modal_calck .calck_header {}

.modal_calck .calck_header span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #3e3e3e;
    padding: 20px 0;
    text-align: center;
}

.modal_calck .calck_header span:after {
    content: "";
    display: flex;
    width: 100px;
    height: 4px;
    background-color: #ffbd48;
    border-radius: 2px;
    margin-top: 10px;
}

.modal_calck .calck_body {
    display: flex;
    justify-content: center;
}

.modal_calck .calck_body p {
    font-size: 16px;
    color: #6c6c6c;
    padding: 10px 0;
    text-align: center;
    max-width: 360px;
    margin-bottom: 40px;
}

.modal_calck .calck_body p b {
    font-weight: 600;
}

.modal_calck .form-line {
    position: relative;
}

.modal_calck .form-line i {
    position: absolute;
    font-size: 30px;
    color: #626262;
    top: 7px;
    left: 13px;
}

.modal_calck .form-line .form-input {
    background-color: #f7f7f7;
    border: none;
    font-size: 16px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    font-family: "Inter";
    padding-left: 52px;
}

.modal_calck .btn {
    min-height: 56px;
    width: 100%;
    padding: 1vw 0.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 6;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #ffbd48;
    position: relative;
    overflow: hidden;
}

.modal_calck .btn .btn-text {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    color: #3e3e3e;
}

.modal_calck .btn:not(:disabled):after {
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal_calck form {
    margin-top: 40px;
}

.modal_calck .text_btn_b {
    color: #393939;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 0;
}

.modal_calck .text_btn_b a {
    color: #393939;
    font-weight: 600;
}

[disabled] {
    cursor: not-allowed !important;
    opacity: .8;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz-success {
    background-image: url('../img/bg_finish.png');
    background-position: center;
    background-repeat: no-repeat;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz-success .quiz_suc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    min-height: 300px;
    justify-content: center;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz-success .quiz_suc_title {
    font-size: 24px;
    color: #727272;
    font-weight: 500;
    font-style: italic;
    text-align: center;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz-success .quiz_suc p {
    font-size: 18px;
    color: #545454;
    text-align: center;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz-success .quiz_suc a {
    color: #353535;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #ffbd48;
    text-decoration: none;
    margin-top: 20px;
    text-align: center;
}

.quiz .quiz_wrapper .right_block .quiz_content .quiz-success .quiz_suc a i {
    color: #353535;
    font-size: 18px;
    margin-right: 10px;
}

.info_projeckt {}

.info_projeckt .info_projeckt_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
    margin: 40px 0;
}

.info_projeckt .info_projeckt_title h4 {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.info_projeckt .info_projeckt_title h4::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.info_projeckt_global {}

.info_projeckt_global .info_projeckt_projab {}

.info_projeckt .info_projeckt_block {}

.info_projeckt .info_projeckt_block p {
    padding-bottom: 25px;
    font-size: 16px;
    color: #363636;
    line-height: 1.6;
    font-weight: 300;
}

.info_projeckt .info_projeckt_block p b {
    font-weight: 500;
}

.faq {
    padding-bottom: 20px;
    padding-top: 20px;
}

.faq .faq_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 15px;
}

.faq .faq_title span {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.faq .faq_title p {
    font-size: 16px;
    color: #3d3d3d;
}

.faq .accordion .ui-accordion-header {
    font-size: 19px;
    line-height: 1.2;
    margin: 0;
    padding: 15px 0;
    font-weight: 300;
    border-radius: 5px;
    color: #363636;
    outline: none;
    cursor: pointer;
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border: 1px solid #ebebeb;
    padding-right: 55px;
}

.faq .accordion .ui-accordion-header b {
    font-size: 38px;
    color: #363636;
    position: absolute;
    left: 24px;
    font-weight: 200;
    opacity: 0.2;
}

.faq .accordion .ui-accordion-header:after {
    content: '+';
    font-weight: 600;
    position: absolute;
    right: 30px;
    font-size: 25px;
    font-weight: 200;
}

.faq .accordion .ui-state-active:after {
    content: '-';
}

.faq .accordion .ui-accordion-content {
    padding: 35px;
    font-size: 16px;
    color: #363636;
    background-color: #fafafa;
    border-radius: 5px;
    margin-bottom: 20px;
    line-height: 1.6;
    border: 1px solid #f3f3f3;
    font-weight: 300;
}

.faq .accordion .ui-accordion-content::before {
    content: "Ответ";
    color: #aeaeae;
    font-size: 16px;
    margin-bottom: 10px;
}

.faq .accordion .ui-accordion-content strong {
    display: block;
    font-weight: 500;
    margin-top: 10px;
}

.faq .accordion .ui-accordion-content ul {}

.faq .accordion .ui-accordion-content ul li {
    list-style: disc;
    margin-left: 18px;
}

.faq .accordion .ui-accordion-content ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.blog {}

.blog .blog_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
    margin: 40px 0;
}

.blog .blog_title span {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.blog .blog_title span::after {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.blog .blog_list {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.blog .blog_list .blog_case {
    width: 100%;
    height: 260px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.blog .blog_list .blog_case:hover .blog_hover {
    opacity: 1;
}

.blog .blog_list .blog_case .blog_case_title {
    width: 100%;
    display: flex;
    position: absolute;
    justify-content: center;
    background: rgb(54, 54, 54);
    background: linear-gradient(0deg, rgba(54, 54, 54, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 65px;
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    align-items: center;
}

.blog .blog_list .blog_case .blog_data {
    font-size: 14px;
    color: #2c2c2c;
    background-color: #ffb554;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 5px;
    padding: 8px 15px;
    opacity: 0.5;
}

.blog .blog_list .blog_case .blog_case_title p {
    color: #bfbfbf;
    max-width: 85%;
    height: 21px;
    font-size: 18px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog .blog_list a {
    width: 375px;
}

.blog .slick-slide {
    margin: 0 10px;
    /* Измените отступы между слайдами на 20 пикселей */
}

.blog .blog_list .blog_case .blog_hover {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #363636b5;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    transition: 0.2s ease-in-out;
    opacity: 0;
    border-radius: 5px;
}

.blog .blog_list .blog_case .blog_hover span {
    font-size: 16px;
    text-decoration: none;
    color: #363636;
    padding: 13px 20px;
    background-color: #ffbd48;
    border-radius: 5px;
    border: 1px solid #e0a741;
}

.blog .blog_list .blog_case .blog_hover span i {}

.blog .blog_btn {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.blog .blog_btn a {
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    padding: 19px 40px;
    border-radius: 5px;
    background-color: #ffbd48;
    transition: 0.2s ease-in-out;
    border: 1px solid #e0a741;
}

.application {
    margin: 40px 0;
}

.application .application_block {
    padding: 50px 30px;
    border-radius: 5px;
    background-image: url('../img/bg_a.png');
    background-size: cover;
    background-position: center;
}

.application .application_block .application_title {
    font-size: 24px;
    font-weight: bold;
    color: #ffbd48;
    width: 100%;
    text-align: center;
}

.application .application_block p {
    font-size: 18px;
    color: #d6d6d6;
    text-align: center;
    margin: 20px 0;
}

.application .application_block form {
    display: flex;
    gap: 14px;
    margin-top: 40px;
}

.application .application_block form .from_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
}

.application .application_block form .from_item .form__label {
    color: #d6d6d6;
    font-size: 16px;
    margin-bottom: 10px;
}

.application .application_block form .from_item .form__input {
    border-radius: 5px;
    border: none;
    padding: 15px 15px;
    outline: none;
    font-size: 18px;
}

.application .application_block form .from_item button {
    border: none;
    padding: 15px 30px;
    font-size: 18px;
    color: #1d1d1d;
    display: block;
    border-radius: 5px;
    background-color: #ffbd48;
    cursor: pointer;
    border: 1px solid #e0a741;
}

.application .application_block span {
    font-size: 14px;
    color: #959595;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.application .application_block span a {
    text-decoration: underline;
    color: #959595;
}

.footer {
    width: 100%;
    background-color: #f9f9f9;
}

.footer .footer_block {
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
}

.footer .footer_block .footer_left {}

.footer .footer_block .footer_left .logo_footer {}

.footer .footer_block .footer_left .logo_footer a {}

.footer .footer_block .footer_left .logo_footer a img {
    width: 200px;
    height: 52px;
}

.footer .footer_block .footer_left .numbers_phone {}

.footer .footer_block .footer_left .numbers_phone li {
    font-size: 22px;
    font-weight: 800;
    margin: 7.5px 0;
}

.footer .footer_block .footer_left .numbers_phone li a {
    color: #3e3e3e;
    text-decoration: none;
}

.footer .footer_block .footer_left .btn_zamer {
    font-size: 16px;
    display: inline-block;
    color: #202020;
    text-decoration: none;
    padding: 13px 30px;
    border-radius: 5px;
    background-color: #ffbd48;
    margin-top: 10px;
    transition: 0.2s ease-in-out;
}

.footer .footer_block .footer_nav {
    display: flex;
    justify-content: space-between;
    gap: 80px;
    padding-top: 10px;
}

.footer .footer_block .footer_nav .footer_navigation {}

.footer .footer_block .footer_nav .footer_navigation span {
    font-weight: 500;
    color: #1f1f1f;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

.footer .footer_block .footer_nav .footer_navigation ul {
    column-count: 3;
}

.footer .footer_block .footer_nav .footer_navigation ul li {
    font-size: 16px;

}

.footer .footer_block .footer_nav .footer_navigation ul li a {
    color: #3e3e3e;
    text-decoration: none;
    line-height: 2;
}

.footer .footer_block .footer_contact {}

.footer .footer_block .footer_contact span {
    font-weight: 500;
    color: #1f1f1f;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

.footer .footer_block .footer_contact p {
    color: #3e3e3e;
    text-decoration: none;
    line-height: 2;
    margin-bottom: 15px;
}

.footer .footer_block .footer_contact ul {}

.footer .footer_block .footer_contact ul li {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-image: url('../img/sprite_soc.png');
}

.footer .footer_block .footer_contact ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer .footer_block .footer_contact ul li:nth-child(2) {
    background-position-x: 45px;
}

.footer .footer_block .footer_contact ul li:nth-child(3) {
    background-position-x: -45px;
}

.footer .line_footer {
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
}

.footer .fot_copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.footer .fot_copy p {
    font-size: 14px;
    color: #949494;
}

.footer .fot_copy ul {}

.footer .fot_copy ul li {
    display: inline;
    padding-right: 10px;
}

.footer .fot_copy ul li:last-child {
    padding-right: 0px;
}

.footer .fot_copy ul li a {
    text-decoration: underline;
    color: #5d5d5d;
    font-size: 14px;
}

.blog_home {}

.blog_home .blog_home_header {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog_home .blog_home_header .bh_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
    margin: 40px 0;
}

.blog_home .blog_home_header .bh_title h1 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.blog_home .blog_home_header .bh_title h1::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.blog_home .blog_home_header .bh_title span {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.blog_home .blog_home_header .bh_title span::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.blog_home .bh_global {}

.blog_home .blog_home_header .bh_nav {}

.blog_home .blog_home_header .bh_nav span {
    color: #515151;
    font-size: 14px;
}

.blog_home .blog_home_header .bh_nav span a {
    color: #515151;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}

.blog_home .blog_home_header .bh_nav span a:hover {
    opacity: 1;
}

.blog_home .bh_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px;
}

.blog_home .bh_list a {
    text-decoration: none;
}

.blog_home .bh_list .bh_case {
    width: 375px;
}

.blog_home .bh_list .bh_case .bh_photo {
    width: 100%;
    height: 238px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.blog_home .bh_list .bh_case .bh_photo span {
    font-size: 16px;
    text-decoration: none;
    color: #363636;
    padding: 13px 20px;
    background-color: #ffbd48;
    border-radius: 5px;
}

.blog_home .bh_list .bh_case .bh_photo .bh_photo_hover {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 1;
    background-color: #363636b5;
    opacity: 0;
    transition: 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_home .bh_list .bh_case .bh_photo:hover .bh_photo_hover {
    opacity: 1;
}

.blog_home .bh_list .bh_case .bh_text {}

.blog_home .bh_list .bh_case .bh_text span {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0 5px 0px;
    display: block;
}

.blog_home .bh_list .bh_case .bh_text p {
    color: #333333;
    max-width: 100%;
    height: 21px;
    font-size: 14px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stocks {}

.stocks .stocks_header {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stocks .stocks_header .stocks_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px;
    margin: 40px 0;
}

.stocks .stocks_header .stocks_title::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.stocks .stocks_header .stocks_title h1 {
    font-size: 24px;
    font-weight: 500;
}

.stocks .stocks_header .stocks_title p {
    color: #404040;
    font-size: 16px;
}

.stocks .stocks_header .stocks_nav {}

.stocks .stocks_header .stocks_nav span {
    color: #515151;
    font-size: 14px;
}

.stocks .stocks_header .stocks_nav span a {
    color: #515151;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}

.stocks .stocks_header .stocks_nav span a:hover {
    opacity: 1;
}

.stocks .stocks_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.stocks .stocks_list .stocks_case {
    width: 570px;
    height: 100%;
    box-shadow: 0 8px 20px rgb(0 51 153 / 4%), 0 4px 8px rgb(0 51 153 / 2%);
    border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.stocks .stocks_list .stocks_case:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.stocks .stocks_list .stocks_case .stocks_photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    border-radius: 5px 5px 0 0;
    display: flex;
}

.stocks .stocks_list .stocks_case .stocks_photo img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    pointer-events: none;
}

.stocks .stocks_list .stocks_case .stocks_info {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 5px 5px;
}

.stocks .stocks_list .stocks_case .stocks_info .stocks_p_btn {
    font-size: 16px;
    color: #1c1c1c;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 5px;
    cursor: pointer;
}

.stocks .stocks_list .stocks_case .stocks_info .stocks_p_btn::before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 8px;
    background-image: url('../img/arr.png');
}

.stocks .stocks_list .stocks_case .stocks_info .stocks_btn {
    display: flex;
    align-items: center;
    gap: 20px;
}

.stocks .stocks_list .stocks_case .stocks_info .stocks_btn span {
    font-size: 14px;
    color: #2a2a2a;
    max-width: 180px;
    display: inline-block;
    text-align: right;
}

.stocks .stocks_list .stocks_case .stocks_info .stocks_btn a {
    padding: 10px 15px;
    font-size: 16px;
    background-color: #ffbd48;
    border-radius: 5px;
    color: #1c1c1c;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.stocks .stocks_list .stocks_case .stocks_info .stocks_btn a:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.stocks .stocks_list .stocks_case .stocks_hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    background: rgb(0 0 0 / 80%);
    align-items: center;
    transition: .3s;
    display: none;

}

.stocks .stocks_list .stocks_case:hover .stocks_hover {
    display: flex;
}

.stocks .stocks_list .stocks_case .stocks_hover p {
    text-align: center;
    font-size: 16px;
    padding: 0 65px;
    color: #fff;
}

.jobs {}

.jobs .jobs_header {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jobs .jobs_header .jobs_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px;
    margin: 40px 0;
}

.jobs .jobs_header .jobs_title h1 {
    font-size: 24px;
    font-weight: 500;
}

.jobs .jobs_header .jobs_title p {
    color: #404040;
    font-size: 16px;
    font-weight: 300;
}

.jobs .jobs_header .jobs_title::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.jobs .jobs_header .jobs_nav {}

.jobs .jobs_header .jobs_nav span {
    color: #515151;
    font-size: 14px;
}

.jobs .jobs_header .jobs_nav span a {
    color: #515151;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}

.jobs .jobs_list {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.jobs .jobs_list .jobs_case {
    width: 375px;
    height: 270px;
    border-radius: 5px;
    transition: 0.2s ease-in-out;
    position: relative;
    cursor: pointer;
    background-position: center;
    background-size: cover;

}

.jobs .jobs_list .jobs_case .jobs_hover {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #363636b5;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    transition: 0.2s ease-in-out;
    opacity: 0;
    border-radius: 5px;
}

.jobs .jobs_list .jobs_case .jobs_hover i {
    font-size: 34px;
    color: #ffbd48;
}

.jobs .jobs_list .jobs_case:hover .jobs_hover {
    opacity: 1;
}

.jobs .jobs_btn {
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 5px;
    background-color: #ffbd48;
    transition: 0.2s ease-in-out;
    display: block;
}

.jobs .jobs_btn:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.jobs .jobs_footer {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

/* NEWWW */

.modal_stocks {}

.modal_stocks .stocks_global {}

.modal_stocks .stocks_global .stocks_home {
    display: flex;
}

.modal_stocks .stocks_global .stocks_home .stocks_images {
    width: 522px;
}

.modal_stocks .stocks_global .stocks_home .stocks_images img {
    border-radius: 10px 0px 0px 10px;
    display: block;
    width: 100%;
}

.modal_stocks .stocks_global .stocks_home .stocks_info {
    background-color: #ffffff;
    border-radius: 0px 10px 10px 0px;
    padding: 30px;
    width: 378px;
}

.modal_stocks .stocks_global .stocks_home .stocks_info .title {
    font-size: 18px;
    color: #171717;
    font-weight: 500;
    margin-bottom: 45px;
    display: block;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form {}

.modal_stocks .stocks_global .stocks_home .stocks_info form .form-line {
    position: relative;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .form-line i {
    position: absolute;
    font-size: 30px;
    color: #626262;
    top: 7px;
    left: 13px;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .form-line .form-input {
    background-color: #fdfdfd;
    border: 1px solid #e9e9e9;
    font-size: 16px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    font-family: "Inter";
    padding-left: 52px;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .form-info {
    font-size: 12px;
    margin-bottom: 15px;
    color: #828282;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .btn {
    min-height: 56px;
    width: 100%;
    padding: 1vw 0.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 6;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #ffbd48;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .btn .btn-text {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    color: #3e3e3e;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .btn:not(:disabled):after {
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .close_btn {
    background-color: #e9e9e9;
    border: none;
    font-size: 14px;
    color: #313131;
    padding: 15px 15px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    font-family: "Inter";
    width: 100%;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
}

.modal_stocks .stocks_global .stocks_home .stocks_info form .close_btn:hover {
    opacity: 1;
}

.modal_stocks .stocks_global .stocks_carusel {
    margin-top: 30px;
    padding: 15px;
    border-radius: 10px;
    background-color: #ffffff;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_title {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_title .title {}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_title i {
    color: #ff0012;
    font-size: 32px;
    margin-right: 10px;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_title .title span {
    font-size: 20px;
    font-weight: 600;
    color: #ff0012;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_title .title p {
    font-size: 16px;
    color: #727272;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_list {
    position: relative;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_list .stocks_carusel_case {
    height: 160px;
    width: 280px;
    background-size: cover;
    background-position: center;
    margin-right: 15px;
    border-radius: 10px;
    display: block;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_arrow {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 60px;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_arrow i {
    font-size: 40px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_arrow i:hover {
    opacity: 0.9;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_carusel_arrow i.slick-disabled {
    opacity: 0.5;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_bottom {
    position: relative;
}

.modal_stocks .stocks_global .stocks_carusel .stocks_bottom::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 100%;
    background: rgb(246, 246, 246);
    background: linear-gradient(-90deg, rgb(255 255 255) 0%, rgb(236 236 236 / 0%) 100%);
    top: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.modal_stocks .stocks_global .stocks_images_mobile {
    display: none;
    width: 100%;
    height: 30vh;
    border-radius: 10px 10px 0px 0px;
    background-position: center;
    background-size: cover;
}

.global_cc {
    padding: 20px 0;
}

.global_cc .global_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 40px 0;
}

.global_cc .global_header .global_header_info {
    max-width: 700px;
}

.global_cc .global_header .global_header_info h1 {
    font-size: 48px;
    color: #3e3e3e;
    margin-bottom: 35px;
    font-weight: 700;
    word-break: break-word;
}

.global_cc .global_header .global_header_info h1 b {
    font-weight: 700;
    color: #ffbd48;
}

.global_cc .global_header .global_header_info .intro {
    font-size: 16px;
    color: #181818;
    margin-bottom: 30px;
    font-weight: 300;
}

.global_cc .global_header .global_header_info .intro ul{
    margin-bottom: 15px;
    margin-top: 15px;
}
.global_cc .global_header .global_header_info .intro ul li{
    list-style: disc;
    margin-left: 18px;
    color: #2e2e2e;
    font-weight: 300;
}

.global_cc .global_header .global_header_info .intro ul li::marker{
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.global_cc .global_header .global_header_info .intro b {
    font-weight: 700;
}

.global_cc .global_header .global_header_img {}

.global_cc .global_header .global_header_img .i_img {
    width: 400px;
    height: 400px;
    border-radius: 5px;
    background-color: #000;
    background-size: cover;
    background-position: center;
}

.global_cc .global_header .global_header_btn {}

.global_cc .global_header .global_header_btn a {
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.global_cc .global_header .global_header_btn a:hover {
    opacity: 0.8;
}

.global_cc .global_header .global_header_btn .btn_one {
    background-color: #ffbd48;
    border: 1px solid #e0a741;
    display: inline-block;
    font-size: 18px;
    color: #181818;
    padding: 15px 45px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 0.2s ease-in-out;
    margin-right: 15px;
}

.global_cc .global_header .global_header_btn .btn_two {
    background-color: #dadada;
    border: 1px solid #cdcdcd;
    display: inline-block;
    font-size: 18px;
    color: #000000;
    padding: 15px 45px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 0.2s ease-in-out;
}

.global_cc .global_title {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    padding-top: 45px;
}

.global_cc .global_title .h_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
}

.global_cc .global_title h2 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.global_cc .global_title h2::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.global_cc .global_title .nav {}

.global_cc .global_title .nav span {
    color: #515151;
    font-size: 14px;
}

.global_cc .global_title .nav span a {
    color: #515151;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}

.global_h_slider {
    background-color: #f9f9f9;
    padding: 48px 0;
}

.global_h_slider .global_h_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.global_h_slider .global_h_title h2 {
    font-size: 36px;
    color: #1f1f1f;
    word-break: break-word;
}

.global_h_slider .global_h_title h2 b {
    font-weight: 700;
}

.global_h_slider .global_h_title p {
    font-size: 16px;
    color: #1f1f1f;
    font-weight: 300;
}

.global_h_slider .global_h_container {
    position: relative;
}

.global_h_slider .global_h_container .global_h_arrow {
    display: flex;
    justify-content: flex-end;
}

.global_h_slider .global_h_container .global_h_arrow i {
    font-size: 40px;
    cursor: pointer;
    margin: 20px;
    margin-right: -7px;
}

.global_h_slider .global_h_container .global_h_list {
    display: flex;
}

.global_h_slider .global_h_container .global_h_list .global_h_case {
    width: 380px;
    height: 380px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: all .1s;

}

.global_h_slider .global_h_container .global_h_list .global_h_case:hover {
    transform: scale(1.02);
    z-index: 1;
    position: relative;
}

.global_h_slider .global_h_block {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    padding-top: 75px;
    padding-bottom: 50px;
}

.global_h_slider .global_h_block p {
    max-width: 670px;
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 300;
}

.global_h_slider .global_h_block .global_h_block_btn {}

.global_h_slider .global_h_block .global_h_block_btn a {
    background-color: #ffbd48;
    border: 1px solid #e0a741;
    display: inline-block;
    font-size: 18px;
    color: #181818;
    padding: 15px 45px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 0.2s ease-in-out;
    margin-right: 15px;
    text-decoration: none;
}

.global_h_slider .global_h_block .global_h_block_btn a:hover {
    opacity: 0.8;
}

.example {
    padding: 40px 0;
}

.example .example_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
    margin-bottom: 40px;
}

.example .example_title h2 {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.example .example_title h2::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.example .example_body {
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex-wrap: wrap;
}

.example .example_body .example_case {
    height: 300px;
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.example .example_body .example_case .example_img {
    width: 380px;
    height: 298px;
    border-radius: 5px 0px 0px 5px;
    background-size: cover;
    background-position: center;
}

.example .example_body .example_case .example_info {
    overflow-y: auto;
    max-height: 237px;
    padding-right: 20px;
}

.example .example_body .example_case .example_info::-webkit-scrollbar {
    width: 8px;
}

.example .example_body .example_case .example_info::-webkit-scrollbar-track {
    background-color: #e5e5e5;
    border-radius: 10px;
}

.example .example_body .example_case .example_info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c9c9c9;
}

.example .example_body .example_case .example_info_title {
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    margin-bottom: 10px;
    display: block;
}

.example .example_body .example_case .example_info ul {
    width: 450px;
}

.example .example_body .example_case .example_info ul li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    color: #4b4b4b;
    font-size: 16px;
}

.example .example_body .example_case .example_info ul li:last-child {
    border-bottom: none;
}

.example .example_body .example_case .example_info ul li span {
    font-weight: 300;
}

.example .example_body .example_case .example_price {
    width: 245px;
}

.example .example_body .example_case .example_price .money {
    font-size: 24px;
    color: #181818;
    font-weight: 700;
}

.example .example_body .example_case .example_price p {
    font-size: 14px;
    color: #181818;
}

.example .example_body .example_case .example_price ul {
    margin: 20px 0;
}

.example .example_body .example_case .example_price ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

.example .example_body .example_case .example_price ul li i {
    font-size: 20px;
    margin-right: 5px;
}

.example .example_body .example_case .example_price a {
    background-color: #ffbd48;
    border: 1px solid #e0a741;
    display: inline-block;
    font-size: 17px;
    color: #181818;
    padding: 10px 40px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 0.2s ease-in-out;
    margin-right: 15px;
    text-decoration: none;
}

.information {
    padding: 40px 0;
    padding-bottom: 0;
}

.information .information_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.information .information_title::after {
    content: '';
    height: 4px;
    width: 72px;
    background-color: #ffbd48;
    margin-top: 14px;
    border-radius: 10px;
}

.information .information_title h2 {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    display: flex;
    text-align: center;
    justify-content: center;
}

.information .information_body {
    padding-top: 25px;
}

.information .information_body b{
    font-weight: 400;
}

.information .information_body h3{
    font-size: 21px;
    margin-bottom: 20px;
    font-weight: 600;
    display: block;
}

.information .information_body p {
    color: #2e2e2e;
    font-weight: 300;
    margin-bottom: 15px;
}

.information .information_body ol{
    margin-bottom: 15px;
}
.information .information_body ol li{
    list-style: auto;
    margin-left: 18px;
    color: #2e2e2e;
    font-weight: 300;
}
.information .information_body ol li::marker{
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.information .information_body p b {
    font-weight: 400;
    color: #000;
}

.information .information_body p b.big {
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0;
    color: #000;
    display: block;
}

.information .information_body ul {
    margin-bottom: 15px;
}

.information .information_body ul li {
    list-style: disc;
    margin-left: 18px;
    color: #2e2e2e;
    font-weight: 300;
}

.information .information_body ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.calck_n {
    padding-bottom: 40px;
}

.calck_n .calck_n_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    text-align: center;
}

.calck_n .calck_n_title h2 {
    font-size: 24px;
    font-weight: 500;
}

.calck_n .calck_n_title::after {
    content: '';
    height: 4px;
    width: 72px;
    background-color: #ffbd48;
    margin-top: 14px;
    border-radius: 10px;
}

.calck_n .calck_n_form {
    padding: 20px;
    border-radius: 5px;
    background-color: #f6f6f6;
    border: 1px solid #e7e7e7;
}

.calck_n .calck_n_form .calck_n_header {}

.calck_n .calck_n_form .calck_n_header span {
    font-size: 24px;
    font-weight: 500;
}

.calck_n .calck_n_form .calck_n_header p {
    margin: 20px 0;
    color: #6a6a6a;
    font-weight: 300;
}

.calck_n .calck_n_form .calck_n_body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0;
}

.calck_n .calck_n_form .calck_n_body .calck_n_left {
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.calck_n .calck_n_form .calck_n_body .calck_n_right {
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.calck_n .calck_n_form .calck_n_body .calc__item {}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__name {
    margin-bottom: 20px;
    color: #040404;
}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__name span {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

.calck_n .calck_n_form .calck_n_body .calc__item .roof_slider {}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__palzun {
    position: relative;
    flex: 1 1 50%;
    max-width: 100%;
}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__palzun .rangeslider--horizontal {
    height: 21px;
    border-left: none;
    border-right: none;
    border-top: 10px solid #f6f6f6;
    border-bottom: 10px solid #f6f6f6;
    border-radius: 0;
}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__palzun .rangeslider__fill {
    background-color: #ffbd48;
}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__palzun .rangeslider__handle {
    top: -17px;
    width: 35px;
    height: 35px;
    background-image: none;
    background-color: #ffbd48;
    border: 10px solid #ffffffb8;
    box-shadow: none;
}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__palzun .rangeslider__handle:after {
    display: none;
}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__palzun .calc__values {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 4px 0 0 0;
}

.calck_n .calck_n_form .calck_n_body .calc__item .calc__palzun .calc__values .calc__value {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    width: 1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: rgba(104, 104, 104, 0.5);
}

.calck_n .calck_n_form .calck_n_footer {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    align-items: center;
}

.calck_n .calck_n_form .calck_n_footer .calck_price {}

.calck_n .calck_n_form .calck_n_footer .calck_price p {
    font-weight: 500;
    font-size: 20px;
}

.calck_n .calck_n_form .calck_n_footer .calck_price span {
    font-weight: 500;
    font-size: 16px;
}

.calck_n .calck_n_form .calck_n_footer .calck_price span b {
    font-weight: 700;
    font-size: 24px;
}

.calck_n .calck_n_form .calck_n_footer .calck_number {
    width: 65%;
}

.calck_n .calck_n_form .calck_n_footer .calck_number input {
    background-color: #fdfdfd;
    border: none;
    font-size: 17px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    width: 100%;
}

.calck_n .calck_n_form .calck_n_footer .calck_btn {
    width: 35%;
}

.calck_n .calck_n_form .calck_n_footer .calck_btn button {
    width: 100%;
    background-color: #ffbd48;
    border: none;
    font-size: 18px;
    color: #000000;
    padding: 15px 20px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    border: 1px solid #e0a741;
}

.calck_n .calck_n_form .calck_n_footer .calck_ca {
    width: 70%;
    display: flex;
    gap: 20px;
}

.calck_n .calck_n_form .info_calck {
    width: 100%;
    text-align: center;
    padding: 40px 0;
    font-size: 15px;
    color: #3e3e3e;
    padding-bottom: 20px;
    font-weight: 300;
}

.profi {
    background-image: url('../img/profi_bg.jpg');
    background-position: center;
    background-size: cover;
    height: 550px;
    margin-top: 140px;
    margin-bottom: 420px;
}

.profi .profi_block {
    position: relative;
    display: flex;
    height: 720px;
    gap: 20px;
    justify-content: space-between;
}

.profi .profi_block .profi_left {
    width: 546px;
    position: relative;
}

.profi .profi_block .profi_left .profi_text {
    padding: 47px 0;
}

.profi .profi_block .profi_left .profi_text h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 10px;
}

.profi .profi_block .profi_left .profi_text h3 b {
    font-weight: 600;
}

.profi .profi_block .profi_left .profi_text p {
    font-size: 18px;
    font-weight: 300;
}

.profi .profi_block .profi_left .profi_option {
    width: 100%;
    height: 546px;
    background-color: #000;
    border-radius: 5px;
    position: absolute;
    overflow: hidden;
}

.profi .profi_block .profi_right {
    position: relative;
    width: 546px;
    height: 583px;
    background-color: #f0f0f0;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: center;
    margin-top: -33px;
    padding: 34px;
    flex-direction: column;
    align-items: center;
}

.profi .profi_block .profi_right .profi_icon {
    background-image: url('../img/profi_icon.png');
    width: 207px;
    height: 239px;
    margin-top: -120px;
}

.profi .profi_block .profi_right .profi_text {
    width: 100%;
}

.profi .profi_block .profi_right .profi_text h4 {
    font-weight: 500;
    font-size: 24px;
    margin: 15px 0;
}

.profi .profi_block .profi_right .profi_text p {
    font-size: 16px;
    font-weight: 300;
}

.profi .profi_block .profi_right .profi_text ul {
    margin: 22px 0;
}

.profi .profi_block .profi_right .profi_text ul li {
    list-style: auto;
    padding: 5px 0px;
    margin-left: 18px;
    color: #2e2e2e;
}

.profi .profi_block .profi_right .profi_text ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.profi .profi_block .profi_right form {}

.profi .profi_block .profi_right form .call_telephone {
    background-color: #fdfdfd;
    border: none;
    font-size: 17px;
    color: #7a7a7a;
    padding: 15px 20px;
    outline: none;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #e9e9e9;
}

.profi .profi_block .profi_right form button {
    display: flex;
    width: 100%;
    background-color: #ffbd48;
    border: 1px solid #e0a741;
    font-size: 18px;
    color: #000000;
    padding: 20px 15px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    justify-content: center;
    transition: 0.2s ease-in-out;
}

.profi .profi_block .profi_right span {
    font-size: 14px;
    font-weight: 300;
    color: #4f4f4f;
}

.profi .profi_block .profi_right .profi_markers {
    position: absolute;
    left: 34px;
    bottom: -171px;
}

.profi .profi_block .profi_right .profi_markers h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 10px;
}

.profi .profi_block .profi_right .profi_markers h3 b {
    font-weight: 600;
}

.profi .profi_block .profi_right .profi_markers p {
    font-size: 18px;
    font-weight: 300;
}

.profi .profi_block .profi_markers_mob {
    position: relative;
    display: none;
}

.profi .profi_block .profi_markers_mob h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 10px;
}

.profi .profi_block .profi_markers_mob h3 b {
    font-weight: 600;
}

.profi .profi_block .profi_markers_mob p {
    font-size: 18px;
    font-weight: 300;
}

.profi .profi_list {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin: 43px 0;
}

.profi .profi_list .profi_case {
    width: 192px;
    margin-right: 52px;
    display: block;
}

.profi .profi_list .profi_case:last-child {
    margin-right: 0;
}

.blog_home {}

.blog_home .blog_home_header {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog_home .blog_home_header .bh_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
    margin: 40px 0;
}

.blog_home .blog_home_header .bh_title h1 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.blog_home .blog_home_header .bh_title h1::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.blog_home .blog_home_header .bh_title span {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.blog_home .blog_home_header .bh_title span::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.blog_home .bh_g {
    position: relative;
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.blog_home .bh_g .bh_global_img {
    width: 410px;
    height: 238px;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
    top: 160px;
    position: sticky;
    transition: 0.2s ease-in-out;
}

.blog_home .bh_g .bh_global_img i {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #edbd36;
    padding: 10px;
    border-radius: 5px;
    background-color: #383838;
    pointer-events: none;
    transition: 0.2s ease-in-out;
}

.blog_home .bh_g .bh_global_img:hover i {
    opacity: 0.8;
}

.blog_home .bh_global {
    font-size: 17px;
    line-height: normal;
    color: #2e2e2e;
    width: 720px;
    padding: 20px;
    font-weight: 300;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    letter-spacing: 0.3px;
}

.blog_home .bh_global p {
    color: #2e2e2e;
    font-weight: 300;
    margin-bottom: 15px;
}

.blog_home .bh_global a {
    color: #464646;
    font-weight: 400;
    border-bottom: 2px dashed #ffbd48;
}

.blog_home .bh_global h1 {
    font-size: 26px;
    font-weight: 600;
    margin: 20px 0;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 3px solid #edbd36;
    display: inline-block;
}

.blog_home .bh_global h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0;
    color: #000;
}

.blog_home .bh_global h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
    color: #000;
}

.blog_home .bh_global b {
    font-weight: 600;
    color: #000;
}

.blog_home .bh_global i {
    font-style: italic;
}

.blog_home .bh_global ul {
    margin-bottom: 15px;
}

.blog_home .bh_global ul li {
    list-style: square;
    margin-left: 18px;
    color: #2e2e2e;
}

.blog_home .bh_global ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.blog_home .blog_home_header .bh_nav {}

.blog_home .blog_home_header .bh_nav span {
    color: #515151;
    font-size: 14px;
}

.blog_home .blog_home_header .bh_nav span a {
    color: #515151;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}

.blog_home .blog_home_header .bh_nav span a:hover {
    opacity: 1;
}

.blog_home .bh_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px;
}

.blog_home .bh_list a {
    text-decoration: none;
    margin-bottom: 10px;
}

.blog_home .bh_list .bh_case {
    width: 375px;
}

.blog_home .bh_list .bh_case .bh_photo {
    width: 100%;
    height: 238px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.blog_home .bh_list .bh_case .bh_photo span {
    font-size: 16px;
    text-decoration: none;
    color: #363636;
    padding: 13px 20px;
    background-color: #ffbd48;
    border-radius: 5px;
}

.blog_home .bh_list .bh_case .bh_photo .bh_photo_hover {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 1;
    background-color: #363636b5;
    opacity: 0;
    transition: 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_home .bh_list .bh_case .bh_photo:hover .bh_photo_hover {
    opacity: 1;
}

.blog_home .bh_list .bh_case .bh_text {}

.blog_home .bh_list .bh_case .bh_text span {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0 5px 0px;
    display: block;
}

.blog_home .bh_list .bh_case .bh_text p {
    color: #333333;
    max-width: 100%;
    font-weight: 300;
    height: 20px;
    font-size: 14px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.header_fix {
    height: 75px;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    display: flex;
    align-items: center;
}

.header_fix .h_fix {
    display: flex;
    justify-content: space-between;
}

.header_fix .h_fix .h_menu {
    display: flex;
    gap: 30px;
}

.header_fix .h_fix .h_menu>li {}

.header_fix .h_fix .h_menu>li>a {
    text-decoration: none;
    font-weight: 500;
    color: #464646;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header_fix .h_fix .h_menu>li>a:hover {
    color: #000;
    transition: 0.1s ease-in;
}

.header_fix .h_fix .h_menu>li:not(.topmenu)>a::after {
    content: "";
    width: 41px;
    height: 4px;
    border-radius: 100px;
    display: block;
    background-color: #ffbd48;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: 0.1s ease-in;
}

.header_fix .h_fix .h_menu>li:not(.topmenu)>a:hover::after {
    opacity: 1;
}

.header_fix .h_fix .h_number {}

.header_fix .h_fix .h_number .number {
    font-size: 22px;
    color: #464646;
    font-weight: 300;
    border-bottom: 2px dashed #ffbd48;
    text-decoration: none;
}

.header_fix .h_fix .h_number .number_btn {
    border: 2px dashed #ffbd48;
    color: #434343;
    font-size: 15px;
    padding: 7px 10px;
    margin-left: 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.header_fix .h_fix .h_number .number_btn:hover {
    background-color: #ffbd48;
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

.header_mobile_fix {
    padding: 10px 0;
    border-bottom: 1px solid #f9f9f9;
    display: none;
}

.header_mobile_fix .hm_fix {
    display: flex;
    justify-content: space-between;
}

.header_mobile_fix .hm_fix .hm_logotype {}

.header_mobile_fix .hm_fix .hm_logotype a {
    width: 146px;
    height: 37px;
    background-image: url(../img/logotype.svg);
    display: block;
    outline: none;
}

.header_mobile_fix .hm_fix .hm_right {
    display: flex;
    gap: 15px;
}

.header_mobile_fix .hm_fix .hm_right .hm_phone {}

.header_mobile_fix .hm_fix .hm_right .hm_phone img {
    width: 30px;
}

.header_mobile_fix .hm_fix .hm_right .hm_phone a {
    text-decoration: none;
    color: #000;
    font-size: 34px;
}

.header_mobile_fix .hm_fix .hm_right .hm_phone a i {
    font-weight: 300;
}

.header_mobile_fix .hm_fix .hm_right .hm_icon_m {}

.header_mobile_fix .hm_fix .hm_right .hm_icon_m a {
    text-decoration: none;
    color: #000;
    font-size: 32px;
    font-weight: 300;
    border: 1px solid;
    border-radius: 4px;
    padding: 0px 4px;
    padding-bottom: 3px;
    display: block;
}

.header_mobile_fix .hm_fix .hm_right .hm_icon_m a i {
    display: block;
}

.cat_list {}

.cat_list .cat_title {}

.cat_list .ccat_title {}

.cat_list .ccat_title h1 {
    font-size: 24px;
    font-weight: 500;
}

.cat_list .ccat_title h1::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.nav-load {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 30px 0 0 0;
}

.nav-load a {
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 5px;
    background-color: #ffbd48;
    transition: 0.2s ease-in-out;
    display: block;
}

.nav-load a:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
}

/* contacts */
.contacts {
    margin-bottom: 40px;
}

.contacts .contacts_body {
    display: flex;
    gap: 30px;
}

.contacts .contacts_body .contacts_maps {
    width: 400px;
}

.contacts .contacts_body .contacts_info {}

.contacts .contacts_body .contacts_info .title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
}

.contacts .contacts_body .contacts_info form {}

.contacts .contacts_body .contacts_info form .form_top {
    display: flex;
    gap: 15px;
}

.contacts .contacts_body .contacts_info form .form_top input {
    font-family: "Inter";
    border-radius: 5px;
    border: none;
    padding: 15px 15px;
    outline: none;
    font-size: 16px;
    width: 100%;
    background-color: #ececec;
}

.contacts .contacts_body .contacts_info form textarea {
    font-family: "Inter";
    border-radius: 5px;
    border: none;
    padding: 15px 15px;
    outline: none;
    font-size: 16px;
    width: 100%;
    background-color: #ececec;
    margin: 15px 0;
    min-height: 130px;
}

.contacts .contacts_body .contacts_info form .form_btn {
    display: flex;
    gap: 30px;
    align-items: center;
}

.contacts .contacts_body .contacts_info form .form_btn p {
    font-size: 14px;
    text-align: right;
    color: #808080;
    font-weight: 300;
}

.contacts .contacts_body .contacts_info form .form_btn button {
    display: flex;
    background-color: #ffbd48;
    border: none;
    font-size: 18px;
    color: #000000;
    padding: 15px 30px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    justify-content: center;
    transition: 0.2s ease-in-out;
}

.contacts .contacts_body .contacts_content {
    margin-bottom: 30px;
}

.contacts .contacts_body .contacts_content p {
    font-size: 16px;
    line-height: 1.5;
}

.contacts .contacts_body .contacts_content p b {
    color: #2d2d2d;
    font-weight: 300;
}

.contacts .contacts_body .contacts_content p a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

/* privacy */
.page {}

.page .page_body {
    line-height: 1.4;
    margin-bottom: 40px;
}

.page .page_body h4 {
    font-size: 24px;
    margin: 20px 0;
}

.page .page_body h5 {
    font-weight: 600;
    margin-bottom: 15px;
}

.page .page_body {}

.page .page_body div {
    margin-bottom: 12px;
    font-weight: 300;
}

.page .page_body table {}

.page .page_body table tr td {
    border: 1px solid #ededed;
    padding: 10px;
}

.page .page_body table tr th {
    border: 1px solid #ededed;
    padding: 10px;
}

.page .page_body table li {
    list-style: disc;
    margin-left: 18px;
}

/* global_page */
.title_page_global {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e5e524;
}

.title_page_global .title_page_h1 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 29px;
    margin: 40px 0;
}

.title_page_global .title_page_h1 h1 {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.title_page_global .title_page_h1 h1::before {
    content: "";
    width: 4px;
    height: 43px;
    border-radius: 10px;
    background-color: #ffbd48;
    display: flex;
    position: absolute;
    left: 0;
}

.title_page_global .title_page_nav {}

.title_page_global .title_page_nav span {
    color: #515151;
    font-size: 14px;
}

.title_page_global .title_page_nav span a {
    color: #515151;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}

.title_page_global .title_page_nav span a:hover {
    opacity: 1;
}

/* end global_page */
/* reviews_page */
.reviews_page {}

.reviews_page .reviews_page_header {
    margin-bottom: 20px;
}

.reviews_page .reviews_page_header p {
    font-size: 16px;
    font-weight: 300;
    color: #464646;
}

.reviews_page .reviews_page_header .reviews_hub {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    margin: 20px 0;
}

.reviews_page .reviews_page_header .reviews_hub li {
    font-size: 16px;
    color: #404040;
    background-color: #ebebeb;
    padding: 14px 30px;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    border: 1px solid #ddd;
    font-weight: 300;
}

.reviews_page .reviews_page_header .reviews_hub li:hover {
    opacity: 0.8;
}

.reviews_page .reviews_page_header .reviews_hub li.active {
    background-color: #ffbd48;
    color: #000;
    border: 1px solid #e0a741;
}

.reviews_page .reviews_page_header .reviews_hub li.active:hover {
    opacity: 1;
}

.reviews_page .reviews_page_block {}

.reviews_page .reviews_page_block .reviews_page_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case {
    width: 375px;
    cursor: pointer;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-img {
    width: 100%;
    height: 262px;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-img:hover .reviews_page_case-img_hover .play {
    background-position-x: 62px;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-img:hover .reviews_page_case-img_hover {
    background-color: #3030308c;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-img .reviews_page_case-img_hover {
    background-color: #30303000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: 0.1s ease-in-out;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-img .reviews_page_case-img_hover .play {
    width: 62px;
    height: 44px;
    background-image: url('../img/reviews_sprite-play.png');
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-name {
    padding-top: 15px;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-name p {
    font-size: 18px;
    color: #1f1f1f;
}

.reviews_page .reviews_page_block .reviews_page_list .reviews_page_case .reviews_page_case-name span p {
    font-size: 14px;
    color: #585858;
}

/* end reviews_page */
/* catalog_page */
.catalog_page {}

.catalog_page .catalog_page_header {}

.catalog_page .catalog_page_header p {
    font-size: 16px;
    font-weight: 300;
    color: #464646;
}

.catalog_page .catalog_page_header p a {
    color: #464646;
    font-weight: 400;
    border-bottom: 2px dashed #ffbd48;
}

.catalog_page .catalog_page_header .catalog_hub {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    margin: 20px 0;
}

.catalog_page .catalog_page_header .catalog_hub li {
    font-size: 16px;
    color: #404040;
    background-color: #ebebeb;
    padding: 14px 30px;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    border: 1px solid #ddd;
    font-weight: 300;
}

.catalog_page .catalog_page_header .catalog_hub li.active {
    background-color: #ffbd48;
    color: #000;
    border: 1px solid #e0a741;
}

.catalog_page .catalog_page_header .catalog_hub li:hover {
    opacity: 0.8;
}

.catalog_page .catalog_page_header .catalog_hub li.active:hover {
    opacity: 1;
}

.catalog_page .catalog_page_block {}

.catalog_page .catalog_page_block .catalog_page_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case {
    width: 375px;
    transition: all 0.2s;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case:hover {
    transform: scale(1.01);
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-img {
    width: 100%;
    height: 262px;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-img:hover {}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info {}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info .catalog_page_case-title {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    flex-wrap: wrap;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info .catalog_page_case-title p {
    font-size: 18px;
    color: #1f1f1f;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info .catalog_page_case-title span {
    font-size: 18px;
    color: #1f1f1f;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info .catalog_page_case-title span b {
    padding: 5px 10px;
    background-color: #ffbd48;
    border-radius: 3px;
    display: inline-block;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info .catalog_page_case-title span b sup {
    font-size: 14px;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #1f1f1f;
    font-size: 16px;
    background-color: #f5f5f5;
    transition: 0.2s ease-in-out;
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 14px;
}

.catalog_page .catalog_page_block .catalog_page_list .catalog_page_case .catalog_page_case-info a:hover {
    box-shadow: 0 8px 20px rgb(0 51 153 / 8%), 0 4px 8px rgb(0 51 153 / 8%);
    background-color: #ffbd48;
    border: 1px solid #e0a741;
}

/* end catalog_page */

a {
    text-decoration: none;
}

.default-video {
    background-image: url(/upload/uploads/default.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.default-video::after {
    content: "";
    z-index: 1;
}

.default-video::before {
    content: "";
    width: 62px;
    height: 44px;
    background-image: url(../img/reviews_sprite-play.png);
    z-index: 2;
}

.default-video:hover::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: .6;
}

.default-video:hover::before {
    background-position-x: 62px;
}

/* success-order */
.success-order {}

.success-order .success {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px 0;
}

.success-order .success img {
    pointer-events: none;
    width: 273px;
    margin-bottom: 40px;
}

.success-order .success h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

.success-order .success p {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 60px;
}

.success-order .success p a {
    color: #464646;
    font-weight: 400;
    border-bottom: 2px dashed #ffbd48;
}

/* promo */
.header_promo {
    background-color: #222222;
    background-image: url('/upload/potolkoff/img/bg_happy.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.header_promo .h_promo_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
}

.header_promo .h_promo_block .h_promo_left {}

.header_promo .h_promo_block .h_promo_left h1 {
    font-size: 48px;
    color: #ffffff;
}

.header_promo .h_promo_block .h_promo_left h1 b {
    font-weight: 800;
}

.header_promo .h_promo_block .h_promo_left h1 b.iii_h {
    font-style: italic;
}

.header_promo .h_promo_block .h_promo_right {}

.header_promo .h_promo_block .h_promo_right ul {
    display: flex;
    align-items: center;
    gap: 25px;
}

.header_promo .h_promo_block .h_promo_right ul li {}

.header_promo .h_promo_block .h_promo_right ul li a.btn_zvo {
    background-color: #ffbd48;
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    text-decoration: none;
    padding: 15px 45px;
    border-radius: 49px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: flex;
    gap: 10px;
    align-items: center;
}

.header_promo .h_promo_block .h_promo_right ul li a.btn_zvo:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.header_promo .h_promo_block .h_promo_right ul li a img {
    box-shadow: 0 0 62px -15px #ffbd48;
    border-radius: 70px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header_promo .h_promo_block .h_promo_right ul li a img:hover {
    box-shadow: 0 0 62px -10px #ffbd48;
}

.header_promo .promo_slider {}

.header_promo .promo_slider .promo_arrow {}

.header_promo .promo_arrow {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.header_promo .promo_arrow span {
    font-size: 54px;
}

.header_promo .promo_arrow span i {
    color: #ffffff;
    cursor: pointer;
}

.header_promo .promo_arrow span i:hover {
    color: #ffbd48;
}

.header_promo .promo_slider .promo_slider_list {}

.header_promo .promo_slider .promo_slider_list .promo_slider_case {
    padding: 30px;
    border: 1px solid #ff9c00;
    border-radius: 10px;
    color: #ffffff;
    margin-right: 20px;
    min-height: 188px;
    margin: 2px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header_promo .promo_slider .promo_slider_list .promo_slider_case:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.header_promo .promo_slider .promo_slider_list .promo_slider_case span {
    font-size: 18px;
    font-style: italic;
    color: #c3c3c3;
    font-weight: 300;
}

.header_promo .promo_slider .promo_slider_list .promo_slider_case h3 {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 30px;
}

.header_promo .promo_slider .promo_slider_list .promo_slider_case p {
    max-width: 500px;
    font-size: 20px;
    font-weight: 300;
}

.header_promo .skidka {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header_promo .skidka h2 {
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    margin: 40px 0;
    margin-top: 80px;
}

.header_promo .skidka h2 b {
    font-weight: 700;
    font-style: italic;
}

.header_promo .skidka .timer {
    background-color: #ffbd48;
    background-image: url('/upload/potolkoff/img/timer.png');
    background-position-x: left;
    background-position-y: bottom;
    background-repeat: no-repeat;
    padding: 17px 145px;
    text-align: center;
    border-radius: 17px;
    box-shadow: 0 0 110px -45px #ffbd48;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header_promo .skidka .timer:hover {
    box-shadow: 0 0 110px -40px #ffbd48;
}

.header_promo .skidka .timer span {
    font-size: 30px;
    font-weight: 300;
}

.header_promo .skidka .timer p {
    font-size: 81px;
    color: #222222;
    font-weight: 900;
}

.header_promo .skidka .btn_timer {
    font-size: 24px;
    font-weight: 300;
    text-decoration: none;
    color: #000000;
    padding: 20px 161px 20px 80px;
    background-color: #ffbd48;
    border-radius: 79px;
    position: relative;
    margin: 50px 0;
    margin-bottom: 120px;
}

.header_promo .skidka .btn_timer:link,
.header_promo .skidka .btn_timer:visited {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    border-radius: 100px;
    transition: all .2s;
}

.header_promo .skidka .btn_timer:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.header_promo .skidka .btn_timer:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.header_promo .skidka .btn_timer::after {
    content: "";
    position: absolute;
    width: 177px;
    height: 186px;
    top: -48px;
    right: -41px;
    background-image: url(/upload/potolkoff/img/btn_zakaz.png);
}

.header_promo .skidka .btn_timer b {
    font-weight: 700;
}

.promo_youtube {
    margin: 35px 0;
}

.promo_youtube .title_promo {
    display: flex;
}

.promo_youtube .title_promo h4 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.promo_youtube .promo_youtube_list {
    margin-top: 35px;
    gap: 20px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.promo_youtube .promo_youtube_list .promo_youtube_case {
    width: 375px;
    height: 200px;
    border-radius: 10px;
    background-size: cover;
    position: relative;
    background-position: center;
    cursor: pointer;
    flex: 1 1 auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.promo_youtube .promo_youtube_list .promo_youtube_case:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.promo_youtube .promo_youtube_list .promo_youtube_case img {
    position: absolute;
    right: 20px;
    top: 20px;
    border-radius: 100px;
    animation: pulsate 1s ease-out infinite;
    pointer-events: none;
}

@-webkit-keyframes pulsate {
    0% {
        box-shadow: 0px 0px 0px 0px #ff000000;
    }

    50% {
        box-shadow: 0px 0px 0px 17px #ff00001f;
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ff000000;
    }
}

/* rullet */
.rullet_home {
    position: fixed;
    z-index: 15;
    right: 20px;
    bottom: 80px;
    display: flex;
    align-items: flex-end;
}

.rullet_home:hover span {
    opacity: 1;
    margin-right: 15px;
    overflow: visible;
    display: flex;
}

.rullet_home span {
    overflow: hidden;
    align-items: center;
    gap: 5px;
    display: none;
    color: #202020;
    padding: 10px 15px;
    background-color: #ffbd48;
    border-radius: 10px;
    margin-right: -15px;
    opacity: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    font-size: 15px;
    transition: 0.2s ease-in-out;
}

.rullet_home img {
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
    width: 76px;
    transform: rotate(15deg);
}

.tree {
    position: relative;
    width: 100%;
}

.tree ul {
    display: none;
}

.tree input[type=checkbox],
.tree input[type=radio] {
    display: none;
}

.tree a {
    display: block;
    width: 100%;
}

.tree li {
    padding: 0 !important;
    padding-left: 20px !important;
}

.tree.dotted {
    padding: 0 !important;
}

.tree.dotted>label {
    padding-left: 10px !important;
}

.bold {
    font-weight: 500;
}

.tree label {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
    word-break: break-word;
    width: 100%;
}

.tree.dotted label::before {
    content: "•";
    position: absolute;
    left: 0;
    line-height: 1;
    font-size: 10px;
    margin-right: 5px;
    color: #ffbd48;
}

.tree label:after {
    content: "\ea5f";
    /* position: absolute;
          right: 0; */
    font-size: 24px;
    transition: all 0.125s;
    font-family: "tabler-icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.tree.dotted>label:active {
    color: #ffbd48;
}

@media (hover: hover) {
    .tree.dotted>label:hover {
        color: #ffbd48;
    }
}

.tree input:checked~label:after {
    transform: rotate(-180deg);
}

.tree input:checked~ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}

.tree ul {
    margin-top: 20px;
    margin-bottom: 5px;
}

.bh_global img {
    border-radius: 5px;
    max-width: 100%;
}

@keyframes rot {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(30deg)
    }

    100% {
        transform: rotate(0)
    }
}

@-webkit-keyframes rot {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(30deg)
    }

    100% {
        transform: rotate(0)
    }
}