/*#region X normalize.css v8.0.0 ------------------------- */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/*#endregion X normalize.css v8.0.0 ---------------------- */

/*#region X icon font ------------------------------------ */

@font-face {
    font-family: "fontello";
    font-weight: normal;
    font-style: normal;
    src: url("/https/enerlight.ua/font/fontello.eot?78747932");
    src: url("/https/enerlight.ua/font/fontello.eot?78747932#iefix") format("embedded-opentype"), url("/https/enerlight.ua/font/fontello.woff2?78747932") format("woff2"), url("/https/enerlight.ua/font/fontello.woff?78747932") format("woff"), url("/https/enerlight.ua/font/fontello.ttf?78747932") format("truetype"), url("/https/enerlight.ua/font/fontello.svg?78747932#fontello") format("svg");
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'fontello';
        src: url('/https/enerlight.ua/font/fontello.svg?78747932#fontello') format('svg');
    }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-weight: normal;
    font-style: normal;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    display: inline-block;
    width: 1em;
    margin-right: 0;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: 0;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-home:before {
    content: "\e800";
}
/* '' */
.icon-minus:before {
    content: "\e801";
}
/* '' */
.icon-plus:before {
    content: "\e802";
}
/* '' */
.icon-sort:before {
    content: "\e803";
}
/* '' */
.icon-battery:before {
    content: "\e804";
}
/* '' */
.icon-refresh:before {
    content: "\e805";
}
/* '' */
.icon-check-checked:before {
    content: "\e806";
}
/* '' */
.icon-tools:before {
    content: "\e807";
}
/* '' */
.icon-lamp-type1-1:before {
    content: "\e808";
}
/* '' */
.icon-lamp-type4:before {
    content: "\e809";
}
/* '' */
.icon-lamp-type7:before {
    content: "\e80a";
}
/* '' */
.icon-lamp-type10:before {
    content: "\e80b";
}
/* '' */
.icon-lamp-type2:before {
    content: "\e80c";
}
/* '' */
.icon-lamp-type5:before {
    content: "\e80d";
}
/* '' */
.icon-lamp-type8:before {
    content: "\e80e";
}
/* '' */
.icon-lamp-type11:before {
    content: "\e80f";
}
/* '' */
.icon-lamp-type3:before {
    content: "\e810";
}
/* '' */
.icon-lamp-type6:before {
    content: "\e811";
}
/* '' */
.icon-lamp-type9:before {
    content: "\e812";
}
/* '' */
.icon-ic-power:before {
    content: "\e813";
}
/* '' */
.icon-loader:before {
    content: "\e814";
}
/* '' */
.icon-hryvna1:before {
    content: "\e815";
}
/* '' */
.icon-cart1:before {
    content: "\e816";
}
/* '' */
.icon-megaphone:before {
    content: "\e817";
}
/* '' */
.icon-users:before {
    content: "\e818";
}
/* '' */
.icon-truck:before {
    content: "\e819";
}
/* '' */
.icon-lamps:before {
    content: "\e81a";
}
/* '' */
.icon-file-image:before {
    content: "\e81b";
}
/* '' */
.icon-cart-time:before {
    content: "\e81c";
}
/* '' */
.icon-thumbs-up:before {
    content: "\e81d";
}
/* '' */
.icon-hryvna2:before {
    content: "\e81e";
}
/* '' */
.icon-clock:before {
    content: "\e81f";
}
/* '' */
.icon-halogen:before {
    content: "\e820";
}
/* '' */
.icon-stamp:before {
    content: "\e821";
}
/* '' */
.icon-skype:before {
    content: "\e822";
}
/* '' */
.icon-lock:before {
    content: "\e823";
}
/* '' */
.icon-email1:before {
    content: "\e824";
}
/* '' */
.icon-email3:before {
    content: "\e825";
}
/* '' */
.icon-add-user:before {
    content: "\e826";
}
/* '' */
.icon-burger:before {
    content: "\e827";
}
/* '' */
.icon-info:before {
    content: "\e828";
}
/* '' */
.icon-phone1-1:before {
    content: "\e829";
}
/* '' */
.icon-login:before {
    content: "\e82a";
}
/* '' */
.icon-search:before {
    content: "\e82b";
}
/* '' */
.icon-email2:before {
    content: "\e82c";
}
/* '' */
.icon-facebook:before {
    content: "\e82d";
}
/* '' */
.icon-user:before {
    content: "\e82e";
}
/* '' */
.icon-pointer:before {
    content: "\e82f";
}
/* '' */
.icon-paper-plane:before {
    content: "\e830";
}
/* '' */
.icon-filter:before {
    content: "\e831";
}
/* '' */
.icon-check-empty:before {
    content: "\e832";
}
/* '' */
.icon-cart2:before {
    content: "\e833";
}
/* '' */
.icon-history:before {
    content: "\e834";
}
/* '' */
.icon-power:before {
    content: "\e835";
}
/* '' */
.icon-star:before {
    content: "\e836";
}
/* '' */
.icon-star2:before {
    content: "\e837";
}
/* '' */
.icon-gear:before {
    content: "\e838";
}
/* '' */
.icon-cancel1:before {
    content: "\e839";
}
/* '' */
.icon-ok:before {
    content: "\e83a";
}
/* '' */
.icon-angle-down1:before {
    content: "\e83b";
}
/* '' */
.icon-angle-up1:before {
    content: "\e83c";
}
/* '' */
.icon-angle-right1:before {
    content: "\e83d";
}
/* '' */
.icon-angle-left1:before {
    content: "\e83e";
}
/* '' */
.icon-angle-down2:before {
    content: "\e83f";
}
/* '' */
.icon-angle-up2:before {
    content: "\e840";
}
/* '' */
.icon-angle-right2:before {
    content: "\e841";
}
/* '' */
.icon-angle-left2:before {
    content: "\e842";
}
/* '' */
.icon-eye:before {
    content: "\e843";
}
/* '' */
.icon-book:before {
    content: "\e844";
}
/* '' */
.icon-phone1:before {
    content: "\e845";
}
/* '' */
.icon-angle-down-double:before {
    content: "\e846";
}
/* '' */
.icon-angle-up-double:before {
    content: "\e847";
}
/* '' */
.icon-angle-right-double-1:before {
    content: "\e848";
}
/* '' */
.icon-angle-left-double:before {
    content: "\e849";
}
/* '' */
.icon-cancel2:before {
    content: "\e84a";
}
/* '' */
.icon-layout-grid:before {
    content: "\e84b";
}
/* '' */
.icon-layout-list:before {
    content: "\e84c";
}
/* '' */
.icon-question:before {
    content: "\e84d";
}
/* '' */
.icon-trash-bin:before {
    content: "\e84e";
}
/* '' */
.icon-ok-alt:before {
    content: "\e84f";
}
/* '' */
.icon-arrow-down:before {
    content: "\e850";
}
/* '' */
.icon-arrow-left:before {
    content: "\e851";
}
/* '' */
.icon-arrow-right:before {
    content: "\e852";
}
/* '' */
.icon-arrow-top:before {
    content: "\e853";
}
/* '' */
.icon-attetion-circle:before {
    content: "\e854";
}
/* '' */
.icon-profile:before {
    content: "\e855";
}
/* '' */
.icon-refresh2:before {
    content: "\e856";
}
/* '' */
.icon-favourite:before {
    content: "\e857";
}
/* '' */
.icon-instagram:before {
    content: "\e858";
}
/* '' */
.icon-file-pdf:before {
    content: "\f1c1";
}
/* '' */
.icon-file-video:before {
    content: "\f1c8";
}
/* '' */

/*#endregion X icon font --------------------------------- */

/*#region X Common --------------------------------------- */

* {
    box-sizing: border-box;
}

html {
    font-family: "Exo 2", Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    color: #000000;
}

body {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    min-width: 320px;
    height: 100%;
    margin: 0;
    table-layout: fixed;
    background-color: #ffffff;
}

#main-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

.container {
    min-width: 320px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

#footer {
    flex: 0 0 auto;
    overflow: hidden;
    width: 100%;
}

b {
    font-weight: 600;
}

.overlay,
.overlaySorting,
.overlayMenu,
.overlayUserMenu {
    position: absolute;
    z-index: 40;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 54, 49, 0.7);
}

.overlayUserMenu {
    z-index: 99;
}

.section-controls {
    margin: 40px 0 0 0;
    text-align: center;
}

.varContent {
    position: relative;
    margin: 0 0 95px;
}

.green-text {
    color: #4fd028;
}

.red-text {
    color: #ff0000;
}

.orange-text {
    color: #ff0000;
}

.blue-text {
    color: #3a84d8;
}

.lightblue-text {
    color: #00bcd9;
}

/*#endregion X Common ------------------------------------ */
/*#region X Forms ---------------------------------------- */
/*#region X.X Input Radio */
/*#region X.X.X Default */
.fake-ir {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    overflow: hidden;
}

    .fake-ir input {
        display: none;
    }

.fake-ir_toggler {
    float: left;
}

.fake-ir input[type="checkbox"] ~ .fake-ir_toggler {
    line-height: 21px;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.fake-ir input[type="checkbox"]:disabled ~ .fake-ir_toggler::before,
.fake-ir input[type="checkbox"]:disabled ~ .fake-ir_desc {
    cursor: default;
    color: #cdd3cd;
}

.fake-ir input[type="checkbox"] ~ .fake-ir_toggler::before {
    font-family: "fontello";
    font-size: 14px;
    content: "\e832";
    vertical-align: middle;
    color: #5996b3;
}

.fake-ir_desc {
    font-size: 15px;
    display: block;
    margin-left: 22px;
    cursor: pointer;
}

.fake-ir_desc_subdesc {
    margin: 0 0 0 5px;
}

.fake-ir:hover .fake-ir_desc {
    color: #00bcd9;
}

.fake-ir input[type="checkbox"]:checked ~ .fake-ir_toggler::before {
    content: "\e806";
    color: #00bcd9;
}

/*#endregion X.X.X Default */

/*#region X.X.X Alt radio */

.fake-ir-alt {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    overflow: hidden;
    margin: 0 20px 0 0;
}

    .fake-ir-alt:hover .fake-ir-alt_desc {
        color: #00bcd9;
    }

    .fake-ir-alt input {
        display: none;
    }

.fake-ir-alt_toggler {
    position: relative;
    float: left;
}

.fake-ir-alt input[type="radio"] ~ .fake-ir-alt_toggler,
.fake-ir-alt input[type="checkbox"] ~ .fake-ir-alt_toggler {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #5996b3;
    border-radius: 3px;
}

.fake-ir-alt input[type="radio"]:checked ~ .fake-ir-alt_toggler::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    content: "";
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: #00bcd9;
}

.fake-ir-alt input[type="checkbox"]:checked ~ .fake-ir-alt_toggler {
    color: #ffffff;
    border: 1px solid #00bcd9;
    background: #00bcd9;
}

    .fake-ir-alt input[type="checkbox"]:checked ~ .fake-ir-alt_toggler::before {
        font: 11px "Fontello";
        position: absolute;
        top: 50%;
        left: 50%;
        content: "\e83a";
        transform: translate(-50%, -50%);
    }

.fake-ir-alt_desc {
    font-size: 17px;
    display: block;
    margin-left: 27px;
    cursor: pointer;
    color: #004f6d;
}

/*#endregion X.X.X Alt radio */

/*#endregion X.X Input Radio */

/*#region 2.3 Form elements */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="month"],
input[type="week"] {
    font-size: 17px;
    font-style: italic;
    line-height: 23px;
    overflow: hidden;
    padding: 7px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000000;
    border: none;
    border-bottom: 2px solid #d5dad5;
    background-color: transparent;
}

textarea {
    font-size: 17px;
    font-style: italic;
    line-height: 23px;
    min-height: 75px;
    padding: 0;
    resize: none;
    color: #000000;
    border: none;
    border-bottom: 2px solid #d5dad5;
    background-color: transparent;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    textarea:focus {
        border-bottom: 2px solid #00bcd9;
    }

/* input[type='text']:disabled,
input[type='password']:disabled,
input[type='date']:disabled,
input[type='datetime']:disabled,
input[type='email']:disabled,
input[type='number']:disabled,
input[type='search']:disabled,
input[type='tel']:disabled,
input[type='time']:disabled,
input[type='month']:disabled,
input[type='week']:disabled,
textarea:disabled
{
    cursor: default;
} */

input:focus,
textarea:focus,
button:focus,
submit:focus,
select:focus {
    outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 17px;
    font-style: normal;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 1;
    color: #004f6d;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-size: 17px;
    font-style: normal;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 1;
    color: #004f6d;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-size: 17px;
    font-style: normal;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 1;
    color: #004f6d;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: 17px;
    font-style: normal;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 1;
    color: #004f6d;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

.form-row {
    position: relative;
    display: block;
    width: 100%;
    padding: 21px 0 0 0;
}

    .form-row input[type="text"],
    .form-row input[type="password"],
    .form-row input[type="date"],
    .form-row input[type="datetime"],
    .form-row input[type="email"],
    .form-row input[type="number"],
    .form-row input[type="search"],
    .form-row input[type="tel"],
    .form-row input[type="time"],
    .form-row input[type="month"],
    .form-row input[type="week"],
    .form-row textarea {
        width: 100%;
    }

.pholder-buble {
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    color: #00bcd9;
}

.pholder-buble_select {
    font-size: 13px;
    line-height: 14px;
    display: block;
    margin: 0 0 2px;
    color: #b2b2b2;
}

.form-row_gray input[type="text"],
.form-row_gray input[type="password"],
.form-row_gray input[type="date"],
.form-row_gray input[type="datetime"],
.form-row_gray input[type="email"],
.form-row_gray input[type="number"],
.form-row_gray input[type="search"],
.form-row_gray input[type="tel"],
.form-row_gray input[type="time"],
.form-row_gray input[type="month"],
.form-row_gray input[type="week"],
.form-row_gray textarea {
    border-bottom: 2px solid #b2b2b2;
}

    .form-row_gray input[type="text"]:focus,
    .form-row_gray input[type="password"]:focus,
    .form-row_gray input[type="date"]:focus,
    .form-row_gray input[type="datetime"]:focus,
    .form-row_gray input[type="email"]:focus,
    .form-row_gray input[type="number"]:focus,
    .form-row_gray input[type="search"]:focus,
    .form-row_gray input[type="tel"]:focus,
    .form-row_gray input[type="time"]:focus,
    .form-row_gray input[type="month"]:focus,
    .form-row_gray input[type="week"]:focus,
    textarea:focus {
        border-bottom: 2px solid #00bcd9;
    }

/*#endregion 2.3 Form elements */

/*#endregion X Forms ------------------------------------- */

/*#region X Vertical rythm ------------------------------- */

h1,
.h1 {
    font-size: 2.8rem;
    line-height: 3.8rem;
    margin-top: 1.2666667rem;
    margin-bottom: 2.5333334rem;
}

h2,
.h2 {
    font-size: 2rem;
    line-height: 2.5333333rem;
    margin-top: 1.2666667rem;
    margin-bottom: 1.2666667rem;
}

h3,
.h3 {
    font-size: 1.4rem;
    line-height: 2.5333333rem;
    margin-top: 1.2666667rem;
    margin-bottom: 0rem;
}

h4,
.h4 {
    font-size: 1rem;
    line-height: 1.2666667rem;
    margin-top: 1.2666667rem;
    margin-bottom: 0rem;
}

h5,
.h5 {
    font-size: 1rem;
    line-height: 1.2666667rem;
    margin-top: 1.2666667rem;
    margin-bottom: 0rem;
}

p,
ul,
ol,
pre,
table,
blockquote {
    margin-top: 0rem;
    margin-bottom: 1.2666667rem;
}

    ul ul,
    ol ol,
    ul ol,
    ol ul {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

hr,
.hr {
    margin: -1px 0;
    border: 1px solid;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*#endregion X Vertical rythm ------------------------------- */

/*#region X buttons -------------------------------------- */

.btn {
    font-size: 0;
    line-height: 38px;
    display: inline-block;
    height: 38px;
    margin: 0 0 15px;
    padding: 0 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #cccccc;
    border: none;
    border-radius: 19px;
    background: #f2f2f2;
}

    .btn.btn__big {
        line-height: 52px;
        height: 52px;
        padding: 0 45px;
        border-radius: 26px;
    }

    .btn.btn__small {
        line-height: 28px;
        height: 28px;
        padding: 0 20px;
        border-radius: 28px;
    }

    .btn::before {
        display: inline-block;
        width: 0;
        height: 100%;
        content: "";
        vertical-align: middle;
    }

    .btn span {
        font: bold 15px/18px Arial, sans-serif;
        display: inline-block;
        vertical-align: middle;
    }

    .btn.btn__small span {
        font: bold 13px/14px Arial, sans-serif;
    }

    .btn [class^="icon-"] {
        font-size: 16px;
        display: inline-block;
        margin: 0 7px 0 0;
        vertical-align: middle;
    }

    .btn:focus {
        outline: none;
    }

    .btn.btn__default {
        color: #ffffff;
        background: #00bcd9;
    }

        .btn.btn__default:hover {
            background: #00c6e5;
        }

        .btn.btn__default:active {
            background: #00abc5;
        }

    .btn.btn__wired__green {
        color: #00bcd9;
        border: 1px solid #00bcd9;
        background: none;
    }

        .btn.btn__wired__green:hover {
            background: #e5fcff;
        }

        .btn.btn__wired__green:active {
            background: #cdf7fe;
        }

    .btn.btn__wired__dark {
        color: #5996b3;
        border: 1px solid #5996b3;
        background: none;
    }

        .btn.btn__wired__dark:hover {
            color: #246d8c;
            border: 1px solid #246d8c;
        }

        .btn.btn__wired__dark:active {
            color: #004f6d;
            border: 1px solid #004f6d;
        }

    .btn.btn__wired__red {
        color: #ff0000;
        border: 1px solid #ff0000;
        background: none;
    }

        .btn.btn__wired__red:hover {
            background: #f9ece4;
        }

        .btn.btn__wired__red:active {
            background: #f5dfd2;
        }

    .btn.btn__wired__disabled,
    .btn.btn__wired__disabled:hover,
    .btn.btn__wired__disabled:active {
        cursor: default;
        color: #cccccc;
        border: 1px solid #cccccc;
        background: none;
    }

    .btn.btn__disabled,
    .btn.btn__disabled:hover,
    .btn.btn__disabled:active {
        cursor: default;
        color: #cccccc;
        background: #f2f2f2;
    }

/*#endregion X buttons ----------------------------------- */

/*#region X Header --------------------------------------- */

#header {
    margin-bottom: 30px;
}

/*#region X.X Header dark */

.header--fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.header_dark {
    position: absolute;
    z-index: 100;
    width: 100%;
    background-color: rgba(0, 79, 109, 0.6);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

    .header_dark.header--fixed {
        position: fixed;
        background-color: rgba(0, 79, 109, 0.6);
    }

    .header_dark .main-logo::before {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        background: url(/https/enerlight.ua/img/logo.svg) center no-repeat;
        background-size: contain;
    }

    .header_dark .main-logo img {
        visibility: hidden;
    }

    .header_dark .main-nav_toggle {
        color: #ffffff;
    }

    .header_dark .header-bottom .search > .search-open {
        color: #ffffff;
    }

    .header_dark .search_inner_body .search-input,
    .header_dark .search_inner_body .search-input:focus {
        color: #ffffff;
        background-color: transparent;
    }

    .header_dark .search_inner_body button {
        color: #ffffff;
    }

    .header_dark .header-top .container::after {
        display: none;
    }

/*#endregion X.X Header dark */

/*#region X.X Header top */

.header-top {
    background-color: #ffffff;
}

    .header-top .container {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

.header-top__closed .container {
    justify-content: space-between;
}

.header-top .container::after {
    position: absolute;
    right: 10px;
    bottom: 0;
    left: 10px;
    display: block;
    height: 1px;
    content: "";
    background-color: rgba(150, 150, 150, 0.3);
}

.ddown_toggle {
    font-size: 18px;
    line-height: 22px;
    position: relative;
    margin: 0 17px 0 0;
    padding: 10px 12px 10px 0;
    cursor: pointer;
    color: #246d8c;
}

.header-top__closed .ddown_toggle {
    margin: 0;
}

.ddown_toggle:hover {
    color: #3294bd;
}

.ddown_toggle .icon-question::after {
    font-family: "Fontello";
    font-size: 8px;
    line-height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 10px;
    content: "\e83b";
    transform: translateY(-3px);
    text-align: right;
}

.header-top_short {
    font-size: 13px;
    line-height: 22px;
    display: block;
    padding: 10px 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
}

    .header-top_short:hover {
        text-decoration: underline;
        color: #00bcd9;
    }

    .header-top_short [class^="icon-"]::before {
        font-size: 14px;
        margin: 0 4px 0 0;
    }

    .header-top_short b {
        font-weight: 700;
        color: #00bcd9;
    }

    .header-top_short.start-partnership {
        display: none;
    }

    .header-top_short.where-to-buy {
        margin: 0 auto 0 0;
    }

    .header-top_short.start-btob {
        margin: 0 0 0 17px;
    }

/*#region X.X dropdown */

.ddown_nav {
    position: absolute;
    z-index: 52;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    color: #004f6d;
}

    .ddown_nav.active {
        display: block;
    }

.ddown_nav_head {
    position: relative;
    padding: 10px 20px;
    background-color: #004f6d;
}

.ddown_nav_head_logo {
    display: block;
    width: 150px;
    margin: 0 auto;
}

.ddown_nav_head .icon-cancel2 {
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    transform: translateY(-50%);
    text-align: center;
    color: #5996b3;
}

    .ddown_nav_head .icon-cancel2:hover {
        color: #64a7c7;
    }

.ddown_list {
    font: 12px/17px Arial, sans-serif;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 13px 0 0;
    list-style: none;
    text-transform: uppercase;
    background: #ffffff;
    box-shadow: 0 9px 0 rgba(29, 54, 49, 0.3);
}

    .ddown_list.active {
        right: 100%;
    }

    .ddown_list a {
        text-decoration: none;
        color: #000000;
    }

        .ddown_list a:hover {
            color: #00bcd9;
        }

.ddown_list_item {
    margin: 0;
    padding: 7px 20px;
    list-style: none;
}

    .ddown_list_item.ddown_list_item--marked > a {
        color: #ff0000;
    }

.ddown_sublist_toggle [class^="icon-"] {
    font-size: 9px;
    display: inline-block;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

.ddown_list_item_lang {
    margin: 7px 0 0;
    padding: 17px 20px;
    border-top: 1px solid #d5dad5;
}

    .ddown_list_item_lang ul,
    .ddown_list_item_lang li {
        font-size: 0;
        line-height: 12px;
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        vertical-align: baseline;
    }

    .ddown_list_item_lang > span {
        display: inline-block;
    }

    .ddown_list_item_lang li {
        position: relative;
        padding: 0 11px 0 10px;
    }

        .ddown_list_item_lang li::after {
            position: absolute;
            top: 50%;
            right: 0;
            display: block;
            width: 0;
            height: 12px;
            content: "";
            transform: translateY(-50%);
            border-left: 1px solid #5996b3;
        }

        .ddown_list_item_lang li:last-child::after {
            display: none;
        }

        .ddown_list_item_lang li a,
        .ddown_list_item_lang li span {
            font-size: 12px;
            display: block;
        }

    .ddown_list_item_lang .active::before {
        position: absolute;
        top: 50%;
        left: 4px;
        display: block;
        width: 4px;
        height: 4px;
        content: "";
        transform: translateY(-2px);
        border-radius: 100%;
        background: #00bcd9;
    }

    .ddown_list_item_lang .active a,
    .ddown_list_item_lang .active span {
        color: #00bcd9;
    }

.ddown_sublist {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    padding: 13px 0;
    list-style: none;
    background: #ffffff;
    box-shadow: 0 9px 0 rgba(29, 54, 49, 0.3);
}

.ddown_sublist_toggle.active ~ .ddown_sublist {
    display: block;
}

.ddown_sublist li {
    margin: 0;
    padding: 7px 20px 7px 34px;
    list-style: none;
}

.ddown_sublist_back {
    font-weight: bold;
    position: relative;
}

    .ddown_sublist_back::before {
        font-family: "Fontello";
        font-size: 9px;
        line-height: 9px;
        position: absolute;
        top: 10px;
        left: 20px;
        display: block;
        width: 9px;
        height: 9px;
        content: "\e83e";
    }

/*#endregion X.X dropdown*/

/*#region X.X cart dropdown */

.ddown__cart_toggle {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 10px 15px 10px 0;
    cursor: pointer;
    color: #00bcd9;
}

    .ddown__cart_toggle::after {
        font-family: "Fontello";
        font-size: 8px;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: 2px;
        content: "\e83b";
        transform: translateY(-50%);
    }

    .ddown__cart_toggle .icon-cart2 {
        position: relative;
        display: block;
        margin: 0 2px 0 0;
        padding: 0;
    }

.ddown__cart.active .ddown__cart_toggle .icon-cart2 {
    padding: 0 16px 0 0;
}

.cart_toggle_quan {
    font: 15px/18px Arial, sans-serif;
    position: absolute;
    top: -9px;
    right: 0;
    display: none;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    color: #000000;
    border-radius: 9px;
    background: #f2cf3e;
}

.ddown__cart.active .ddown__cart_toggle .cart_toggle_quan {
    display: block;
}

.ddown__cart_toggle .icon-cart2::before {
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
}

.ddown__cart_toggle .cart_toggle_total {
    font-size: 0;
    position: relative;
    top: -1px;
    display: none;
    height: 16px;
}

.ddown__cart.active .ddown__cart_toggle .cart_toggle_total {
    display: inline-block;
}

.ddown__cart_toggle .cart_toggle_total span {
    font: 16px/16px Arial, sans-serif;
}

.ddown__cart_toggle span.cart_toggle_currency {
    font: 14px/14px Arial, sans-serif;
    display: inline-block;
    margin: 0 0 0 2px;
}

.ddown_cart_body {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    width: 84.375%;
    max-width: 350px;
    height: 100vh;
    background: #ffffff;
    box-shadow: 0 7px 0 rgba(42, 57, 53, 0.3);
}

    .ddown_cart_body.active {
        z-index: 100;
        display: block;
    }

.dcb_info_filled {
    display: none;
}

.ddown__cart.active .dcb_info_filled {
    display: block;
}

.ddown__cart.active .dcb_info_empty {
    display: none;
}

.dcb_title {
    font: 600 19px/23px "Exo 2", Arial, sans-serif;
    position: relative;
    padding: 12px 55px 12px 22px;
    text-transform: uppercase;
    color: #ffffff;
    background: #004f6d;
}

    .dcb_title .icon-cart2 {
        font-size: 23px;
        margin: 0 7px 0 0;
        color: #00bcd9;
    }

    .dcb_title .icon-cancel2 {
        font-size: 17px;
        position: absolute;
        top: 50%;
        right: 22px;
        cursor: pointer;
        transform: translateY(-50%);
        color: #5996b3;
    }

.dcb_info_filled .dcb_info {
    padding: 28px 22px;
    border-bottom: 1px dashed #969696;
}

.dcb_info_filled .dcb_info_item {
    margin: 0 0 18px;
}

    .dcb_info_filled .dcb_info_item:last-child {
        margin: 0;
    }

.dcb_info_item_title {
    font-size: 15px;
    line-height: 15px;
    color: #b2b2b2;
}

.dcb_info_item__quan .dcb_info_item_val {
    font-size: 25px;
    line-height: 30px;
    color: #00bcd9;
}

.dcb_info_item__total .dcb_info_item_val {
    font-size: 40px;
    line-height: 45px;
    color: #00bcd9;
}

.dcb_info_item__total .dcb_info_item_val_currency {
    font: 25px Arial, sans-serif;
}

.dcb_info_empty .dcb_info {
    padding: 20px 0 0;
}

.dcb_info_empty .dcb_info_title {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 17px;
    padding: 0 22px 20px;
    color: #00bcd9;
    border-bottom: 1px dashed #969696;
}

.dcb_info_empty .dcb_info p {
    font-size: 15px;
    line-height: 15px;
    padding: 0 22px;
    color: #b2b2b2;
}

    .dcb_info_empty .dcb_info p:last-child {
        margin: 0 0 6px;
    }

.dcb_controls {
    padding: 20px 22px;
}

    .dcb_controls .btn {
        line-height: 45px;
        width: 100%;
        height: 45px;
        margin: 0 0 20px;
        border-radius: 23px;
    }

/*#endregion X.X cart dropdown */

/*#region X.X balance */

.header-top_balance {
    display: flex;
    align-items: center;
    padding: 10px 0 10px 0;
}

    .header-top_balance .icon-book {
        font-size: 16px;
        line-height: 16px;
        display: block;
        height: 17px;
        margin: 0 4px 0 0;
        color: #5996b3;
    }

.header-top_balance_total {
    font: 13px/13px Arial, sans-serif;
    height: 13px;
    padding-top: 1px;
    color: #ff0000;
}

.header-top_balance__prefix {
    display: none;
    color: #006b94;
}

/*#endregion X.X balance */

/*#region X.X user dropdown*/

.ddown_user_toggle {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 13px 10px 0;
    cursor: pointer;
}

.ddown_user:hover .ddown_user_toggle .icon-user,
.ddown_user:hover .ddown_user_toggle .ddown_user_name,
.ddown_user:hover .ddown_user_toggle::after {
    color: #00bcd9;
}

.ddown_user_toggle::after {
    font-family: "Fontello";
    font-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 1px;
    content: "\e83b";
    transform: translateY(-50%);
    color: #000000;
}

.ddown_user_toggle .icon-user {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
    color: #5996b3;
}

.ddown_user_name {
    font: 13px/13px Arial, sans-serif;
    display: none;
    color: #000000;
}

.ddown_user_body {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 7px 0 rgba(42, 57, 53, 0.3);
}

    .ddown_user_body.active {
        z-index: 100;
        display: block;
    }

.ddown_user_body {
    color: #006b94;
    background: #ffffff;
}

.dub_title {
    font: 600 19px/23px "Exo 2", Arial, sans-serif;
    position: relative;
    padding: 12px 55px 12px 22px;
    text-transform: uppercase;
    color: #ffffff;
    background: #004f6d;
}

    .dub_title .icon-user {
        font-size: 23px;
        margin: 0 7px 0 0;
        color: #00bcd9;
    }

    .dub_title .icon-cancel2 {
        font-size: 17px;
        position: absolute;
        top: 50%;
        right: 22px;
        cursor: pointer;
        transform: translateY(-50%);
        color: #5996b3;
    }

.dub_info {
    padding: 13px 20px 0 22px;
    border-bottom: 1px solid rgba(67, 85, 69, 0.2);
}

.dub_info_name {
    font: bold 23px/27px Arial, sans-serif;
    margin-bottom: 16px;
}

.dub_info_company {
    font: 17px/17px Arial, sans-serif;
    margin: 0 0 29px;
    padding: 0 0 18px;
    color: #006b94;
    border-bottom: 1px solid rgba(67, 85, 69, 0.2);
}

    .dub_info_company span {
        font-size: 15px;
        display: block;
        margin: 0 0 4px;
        color: #acb5ad;
    }

.dub_info_finance {
    margin: 0 0 34px;
}

.dub_info_finance_item {
    font: 23px/27px Arial, sans-serif;
    margin: 0 0 9px;
}

.dub_info_finance_title {
    color: #a0a8af;
}

.dub_info_finance_currency {
    font-size: 15px;
}

.dub_list {
    margin: 0;
    padding: 18px 0 20px 22px;
    list-style: none;
    border-bottom: 1px solid rgba(67, 85, 69, 0.2);
}

    .dub_list li {
        font: 15px/20px Arial, sans-serif;
        position: relative;
        margin: 0;
        list-style: none;
        text-transform: uppercase;
    }

        .dub_list li a {
            display: block;
            padding: 10px 0 10px 28px;
            text-decoration: none;
            color: #006b94;
        }

            .dub_list li a:hover {
                color: #00bcd9;
            }

        .dub_list li [class^="icon-"] {
            font-size: 17px;
            line-height: 17px;
            position: absolute;
            top: 12px;
            left: 0;
            width: 17px;
            text-align: center;
            color: #5996b3;
        }

.dub_logout {
    font: 15px/20px Arial, sans-serif;
    text-transform: uppercase;
}

.dub_logout {
    padding: 0 0 0 22px;
}

    .dub_logout a {
        position: relative;
        display: block;
        padding: 22px 20px 25px 28px;
        text-decoration: none;
        color: #006b94;
    }

        .dub_logout a:hover {
            color: #00bcd9;
        }

        .dub_logout a [class^="icon-"] {
            font-size: 17px;
            line-height: 17px;
            position: absolute;
            top: 24px;
            left: 0;
            width: 17px;
            text-align: center;
            color: #5996b3;
        }

/*#endregion X.X user dropdown*/

/*#endregion X.X Header top */

/*#region X.X Header bottom*/

/*#region X.X.X Main nav*/

.main-nav {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    color: #004f6d;
}

    .main-nav.active {
        display: block;
    }

.main-nav_head {
    position: relative;
    padding: 13px 20px;
    background-color: #004f6d;
}

    .main-nav_head .icon-cancel2 {
        font-size: 18px;
        line-height: 18px;
        position: absolute;
        top: 50%;
        left: 20px;
        display: block;
        width: 18px;
        height: 18px;
        cursor: pointer;
        transform: translateY(-50%);
        text-align: center;
        color: #5996b3;
    }

        .main-nav_head .icon-cancel2:hover {
            color: #64a7c7;
        }

.main-nav_head_logo {
    display: block;
    width: 130px;
    margin: 0 auto;
}

.main-nav_list {
    font: 12px/17px Arial, sans-serif;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 13px 0;
    list-style: none;
    text-transform: uppercase;
    background: #ffffff;
    box-shadow: 0 9px 0 rgba(29, 54, 49, 0.3);
}

    .main-nav_list.active {
        right: 100%;
    }

.main-nav_list_item {
    margin: 0;
    padding: 7px 20px;
    list-style: none;
}

.main-nav_list a {
    text-decoration: none;
    color: #004f6d;
}

    .main-nav_list a:hover {
        color: #00bcd9;
    }

.main-nav_sublist_toggle [class^="icon-"] {
    font-size: 9px;
    display: inline-block;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

.main-nav_sublist {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;
    display: none;
    width: 100%;
    padding: 13px 0;
    background: #ffffff;
    box-shadow: 0 9px 0 rgba(29, 54, 49, 0.3);
}

.main-nav_sublist_wrap {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav_sublist_toggle.active ~ .main-nav_sublist {
    display: block;
}

.main-nav_sublist_back {
    font-weight: bold;
    position: relative;
}

    .main-nav_sublist_back::before {
        font-family: "Fontello";
        font-size: 9px;
        line-height: 9px;
        position: absolute;
        top: 10px;
        left: 20px;
        display: block;
        width: 9px;
        height: 9px;
        content: "\e83e";
    }

.main-nav_sublist li {
    margin: 0;
    padding: 7px 20px 7px 34px;
    list-style: none;
}

.main-nav_sublist .menu-img {
    display: none;
}

/*#endregion X.X.X Main nav*/

/*#region X.X.X Search*/

.search_inner {
    position: absolute;
    z-index: 50;
    top: 50%;
    right: 20px;
    left: 60px;
    display: none;
    margin-top: -1px;
    transform: translateY(-50%);
}

    .search_inner.active {
        display: block;
    }

.search_inner_body {
    position: relative;
}

    .search_inner_body .search-input,
    .search_inner_body .search-input:focus {
        font-size: 14px;
        line-height: 17px;
        display: block;
        width: 100%;
        padding: 7px 30px 7px 65px;
        color: #000000;
        border: none;
        border-bottom: 1px solid #00bcd9;
        outline: none;
    }

.search_prefix {
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    padding: 7px 0;
    transform: translateY(-50%);
    color: #00bcd9;
}

.search_inner_body button {
    font-size: 20px;
    line-height: 25px;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    height: 25px;
    padding: 0;
    cursor: pointer;
    transform: translateY(-50%);
    color: #000000;
    border: none;
    background: none;
}

    .search_inner_body button:hover {
        color: #00bcd9;
    }

.search_inner_autocomplete {
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding: 14px 21px 24px;
    background: #ffffff;
    box-shadow: 0 5px 0 rgba(29, 54, 49, 0.2);
}

    .search_inner_autocomplete.active {
        display: block;
    }

.autocomplete_group:not(:last-child) {
    margin-bottom: 15px;
}

.autocomplete_group_title {
    font: italic 13px/16px Arial, sans-serif;
    overflow: hidden;
    margin: 0 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #aab5ac;
}

.autocomplete_group ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.autocomplete_group_item {
    font: 13px/16px Arial, sans-serif;
    margin: 0;
    padding: 0;
    padding: 3px 0;
    list-style: none;
}

    .autocomplete_group_item a {
        text-decoration: none;
        text-decoration: none;
        color: #004f6d;
    }

        .autocomplete_group_item a:hover {
            text-decoration: underline;
        }

    .autocomplete_group_item b {
        color: #000000;
    }

.autocomplete_group__news .autocomplete_group_item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*#endregion X.X.X Search*/

.main-nav_toggle {
    font-size: 19px;
    line-height: 25px;
    display: block;
    height: 25px;
    cursor: pointer;
    color: #5996b3;
}

    .main-nav_toggle:hover {
        color: #00bcd9;
    }

.header-bottom .container {
    position: static;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 18px;
    padding-bottom: 18px;
}

.header-bottom .main-logo {
    position: relative;
    display: block;
    height: 19px;
}

    .header-bottom .main-logo.search-active {
        display: none;
    }

    .header-bottom .main-logo img {
        display: block;
        width: 130px;
    }

.header-bottom .search > .search-open {
    font-size: 20px;
    line-height: 25px;
    display: block;
    height: 25px;
    cursor: pointer;
    color: #000000;
}

.header-bottom .search-active ~ .search > .search-open {
    display: none;
}

.header-bottom .search > .search-open:hover {
    color: #00bcd9;
}

/*#endregion X.X Header bottom*/

/*#endregion X Header ------------------------------------ */

/*#region X Crumbs --------------------------------------- */

.breadcrumbs {
    font: 0.73rem/1.363 Arial, sans-serif;
    color: #99b8c5;
}

.breadcrumbs-list {
    position: relative;
    margin: 0 0 19px;
    padding: 0 0 0 24px;
}

.breadcrumbs-list_item {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .breadcrumbs-list_item:not(:last-child)::after {
        font-size: 0.73rem;
        content: "/";
    }

    .breadcrumbs-list_item a {
        text-decoration: none;
        color: #99b8c5;
    }

        .breadcrumbs-list_item a:hover {
            text-decoration: underline;
            color: #608267;
        }

.breadcrumbs-list_item__home {
    font-size: 0;
    position: absolute;
    left: 0;
}

    .breadcrumbs-list_item__home a::before {
        font-size: 0.86rem;
        margin-right: 4px;
    }

    .breadcrumbs-list_item__home a:hover {
        text-decoration: none;
    }

/*#endregion X Crumbs ------------------------------------ */

/*#region X Part heading --------------------------------- */

.partition-heading {
    margin: 0 0 20px 0;
}

    .partition-heading h1 {
        font-size: 25px;
        font-weight: 400;
        line-height: 29px;
        margin: 0 -20px;
        padding: 0 20px 11px;
        text-transform: uppercase;
        color: #00bcd9;
        border-bottom: 1px solid #5996b3;
    }

    .partition-heading p {
        font-size: 17px;
        line-height: 19px;
        margin: 0 0 20px;
    }

        .partition-heading p:first-of-type {
            margin: 25px 0 20px;
        }

    /*#region X.X Part heading icon */

    .partition-heading.partition-heading_alt h1 {
        font-size: 1.8125rem;
        line-height: 1.0344;
        position: relative;
        margin-bottom: 0;
        padding-bottom: 13px;
        padding-left: 54px;
    }

    .partition-heading.partition-heading_alt [class^="icon-"]::before {
        position: absolute;
        left: 20px;
        display: inline-block;
        margin-right: 0.25em;
    }

/*#endregion X.X Part heading icon */

/*#endregion X Part heading ------------------------------ */

/*#region X Item card ------------------------------------ */

.itemcard-main {
    margin: 20px 0 0 0;
    padding: 0 0 30px;
}

/*#region X.X main left */

.itemcard-main_left {
    margin: 0 0 15px 0;
}

.slider_thumbnail {
    max-width: 300px;
}

/*#endregion X.X main left */

/*#region X.X main middle */

.itemcard-main_middle {
    border-bottom: 1px dashed #99b8c5;
}

.variable-chars {
    margin: 0 0 22px;
}

.variable-chars_item {
    font-size: 15px;
    line-height: 1;
}

.variable-chars_item {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .variable-chars_item:hover {
        background-color: #f5f5f4;
    }

.variable-chars_item_attribute {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 44%;
    padding: 8px 0;
    padding-left: 5px;
    border-bottom: 1px solid #d5dad5;
}

.variable-chars_item_parameter {
    font-weight: 600;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 56%;
    padding: 8px 0 8px 10px;
    border-bottom: 1px solid #d5dad5;
}

.variable-chars_item_parameter__select {
    padding: 0;
    border-bottom: 1px solid #00bcd9;
}

.variable-chars_item .select_item {
    width: 100%;
}

    .variable-chars_item .select_item .custom_select_current {
        font-size: 15px;
        line-height: 32px;
        padding: 0 30px 0 10px;
        border-bottom: none;
    }

        .variable-chars_item .select_item .custom_select_current::after {
            font-size: 11px;
            right: 5px;
            color: #000000;
        }

    .variable-chars_item .select_item .custom_select_list li {
        font-size: 15px;
        line-height: 20px;
        padding: 6px 10px 6px 30px;
    }

.features-icons {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 10px;
    padding: 0;
}

.features-icons_item {
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin: 0 18px 13px 0;
    padding: 0;
    list-style: none;
    border: 2px solid #00bcd9;
    border-radius: 100%;
}

    .features-icons_item:last-child {
        margin: 0 0 13px;
    }

    .features-icons_item img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        max-width: 100%;
        max-height: 100%;
        transform: translate(-50%, -50%);
    }

/*#endregion X.X main middle */

/*#region X.X main right */

.itemcard-main_right {
    padding: 24px 0;
}

    .itemcard-main_right .product_tile_availability {
        margin: 0 0 5px;
        padding: 0;
        background: none;
    }

    .itemcard-main_right .pn {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 18px;
        color: #00bcd9;
    }

    .itemcard-main_right .price {
        display: block;
        margin: 0 0 24px;
    }

    .itemcard-main_right .btn {
        display: block;
        width: 100%;
        max-width: 264px;
        margin: 0 auto 10px;
    }

/*#endregion X.X main right */

/*#region X.X tabs */

.itemcard-main_tabs .etabs {
    display: flex;
    margin: 0 -20px;
    padding: 0;
    list-style: none;
    box-shadow: inset 0 -2px 0 #d7ddd9;
}

.itemcard-main_tabs .tab {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    padding: 24px 0;
    color: #004f6d;
}

    .itemcard-main_tabs .tab:hover {
        color: #00bcd9;
    }

    .itemcard-main_tabs .tab.active {
        box-shadow: inset 0 -4px 0 #00bcd9;
        color: #00bcd9;
    }

    .itemcard-main_tabs .tab a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: inherit;
        text-decoration: none;
        gap: 8px;
    }

    .itemcard-main_tabs .tab [class*="icon-"] {
        font-size: 15px;
    }

    .itemcard-main_tabs .tab span {
        font-size: 11px;
        line-height: 1.3;
        text-transform: uppercase;
        font-weight: 600;
    }

.itemcard-main_tabs-content {
    padding: 20px 0;
}

.materials-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.materials-list_item:nth-child(odd) {
    background-color: rgba(0, 188, 217, 0.1);
}

.materials-list_link {
    display: block;
    padding: 12px 14px;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.3;
    color: #006f80;
    display: flex;
    align-items: baseline;
    gap: 12px;
    text-decoration: underline transparent;
    transition: text-decoration ease 0.3s;
}

    .materials-list_link:hover {
        text-decoration-color: #006f80;
    }

.materials-list_icon {
    font-size: 16px;
    line-height: 1;
}

.itemcard-main_tabs-video {
    max-width: 700px;
    margin: 0 auto;
}

/*#endregion X.X tabs */

/*#region X.X secondary */

.itemcard-secondary {
    background-color: #f7f8f8;
}

.default-chars {
    position: relative;
    overflow: hidden;
}

    .default-chars,
    .default-chars ul {
        margin: 0;
        padding: 0;
    }

        .default-chars::before {
            position: absolute;
            top: -80px;
            left: 5%;
            display: block;
            width: 90%;
            height: 80px;
            content: "";
            border-radius: 100%;
            box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
        }

        .default-chars li {
            list-style: none;
        }

.default-chars_group {
    margin: 27px 0 10px;
}

.default-chars .default-chars_heading {
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 0 19px;
    padding: 0 0 13px 0;
    text-transform: uppercase;
    color: #00bcd9;
    border-bottom: 1px solid #99b8c5;
}

.default-chars_item {
    font-size: 15px;
    line-height: 15px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 1px solid #d5dad5;
}

    .default-chars_item:last-child {
        border-bottom: none;
    }

.default-chars_item_attribute {
    font-weight: 300;
    width: 61%;
    padding: 10px 0 10px 10px;
}

.default-chars_item_parameter {
    font-weight: 500;
    width: 39%;
    padding: 10px 0 10px 10px;
}

/*#endregion X.X secondary */

/*#region X.X description */

.itemcard-description {
    font-size: 17px;
    line-height: 21px;
    margin: 25px 0 37px;
}

.itemcard-description_heading {
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 0 25px;
    padding: 0 0 13px 0;
    text-transform: uppercase;
    color: #00bcd9;
    border-bottom: 1px solid #99b8c5;
}

.itemcard-description p {
    margin: 0 0 25px;
}

.itemcard-description ul {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 670px;
}

    .itemcard-description ul li {
        padding: 0 0 0 26px;
        position: relative;
        margin: 0 0 17px;
    }

        .itemcard-description ul li::before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 100%;
            position: absolute;
            left: 0;
            top: 5px;
            background: #00bcd9;
        }

/*#endregion X.X description */

/*#region X.X seo block */

.seo-block {
    font-size: 17px;
    line-height: 22px;
    position: relative;
    overflow: hidden;
    color: #5996b3;
    border-top: 1px solid #5996b3;
    background-color: #003e5a;
}

    .seo-block::before {
        position: absolute;
        top: -80px;
        left: 50%;
        display: block;
        width: 90%;
        max-width: 1214px;
        height: 80px;
        content: "";
        transform: translateX(-50%);
        border-radius: 100%;
        box-shadow: 0 0 60px rgba(0, 188, 217, 1);
    }

    .seo-block section {
        margin: 30px 0;
    }

        .seo-block section:last-child {
            margin-bottom: 0;
        }

    .seo-block h2 {
        font-size: 23px;
        font-weight: 400;
        line-height: 27px;
        margin: 32px 0 25px;
        text-transform: uppercase;
        color: #00bcd9;
    }

    .seo-block h3,
    .seo-block h4 {
        color: #ffffff;
    }

    .seo-block p:not(:last-of-type) {
        margin-bottom: 25px;
    }

.seo-block_advantages {
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-block_advantages {
    margin: 30px 0;
    list-style: none;
}

    .seo-block_advantages li {
        overflow: hidden;
        margin: 0 0 17px;
    }

.seo-block_advantages_img {
    position: relative;
    float: left;
    overflow: hidden;
    width: 55px;
    height: 55px;
    border: 2px solid #00bcd9;
    border-radius: 100%;
}

    .seo-block_advantages_img img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        max-width: 100%;
        max-height: 100%;
        transform: translate(-50%, -50%);
    }

.seo-block .seo-block_advantages_desc {
    line-height: 20px;
    margin: 0 0 0 75px;
}

.seo-block_advantages li b {
    color: #ffffff;
}

.seo-block_features {
    border-top: 1px solid #004f6d;
}

.seo-block_features_desc {
    padding: 20px;
    color: #5996b3;
    background-color: #003147;
}

.seo-block_features_desc {
    position: relative;
}

    .seo-block_features_desc h3 {
        font-size: 19px;
        line-height: 22px;
        margin: 0 0 10px;
        color: #ffffff;
    }

    .seo-block_features_desc p {
        font-size: 15px;
        line-height: 20px;
    }

        .seo-block_features_desc p:last-of-type {
            margin: 0;
        }

.seo-block_features_arrow_b {
    position: absolute;
    top: 100%;
    left: 0;
}

.seo-block_features_arrow_r {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
}

.seo-block_features_img {
    padding: 59px 0 0;
}

    .seo-block_features_img img {
        display: block;
        width: 100%;
        max-width: 553px;
        margin: 0 auto;
    }

/*#endregion X.X seo block */

/*#region X.X tile action */

.product_tile_action {
    z-index: 15;
    right: 2px;
    left: 2px;
    display: none;
    padding: 0 10px 20px;
    color: #ffffff;
    background: #00bcd9;
    box-shadow: 0 7px 0 0 rgba(83, 108, 92, 0.2);
}

    .product_tile_action.product_tile_action__closed {
        padding: 30px 10px 30px;
        border-top: 1px solid rgba(67, 85, 89, 0.2);
    }

    .product_tile_action .btn {
        padding: 0 20px;
    }

.product_item.active .product_tile_action {
    display: block;
    text-align: center;
}

.product_tile_action .btn__default {
    width: 100%;
    max-width: 220px;
    box-shadow: 0 0 0 1px #ffffff;
}

.product_tile_action.product_tile_action__closed .btn__default {
    max-width: 170px;
}

.product_tile_action *:last-child {
    margin-bottom: 0;
}

/*#endregion X.X tile action */

/*#region X.X tile quantity */

.catalog-wrapper_products .product_item.active .product_tile_quantity {
    border-top: 1px solid rgba(67, 85, 89, 0.2);
    background: #00bcd9;
}

.product_tile_quantity {
    display: flex;
    align-items: center;
    color: #006b94;
}

.product_item .product_tile_quantity {
    padding: 12px 10px 26px 10px;
}

.itemcard-main_right .product_tile_quantity {
    padding: 12px 0 18px 0;
    border-top: 1px dashed #99b8c5;
}

.quantity_input {
    margin: 0 50px 0 0;
}

    .quantity_input .quantity_input_title {
        font-size: 15px;
        line-height: 20px;
        margin: 0 0 2px 0;
    }

    .quantity_input .quantity_input_val,
    .quantity_input .quantity_input_val:focus {
        font-size: 27px;
        font-style: normal;
        line-height: 32px;
        display: inline-block;
        width: 70px;
        padding: 0;
        color: #000000;
        border-bottom: 2px solid #eecf48;
    }

.product_item .quantity_input .quantity_input_val,
.product_item .quantity_input .quantity_input_val:focus {
    color: #ffffff;
}

.quantity_input .quantity_input_unit {
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
}

.quantity_change {
    padding: 22px 0 0 0;
}

    .quantity_change [class^="quantity_change_"] {
        position: relative;
        display: inline-block;
        width: 26px;
        height: 26px;
        margin: 0 10px 0 0;
        cursor: pointer;
        text-align: center;
        border: 2px solid #00bcd9;
        border-radius: 100%;
    }

        .quantity_change [class^="quantity_change_"]:last-child {
            margin: 0;
        }

        .quantity_change [class^="quantity_change_"]:hover {
            background: #e5fcff;
        }

.product_item .quantity_change [class^="quantity_change_"] {
    border: 2px solid #ffffff;
}

    .product_item .quantity_change [class^="quantity_change_"]:hover {
        background: #00c6e5;
    }

.quantity_change .quantity_change_inc::before,
.quantity_change .quantity_change_inc::after,
.quantity_change .quantity_change_dec::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%);
    background: #00bcd9;
}

.product_item .quantity_change .quantity_change_inc::before,
.product_item .quantity_change .quantity_change_inc::after,
.product_item .quantity_change .quantity_change_dec::after {
    background: #ffffff;
}

.quantity_change .quantity_change_inc::before {
    width: 2px;
    height: 10px;
}

.quantity_change .quantity_change_inc::after,
.quantity_change .quantity_change_dec::after {
    width: 10px;
    height: 2px;
}

/*#endregion X.X tile quantity (end) */

/*#region X.X item card total */

.price_total {
    margin: 0 0 24px;
    padding: 15px 0 0;
    border-top: 1px dashed #99b8c5;
}

.price_total {
    color: #006b94;
}

    .price_total span {
        font-size: 15px;
        line-height: 20px;
        display: inline-block;
    }

    .price_total .price_total_val {
        font-size: 27px;
        line-height: 32px;
        color: #00bcd9;
    }

    .price_total .icon-hryvna2 {
        font-size: 13px;
        color: #00bcd9;
    }

/*#endregion X.X item card total */

/*#endregion X Item card --------------------------------- */

/*#region X Item transparent photo ----------------------- */

/*#region X.X features */

.product-photo_features_item {
    font-size: 16px;
    line-height: 1.25;
    position: absolute;
    z-index: 5;
    color: #246d8c;
}

    .product-photo_features_item [class^="icon-"] {
        font-size: 20px;
        margin-right: 4px;
    }

    .product-photo_features_item.feature_lt {
        top: 10px;
        left: 10px;
    }

    .product-photo_features_item.feature_rt {
        top: 10px;
        right: 10px;
    }

    .product-photo_features_item.feature_rb {
        right: 10px;
        bottom: 10px;
    }

    .product-photo_features_item.feature_lb {
        bottom: 10px;
        left: 10px;
    }

[class^="feature_light-color__"]::after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 7px;
    content: "";
    vertical-align: middle;
    border-radius: 35%;
}

.feature_light-color__orange::after {
    background-color: #ffd026;
}

.feature_light-color__gray::after {
    background-color: #a0a8af;
}

.feature_light-color__blue::after {
    background-color: #00bcd9;
}

/*#endregion X.X features */

/*#region X.X labels */

.product-photo_labels {
    position: absolute;
    z-index: 5;
    top: 65px;
    left: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

    .product-photo_labels [class^="label__"] {
        font-size: 12px;
        font-weight: 600;
        line-height: 24px;
        display: block;
        padding: 0 8px 0 20px;
        text-transform: uppercase;
    }

.label__new {
    color: #000000;
    background: #fad037;
}

.label__discount {
    color: #ffffff;
    background: #ff0000;
}

.label__hit {
    color: #000000;
    background: #a0b8d0;
}

.label__await {
    color: #ffffff;
    background: #59aab7;
}

/*#endregion X.X labels */

/*#region X.X price */

.price p {
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 4px;
}

.price_current,
.price_old {
    font-size: 0;
    font-weight: 300;
    display: inline-block;
    vertical-align: baseline;
}

    .price_current span,
    .price_old span {
        display: inline-block;
        vertical-align: baseline;
    }

.price_current {
    font-size: 37px;
    line-height: 44px;
    color: #00bcd9;
}

.delta_price .price_current {
    color: #ff0000;
}

.price_current span:last-child {
    font-size: 13px;
    line-height: 19px;
    position: relative;
    top: -2px;
    margin-left: -8px;
}

.price_old {
    font-size: 21px;
    line-height: 22px;
    position: relative;
    color: #99b8c5;
}

    .price_old::after {
        position: absolute;
        top: 50%;
        right: 0;
        left: 12px;
        display: block;
        height: 1px;
        margin-top: 1px;
        content: "";
        background: #99b8c5;
    }

    .price_old::before {
        content: "/";
    }

    .price_old span:last-child {
        font-size: 13px;
        line-height: 19px;
        position: relative;
        top: -2px;
        margin-left: -4px;
    }

/*#endregion X.X price */

/*#endregion X Item transparent photo -------------------- */

/*#region X Item tile ------------------------------------ */

.product_item {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.product_item_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.product_item.active {
    z-index: 40;
    overflow: visible;
}

    .product_item.active .product_item_inner {
        z-index: 5;
    }

.product_tile {
    display: block;
    text-decoration: none;
    color: #000000;
    outline: none;
}

    .product_tile .product_tile_heading {
        position: relative;
        display: block;
        margin: 0 0 2px;
    }

    .product_tile .product-photo_inner {
        position: relative;
        display: block;
        display: block;
        width: 100%;
        height: 280px;
        outline: none;
        background: #fbfbfb;
    }

    .product_tile:hover .product-photo_inner {
        background-color: #f1f3f2;
    }

    .product_tile:hover .product-photo_features_item {
        color: #000000;
    }

    .product_tile:hover .product-photo_inner::after {
        display: none;
    }

    .product_tile .product-photo_inner img {
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 50%;
        display: block;
        max-width: 80%;
        max-height: 53.571%;
        transform: translate(-50%, -50%);
    }

    .product_tile .product-photo_inner::after {
        position: absolute;
        top: 76.7855%;
        left: 50%;
        display: block;
        width: 190px;
        height: 45px;
        content: "";
        transform: translate(-50%, -10px);
        border-radius: 50%;
        background: url("/https/enerlight.ua/img/product-shadow.jpg") center no-repeat;
        background-size: cover;
    }

.product_tile_info_name {
    display: block;
    padding: 10px 10px 5px 10px;
    background-color: #fbfbfb;
}

.product_tile_info_name_inner {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    display: block;
    overflow: hidden;
    max-height: 56px;
}

.product_tile_availability {
    font-size: 15px;
    line-height: 20px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 10px;
    color: #98a499;
    background-color: #fbfbfb;
}

    .product_tile_availability .availability-state {
        display: block;
        flex-shrink: 0;
        height: 16px;
        width: 16px;
        margin: 0 0 0 7px;
    }

    .product_tile_availability.available .availability-state {
        background: url("/https/enerlight.ua/img/icons/star-green.svg") center / contain no-repeat;
    }

    .product_tile_availability.available_low .availability-state {
        background: url("/https/enerlight.ua/img/icons/star-yellow.svg") center / contain no-repeat;
    }

    .product_tile_availability.unavailable .availability-state {
        background: url("/https/enerlight.ua/img/icons/star-red.svg") center / contain no-repeat;
    }

.catalog-wrapper_products .product_item.active .product_tile_availability {
    color: #ffffff;
    background-color: #00bcd9;
}

.price_current {
    font-size: 32px;
    line-height: 38px;
}

/*#endregion X Item tile --------------------------------- */

/*#region X Slider customs ------------------------------- */

/*#region X.X slider dots */

.slick-dots {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 22px 0 0 0;
    padding: 0;
    list-style: none;
}

    .slick-dots li {
        font-size: 0;
        display: block;
        width: 100%;
        max-width: 50px;
        margin: 0 5px;
        padding: 0;
        list-style: none;
    }

    .slick-dots button {
        font-size: 0;
        display: block;
        width: 100%;
        height: 2px;
        padding: 0;
        cursor: pointer;
        border: none;
        border-radius: 0;
        outline: none;
        background: rgba(0, 188, 217, 0.3);
    }

    .slick-dots li.slick-active button {
        background: #00bcd9;
    }

/*#endregion X.X slider dots */

/*#region X.X Product carousel */

.product-carousel_wrap {
    margin: 0 auto 50px;
    padding: 25px 0 0;
}

.product-carousel {
    max-width: 800px;
    margin: 0 auto;
}

.product-carousel_wrap h2 {
    font-size: 23px;
    font-weight: 400;
    line-height: 27px;
    margin: 0 0 16px;
    text-transform: uppercase;
    color: #00bcd9;
}

.carousel-dir__left,
.carousel-dir__right {
    display: none !important;
}

.product-carousel_wrap .product_tile_action {
    position: static;
    padding: 10px 10px 20px;
    text-align: center;
    background: #fbfbfb;
}

.product-carousel_wrap .product_tile .price {
    display: block;
    padding: 0 10px 16px 10px;
    background: #fbfbfb;
}

.product-carousel_wrap .product_tile_info_name {
    height: 53px;
}

/*#endregion X.X Product carousel */

/*#region X.X Item slider */

.itemcard_slider_wrap {
    position: relative;
    margin: 0 0 16px;
}

.slider_product .product-photo_inner {
    position: relative;
    display: block;
    width: 100%;
    height: 280px;
    outline: none;
    background: #fbfbfb;
}

.slider_product .slider_product_item .zoom-holder {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    overflow: visible;
    max-width: 80%;
    transform: translate(-50%, -50%);
}

    .slider_product .slider_product_item .zoom-holder img {
        display: block;
        max-width: 100%;
        max-height: 150px;
    }

.slider_product .product-photo_inner::after {
    position: absolute;
    top: 76.7855%;
    left: 50%;
    display: block;
    width: 190px;
    height: 45px;
    content: "";
    transform: translate(-50%, -10px);
    border-radius: 50%;
    background: url("/https/enerlight.ua/img/product-shadow.jpg") center no-repeat;
    background-size: cover;
}

.slider_thumbnail .product-photo_inner {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    outline: none;
    background: #fbfbfb;
}

.slider_thumbnail_item img {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 80%;
    max-height: 53.571%;
    transform: translate(-50%, -50%);
}

.slider_thumbnail_item .product-photo_inner::after {
    position: absolute;
    top: 76.7855%;
    left: 50%;
    display: block;
    width: 40px;
    height: 9px;
    content: "";
    transform: translate(-50%, 0);
    border-radius: 50%;
    background: url("/https/enerlight.ua/img/product-shadow.jpg") center no-repeat;
    background-size: cover;
}

.slider_thumbnail .slick-track {
    margin: 0;
}

.slider_thumbnail .slick-current .product-photo_inner::before {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background: #00bcd9;
}

/*#endregion X.X Item slider */

/*#endregion X Slider customs ---------------------------- */

/*#region X sidebar -------------------------------------- */

.sidebar_filter {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    overflow-y: scroll;
    width: 100%;
    max-width: 320px;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

    .sidebar_filter.active {
        display: block;
    }

.sidebar_heading {
    position: relative;
    padding: 14px 0 11px 60px;
    color: #ffffff;
    background-color: #004f6d;
}

    .sidebar_heading h2 {
        font-size: 19px;
        font-weight: 400;
        line-height: 22px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

        .sidebar_heading h2::before {
            font-size: 13px;
            display: inline-block;
            margin: 0 4px 0 0;
            vertical-align: middle;
            color: #00bcd9;
        }

        .sidebar_heading h2 span {
            display: inline-block;
            vertical-align: middle;
        }

    .sidebar_heading .close-sidebar {
        font-size: 19px;
        line-height: 19px;
        position: absolute;
        top: 16px;
        left: 20px;
        display: block;
        width: 19px;
        height: 19px;
        cursor: pointer;
        text-align: center;
        color: #5996b3;
    }

        .sidebar_heading .close-sidebar:hover {
            color: #ffffff;
        }

/*#region X.X filter */

.sidebar_filter .accordeon__filter {
    margin: 0;
    padding: 18px 40px 27px 60px;
    list-style: none;
    border-bottom: 1px solid rgba(0, 79, 109, 0.1);
}

.accordeon__filter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordeon__filter li {
    display: block;
    list-style: none;
}

.filter-group {
    margin-bottom: 3px;
}

.filter-group-title {
    font-size: 16px;
    line-height: 20px;
    display: block;
    padding: 10px 0 11px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
}

    .filter-group-title [class^="icon-"] {
        font-size: 12px;
        line-height: 20px;
        display: inline-block;
        margin: 0 0 0 4px;
        vertical-align: middle;
        color: #00bcd9;
    }

    .filter-group-title.harOpen [class^="icon-"]::before {
        content: "\e839";
    }

    .filter-group-title span {
        line-height: 18px;
        display: inline-block;
        padding: 1px 0;
        vertical-align: middle;
    }

    .filter-group-title:hover {
        color: #00bcd9;
    }

.filter-group .fake-ir {
    display: block;
    margin-bottom: 10px;
}

.filter-group .fake-ir_desc {
    font-size: 16px;
    color: #5996b3;
}

.filter-group .fake-ir_desc_subdesc {
    font-size: 14px;
    display: inline-block;
}

.sidebar_controls {
    padding: 31px 0 38px;
}

    .sidebar_controls .btn {
        display: block;
        width: 100%;
        max-width: 200px;
        margin: 0 auto 20px;
    }

/*#endregion X.X filter */

/*#region X.X range */

.filter-group .range {
    max-width: 220px;
    margin: 0 0 20px;
}

.range_slide {
    padding: 0 4px;
}

.range_input {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

.range_input {
    margin: 0 0 25px;
}

    .range_input label span {
        font-size: 17px;
        color: #5996b3;
    }

    .range_input .range_input_title {
        margin: 0 5px 0 0;
    }

    .range_input input[type="number"] {
        font-size: 17px;
        line-height: 26px;
        width: 45px;
        height: 26px;
        margin: 0 5px 0 0;
        border: none;
        border-bottom: 1px solid #00bcd9;
        outline: none;
        box-shadow: none !important;
    }

        .range_input input[type="number"]::-webkit-inner-spin-button,
        .range_input input[type="number"]::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

    .range_input input[type="number"] {
        -moz-appearance: textfield;
    }

.range .range_control {
    margin: 20px 0;
}

    .range .range_control .btn {
        display: block;
        min-width: 100px;
        margin: 0 auto 20px;
    }

/*#endregion X.X range */

/*#endregion X sidebar ----------------------------------- */

/*#region X sorting -------------------------------------- */

.sorting {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 23px 0 3px;
}

.sorting_item {
    margin: 0 0 17px 0;
}

.sorting_custom .sorting_item_body {
    display: none;
}

.sorting_custom .sorting_item_title {
    font-size: 13px;
    line-height: 28px;
    display: block;
    padding: 0 18px;
    cursor: pointer;
    white-space: nowrap;
    color: #00bcd9;
    border: 1px solid #00bcd9;
    border-radius: 40px;
}

.sorting_filter .sorting_item_title [class^="icon-"],
.sorting_select .sorting_item_title [class^="icon-"] {
    margin-right: 4px;
}

.sorting_custom .sorting_item_title:hover {
    color: #ffffff;
    background: #00bcd9;
}

.sorting_product-quan {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .sorting_product-quan ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.sorting_item:not(.sorting_custom) .sorting_item_title {
    font-size: 13px;
    line-height: 16px;
    display: block;
    color: #99b8c5;
}

.sorting_product-quan ul li {
    display: block;
    float: left;
    margin: 0 0 0 6px;
    list-style: none;
}

.sorting_product-quan ul a,
.sorting_product-quan ul span {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    display: block;
    text-decoration: none;
    color: #004f6d;
}

.sorting_product-quan ul .active span,
.sorting_product-quan ul .active a {
    color: #00bcd9;
    box-shadow: inset 0 -1px 0 0 #00bcd9;
}

.sorting_product-quan ul a:hover,
.sorting_product-quan ul span:hover {
    color: #00bcd9;
}

.sorting_view {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .sorting_view .sorting_item_body {
        overflow: hidden;
    }

    .sorting_view [class^="icon-"] {
        font-size: 0;
        line-height: 16px;
        display: block;
        float: left;
        height: 16px;
        margin: 0 0 0 9px;
        text-decoration: none;
        color: #004f6d;
    }

        .sorting_view [class^="icon-"]::before {
            font-size: 12px;
            vertical-align: middle;
        }

    .sorting_view .active {
        color: #00bcd9;
    }

    .sorting_view [class^="icon-"]:hover {
        color: #00bcd9;
    }

/*#endregion X sorting ----------------------------------- */

/*#region X product catalog tile ------------------------- */

.catalog-wrapper_products {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

    .catalog-wrapper_products .product_item {
        position: relative;
        width: 100%;
        height: 407px;
        margin-bottom: 2px;
    }

    .catalog-wrapper_products .product_tile_info_name_inner {
        font-size: 17px;
        line-height: 20px;
        max-height: 40px;
    }

    .catalog-wrapper_products .product_item.active .product-photo_inner {
        background-color: #f1f3f2;
    }

        .catalog-wrapper_products .product_item.active .product-photo_inner::after {
            display: none;
        }

    .catalog-wrapper_products .product_item.active .product-photo_features_item {
        color: #000000;
    }

    .catalog-wrapper_products .product_item.active .product_tile_info_name {
        background: #00bcd9;
    }

    .catalog-wrapper_products .product_item.active .product_tile_info_name_inner {
        max-height: none;
    }

    .catalog-wrapper_products .product_tile_info {
        padding: 10px 10px 13px;
    }

    .catalog-wrapper_products .product_item .price {
        display: block;
        padding: 5px 10px 16px 10px;
        background: #fbfbfb;
    }

    .catalog-wrapper_products .product_item.active .price {
        background: #00bcd9;
    }

    .catalog-wrapper_products .product_item.active .price_current span {
        color: rgba(255, 255, 255, 1);
    }

    .catalog-wrapper_products .product_item.active .price_old span {
        color: #cdf7fe;
    }

    .catalog-wrapper_products .product_item.active .price_old::after {
        background: #cdf7fe;
    }

    .catalog-wrapper_products .product_item.active .price_old::before {
        color: #cdf7fe;
    }

.product_tile_action {
    padding: 0 19px 20px;
}

/*#region X.X load more*/

.load-product {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    height: 230px;
    margin: 2px 0 2px;
    cursor: pointer;
    text-align: center;
    background: #fbfcfb;
}

    .load-product:hover {
        background: #f1f3f2;
    }

    .load-product::before {
        font-size: 65px;
        line-height: 65px;
        display: block;
        width: 65px;
        height: 65px;
        margin: 0 auto 30px;
        text-align: center;
        color: #00bcd9;
    }

    .load-product p {
        font-size: 17px;
        line-height: 20px;
        margin: 0;
        color: #004f6d;
    }

/*#endregion X.X load more*/

/*#endregion X product catalog tile ---------------------- */

/*#region X pager ---------------------------------------- */

.page-nav {
    position: relative;
    overflow: hidden;
    margin: 2px 0 0;
    padding: 30px 0;
    text-align: center;
}

    .page-nav::before {
        position: absolute;
        top: -50px;
        left: 5%;
        display: block;
        width: 90%;
        height: 50px;
        content: "";
        border-radius: 100%;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    }

.page-nav_inner {
    font-size: 0;
    position: relative;
    display: inline-block;
    padding: 0 54px;
    vertical-align: middle;
    color: #000000;
}

    .page-nav_inner a {
        text-decoration: none;
        color: #000000;
    }

    .page-nav_inner [class*="icon-angle-"] {
        position: absolute;
        top: 0;
        display: block;
        width: 20px;
        height: 26px;
        text-align: center;
    }

        .page-nav_inner [class*="icon-angle-"]::before {
            font-size: 14px;
            line-height: 26px;
        }

    .page-nav_inner [class*="-double"]::before {
        font-size: 18px;
    }

    .page-nav_inner [class*="icon-angle-"]:hover::before {
        color: #00bcd9;
    }

.page-nav_first {
    left: 0;
}

.page-nav_previous {
    left: 27px;
}

.page-nav_last {
    right: 0;
}

.page-nav_next {
    right: 27px;
}

.page-nav_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .page-nav_list li {
        font-size: 0;
        display: inline-block;
        height: 26px;
        margin: 0 3px 3px;
        padding: 0;
        list-style: none;
        vertical-align: middle;
    }

    .page-nav_list a,
    .page-nav_list span {
        font-size: 15px;
        line-height: 26px;
        display: inline-block;
        width: 26px;
        height: 26px;
        text-align: center;
        border-radius: 100%;
    }

    .page-nav_list .active a,
    .page-nav_list .active span {
        box-shadow: inset 0 0 0 1px #00bcd9;
    }

    .page-nav_list li:not(.active) a:hover,
    .page-nav_list li:not(.active) span:hover {
        box-shadow: inset 0 0 0 1px #00bcd9;
    }

/*#endregion X pager ------------------------------------- */

/*#region X custom select -------------------------------- */

.sorting_item.sorting_param .sorting_item_title {
    font-size: 13px;
    line-height: 28px;
    display: block;
    padding: 0 18px;
    cursor: pointer;
    white-space: nowrap;
    color: #00bcd9;
    border: 1px solid #00bcd9;
    border-radius: 40px;
}

    .sorting_item.sorting_param .sorting_item_title:hover {
        color: #ffffff;
        background: #00bcd9;
    }

.sorting_item.sorting_param .sorting_item_body {
    position: fixed;
    z-index: 10;
    z-index: 999999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    background: #ffffff;
}

    .sorting_item.sorting_param .sorting_item_body.active {
        display: block;
    }

.sorting_item.sorting_param .custom_select_body-heading {
    position: relative;
    padding: 13px 0 13px 60px;
    color: #ffffff;
    background-color: #004f6d;
}

    .sorting_item.sorting_param .custom_select_body-heading [class^="icon-"] {
        font-size: 19px;
        font-weight: 400;
        line-height: 22px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

        .sorting_item.sorting_param
        .custom_select_body-heading
        [class^="icon-"]:not(.close-custom-sorting)::before {
            font-size: 12px;
            margin: 0 2px 0 0;
            color: #00bcd9;
        }

        .sorting_item.sorting_param .custom_select_body-heading [class^="icon-"] span {
            display: inline-block;
            vertical-align: middle;
        }

    .sorting_item.sorting_param .custom_select_body-heading .close-custom-sorting {
        font-size: 19px;
        line-height: 19px;
        position: absolute;
        top: 16px;
        left: 20px;
        display: block;
        width: 19px;
        height: 19px;
        cursor: pointer;
        text-align: center;
        color: #5996b3;
    }

.sorting_item.sorting_param .custom_select_current {
    display: none;
}

.sorting_item.sorting_param .custom_select_list {
    visibility: visible;
    margin: 0;
    padding: 30px 20px 30px 60px;
    list-style: none;
    opacity: 1;
    box-shadow: 0 8px 0 rgba(29, 54, 49, 0.3);
}

    .sorting_item.sorting_param .custom_select_list li {
        font-size: 17px;
        line-height: 20px;
        position: relative;
        margin: 0 0 7px;
        padding: 0 0 0 22px;
        list-style: none;
        cursor: pointer;
        color: #004f6d;
    }

        .sorting_item.sorting_param .custom_select_list li::before {
            position: absolute;
            top: 2px;
            left: 0;
            display: block;
            width: 16px;
            height: 16px;
            content: "";
            border-radius: 100%;
            background-color: #ffffff;
            box-shadow: inset 0 0 0 1px #004f6d, inset 0 0 0 3px #ffffff;
        }

    .sorting_item.sorting_param .custom_select_list .active::before {
        background-color: #00bcd9;
    }

/*---------------------------------------------------------------------------------------*/

.select_item .custom_select_current {
    font-size: 13px;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 20px 0 0;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #00bcd9;
}

    .select_item .custom_select_current::after {
        font-family: "fontello";
        font-size: 8px;
        line-height: 14px;
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 14px;
        height: 14px;
        content: "\e83b";
        transform: translateY(-7px);
        text-align: center;
        color: #004f6d;
    }

    .select_item .custom_select_current.active::after {
        content: "\e83c";
    }

.select_item .custom_select_body {
    position: relative;
}

.select_item .custom_select_list {
    position: absolute;
    z-index: 10;
    z-index: -10;
    top: 100%;
    left: 0;
    visibility: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    border-right: 1px solid #e3e5e4;
    border-left: 1px solid #e3e5e4;
    background: #ffffff;
    box-shadow: 0 8px 0 rgba(29, 54, 49, 0.3);
}

    .select_item .custom_select_list.active {
        z-index: 10;
        visibility: visible;
        opacity: 1;
    }

    .select_item .custom_select_list li {
        font-size: 13px;
        line-height: 18px;
        position: relative;
        margin: 0;
        padding: 8px 10px 8px 30px;
        list-style: none;
        cursor: pointer;
    }

    .select_item .custom_select_list .active::before {
        font-family: "fontello";
        font-size: 10px;
        line-height: 14px;
        position: absolute;
        top: 50%;
        left: 8px;
        display: block;
        width: 14px;
        height: 14px;
        content: "\e83a";
        transform: translateY(-7px);
        text-align: center;
        color: #00bcd9;
    }

    .select_item .custom_select_list li:hover {
        background: #f5f5f4;
    }

/*#endregion X custom select ----------------------------- */

/*#region X footer --------------------------------------- */

#footer {
    color: #ffffff;
    background: #004f6d;
}

.footer-col h2 {
    font: bold 11px/13px Arial, sans-serif;
    margin: 0 0 9px;
    text-transform: uppercase;
}

.footer-col-l {
    padding-top: 34px;
    column-count: 2;
    column-gap: 20px;
}

.footer-col {
    display: inline-block;
    width: 100%;
    margin: 0 0 22px;
}

.footer-col-l ul,
.footer-col-l li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-col-l li {
    font: 11px/13px Arial, sans-serif;
    margin: 0 0 9px;
}

.footer-col-l .footer-col_lang li {
    position: relative;
    margin: 0 0 1px;
    padding: 0 0 0 7px;
}

.footer-col_lang .active::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    content: "";
    transform: translateY(-50%);
    border-radius: 100%;
    background: #00bcd9;
}

.footer-col-l li a {
    text-decoration: none;
    color: #ffffff;
}

    .footer-col-l li a:hover {
        text-decoration: underline;
    }

.footer-col.about-col {
    margin: 0;
}

    .footer-col.about-col ul,
    .footer-col.about-col li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer-col.about-col li {
        font-size: 21px;
        font-weight: 300;
        line-height: 32px;
        position: relative;
        padding: 0 0 0 25px;
    }

    .footer-col.about-col a {
        text-decoration: none;
        color: #ffffff;
    }

        .footer-col.about-col a:hover {
            text-decoration: underline;
        }

            .footer-col.about-col a:hover::before {
                text-decoration: none;
            }

        .footer-col.about-col a::before {
            font-size: 17px;
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 17px;
            height: 17px;
            transform: translateY(-50%);
        }

.copyrights {
    font-size: 13px;
    line-height: 15px;
    margin: 50px 0 0;
    padding: 16px 0 18px;
    text-align: center;
    color: #004f6d;
    background: #003147;
}

/*#endregion X footer ------------------------------------ */

/*#region X Part title ----------------------------------- */

.part-title {
    margin: 0 0 30px;
    padding: 131px 0 17px;
    color: #ffffff;
    background: #004f6d url("/https/enerlight.ua/img/part-bg-default.jpg") center no-repeat;
    background-size: cover;
}

    .part-title .breadcrumbs-list {
        margin: 0 0 39px;
    }

    .part-title h1 {
        font-size: 35px;
        font-weight: 500;
        line-height: 37px;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #00bcd9;
    }

.part-title_tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .part-title_tabs li {
        font-size: 19px;
        line-height: 22px;
        margin: 0;
        margin: 0 0 13px;
        padding: 0;
        list-style: none;
        text-transform: uppercase;
    }

        .part-title_tabs li:last-child {
            margin: 0;
        }

    .part-title_tabs a {
        text-decoration: none;
        color: #99b8c5;
    }

        .part-title_tabs a:hover {
            color: #00bcd9;
        }

/*#endregion X Part title -------------------------------- */

/*#region X Post Grid ------------------------------------ */

.post-grid .container {
    padding: 0;
}

.post-grid_title {
    margin: 0 0 15px;
    padding: 0 20px;
}

    .post-grid_title h2 {
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;
        margin: 0 0 10px;
        color: #004f6d;
    }

.post-grid_item a {
    position: relative;
    z-index: 10;
    display: block;
    text-decoration: none;
    color: #000000;
}

.post-grid_item_img {
    position: relative;
    display: block;
    overflow: hidden;
    height: 300px;
}

    .post-grid_item_img img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        transform: translate(-50%, -50%);
    }

.post-grid_attr {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
}

    .post-grid_attr span {
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        display: block;
        padding: 4px 8px;
    }

.post-grid_attr_date {
    color: #ffffff;
    background-color: #00bcd9;
}

.post-grid_attr_category {
    color: #00bcd9;
    background-color: #004f6d;
}

.post-grid_desc {
    position: relative;
    display: block;
    padding: 20px;
    background-color: #f5f6f5;
}

    .post-grid_desc::after {
        position: absolute;
        bottom: 20px;
        left: 0;
        display: block;
        width: 100%;
        height: 30px;
        content: "";
        background: -moz-linear-gradient( top, rgba(245, 246, 245, 0) 0%, rgba(245, 246, 245, 1) 100% );
        background: -webkit-linear-gradient( top, rgba(245, 246, 245, 0) 0%, rgba(245, 246, 245, 1) 100% );
        background: linear-gradient( to bottom, rgba(245, 246, 245, 0) 0%, rgba(245, 246, 245, 1) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f6f5', endColorstr='#f5f6f5',GradientType=0 );
    }

.post-grid_desc_inner {
    display: block;
    overflow: hidden;
    height: 160px;
}

.post-grid_desc_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    display: block;
    margin: 0 0 15px;
}

.post-grid_desc_short {
    font: 13px/15px Arial, sans-serif;
    display: block;
    color: #636362;
}

.post-grid_overlay {
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    background-color: rgba(51, 51, 51, 0.7);
}

.post-grid_overlay_text {
    font: bold 13px/22px Arial, sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    padding: 0 20px;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
}

    .post-grid_overlay_text [class^="icon-"] {
        font-size: 22px;
        margin: 0 4px 0 0;
    }

.post-grid_item a:hover .post-grid_overlay {
    display: block;
}

.post-grid.post-grid__enerlight-news {
    position: relative;
    overflow: hidden;
    padding: 23px 0 0;
    background: #f7f8f8;
}

    .post-grid.post-grid__enerlight-news::before {
        position: absolute;
        top: -50px;
        left: 5%;
        display: block;
        width: 90%;
        height: 50px;
        content: "";
        border-radius: 100%;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    }

.post-grid.post-grid__industry-news {
    position: relative;
    overflow: hidden;
    padding: 23px 0 60px;
}

    .post-grid.post-grid__industry-news::before {
        position: absolute;
        top: -50px;
        left: 5%;
        display: block;
        width: 90%;
        height: 50px;
        content: "";
        border-radius: 100%;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    }

/*#endregion X Post Grid --------------------------------- */

/*#region X Post Archive --------------------------------- */

.post-archive .container {
    position: relative;
    overflow: hidden;
    padding: 30px 0;
}

    .post-archive .container::before {
        position: absolute;
        top: -80px;
        left: 5%;
        display: block;
        width: 90%;
        height: 80px;
        content: "";
        border-radius: 100%;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
    }

.post-archive h2 {
    font-size: 27px;
    font-weight: 300;
    line-height: 32px;
    margin: 0 0 12px;
    padding: 0 20px;
    text-transform: uppercase;
    color: #00bcd9;
}

.post-archive_table {
    padding: 0 10px;
    border-top: 1px solid #5996b3;
    border-bottom: 1px solid #5996b3;
}

.post-archive_table_item {
    padding: 15px 10px 25px;
    border-bottom: 1px solid #d5dad5;
}

    .post-archive_table_item:last-child {
        border-bottom: none;
    }

.post-archive_attr {
    font-size: 0;
    margin: 0 0 5px;
}

    .post-archive_attr div {
        font-size: 13px;
        line-height: 20px;
        display: inline-block;
        padding: 0 9px;
    }

    .post-archive_attr .post-archive_attr_date {
        padding: 0 9px 0 0;
        color: #004f6d;
        border-right: 1px solid #d5dad5;
    }

    .post-archive_attr .post-archive_attr_category {
        color: #00bcd9;
    }

.post-archive_desc_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    display: block;
    margin: 0 0 13px;
    text-decoration: none;
    color: #000000;
}

    .post-archive_desc_title:hover {
        color: #00bcd9;
    }

.post-archive_desc_short {
    font-size: 15px;
    line-height: 17px;
    display: block;
    color: #20201e;
}

.post-archive_nav {
    margin: 35px 0 64px;
    padding: 0 12px;
}

    .post-archive_nav ul,
    .post-archive_nav li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .post-archive_nav ul {
        font-size: 0;
        margin: 0 0 15px;
    }

    .post-archive_nav li {
        font-size: 15px;
        line-height: 19px;
        display: inline-block;
        margin: 0 0 2px;
        padding: 0 8px;
        border-right: 1px solid #004f6d;
    }

        .post-archive_nav li:last-child {
            border-right: none;
        }

        .post-archive_nav li a,
        .post-archive_nav li span {
            text-decoration: none;
            color: #004f6d;
        }

    .post-archive_nav .active a,
    .post-archive_nav .active span {
        cursor: default;
        color: #00bcd9;
    }

    .post-archive_nav li:not(.active) a:hover,
    .post-archive_nav li:not(.active) span:hover {
        text-decoration: underline;
    }

/*#endregion X Post Archive ------------------------------ */

/*#region X About ---------------------------------------- */

/*#region X.X About description */

.about_description_section {
    padding: 20px 0 40px;
    border-bottom: 1px solid #5996b3;
}

    .about_description_section:last-child {
        border-bottom: none;
    }

    .about_description_section .about_logo {
        display: block;
        width: 243px;
        margin: 0 0 35px;
    }

    .about_description_section h2 {
        font-size: 27px;
        font-weight: 400;
        line-height: 31px;
        margin: 29px 0 16px;
        text-transform: uppercase;
        color: #00bcd9;
    }

        .about_description_section h2:first-child {
            margin: 0 0 16px;
        }

    .about_description_section h4 {
        font-size: 17px;
        font-weight: 600;
        line-height: 21px;
        margin: 22px 0 12px;
    }

        .about_description_section h4:first-child {
            margin: 0 0 12px;
        }

    .about_description_section p {
        font-size: 17px;
        line-height: 21px;
        margin: 0 0 13px;
    }

    .about_description_section i {
        font-style: normal;
        color: #00bcd9;
    }

    .about_description_section .about_val_list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .about_description_section .about_val_list li {
            margin: 0 0 17px;
            padding: 0;
            list-style: none;
        }

/*#endregion X.X About description */

/*#region X.X About advantages */

.about_advantages {
    background-color: #f7f8f8;
}

    .about_advantages .container {
        position: relative;
        overflow: hidden;
        padding: 26px 0 30px;
    }

        .about_advantages .container::before {
            position: absolute;
            top: -50px;
            left: 5%;
            display: block;
            width: 90%;
            height: 50px;
            content: "";
            border-radius: 100%;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
        }

    .about_advantages h2 {
        font-size: 25px;
        font-weight: 400;
        line-height: 30px;
        margin: 22px 0 17px;
        padding: 0 20px;
        text-transform: uppercase;
        color: #004f6d;
    }

        .about_advantages h2:first-child {
            margin: 0 0 17px;
        }

.advantages-grid_item {
    padding: 27px 20px 36px;
    text-align: center;
}

    .advantages-grid_item [class^="icon-"] {
        font-size: 31px;
        line-height: 31px;
        position: relative;
        display: inline-block;
        width: 70px;
        height: 70px;
        margin: 0 0 25px;
        text-align: center;
        color: #004f6d;
        border: 2px solid #00bcd9;
        border-radius: 100%;
        background: #ffffff;
    }

        .advantages-grid_item [class^="icon-"]::before {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.advantages-grid_item_desc {
    font-size: 15px;
    line-height: 17px;
    width: 224px;
    margin: 0 auto;
    padding: 16px 0 0;
    border-top: 1px solid #00bcd9;
}

/*#endregion X.X About advantages */

/*#region X.X About contacts */

.about_contacts .container-top {
    position: relative;
    overflow: hidden;
    padding: 23px 20px 0;
}

.about_contacts .container-bottom {
    padding: 0 20px 50px;
}

.about_contacts .container::before {
    position: absolute;
    top: -50px;
    left: 5%;
    display: block;
    width: 90%;
    height: 50px;
    content: "";
    border-radius: 100%;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}

.about_contacts h2 {
    font-size: 27px;
    font-weight: 400;
    line-height: 31px;
    margin: 29px 0 16px;
    text-transform: uppercase;
    color: #00bcd9;
}

    .about_contacts h2:first-child {
        margin: 0 0 16px;
    }

.about_contacts_map {
    margin: 12px 0;
}

    .about_contacts_map iframe {
        height: 214px;
    }

.contacts_info_l,
.contacts_info_r {
    padding: 22px 0;
}

    .contacts_info_l h3 {
        font-size: 22px;
        font-weight: 600;
        line-height: 27px;
        margin: 18px 0 12px;
        text-transform: uppercase;
        color: #004f6d;
    }

        .contacts_info_l h3:first-child {
            margin: 0 0 12px;
        }

.about_contacts_info_item {
    font-size: 20px;
    line-height: 25px;
    position: relative;
    margin: 0 0 6px;
    padding: 0 0 0 30px;
    color: #004f6d;
}

.contacts_info_l .info_adress {
    font-size: 18px;
    margin: 0 0 25px;
}

.about_contacts_info_item [class^="icon-"] {
    font-size: 20px;
    line-height: 27px;
    position: absolute;
    top: 0;
    left: 0;
    color: #00bcd9;
}

.about_contacts_info_item .icon-pointer {
    font-size: 25px;
    left: -2px;
}

.contacts_info_r h3 {
    font-size: 27px;
    font-weight: 400;
    line-height: 31px;
    margin: 29px 0 16px;
    text-transform: uppercase;
    color: #00bcd9;
}

    .contacts_info_r h3:first-child {
        margin: 0 0 16px;
    }

.contacts_info_r p {
    font-size: 17px;
    line-height: 21px;
    margin: 0 0 13px;
}

.request-form .form-footer {
    margin: 50px 0 0;
    text-align: center;
}

/*#endregion X.X About contacts */

/*#endregion X About ------------------------------------- */

/*#region X Post ----------------------------------------- */

.post-content_title-img {
    max-width: 1280px;
    margin: 0 auto 28px;
}

    .post-content_title-img img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

.post_attr {
    position: relative;
    top: -20px;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .post_attr span {
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        display: block;
        padding: 4px 8px;
    }

.post_attr_date {
    color: #ffffff;
    background-color: #00bcd9;
}

.post_attr_category {
    color: #00bcd9;
    background-color: #004f6d;
}

.post-content_main {
    margin: 0 auto 48px;
}

    .post-content_main p {
        font-size: 15px;
        line-height: 19px;
        margin: 0 0 25px;
    }

    .post-content_main [class^="post-content_"] .post-content_figcaption {
        font-size: 15px;
        font-style: italic;
        line-height: 17px;
        margin: 20px 0 30px;
        padding: 0 20px;
    }

.post-content_img {
    margin: 0 -20px 28px;
}

    .post-content_img img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

.post-content_video {
    max-width: 780px;
    margin: 35px -20px 28px;
}

.videoWrapper {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%; /* 16:9 */
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.post_nav {
    font-size: 13px;
    line-height: 14px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto 45px;
    padding: 0 10px;
}

    .post_nav .post_nav_item {
        position: relative;
        position: relative;
        display: block;
        overflow: hidden;
        width: 50%;
        height: 70px;
        padding-top: 18px;
        border-top: 1px solid #5996b3;
    }

        .post_nav .post_nav_item::after {
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 15px;
            content: "";
            background: -moz-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
            background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
            background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        }

        .post_nav .post_nav_item a {
            text-decoration: none;
            color: #004f6d;
        }

        .post_nav .post_nav_item.disabled a {
            display: none;
        }

        .post_nav .post_nav_item.disabled [class^="icon"] {
            color: #99b8c5;
        }

        .post_nav .post_nav_item a:hover {
            text-decoration: underline;
            color: #00bcd9;
            text-decoration-style: dotted;
        }

        .post_nav .post_nav_item:nth-child(even) {
            padding: 18px 20px 0 10px;
            text-align: right;
        }

        .post_nav .post_nav_item:nth-child(odd) {
            padding: 18px 10px 0 20px;
            text-align: left;
        }

        .post_nav .post_nav_item [class^="icon"] {
            font-size: 14px;
            line-height: 14px;
            position: absolute;
            height: 14px;
        }

        .post_nav .post_nav_item:nth-child(odd) [class^="icon"] {
            left: 0;
        }

        .post_nav .post_nav_item:nth-child(even) [class^="icon"] {
            right: 0;
        }

/*#endregion X Post -------------------------------------- */

/*#region X Index ---------------------------------------- */

/*#region X.X Slider */

/* .main-slider_item{
    padding: 90px 0 0;
} */

.main-slider_item_wrapper {
    overflow: hidden;
}

.green-light_slide {
    color: #ffffff;
    background: #004f6d url(/https/enerlight.ua/img/main-bg-default.jpg) center no-repeat;
    background-size: cover;
}

    .green-light_slide .main-slider_item_inner {
        position: relative;
        display: flex;
        overflow: hidden;
        align-items: stretch;
        flex-wrap: nowrap;
        justify-content: flex-start;
        min-height: 210px;
        max-height: 270px;
    }

.green-light_slide_text {
    width: 60%;
    margin: auto 0;
    padding: 20px 0 20px 20px;
}

.green-light_slide_title {
    font-size: 25px;
    font-weight: 500;
    line-height: 27px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.green-light_slide_text p {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 13px;
}

.green-light_slide_text i {
    font-style: normal;
    color: #00bcd9;
}

.green-light_slide_text p:last-child {
    margin: 0;
}

.green-light_slide_text_full {
    display: none;
}

.green-light_slide_img {
    position: relative;
    width: 40%;
    padding: 32.8125% 0;
}

.green-light_slide_img_inner {
    position: absolute;
    top: 0;
    left: -12%;
    width: 132%;
    height: 100%;
    background: url(/https/enerlight.ua/img/slider-img/1/lamp1.png) left top no-repeat;
    background-size: 100%;
}

.main-slider-dir__left,
.main-slider-dir__right {
    display: none;
}

.main-slider .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

    .main-slider .slick-dots li {
        max-width: 24px;
    }

/*#endregion X.X Slider */

/*#region X.X.X Slider alt */

.main-slider_item_inner {
    width: 100%;
    height: 300px;
    padding: 100px 20px 0;
}

/*#endregion X.X.X Slider alt */

/*#region X.X.X sigma */

.sigma_slide {
    background: url(/https/enerlight.ua/img/slider-img/sigma/bg-xs.jpg) center / cover no-repeat;
    color: #021f42;
}

    .sigma_slide .main-slider_item_inner {
        max-width: 360px;
    }

.sigma_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 33px 0 0;
}

.sigma_desc-sub {
    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    color: #021f42;
}

.sigma_desc {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: #006caa;
    margin: 0 0 11px;
    text-transform: uppercase;
}

.sigma_image {
    position: absolute;
    top: 164px;
    right: -24px;
}

.sigma_image-item {
    display: block;
    width: 234px;
}

.sigma_series {
    position: absolute;
    left: 29.9%;
    bottom: 0;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
    color: #ffffff;
}

.sigma_series-pre {
    font-size: 11px;
}

.sigma_list {
    margin: 0 50% 0 0;
    padding: 0;
    list-style: none;
}

.sigma_list-item {
    font-size: 19px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 22px;
    position: relative;
    color: #021f42;
}

.sigma_list-item--red {
    color: #dd0f00;
}

.sigma_list-item::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 1.2em;
    top: 0;
    left: 0;
    background: url("/https/enerlight.ua/img/slider-img/sigma/marker.png") center / contain no-repeat;
}

/*#endregion X.X.X sigma */

/*#region X.X.X viva */

.viva_slide {
    background: url(/https/enerlight.ua/img/slider-img/viva/bg-sm.jpg) center / cover no-repeat;
    color: #fff;
}

    .viva_slide .main-slider_item_inner {
        max-width: 320px;
    }

.viva_image {
    position: absolute;
    top: 118px;
    right: -40px;
}

.viva_image-item {
    display: block;
    width: 141px;
}

.viva_series {
    position: absolute;
    right: 100%;
    bottom: 9px;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

.viva_series-pre {
    font-size: 9px;
}

.viva_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 22px;
}

.viva_desc {
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 11px 0;
    color: #16ec82;
}

.viva_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.viva_list-item {
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 14px;
    position: relative;
}

    .viva_list-item::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 1.2em;
        top: 0;
        left: 0;
        background: url("/https/enerlight.ua/img/slider-img/viva/marker.png") center / contain no-repeat;
    }

/*#endregion X.X.X viva */

/*#region X.X.X terra */

.terra_slide {
    background: url(/https/enerlight.ua/img/slider-img/terra/bg-sm.jpg) center / cover no-repeat;
    color: #fff;
}

.terra_image {
    position: absolute;
    top: 68px;
    right: -82px;
}

.terra_image-item {
    display: block;
    width: 222px;
}

.terra_series {
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 0 30px;
}

.terra_series-pre {
    font-size: 11px;
}

.terra_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 26px;
}

.terra_desc {
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 33px 0;
}

.terra_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.terra_list-item {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 18px;
    position: relative;
}

.terra_list-item--grey {
    color: #9d9fa3;
}

.terra_list-item::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1.2em;
    top: 0;
    left: 0;
    background: url("/https/enerlight.ua/img/slider-img/terra/marker.png") center / contain no-repeat;
}

/*#endregion X.X.X terra */

/*#region X.X.X Change */

.taurus_slide {
    background: url(/https/enerlight.ua/img/slider-img/taurus/bg_sm.jpg) center / cover no-repeat;
    color: #fff;
}

    .taurus_slide .main-slider_item_inner {
        max-width: 350px;
        margin: 0 auto;
    }

.taurus_image {
    position: absolute;
    width: 112px;
    left: calc(50% + 30px);
    top: 97px;
    z-index: 4;
}

    .taurus_image img {
        display: block;
        width: 100%;
    }

.taurus_tagline {
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 19px 0 24px 0;
    position: relative;
    z-index: 5;
}

    .taurus_tagline span {
        color: #95b9f7;
        display: block;
        font-size: 28px;
        line-height: 33px;
    }

.taurus_series {
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
    text-align: right;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
}

    .taurus_series span {
        font-size: 11px;
    }

/*#endregion X.X.X Change */

/*#region X.X.X linear 2 */

.main-slider_item.linear2_slide {
    background: url(/https/enerlight.ua/img/slider-img/linear2/bg_md.jpg) center / cover no-repeat;
    color: #fff;
}

.linear2_slide .main-slider_item_inner {
    max-width: 320px;
}

.linear2_desc {
    position: absolute;
    right: 12px;
    top: 106px;
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
}

.linear2_image {
    position: absolute;
    top: 94px;
    right: -83px;
}

    .linear2_image img {
        width: 239px;
    }

.linear2_tagline {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    margin: 44px 0 19px 10px;
    width: 240px;
    min-height: 102px;
}

    .linear2_tagline span {
        display: block;
        color: #82bc00;
    }

.linear2_series {
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
}

    .linear2_series span {
        font-size: 11px;
    }

/*#endregion X.X.X linear 2 */

/*#region X.X.X pixel eco */

.main-slider_item.pixel-eco_slide {
    background: url(/https/enerlight.ua/img/slider-img/pixel_eco/bg_md.jpg) center / cover no-repeat;
    color: #fff;
}

.main-slider_item_inner {
    position: relative;
}

.pixel-eco_tagline {
    font-size: 24px;
    line-height: 29px;
    font-width: 600;
    text-transform: uppercase;
    margin: 53px 0 0;
}

    .pixel-eco_tagline span {
        display: block;
        color: #82bc00;
    }

.pixel-eco_series {
    text-align: right;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
}

    .pixel-eco_series span {
        font-size: 11px;
    }

.pixel-eco_img {
    position: absolute;
    top: 22px;
    left: calc(50% - 42px);
    width: 249px;
}

    .pixel-eco_img img {
        display: block;
        width: 100%;
    }

/*#endregion X.X.X pixel eco */

/*#region X.X.X varta 01 */

.varta01_slide_title {
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    float: right;
    width: 280px;
    margin: 20px 0 0;
    letter-spacing: 0.03947em;
    text-transform: uppercase;
    color: #ffffff;
}

.main-slider_item.varta01_slide {
    background: url(/https/enerlight.ua/img/slider-img/varta01/varta_s.png) calc(100% + 87px) 194px no-repeat, url(/https/enerlight.ua/img/slider-img/varta01/bg_s.jpg) calc(100% + 249px) top no-repeat;
    background-size: auto 50px, auto 100%;
}
/*#endregion X.X.X varta 01 */

/*#region X.X.X qwarta */

.quarta_slide {
    background: url(/https/enerlight.ua/img/slider-img/quarta01/photo1.jpg) calc(50% - 130px) 48px no-repeat, url(/https/enerlight.ua/img/slider-img/quarta01/photo2.jpg) calc(50% + 138px) 67px no-repeat, #1c3755;
    background-size: auto 252px, auto 260px, auto;
}

    .quarta_slide .main-slider_item_inner {
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-bottom: 13px;
        color: #ffffff;
    }

.quarta_slide_img {
    display: block;
    width: 100px;
}

.quarta_slide_title {
    font-size: 19px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-align: center;
    text-transform: uppercase;
}

    .quarta_slide_title span {
        display: block;
        color: #92afd1;
    }

.quarta_slide_subtitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.quarta_slide_subtitle_item {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
    margin: 0 0 7px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #fc7f32;
}

    .quarta_slide_subtitle_item:first-child {
        text-align: left;
    }

    .quarta_slide_subtitle_item:last-child {
        text-align: right;
    }

/*#endregion X.X.X qwarta */

/*#region X.X.X linear */

.linear_slide {
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    background: url(/https/enerlight.ua/img/slider-img/linear/lamps_s.png) calc(100% - 14px) calc(100% + 12px) no-repeat, url(/https/enerlight.ua/img/slider-img/linear/background_s.jpg) center no-repeat;
    background-size: auto 125px, auto 100%;
}

.linear_slide_subtitle {
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 19px;
    text-align: right;
}

.linear_slide_title {
    font-size: 22px;
    line-height: 26px;
    width: 75%;
    padding: 0 0 0 3.571%;
}

    .linear_slide_title span {
        display: block;
        color: #82c100;
    }

/*#endregion X.X.X linear */

/*#region X.X.X stella*/

.stella_slide {
    position: relative;
    color: #ffffff;
    background: url(/https/enerlight.ua/img/slider-img/stella/bg_xsmall.jpg) center;
    background-size: auto 100%;
}

    .stella_slide .main-slider_item_inner {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
    }

.stella_slide_left {
    margin: 56px 0 0 0;
}

    .stella_slide_left b {
        font-size: 16px;
        font-weight: 800;
        line-height: 16px;
        display: inline-block;
        margin: 0 0 15px;
        padding: 3px 7px 2px;
        text-transform: uppercase;
        border: 1px solid #ffffff;
    }

.stella_slide_left_img {
    display: block;
    width: auto;
    height: 35px;
    margin: 0 0 8px;
}

.stella_slide_left_perm {
    display: flex;
}

    .stella_slide_left_perm img {
        display: block;
        flex-shrink: 0;
        width: 37px;
        height: auto;
        margin: 7px 0 0;
    }

    .stella_slide_left_perm span {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        margin: 0 9px 0 0;
        text-transform: uppercase;
    }

.stella_slide_right {
    position: absolute;
    right: 10px;
    bottom: 24px;
}

.stella_slide_right_img {
    display: block;
    width: 122px;
    height: auto;
}

.stella_slide_right span {
    position: absolute;
}

.stella_slide_right_chars {
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    top: -49px;
    right: 4px;
    width: 90px;
    text-align: right;
}

.stella_slide_right_name {
    font-size: 12px;
    line-height: 14px;
    top: -44px;
    right: calc(100% - 5px);
    width: 180px;
    text-align: right;
}

/*#endregion X.X.X stella*/

/*#region X.X.X lyra*/

.lyra_slide {
    color: #fff;
    background: url(/https/enerlight.ua/img/slider-img/lyra/bg_xs.jpg) no-repeat center/cover;
}

.main-slider_item_inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
}

.lyra_tagline {
    margin: 11px 0 49px 7.142%;
}

.lyra_tagline-pre {
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 5px;
}

    .lyra_tagline-pre span {
        display: block;
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
    }

.lyra_tagline-main {
    font-size: 25px;
    line-height: 30px;
    color: #82bc00;
    text-transform: uppercase;
}

.lyra_img {
    position: absolute;
    width: 251px;
    left: calc(50% - 91px);
    bottom: 0;
}

    .lyra_img img {
        display: block;
        width: 100%;
    }

.lyra_series {
    text-align: right;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    margin: 0 1.0714% 0 0;
}

/*#endregion X.X.X lyra*/

/*#region X.X.X fortuna*/

.fortuna_slide {
    position: relative;
    background: rgb(32, 41, 56);
    background: linear-gradient( 90deg, rgba(32, 41, 56, 1) 25%, rgba(125, 168, 0, 1) 75% );
}

    .fortuna_slide .main-slider_item_wrapper {
        background: url(/https/enerlight.ua/img/slider-img/fortuna/bg_sm.jpg) no-repeat center/cover;
        max-width: 1920px;
        margin: 0 auto;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        position: relative;
        overflow: hidden;
    }

    .fortuna_slide .main-slider_item_inner {
        max-width: 1280px;
        margin: 0 auto;
        position: static;
    }

.fortuna_tagline {
    text-transform: uppercase;
    font-size: 23px;
    line-height: 28px;
    margin: 34px 0 15px 0;
    position: relative;
    z-index: 10;
}

    .fortuna_tagline span {
        display: block;
        color: #82bc00;
    }

.fortuna_img {
    position: absolute;
    left: calc(50% - 11px);
    top: -20px;
    width: 278px;
}

    .fortuna_img img {
        display: block;
        width: 100%;
    }

.fortuna_series {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 23px;
}

    .fortuna_series span {
        font-size: 11px;
    }

/*#endregion X.X.X fortuna*/

/*#region X.X.X reliable*/

.reliable_slide {
    position: relative;
    color: #ffffff;
    background: url(/https/enerlight.ua/img/slider-img/reliable/toys_s.png) left bottom no-repeat, url(/https/enerlight.ua/img/slider-img/reliable/hand_s_2.png) calc(100% + 51px) calc(100% - 16px) no-repeat, url(/https/enerlight.ua/img/slider-img/reliable/bg_s.jpg) center no-repeat;
    background-size: 195px auto, auto 150px, cover;
}

    .reliable_slide .main-slider_item_inner {
        max-width: 1280px;
        margin: 0 auto;
    }

.reliable_slide_title {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin: 18px 0 0;
    text-transform: uppercase;
}

    .reliable_slide_title span {
        display: block;
        color: #fdd349;
    }

/*#endregion X.X.X reliable*/

/*#region X.X.X renewable*/

.renewable_slide {
    color: #ffffff;
    background: url(/https/enerlight.ua/img/slider-img/renewable/bg_xs.jpg) center no-repeat;
    background-size: cover;
}

    .renewable_slide .main-slider_item_inner {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
    }

.renewable_slide_title {
    font-size: 26px;
    font-weight: 500;
    line-height: 31px;
    width: 260px;
    margin: 0 0 28px 9px;
    text-transform: uppercase;
}

    .renewable_slide_title span {
        color: #8cea7f;
    }

.renewable_slide_logo {
    margin: 0 0 0 9px;
}

    .renewable_slide_logo img {
        display: block;
        margin: 0 0 18px;
    }

.renewable_slide_logo_ener {
    width: 93px;
    height: auto;
}

.renewable_slide_logo_varta {
    width: 63px;
    height: auto;
}

.renewable_slide_accuImg {
    position: absolute;
    right: 21px;
    bottom: 12px;
    display: block;
    width: 44px;
    height: auto;
}

/*#endregion X.X.X renewable*/

/*#region X.X.X g45 */

.g45_slide {
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    background: url(/https/enerlight.ua/img/slider-img/g45/bg_s.jpg) center no-repeat;
    background-size: auto 100%;
}

    .g45_slide .main-slider_item_inner {
        position: relative;
        background: url(/https/enerlight.ua/img/slider-img/g45/lamp_xs.png) calc(100% - 46px) top no-repeat;
        background-size: auto 296px;
    }

.g45_slide_desc {
    position: absolute;
    top: 110px;
    left: 50%;
    display: block;
    width: 100%;
    transform: translateX(-50%);
}

.g45_slide_desc_item {
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    width: 65px;
    text-transform: none;
    color: #a1b8d0;
}

    .g45_slide_desc_item.item_g45 {
        right: 196px;
    }

    .g45_slide_desc_item.item_p45 {
        right: 83px;
    }

    .g45_slide_desc_item.item_c37 {
        right: 0;
    }

.g45_power {
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 5px;
    color: #d4af84;
}

.g45_slide_desc_item b {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: block;
    margin: 0 0 3px;
    text-transform: uppercase;
    color: #d4af84;
}

.g45_slide_desc_item span {
    text-transform: uppercase;
}

.g45_slide_info {
    margin: 106px auto 0;
    padding: 0 100px 0 0;
}

.g45_slide_info_label {
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    display: inline-block;
    padding: 0 5px;
    color: #d4af84;
    border: 1px solid #d4af84;
}

.g45_slide_info_title {
    font-size: 13px;
    line-height: 16px;
}

    .g45_slide_info_title span {
        font-size: 20px;
        line-height: 25px;
        display: block;
        color: #a1b8d0;
    }

/*#endregion X.X.X g45 */

/*#region X.X.X cr2032 */

.cr2032_slide {
    background: url(/https/enerlight.ua/img/slider-img/cr2032/cr_2032_s.png) calc(100% + 29px) calc(0% + 35px) no-repeat, url(/https/enerlight.ua/img/slider-img/cr2032/bg_s.jpg) 50% 42% no-repeat;
    background-size: auto 327px, auto 121%;
}

.cr2032_slide_title {
    font-size: 19px;
    font-weight: 700;
    line-height: 21px;
    margin: 39px 131px 0 0;
    text-transform: uppercase;
    color: #ffffff;
}

    .cr2032_slide_title span {
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        display: block;
        margin: 7px 0 0;
        text-transform: none;
        color: #b7d2e7;
    }

/*#endregion X.X.X cr2032 */

/*#region X.X.X Mistral */

.mangust_slide {
    overflow: hidden;
    color: #ffffff;
    background: url(/https/enerlight.ua/img/slider-img/mangust/bg_s.jpg) center no-repeat;
    background-size: cover;
}

    .mangust_slide .main-slider_item_inner {
        position: relative;
    }

.mangust_slide_projector {
    position: absolute;
    z-index: 0;
    z-index: 1;
    top: 100px;
    left: 50%;
    width: 365px;
    height: 173px;
    margin: 0 0 0 -126px;
    background: url(/https/enerlight.ua/img/slider-img/mangust/mangust_s.png) left top no-repeat;
    background-size: cover;
}

.mangust_slide_projector_text {
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    top: 2px;
    left: 138px;
    display: block;
    width: 75px;
}

.mangust_slide_lighter {
    position: absolute;
    position: absolute;
    z-index: 2;
    right: 11px;
    bottom: 0;
    display: block;
    width: 520px;
    height: 146px;
    background: url(/https/enerlight.ua/img/slider-img/mangust/mistral_s.png) left top no-repeat;
    background-size: cover;
}

.mangust_slide_lighter_text {
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    top: -3px;
    right: 45px;
    width: 70px;
    text-align: right;
}

.mangust_slide_title {
    position: relative;
    z-index: 3;
    margin: 86px 0 0 0;
}

    .mangust_slide_title b {
        font-size: 18px;
        font-weight: 800;
        line-height: 22px;
        display: inline-block;
        height: 26px;
        margin: 0 0 4px;
        padding: 0 7px;
        text-transform: uppercase;
        color: #d4af84;
        border: 1px solid #d4af84;
    }

    .mangust_slide_title span {
        font-size: 18px;
        font-weight: 500;
        line-height: 21px;
        display: block;
        width: 69.64%;
        text-transform: uppercase;
    }

/*#endregion X.X.X Mistral */

/*#region X.X.X mostar */

.mostar_slide {
    background: url(/https/enerlight.ua/img/slider-img/mostar/bg-xs.jpg) 0 42px no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

    .mostar_slide .main-slider_item_inner {
        max-width: 360px;
    }

.mostar_text {
    margin: 51px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 5;
}

.mostar_label {
    font-size: 8px;
    line-height: 15px;
    padding: 0 6px;
    background-color: #c60000;
    margin: 0 0 14px;
}

.mostar_desc {
    font-size: 8px;
    line-height: 10px;
    margin: 0 0 7px;
}

.mostar_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mostar_list-item {
    padding: 0 0 0 14px;
    position: relative;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
}

    .mostar_list-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 6px;
        height: 6px;
        background: url("/https/enerlight.ua/img/slider-img/mostar/list-pointer.svg") center / contain no-repeat;
    }

.mostar_image {
    position: absolute;
    top: 139px;
    left: 50%;
    transform: translateX(40px);
}

.mostar_image-item {
    display: block;
    width: 116px;
}

.mostar_series {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
}

.mostar_series-pre {
    font-size: 8px;
    font-weight: 500;
}

/*#endregion X.X.X mostar */

/*#region X.X.X rondo */

.rondo_slide {
    background: url(/https/enerlight.ua/img/slider-img/rondo-nika/bg-xs.jpg) 0 42px no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

    .rondo_slide .main-slider_item_inner {
        max-width: 326px;
    }

.rondo_text {
    margin: 44px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 5;
}

.rondo_label {
    font-size: 8px;
    line-height: 15px;
    padding: 0 6px;
    background-color: #0043c6;
    margin: 0 0 14px;
}

.rondo_desc {
    font-size: 8px;
    line-height: 10px;
    margin: 0 0 9px;
}

.rondo_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rondo_list-item {
    padding: 0 0 0 14px;
    position: relative;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
}

    .rondo_list-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 6px;
        height: 6px;
        background: url("/https/enerlight.ua/img/slider-img/rondo-nika/list-pointer.svg") center / contain no-repeat;
    }

.rondo_image {
    position: absolute;
    top: 142px;
    left: 50%;
    transform: translateX(26px);
}

.rondo_image-item {
    display: block;
    width: 144px;
}

.rondo_series {
    position: absolute;
    left: 59px;
    top: 103px;
    font-size: 10px;
    line-height: 12px;
}

.rondo_series-pre {
    font-size: 8px;
    font-weight: 500;
}

/*#endregion X.X.X rondo */

/*#region X.X.X alkaline ag */

.alkaline-ag {
    background: #c03f2f url(/https/enerlight.ua/img/slider-img/alkaline-ag/bg-xs.jpg) left bottom / cover no-repeat;
    color: #fff;
}

    .alkaline-ag .main-slider_item_inner {
        padding-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.alkaline-ag_image-item {
    width: 36%;
    max-width: 149px;
}

.alkaline-ag_text {
    flex: 1 1 auto;
    max-width: 190px;
    position: relative;
}

.alkaline-ag_label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    line-height: 1;
    padding: 4px 6px;
    font-weight: 900;
    text-transform: uppercase;
    background: #ff0000;
    color: #fff;
    border-radius: 2px;
    transform: translate(-90%, -75%) rotate(-4deg);
}

.alkaline-ag_desc-inner {
    margin: 0 0 15px;
}

.alkaline-ag_title {
    margin: 0 0 9px;
}

.alkaline-ag_title-pre {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 4px;
}

.alkaline-ag_title b {
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.alkaline-ag_text-primary {
    font-size: 12px;
    line-height: 1;
}

.alkaline-ag_text-secondary {
    display: none;
}

.alkaline-ag_set {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 190px;
}

.alkaline-ag_set-labels {
    display: flex;
    justify-content: space-around;
    font-size: 7px;
    line-height: 1;
    text-transform: uppercase;
}

    .alkaline-ag_set-labels span {
        width: 22px;
        text-align: center;
    }

.alkaline-ag_table-image-item {
    display: block;
    width: 100%;
}

/*#endregion X.X.X alkaline ag */

/*#region X.X.X lyra2 */

.lyra2_slide {
    background: url(/https/enerlight.ua/img/slider-img/lyra2/bg-xs.jpg) center bottom / cover no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}

    .lyra2_slide::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgb(0, 0, 0);
        background: linear-gradient( -90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100% );
    }

    .lyra2_slide .main-slider_item_inner {
        max-width: 316px;
    }

.lyra2_text {
    margin: 32px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 5;
}

.lyra2_label {
    font-size: 8px;
    line-height: 15px;
    padding: 0 6px;
    background-color: #c60000;
    margin: 0 0 14px;
    color: #fff;
}

.lyra2_desc {
    font-size: 8px;
    line-height: 10px;
    margin: 0 0 11px;
    max-width: 184px;
}

.lyra2_list {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    max-width: 169px;
}

.lyra2_list-item {
    padding: 0 0 0 14px;
    position: relative;
    font-size: 10px;
    line-height: 12px;
    margin: 0;
}

    .lyra2_list-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        width: 6px;
        height: 6px;
        background: url("/https/enerlight.ua/img/slider-img/lyra2/list-pointer.svg") center / contain no-repeat;
    }

.lyra2_list-img {
    display: block;
    width: 118px;
}

.lyra2_image {
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-9px);
    z-index: 2;
}

.lyra2_image-item {
    display: block;
    width: 151px;
}

.lyra2_series {
    position: absolute;
    right: 5px;
    top: 95px;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    z-index: 2;
    white-space: nowrap;
}

.lyra2_series-pre {
    font-size: 8px;
    font-weight: 500;
}

/*#endregion X.X.X lyra2 */

/*#region X.X.X gelios */

.gelios_slide {
    background: url(/https/enerlight.ua/img/slider-img/gelios/bg-xs.jpg) 0 42px no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

    .gelios_slide .main-slider_item_inner {
        max-width: 316px;
    }

.gelios_text {
    margin: 44px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 5;
}

.gelios_label {
    font-size: 8px;
    line-height: 15px;
    padding: 0 6px;
    background-color: #d2a201;
    margin: 0 0 14px;
    color: #000;
}

.gelios_desc {
    font-size: 8px;
    line-height: 10px;
    margin: 0 0 9px;
}

.gelios_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gelios_list-item {
    padding: 0 0 0 14px;
    position: relative;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
}

    .gelios_list-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 6px;
        height: 6px;
        background: url("/https/enerlight.ua/img/slider-img/gelios/list-pointer.svg") center / contain no-repeat;
    }

.gelios_image {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-19px);
}

.gelios_image-item {
    display: block;
    width: 221px;
}

.gelios_series {
    position: absolute;
    left: 99px;
    bottom: 89px;
    font-size: 10px;
    line-height: 12px;
    color: #000;
}

.gelios_series-pre {
    font-size: 8px;
    font-weight: 500;
}

/*#endregion X.X.X gelios */

/*#region X.X sirius */

.sirius_slide {
    background: url("/https/enerlight.ua/img/slider-img/sirius/bg_sm.jpg") center / cover;
    color: white;
    position: relative;
}

    .sirius_slide::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0);
        background: linear-gradient( 90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100% );
    }

    .sirius_slide .main-slider_item_inner {
        max-width: 400px;
        position: relative;
        z-index: 5;
    }

.sirius_image {
    position: absolute;
    bottom: 46px;
    right: 35px;
    width: 110px;
}

.sirius_text {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 200px;
    margin: 25px 0 0 13px;
    position: relative;
    z-index: 15;
}

.sirius_label {
    font-size: 10px;
    line-height: 1.3;
    padding: 0 6px;
    background-color: #dc0502;
    margin: 0 0 12px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
}

.sirius_desc {
    font-size: 11px;
    line-height: 1.2;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.sirius_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.sirius_list-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sirius_list-text {
    font-size: 8px;
    line-height: 1.125;
    text-transform: uppercase;
    font-weight: 500;
}

.sirius_list-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background: #fff;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.sirius_list-icon {
    width: 13px;
}

/*#endregion X.X sirius */

/*#region X.X galaxy */

.galaxy_slide {
    background: url("/https/enerlight.ua/img/slider-img/galaxy/bg_sm.jpg") center / cover;
    color: white;
    position: relative;
}

    .galaxy_slide .main-slider_item_inner {
        max-width: 400px;
        padding-left: 30px;
        padding-right: 30px;
        position: relative;
    }

.galaxy_image-item {
    position: absolute;
    top: 125px;
    right: -175px;
    width: 380px;
}

.galaxy_text {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: relative;
    /* gap: 6px; */
    z-index: 15;
    margin: 40px 0 0;
    max-width: 300px;
}

.galaxy_label {
    font-size: 10px;
    line-height: 1;
    padding: 4px 5px;
    background-color: #ff0000;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-13px, -100%) rotate(-5.43deg);
    border-radius: 3px;
}

.galaxy_pre-desc,
.galaxy_title,
.galaxy_post-desc {
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

.galaxy_pre-desc {
    font-size: 12px;
}

.galaxy_title {
    font-size: 36px;
}

.galaxy_post-desc {
    font-size: 10px;
    text-transform: none;
}

.galaxy_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    align-self: stretch;
}

.galaxy_list-item {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 33%;
}

.galaxy_list-icon-wrapper {
    flex: 0 0 22px;
}

.galaxy_list-icon {
    display: block;
    width: 100%;
}

.galaxy_list-text {
    flex: 0 1 auto;
    font-size: 8px;
    line-height: 1.1;
    font-weight: 600;
}

/*#endregion X.X galaxy */

/*#region X.X accent */

.accent_slide {
    background: url("/https/enerlight.ua/img/slider-img/accent/bg_sm.jpg") center / cover;
    color: white;
    position: relative;
}

    .accent_slide::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0);
        background: linear-gradient( 90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100% );
    }

    .accent_slide .main-slider_item_inner {
        max-width: 400px;
        position: relative;
        z-index: 5;
    }

.accent_image {
    position: absolute;
    bottom: 44px;
    right: 35px;
    width: 70px;
}

.accent_text {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 200px;
    margin: 25px 0 0 13px;
    position: relative;
    z-index: 15;
}

.accent_label {
    font-size: 10px;
    line-height: 1.3;
    padding: 0 6px;
    background-color: #dc0502;
    margin: 0 0 12px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
}

.accent_desc {
    font-size: 11px;
    line-height: 1.2;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.accent_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.accent_list-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.accent_list-text {
    font-size: 8px;
    line-height: 1.125;
    text-transform: uppercase;
    font-weight: 500;
}

.accent_list-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background: #fff;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.accent_list-icon {
    width: 13px;
}

/*#endregion X.X accent */

/*#region X.X mangust 2 */
.mangust2_slide {
    background: url("/https/enerlight.ua/img/slider-img/mangust2/bg_sm.jpg") center / cover;
    color: white;
}

    .mangust2_slide .main-slider_item_inner {
        max-width: 400px;
    }

.mangust2_image {
    position: absolute;
    bottom: -14px;
    right: -52px;
    width: 200px;
}

.mangust2_text {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 200px;
    margin: 32px 0 0;
    position: relative;
    z-index: 15;
}

.mangust2_label {
    font-size: 8px;
    line-height: 15px;
    padding: 0 6px;
    background-color: #004968;
    margin: 0 0 12px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
}

.mangust2_desc {
    font-size: 15px;
    line-height: 19px;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.mangust2_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 3px 6px;
}

.mangust2_list-item:nth-child(2) {
    grid-column: 2 / -1;
}

.mangust2_list-item {
    display: flex;
    align-items: center;
    gap: 3px;
}

.mangust2_list-text {
    font-size: 4px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 500;
}

.mangust2_list-icon {
    width: 9px;
}

/*#endregion X.X mangust 2 */

/*#region X.X vega-sonata */

.vega-sonata_slide {
    background: url(/https/enerlight.ua/img/slider-img/vega-sonata/bg_sm.jpg) center top / auto 105% no-repeat;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
}

    .vega-sonata_slide .main-slider_item_inner {
        max-width: 500px;
        margin: 0 auto;
    }

    .vega-sonata_slide::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0);
        background: linear-gradient( 90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100% );
        z-index: 1;
    }

.vega-sonata_text {
    margin: 38px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 5;
    max-width: 220px;
    text-align: center;
}

.vega-sonata_label {
    font-size: 8px;
    line-height: 15px;
    padding: 0 6px;
    background-color: #c60000;
    margin: 0 0 10px;
    color: white;
}

.vega-sonata_desc {
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 7px;
}

.vega-sonata_sub-desc {
    font-size: 8px;
    line-height: 9px;
    margin: 0 0 14px;
}

.vega-sonata_features {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 14px;
    font-weight: 400;
}

.vega-sonata_feature {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vega-sonata_feature-img-list {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin: 0 0 auto;
}

.vega-sonata_feature-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.vega-sonata_feature-img-item {
    object-fit: contain;
    width: 8px;
}

.vega-sonata_img-brightness {
    width: 12px;
}

.vega-sonata_img-battery {
    width: 12px;
}

.vega-sonata_feature-img-text {
    font-size: 3px;
    line-height: 4px;
    font-weight: 300;
}

.vega-sonata_feature-desc {
    font-size: 4px;
    line-height: 5px;
}

.vega-sonata_image {
    position: absolute;
    top: 155px;
    z-index: 5;
}

.vega-sonata_image-left {
    left: -10px;
}

.vega-sonata_image-right {
    right: -10px;
}

.vega-sonata_image-item {
    width: 112px;
}

.vega-sonata_series {
    font-size: 7px;
    line-height: 10px;
    position: absolute;
    z-index: 10;
    top: 62px;
}

.vega-sonata_series-pre {
    font-size: 4px;
}

.vega-sonata_image-left .vega-sonata_series {
    right: 16px;
}

.vega-sonata_image-right .vega-sonata_series {
    left: 16px;
}

/*#endregion X.X vega-sonata */

/*#region X.X ioniq */

.ioniq_slide {
    background: url(/https/enerlight.ua/img/slider-img/ioniq/bg_sm.jpg) center bottom / cover no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}

    .ioniq_slide::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0);
        background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100% );
        z-index: 1;
    }

.ioniq_label {
    font-size: 8px;
    line-height: 15px;
    padding: 0 6px;
    background-color: white;
    margin: 0 0 21px;
    color: #c60000;
}

.ioniq_text {
    margin: 33px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 5;
    max-width: 239px;
}

.ioniq_desc {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 17px;
}

.ioniq_list {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    max-width: 210px;
}

.ioniq_list-item {
    padding: 0 0 0 14px;
    position: relative;
    font-size: 7px;
    line-height: 9px;
    margin: 0;
}

    .ioniq_list-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        width: 6px;
        height: 6px;
        background: url(/https/enerlight.ua/img/slider-img/ioniq/list-pointer.svg) center / contain no-repeat;
    }

.ioniq_image {
    position: absolute;
    right: 6.25%;
    top: 90px;
    width: 40%;
    max-width: 166px;
    z-index: 5;
}

/*#endregion X.X ioniq */

/*#region X.X Catalog tiles */

.catalog-tabs {
    padding: 30px 0;
}

    .catalog-tabs .container {
        padding: 0;
    }

    .catalog-tabs h2 {
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;
        margin: 22px 0 16px;
        padding: 0 20px;
        text-transform: uppercase;
        color: #00bcd9;
    }

        .catalog-tabs h2:first-child {
            margin: 0 0 16px;
        }

.catalog-tabs_list {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: inset 0 -2px 0 #d7ddd9;
}

.catalog-tabs_list_item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 33.333%;
    margin: 0;
    padding: 0;
    padding: 0 5px;
    list-style: none;
    text-align: center;
}

    .catalog-tabs_list_item a {
        font-weight: 500;
        display: block;
        text-decoration: none;
        color: #004f6d;
    }

    .catalog-tabs_list_item:hover {
        box-shadow: inset 0 -4px 0 #00bcd9;
    }

        .catalog-tabs_list_item:hover a {
            color: #00bcd9;
        }

.catalog-tabs_item_image {
    display: block;
}

    .catalog-tabs_item_image img {
        display: block;
        width: 100%;
        max-width: 120px;
        margin: 0 auto;
    }

.catalog-tabs_item_desc {
    font-size: 12px;
    line-height: 13px;
    display: block;
    min-height: 70px;
    padding: 20px 0 11px;
    text-align: center;
    text-transform: uppercase;
}

/*#endregion X.X Catalog tiles */

/*#region X.X main tabs */

.main_tabs {
    padding: 22px 0 44px;
}

    .main_tabs .etabs {
        margin: 0 0 22px;
        padding: 0;
        list-style: none;
    }

        .main_tabs .etabs .tab {
            font-size: 19px;
            line-height: 22px;
            display: inline-block;
            margin: 0 25px 0 0;
            padding: 5px 0;
            list-style: none;
            vertical-align: middle;
        }

            .main_tabs .etabs .tab a {
                text-decoration: none;
                color: #004f6d;
            }

            .main_tabs .etabs .tab.active {
                box-shadow: inset 0 -2px 0 #00bcd9;
            }

                .main_tabs .etabs .tab.active a {
                    color: #00bcd9;
                }

/*#endregion X.X main tabs */

/*#endregion X Index ------------------------------------- */

/*#region X Reg form ------------------------------------- */

.reg-form .form-row {
    max-width: 448px;
    margin: 0 auto 20px;
}

.reg-form .form-footer {
    margin: 60px -20px 110px;
    padding: 30px 0 0;
    text-align: center;
    border-top: 1px solid #5996b3;
}

/*#endregion X Reg form ---------------------------------- */

/*#region X Cart page ------------------------------------ */

/*#region X.X Part description */

.partition-desc {
    margin: 0 0 44px;
}

    .partition-desc p[class^="icon-"]::before {
        font-size: 20px;
        line-height: 20px;
        position: absolute;
        top: -3px;
        left: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        color: #4d839b;
    }

.partition-desc_item {
    font-size: 15px;
    font-style: italic;
    line-height: 17px;
    position: relative;
    padding: 0 0 0 29px;
    color: #4d839b;
}

    .partition-desc_item a {
        text-decoration: none;
        color: #00bcd9;
    }

        .partition-desc_item a:hover {
            text-decoration: underline;
        }

/*#endregion X.X Part description */

/*#region X.X cart order empty */

.cart-order_empty {
    font-size: 20px;
    line-height: 24px;
    margin: 40px 0 30px;
    padding: 0 0 40px;
    text-align: center;
    color: #00bcd9;
    border-bottom: 1px dashed #969696;
}

/*#endregion X.X cart order empty */

/*#region X.X cart formation */

.list_formation {
    margin: 0 0 16px;
}

.list_formation_item {
    margin: 0 0 40px;
}

    .list_formation_item:last-child {
        margin-bottom: 0;
    }

.list_formation_item_title {
    font: 600 19px/21px "Exo 2", Arial, sans-serif;
    display: block;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.list_formation_action .select2-container .select2-selection--single {
    height: 28px;
}

.list_formation_action
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    font-size: 15px;
    line-height: 26px;
}

.list_formation_action
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height: 26px;
}

.list_formation_item_search .list_formation_action input[type="search"],
.list_formation_item_input .list_formation_action input[type="text"] {
    font: 15px/26px "Exo 2", Arial, sans-serif;
    width: 100%;
    padding: 0;
}

.list_formation_item_search input::-webkit-input-placeholder,
.list_formation_item_input input::-webkit-input-placeholder {
    font-size: 15px;
    color: #a0a8af;
}

.list_formation_item_search input::-moz-placeholder,
.list_formation_item_input input::-moz-placeholder {
    font-size: 15px;
    color: #a0a8af;
}

.list_formation_item_search input:-ms-input-placeholder,
.list_formation_item_input input:-ms-input-placeholder {
    font-size: 15px;
    color: #a0a8af;
}

.list_formation_item_search .list_formation_action {
    position: relative;
}

    .list_formation_item_search .list_formation_action button {
        font-size: 17px;
        line-height: 17px;
        position: absolute;
        top: 50%;
        right: 0;
        width: 17px;
        height: 17px;
        padding: 0;
        cursor: pointer;
        transform: translateY(-50%);
        text-align: right;
        color: #4d839b;
        border: none;
        background: none;
    }

        .list_formation_item_search .list_formation_action button:hover {
            color: #000000;
        }

    .list_formation_item_search .list_formation_action input[type="search"] {
        padding: 0 25px 0 0;
    }

.list_formation_action input[type="file"] {
    display: none;
}

.list_formation_item_controls {
    margin-top: 17px;
    text-align: center;
}

    .list_formation_item_controls .btn {
        margin: 0;
    }

/*#endregion X.X cart formation */

/*#region X.X order list */

.itemList-edit {
    position: relative;
    z-index: 2;
    padding: 30px 0 0;
    background: #fafafa;
}

.itemList-edit_controls {
    text-align: center;
    margin: 2rem 0 0;
}

.itemList-edit_head {
    display: none;
}

.itemList-edit_body {
    margin: 0 -20px;
    padding: 0 20px;
    counter-reset: itemListEdit;
    border-top: 1px solid #00bcd9;
    border-bottom: 1px solid #00bcd9;
}

.itemList-edit_item {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0 24px 18px;
    border-bottom: 1px dashed #969696;
}

    .itemList-edit_item:last-child {
        border-bottom: none;
    }

.ile_delete {
    font-size: 0;
    position: absolute;
    top: 15px;
    right: 0;
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: 2px solid #a0a8af;
    border-radius: 100%;
}

    .ile_delete::before,
    .ile_delete::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 10px;
        content: "";
        cursor: pointer;
        background: #a0a8af;
    }

    .ile_delete::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ile_delete::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .ile_delete:hover {
        background: rgba(160, 168, 175, 0.2);
    }

.itemList-edit_item::before {
    font: 15px/18px "Exo 2", Arial, sans-serif;
    position: absolute;
    top: 11px;
    left: 0;
    content: counter(itemListEdit);
    counter-increment: itemListEdit;
    color: #cbcbcb;
}

.le_link {
    display: block;
    width: calc(100% - 57px);
    margin: 0 0 13px 0;
    text-decoration: none;
}

.ile_item_img {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: 0 17px 13px 0;
}

    .ile_item_img img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        transform: translate(-50%, -50%);
    }

.ile_link_title {
    font: 600 15px/19px "Exo 2", Arial, sans-serif;
    display: block;
    padding: 0 35px 0 0;
    color: #004f6d;
}

.ile_link_pn {
    font: 15px/19px "Exo 2", Arial, sans-serif;
    display: block;
    color: #4d839b;
}

.le_link:hover .ile_link_title {
    text-decoration: underline;
}

.ile_table {
    display: flex;
    clear: left;
    justify-content: space-between;
}

.ile_cell_title {
    font: 600 13px/17px "Exo 2", sans-serif;
    text-transform: uppercase;
    color: #cccccc;
}

    .ile_cell_title .ile_cell_title_currency {
        font-family: Arial, sans-serif;
        font-weight: 400;
    }

.ile_cell_val {
    font-size: 17px;
    line-height: 25px;
    color: #00bcd9;
}

.ile_cell_input {
    display: flex;
    align-items: baseline;
}

    .ile_cell_input input[type="number"] {
        font-size: 17px;
        line-height: 26px;
        width: 45px;
        height: 25px;
        margin: 0 3px 0 0;
        padding: 0;
    }

.ile_cell__price,
.ile_cell__total {
    width: 76px;
}

/*#region X.X.X order list total */

.itemList-edit_total {
    margin: 0 -20px;
    padding: 27px 20px 23px;
}

    .itemList-edit_total .ile_total_title {
        font-size: 15px;
        line-height: 19px;
        display: block;
        color: #000000;
    }

.ile_total_quan {
    font-size: 23px;
    line-height: 23px;
    margin: 0 0 11px;
    color: #00bcd9;
}

.ile_total_quan_val {
    display: inline-block;
}

.ile_total_sum {
    font-size: 25px;
    line-height: 40px;
    color: #00bcd9;
}

.ile_total_sum_val {
    font-size: 35px;
    display: inline-block;
}

.itemList-edit_clear {
    margin: 26px 0 0;
    text-align: center;
}

    .itemList-edit_clear button {
        font: 15px/26px Arial, sans-serif;
        display: inline-block;
        cursor: pointer;
        color: #ff0000;
        border: none;
        background: none;
    }

        .itemList-edit_clear button::before {
            font-size: 16px;
            margin: 0 6px 0 0;
            cursor: pointer;
        }

        .itemList-edit_clear button:hover::before {
            text-decoration: none;
        }

        .itemList-edit_clear button:hover {
            text-decoration: underline;
            text-decoration-style: dotted;
        }

/*#endregion X.X.X order list total */

/*#endregion X.X order list */

/*#region X Partition controls */

.partition-controls {
    position: relative;
    z-index: 2;
    background: #fafafa;
}

    .partition-controls .container {
        position: relative;
        z-index: 2;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
        background: #fafafa;
    }

        .partition-controls .container::before {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 0;
            content: "";
            border-top: 1px solid #5996b3;
        }

    .partition-controls .btn {
        line-height: 45px;
        width: 100%;
        height: 45px;
        margin: 0 0 30px;
        border-radius: 25px;
    }

    .partition-controls::after {
        position: absolute;
        z-index: 1;
        bottom: -60px;
        left: 50%;
        display: block;
        width: 90%;
        max-width: 990px;
        height: 120px;
        content: "";
        transform: translateX(-50%);
        background: radial-gradient( ellipse closest-side at center, rgba(44, 67, 51, 0.24) 0%, rgba(44, 67, 51, 0.2) 10%, rgba(44, 67, 51, 0.09) 40%, rgba(44, 67, 51, 0.02) 70%, rgba(44, 67, 51, 0) );
    }

/*#endregion X Partition controls */

/*#endregion X Cart page --------------------------------- */

/*#region X Order page ----------------------------------- */

/*#region X.X Order details */

.orderDetails_body {
    padding: 14px 0 15px;
    border-bottom: 1px dashed #b2b2b2;
}

.orderDetails_item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 11px;
    padding: 0 0 0 66px;
}

    .orderDetails_item:last-child {
        margin-bottom: 0;
    }

.orderDetails_item_l {
    position: absolute;
    top: 4px;
    left: 0;
    flex-shrink: 0;
    width: 46px;
}

    .orderDetails_item_l img {
        display: block;
        width: 46px;
        min-width: 46px;
        height: auto;
    }

.orderDetails_item_r {
    width: 100%;
    margin: 0 0 18px auto;
}

.odi_title {
    font-size: 15px;
    line-height: 17px;
    margin: 0 0 2px;
    color: #b2b2b2;
}

.odi_val {
    font-size: 25px;
    line-height: 29px;
    color: #00bcd9;
}

.odi_val_cur {
    font-size: 19px;
}

.orderDetails_controls {
    padding: 22px 0 24px;
    text-align: center;
}

/*#endregion X.X Order details */

/*#region X.X Client id */

.clientDetails {
    padding: 16px 0;
    background: #fafafa;
}

.clientDetails_id {
    margin: 0 0 24px;
}

.clientDetails_item {
    margin: 0 0 10px;
}

.cdi_title,
.cdi_val {
    font-size: 21px;
    line-height: 25px;
}

.cdi_title {
    color: #4d839b;
}

.cdi_val {
    color: #004f6d;
}

    .cdi_val.green-text {
        color: #00bcd9;
    }

    .cdi_val.orange-text {
        color: #ff0000;
    }

.clientDetails_finance .clientDetails_item {
    height: 25px;
}

.clientDetails_finance .cdi_title,
.clientDetails_finance .cdi_val {
    display: inline-block;
}

.clientDetails_finance .cdi_val {
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
}

    .clientDetails_finance .cdi_val span {
        line-height: 25px;
        display: inline-block;
    }

    .clientDetails_finance .cdi_val .сdi_val_cur {
        font: 19px/1 Arial, sans-serif;
        display: inline-block;
    }

/*#endregion X.X Client id */

/*#region X.X Order form */

.orderForm {
    background: #fafafa;
}

.orderForm_item {
    padding: 0 0 35px;
}

.orderForm:not(.orderForm__confirm) .orderForm_item:last-child {
    margin: 0;
}

.orderForm_item_title {
    font-size: 23px;
    font-weight: 600;
    line-height: 27px;
    margin: 23px -20px 15px;
    padding: 7px 20px 11px;
    text-transform: uppercase;
    color: #004f6d;
    border-bottom: 1px solid #00bcd9;
}

    .orderForm_item_title:first-child {
        margin-top: 0;
    }

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.orderForm .form-row {
    width: 100%;
    margin: 0 0 5px;
}

.form-row.form-row_ir {
    margin: 20px 0 10px;
    padding: 0;
}

.form-row.form-row_select {
    width: 100%;
    margin: 0 0 5px;
    padding: 5px 0 0;
}

.orderForm_tab-content {
    padding: 0 0 35px;
}

.orderForm_subitem {
    margin: 0 0 40px;
}

    .orderForm_subitem:last-child {
        margin-bottom: 0;
    }

.orderForm_tab-container .etabs {
    display: flex;
    justify-content: center;
    margin: 15px 0 35px;
    padding: 0;
    list-style: none;
    border-bottom: 1px dashed #969696;
}

    .orderForm_tab-container .etabs li {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        position: relative;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        padding: 16px 10px;
        list-style: none;
        text-align: center;
        text-transform: uppercase;
    }

        .orderForm_tab-container .etabs li a {
            display: block;
            text-decoration: none;
            color: #004f6d;
        }

        .orderForm_tab-container .etabs li.active a {
            color: #00bcd9;
        }

        .orderForm_tab-container .etabs li.active::after {
            position: absolute;
            right: 0;
            bottom: -1px;
            left: 0;
            height: 2px;
            height: 4px;
            content: "";
            background: #00bcd9;
        }

.orderForm_tab-content_title {
    font-size: 19px;
    font-weight: 500;
    line-height: 25px;
    margin: 25px 0 10px;
    padding: 7px 0 11px;
    text-transform: uppercase;
    color: #004f6d;
    border-bottom: 1px solid #00bcd9;
}

/*#endregion X.X Order form */

/*#region X.X Order form controls*/

.order-controls .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.order-controls .btn {
    text-align: center;
}

.order-controls .order-controls_backward {
    width: 45px;
    height: 45px;
    padding: 0;
}

.order-controls .order-controls_clear {
    width: calc(100% - 65px);
}

.order-controls_backward span {
    display: none;
}

.order-controls .btn [class^="icon-"] {
    font-size: 14px;
    display: inline-block;
    margin: 0 7px;
}

/*#endregion X.X Order form controls*/

/*#region X Order confirm page --------------------------- */

/*#region X.X confirm total*/

.confirmTotal {
    margin: 30px 0 40px;
}

.confirmTotal_title {
    font-size: 15px;
    line-height: 17px;
    margin: 0 0 2px;
    color: #b2b2b2;
}

.confirmTotal_val {
    font-size: 30px;
    line-height: 34px;
    color: #00bcd9;
}

.confirmTotal_val_currency {
    font-size: 19px;
}

/*#endregion X.X confirm total*/

.confirm-item {
    margin: 0 0 26px;
}

    .confirm-item:first-child {
        margin-top: 6px;
    }

    .confirm-item:last-child {
        margin: 0;
    }

.confirm-item_title {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    color: #4d839b;
}

.confirm-item p:last-child {
    font-size: 15px;
    line-height: 22px;
}

.confirm-item p:last-child {
    margin: 0;
}

/*#region X.X Order confirm controls*/

.order-controls__confirm .btn [class^="icon-"] {
    font-size: 14px;
    display: inline-block;
    margin: 0 7px;
}

/*#endregion X.X Order confirm controls*/

/*#endregion X Order confirm page ------------------------ */

/*#region X Order finish page ---------------------------- */

.orderFinish .container {
    max-width: 585px;
    padding-top: 25px;
}

.orderFinish_img {
    display: block;
    width: 65px;
    margin: 0 auto 20px;
}

.orderFinish_main {
    margin: 0 0 30px;
}

    .orderFinish_main:last-child {
        margin: 0 0 60px;
    }

.orderFinish_title {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 20px;
    text-align: center;
}

.orderFinish_desc {
    font-size: 15px;
    line-height: 19px;
    text-align: center;
}

.orderFinish_note {
    position: relative;
    margin: 0 0 30px;
    padding: 20px 0 0 40px;
    color: #ff0000;
    border-top: 1px solid #ff0000;
}

    .orderFinish_note::before {
        font-size: 25px;
        position: absolute;
        top: 22px;
        left: 0;
        color: #ffd026;
    }

    .orderFinish_note:last-child {
        margin: 0 0 60px;
    }

.orderFinish_note_title {
    font-size: 15px;
    line-height: 19px;
    margin: 0 0 10px;
}

.orderFinish_note_desc {
    font-size: 15px;
    line-height: 19px;
}

/*#region X.X Order finish controls*/

.order-controls__finish {
    background: #ffffff;
}

    .order-controls__finish .btn {
        min-width: 150px;
    }

        .order-controls__finish .btn [class^="icon-"] {
            font-size: 14px;
        }

/*#endregion X.X Order finish controls*/

/*#endregion X Order finish page ------------------------- */

.col-xs-12 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-11 {
    width: 91.6666%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-10 {
    width: 83.3333%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-9 {
    width: 75%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-8 {
    width: 66.6666%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-7 {
    width: 58.3333%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-6 {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5 {
    width: 41.6666%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-4 {
    width: 33.333%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-3 {
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-2 {
    width: 16.6666%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1 {
    width: 8.3333%;
    padding-right: 10px;
    padding-left: 10px;
}

/*#endregion X Order page -------------------------------- */

/*#region X Vacancy -------------------------------------- */

.vacancy_annotation {
    padding-bottom: 10px;
}

    .vacancy_annotation .container {
        max-width: 570px;
    }

    .vacancy_annotation p {
        line-height: 21px;
        margin: 0 0 13px;
    }

.vacancy_wrapper {
    padding: 0 0 30px;
    background: #fafafa;
}

    .vacancy_wrapper .container {
        max-width: 570px;
    }

.vacancy_title {
    font-size: 23px;
    font-weight: 500;
    line-height: 27px;
    margin: 0 -20px 0;
    padding: 22px 20px 16px;
    color: #00bcd9;
    border-bottom: 1px solid #00bcd9;
}

.vacancy_list_item > ul {
    display: none;
}

.vacancy_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vacancy_list_title {
    position: relative;
    display: block;
    padding: 14px 0 12px 30px;
    transition: padding ease 0.2s, background-color ease 0.2s;
    text-decoration: none;
    color: #000000;
    border-bottom: 1px dashed #969696;
}

    .vacancy_list_title:hover {
        background-color: #ffffff;
    }

    .vacancy_list_title.harOpen {
        padding: 14px 0 5px 30px;
        border-bottom: none;
        background: #ffffff;
    }

    .vacancy_list_title::before {
        font: 11px "Fontello";
        position: absolute;
        top: 18px;
        left: 8px;
        content: "\e83d";
        transition: transform ease 0.2s;
    }

    .vacancy_list_title.harOpen::before {
        transform: rotate(90deg);
    }

.vlt_primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    display: block;
    margin: 0 0 2px;
}

.vlt_secondary {
    font-size: 13px;
    line-height: 18px;
    display: block;
    transition: height ease 0.8s, opacity ease 0.8s;
    color: #5996b3;
}

.vacancy_list_title.harOpen .vlt_secondary {
    overflow: hidden;
    height: 0;
    opacity: 0;
}

.vlt_secondary span:not(:last-child)::after {
    content: ",";
}

.vacancy_list_body {
    padding: 0;
    border-bottom: 2px solid #00bcd9;
    background: #ffffff;
}

.vacancy_list_body_short,
.vacancy_list_body_main,
.vacancy_list_body_controls {
    margin: 0 30px;
    padding: 0;
    list-style: none;
}

    .vacancy_list_body_short ul,
    .vacancy_list_body_short li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.vacancy_list_body_short {
    margin: 0 30px 23px;
}

    .vacancy_list_body_short li {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 5px;
        color: #004f6d;
    }

        .vacancy_list_body_short li span:first-of-type {
            color: #5996b3;
        }

.vacancy_list_body_main {
    border-bottom: 1px solid #cccccc;
}

    .vacancy_list_body_main ul,
    .vacancy_list_body_main li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .vacancy_list_body_main > ul > li {
        margin: 0 0 22px;
    }

    .vacancy_list_body_main .vlb_title {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        display: block;
        margin: 0 0 10px;
        color: #004f6d;
    }

    .vacancy_list_body_main .vlb_list li {
        line-height: 16px;
        position: relative;
        margin: 0 0 8px;
        padding: 0 0 0 15px;
    }

        .vacancy_list_body_main .vlb_list li::before {
            position: absolute;
            top: 8px;
            left: 0;
            display: block;
            width: 4px;
            height: 4px;
            content: "";
            border-radius: 100%;
            background: #00bcd9;
        }

.vacancy_list_body_controls {
    margin: 0;
    padding: 30px 0 15px;
    text-align: center;
}

.vacancy_footer {
    position: relative;
    overflow: hidden;
    padding: 60px 0 35px;
}

    .vacancy_footer::before {
        position: absolute;
        z-index: 1;
        top: -60px;
        left: 50%;
        display: block;
        width: 90%;
        max-width: 990px;
        height: 120px;
        content: "";
        transform: translateX(-50%);
        background: radial-gradient( ellipse closest-side at center, rgba(44, 67, 51, 0.24) 0%, rgba(44, 67, 51, 0.2) 10%, rgba(44, 67, 51, 0.09) 40%, rgba(44, 67, 51, 0.02) 70%, rgba(44, 67, 51, 0) );
    }

    .vacancy_footer .container {
        max-width: 570px;
    }

    .vacancy_footer p {
        line-height: 21px;
    }

.vacancy_footer_inner {
    margin: 0 0 30px;
}

.vacancy_footer_controls {
    text-align: center;
}

/*#endregion X Vacancy ----------------------------------- */

/*#region X Vacancy form --------------------------------- */

.vacancy_wrapper.vacancy_wrapper__form,
.vacancy_wrapper.vacancy_wrapper__success {
    position: relative;
    z-index: 0;
    margin: 0 0 80px;
    padding: 0;
}

.vacancy_wrapper__form::after,
.vacancy_wrapper__success::after {
    position: absolute;
    z-index: 0;
    bottom: -60px;
    left: 50%;
    display: block;
    width: 90%;
    max-width: 990px;
    height: 120px;
    content: "";
    transform: translateX(-50%);
    background: radial-gradient( ellipse closest-side at center, rgba(44, 67, 51, 0.24) 0%, rgba(44, 67, 51, 0.2) 10%, rgba(44, 67, 51, 0.09) 40%, rgba(44, 67, 51, 0.02) 70%, rgba(44, 67, 51, 0) );
}

.vacancy_wrapper__form .container,
.vacancy_wrapper__success .container {
    position: relative;
    z-index: 1;
    background: #fafafa;
}

.vacancy_wrapper.vacancy_wrapper__success,
.vacancy_wrapper__success .container {
    background: #ffffff;
}

.vacancy_wrapper__form .vacancy_title {
    margin-bottom: 16px;
}

.vacancy_wrapper__form .form-row {
    margin: 0 0 20px;
}

.vwf_note .pholder-buble {
    color: #999999;
}

.vacancy_wrapper__form .form-row textarea {
    font-size: 15px;
    font-style: normal;
    line-height: 17px;
    overflow-y: auto;
    height: 102px;
    min-height: 0;
    padding: 4px 0 10px;
    resize: none;
}

.vwf_input {
    max-width: 384px;
    margin: 0 0 19px;
}

.vwf_input_title {
    margin: 0 0 11px;
}

    .vwf_input_title b,
    .vwf_input_title i {
        font-size: 13px;
        line-height: 18px;
        display: block;
    }

    .vwf_input_title b {
        margin: 0 0 1px;
    }

    .vwf_input_title i {
        color: #b2b2b2;
    }

.vwf_input_body {
    text-align: center;
}

    .vwf_input_body .vwf_input_body_wrap {
        position: relative;
        width: 100%;
        margin: 0 0 19px;
    }

        .vwf_input_body .vwf_input_body_wrap .clear-file {
            font-size: 10px;
            line-height: 30px;
            position: absolute;
            right: 0;
            display: none;
            width: 30px;
            height: 30px;
            cursor: pointer;
            text-align: center;
            color: #707070;
        }

            .vwf_input_body .vwf_input_body_wrap .clear-file:hover {
                color: #00bcd9;
            }

        .vwf_input_body .vwf_input_body_wrap input {
            font-size: 15px;
            font-style: normal;
            line-height: 30px;
            width: 100%;
            padding: 0 30px 0 0;
            text-align: left;
            color: #a0a8af;
        }

    .vwf_input_body input:focus {
        border-bottom: 2px solid #d5dad5;
    }

    .vwf_input_body .btn {
        font-size: 13px;
        line-height: 31px;
        height: 33px;
        margin: 0;
        padding: 0 25px;
        white-space: nowrap;
    }

        .vwf_input_body .btn span {
            font-size: 13px;
        }

.hidden-input-file {
    display: none;
}

.vwf_confirmation {
    margin: 0 0 28px;
}

    .vwf_confirmation .fake-ir_desc {
        font-size: 13px;
        line-height: 16px;
        margin-left: 28px;
    }

    .vwf_confirmation.fake-ir input[type="checkbox"] ~ .fake-ir_toggler {
        line-height: 20px;
        width: 20px;
        height: 20px;
    }

        .vwf_confirmation.fake-ir input[type="checkbox"] ~ .fake-ir_toggler::before {
            font-family: "fontello";
            font-size: 19px;
            content: "\e832";
            vertical-align: middle;
            color: #5996b3;
        }

    .vwf_confirmation.fake-ir
    input[type="checkbox"]:checked ~ .fake-ir_toggler::before {
        content: "\e806";
        color: #00bcd9;
    }

    .vwf_confirmation.fake-ir:hover .fake-ir_desc {
        color: black;
    }

.vwf_captcha {
    max-width: 280px;
    margin: 0 auto 40px;
}

    .vwf_captcha p {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 11px;
        color: #999999;
    }

    .vwf_captcha .captcha_wrapper {
        width: 180px;
        margin: 0 0 11px;
        text-align: center;
        border: 1px solid #000000;
    }

    .vwf_captcha input {
        width: 100%;
    }

.vwf_controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -20px;
    padding: 29px 20px 41px;
    border-top: 1px solid #00bcd9;
}

    .vwf_controls .btn {
        line-height: 40px;
        height: 40px;
        margin: 0;
    }

    .vwf_controls .btn__default {
        min-width: 205px;
    }

    .vwf_controls .btn__wired__green span {
        display: none;
    }

    .vwf_controls .btn__wired__green {
        width: 40px;
        padding: 0;
        text-align: center;
    }

        .vwf_controls .btn__wired__green i {
            margin: 0;
        }

/*#endregion X Vacancy form ------------------------------ */

/*#region X Vacancy success ------------------------------ */

.vacancy_wrapper__success {
    text-align: center;
}

.vws_inner {
    max-width: 590px;
    margin: 45px auto;
}

    .vws_inner [class^="icon-"] {
        font-size: 35px;
        line-height: 62px;
        display: block;
        width: 70px;
        height: 70px;
        margin: 0 auto 25px;
        text-align: center;
        color: #00bcd9;
        border: 2px solid #00bcd9;
        border-radius: 100%;
    }

    .vws_inner h2 {
        font-size: 23px;
        font-weight: 500;
        line-height: 27px;
        color: #00bcd9;
    }

.vws_controls {
    position: relative;
    z-index: 1;
    padding: 30px 0 40px;
    text-align: center;
    border-top: 1px solid #5996b3;
    background: #ffffff;
}

    .vws_controls .btn {
        line-height: 40px;
        min-width: 140px;
        height: 40px;
        margin: 0;
    }

/*#endregion X Vacancy success --------------------------- */

/*#region X Personal cabinet ----------------------------- */

/*#region X.X Cabinet menu */

.cabinet_menu {
    display: none;
}

    .cabinet_menu ul,
    .cabinet_menu li {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .cabinet_menu li {
        position: relative;
        margin: 0 0 16px;
        padding: 0 0 0 35px;
    }

        .cabinet_menu li a {
            font-size: 15px;
            line-height: 17px;
            display: block;
            text-decoration: none;
            text-transform: uppercase;
            color: #004f6d;
        }

        .cabinet_menu li.active a,
        .cabinet_menu li.active [class^="icon-"] {
            color: #00bcd9;
        }

        .cabinet_menu li:not(.disabled):hover a {
            text-decoration: underline;
            color: #00bcd9;
        }

        .cabinet_menu li:not(.disabled):hover [class^="icon-"] {
            color: #00bcd9;
        }

        .cabinet_menu li [class^="icon-"] {
            font-size: 15px;
            position: absolute;
            left: 0;
            color: #5996b3;
        }

        .cabinet_menu li.disabled {
            opacity: 0.15;
        }

            .cabinet_menu li.disabled a {
                cursor: default;
            }

/*#endregion X.X Cabinet menu */

/*#region X.X Cabinet title */

/*#region X.X.X History title */

.cht_search {
    margin: 0 0 25px;
}

    .cht_search b {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        display: block;
        margin: 0 0 7px;
        color: #004f6d;
    }

.cht_search_action {
    position: relative;
}

    .cht_search_action .pholder-buble {
        top: 0;
    }

    .cht_search_action .form-row {
        padding: 13px 0 0 0;
    }

    .cht_search_action input {
        line-height: 20px;
        width: 100%;
        height: auto;
        padding: 2px 26px 3px 0;
    }

    .cht_search_action .icon-search {
        font-size: 17px;
        line-height: 26px;
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 2px;
        height: 26px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        text-align: center;
        border: none;
        background: none;
    }

        .cht_search_action .icon-search:hover {
            color: #00bcd9;
        }

.cht_create-date {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
}

    .cht_create-date b {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        display: block;
        width: 100%;
        margin: 0 0 7px;
        color: #004f6d;
    }

    .cht_create-date .form-row {
        flex: 1;
        width: 50%;
        padding: 13px 0 0 0;
    }

.cht_create-date_action .pholder-buble {
    top: 0;
}

.cht_create-date_action:nth-child(even) {
    margin-right: 10px;
}

.cht_create-date_action:nth-child(odd) {
    margin-left: 10px;
}

.cht_create-date input {
    line-height: 20px;
    width: 100%;
    height: auto;
    padding: 2px 26px 3px 0;
}

    .cht_create-date input::-webkit-input-placeholder,
    .cht_search_action input::-webkit-input-placeholder {
        color: #b2b2b2;
    }

    .cht_create-date input::-moz-placeholder,
    .cht_search_action input::-moz-placeholder {
        color: #b2b2b2;
    }

    .cht_create-date input:-moz-placeholder,
    .cht_search_action input:-moz-placeholder {
        color: #b2b2b2;
    }

    .cht_create-date input:-ms-input-placeholder,
    .cht_search_action input:-ms-input-placeholder {
        color: #b2b2b2;
    }

.cht_create-date_action [class^="icon-"] {
    font-size: 11px;
    line-height: 25px;
    position: absolute;
    right: 0;
    bottom: 2px;
}

.cht_create-date_action input:focus ~ [class^="icon-"] {
    transform: rotate(180deg);
}

.cht_controls {
    text-align: center;
}

    .cht_controls .btn {
        width: 60%;
        max-width: 200px;
    }

/*#endregion X.X.X History title */

/*#region X.X.X Finance title */

.cabinet_finance_title {
    margin: 0 0 30px;
}

.cft_head {
    font-size: 23px;
    line-height: 27px;
    margin: 0 0 19px;
    padding: 0 20px 3px 0;
    color: #004f6d;
    border-bottom: 1px solid #b2b2b2;
}

.cft_item .cft_item_body_currency {
    font-size: 15px;
    color: #246d8c;
}

.cft__primary {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
    border-bottom: 1px dashed #969696;
}

    .cft__primary .cft_item {
        flex: 1 0 auto;
        min-width: 210px;
        margin: 0 0 17px;
    }

    .cft__primary .cft_item_head {
        font-size: 17px;
        line-height: 21px;
        margin: 0 0 7px;
        color: #4d839b;
    }

    .cft__primary .cft_item_body {
        font-size: 31px;
        line-height: 35px;
        height: 35px;
    }

.cft__secondary {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #b2b2b2;
}

    .cft__secondary .cft_item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 50%;
        margin: 0 0 22px 0;
    }

        .cft__secondary .cft_item:nth-child(odd) {
            padding-right: 10px;
        }

        .cft__secondary .cft_item:nth-child(even) {
            padding-left: 10px;
        }

        .cft__secondary .cft_item:last-child {
            width: 100%;
            padding: 0;
        }

    .cft__secondary .cft_item_head {
        font-size: 15px;
        line-height: 19px;
        margin: 0 0 10px;
        color: #4d839b;
    }

    .cft__secondary .cft_item_body {
        font-size: 23px;
        line-height: 27px;
        height: 27px;
        white-space: nowrap;
    }

.cft_confirmation {
    margin: 21px 0 0;
}

    .cft_confirmation input {
        line-height: 29px;
        padding: 0;
    }

    .cft_confirmation .pholder-buble {
        top: 8px;
        color: #b2b2b2;
    }

    .cft_confirmation .form-row {
        margin: 0 0 10px;
    }

    .cft_confirmation .cft_confirmation_controls {
        margin: 29px 0 0;
        text-align: center;
    }

        .cft_confirmation .cft_confirmation_controls .btn {
            width: 100%;
            max-width: 280px;
        }

            .cft_confirmation .cft_confirmation_controls .btn:last-child {
                margin: 0;
            }

/*#endregion X.X.X Finance title */

/*#endregion X.X Cabinet title */

/*#region X.X Cabinet main */

.cabinet_main {
    position: relative;
    margin: 0 0 90px;
    padding-bottom: 32px;
    background: #fafafa;
}

    .cabinet_main::after {
        position: absolute;
        z-index: 1;
        bottom: -60px;
        left: 50%;
        display: block;
        width: 90%;
        max-width: 990px;
        height: 60px;
        content: "";
        transform: translateX(-50%);
        background: radial-gradient( ellipse at center top, rgba(44, 67, 51, 0.24) 0%, rgba(44, 67, 51, 0.2) 10%, rgba(44, 67, 51, 0.09) 40%, rgba(44, 67, 51, 0.02) 70%, rgba(44, 67, 51, 0) );
    }

.cabinet_main_harmonica {
    margin: 0;
    padding: 6px 0 0;
    list-style: none;
    background: #fafafa;
}

.cmh_item_title {
    font-size: 21px;
    font-weight: 500;
    line-height: 25px;
    position: relative;
    display: block;
    margin: 0 -20px;
    padding: 14px 40px 9px 20px;
    text-decoration: none;
    color: #004f6d;
    border-bottom: 1px solid #00bcd9;
}

    .cmh_item_title:hover {
        color: #00bcd9;
    }

.cit_toggler {
    position: absolute;
    top: 21px;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
}

    .cit_toggler::before,
    .cit_toggler::after {
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        transform: translate(-50%, -50%);
        background: #004f6d;
    }

    .cit_toggler::before {
        width: 2px;
        height: 100%;
    }

    .cit_toggler::after {
        width: 100%;
        height: 2px;
    }

.harOpen .cit_toggler::before {
    display: none;
}

.harOpen.cmh_item_title {
    color: #00bcd9;
}

.cmh_item_body {
    display: none;
    margin: 0 -20px;
    padding: 0;
    list-style: none;
}

/*#region X.X.X History main */

.cabinet_history_orders {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cho_item {
    padding: 0 20px;
}

.cho_item_title {
    position: relative;
    margin: 0 -20px;
    cursor: pointer;
    border-top: 1px solid transparent;
}

.cho_item:first-child .cho_item_title::after {
    display: none;
}

.cho_item_title::after,
.cho_item:last-child .cho_item_title::before {
    position: absolute;
    left: 20px;
    width: 100%;
    height: 0;
    content: "";
    border-bottom: 1px dashed #969696;
}

.cho_item_title::after {
    top: 0;
}

.cho_item_title::before {
    bottom: 0;
}

.cho_item_title_toggler {
    font-size: 11px;
    line-height: 22px;
    position: absolute;
    top: 8px;
    left: 20px;
}

.cho_item_title.harOpen {
    border-top: 1px solid #00bcd9;
}

.cho_item:first-child .cho_item_title.harOpen {
    border-top-color: transparent;
}

.cho_item_title.harOpen::after,
.cho_item_title.harOpen::before {
    display: none;
}

.cho_item_title.harOpen .cho_item_title_toggler::before {
    content: "\e83b";
}

.cho_item_title .cho_item_title_row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 0 0 0 40px;
    padding: 8px 20px 8px 0;
    border-bottom: 1px solid #eaeaea;
}

    .cho_item_title .cho_item_title_row:last-child {
        border-bottom: none;
    }

.cho_item_title .cit_number {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: block;
}

.cho_item_title .cit_date {
    font-size: 13px;
    line-height: 22px;
    display: block;
    color: #cccccc;
}

    .cho_item_title .cit_date span {
        font-size: 14px;
        color: #004f6d;
    }

.cho_item_title .cit_quantity {
    font-size: 15px;
    line-height: 22px;
    display: block;
    color: #004f6d;
}

.cho_item_title .cit_total {
    font-size: 13px;
    line-height: 22px;
    display: flex;
    align-items: baseline;
    color: #cccccc;
}

    .cho_item_title .cit_total span:not(.cit_total_value) {
        line-height: 1;
    }

    .cho_item_title .cit_total .cit_total_value {
        font-size: 21px;
        display: inline-block;
        margin: 0 2px;
        color: #00bcd9;
    }

    .cho_item_title .cit_total .cit_total_currency {
        font: 15px Arial, sans-serif;
        color: #246d8c;
    }

.cho_item_body {
    display: none;
    margin: 0 -20px 14px;
    padding: 0 20px;
    list-style: none;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #00bcd9;
    background: #ffffff;
}

    .cho_item_body .itemList-edit {
        padding: 0;
        background: transparent;
    }

    .cho_item_body .ile_link_title {
        padding: 0;
    }

    .cho_item_body .itemList-edit_body {
        border-top: none;
        border-bottom: 1px solid #b2b2b2;
    }

    .cho_item_body .ile_cell__quan .ile_cell_val {
        display: flex;
        align-items: baseline;
        color: #000000;
    }

    .cho_item_body .ile_cell__quan .ile_cell_val_postfix {
        font-size: 13px;
        line-height: 1;
    }

.cmh_item_body_desc {
    margin: 0 -20px;
    padding: 22px 20px 30px;
}

.cibd_item {
    margin: 0 0 20px;
}

    .cibd_item .cibd_item_title {
        font-size: 13px;
        line-height: 18px;
        display: block;
        margin: 0 0 5px;
        color: #b2b2b2;
    }

    .cibd_item .cibd_item_body {
        font-size: 15px;
        line-height: 17px;
    }

.cmh_item_body_total .cibt_item {
    margin: 0 -20px;
    padding: 14px 20px;
    border-top: 1px dashed #969696;
}

.cmh_item_body_total .cibt_item_title {
    font-size: 15px;
    line-height: 19px;
    margin: 0 0 2px;
    color: #b2b2b2;
}

.cmh_item_body_total .cibt_item_body {
    font-size: 25px;
    line-height: 30px;
    color: #00bcd9;
}

.cmh_item_body_total .cibt_item_controls {
    margin: 0 -20px;
    padding: 36px 0 38px;
    text-align: center;
    border-top: 1px dashed #969696;
}

.cibt_item_controls .btn:last-child {
    margin: 0;
}

/*#endregion X.X.X History main */

/*#region X.X.X Finance delayed payments main */

.dp_table {
    margin: 16px 0 36px;
}

    .dp_table .dp_table_row,
    .dp_table .dp_table_head {
        display: flex;
        align-items: flex-end;
        padding: 0 12px;
    }

    .dp_table .dtri_date,
    .dp_table .dtri_sum,
    .dp_table .dthi_date,
    .dp_table .dthi_sum {
        display: none;
    }

    .dp_table .dp_table_head_item,
    .dp_table .dp_table_row_item {
        width: 33.333%;
    }

    .dp_table .dp_table_head {
        border-bottom: 1px solid #00bcd9;
    }

    .dp_table .dp_table_head_item {
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        padding: 16px 8px;
        text-transform: uppercase;
        color: #004f6d;
    }

    .dp_table .dp_table_row {
        border-bottom: 1px dashed #969696;
    }

        .dp_table .dp_table_row:last-child {
            border-bottom: 1px solid #00bcd9;
        }

    .dp_table .dtri_head {
        display: none;
    }

    .dp_table .dp_table_row_item {
        font-size: 15px;
        line-height: 18px;
        padding: 11px 8px 8px;
        color: #004f6d;
    }

        .dp_table .dp_table_row_item.dtri_total .dtri_body,
        .dp_table .dp_table_row_item.dtri_sum .dtri_body {
            color: #ff0000;
        }

/*#endregion X.X.X Finance delayed payments main */

/*#region X.X.X Finance revise main*/

.finance-revice {
    margin: 22px 20px 30px;
}

    .finance-revice .finance-revice_head {
        font-size: 19px;
        line-height: 25px;
        margin: 0 0 28px;
        color: #004f6d;
    }

    .finance-revice .frb_item {
        margin: 0 0 17px;
    }

        .finance-revice .frb_item .frb_item_head {
            font-size: 19px;
            line-height: 25px;
            margin: 0 0 6px;
            color: #4d839b;
        }

        .finance-revice .frb_item .frb_item_body {
            font-size: 31px;
            line-height: 35px;
            height: 35px;
        }

        .finance-revice .frb_item .frb_item_body_currency {
            font-size: 15px;
            color: #246d8c;
        }

/*#endregion X.X.X Finance revise main*/

/*#region X.X.X Finance accounting entry main*/

.ae_search {
    margin: 30px 0 27px;
    padding: 0 20px;
}

    .ae_search .ae_search_title {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        display: block;
        margin: 0 0 7px;
        color: #004f6d;
    }

.ae_search_inner {
    display: flex;
    flex-wrap: wrap;
}

    .ae_search_inner .form-row {
        flex: 1;
    }

        .ae_search_inner .form-row input {
            line-height: 26px;
            padding: 0;
        }

        .ae_search_inner .form-row [class^="icon-"] {
            font-size: 11px;
            line-height: 24px;
            position: absolute;
            right: 0;
            bottom: 2px;
        }

        .ae_search_inner .form-row:nth-child(odd) {
            margin-right: 15px;
        }

        .ae_search_inner .form-row:nth-child(even) {
            margin-left: 15px;
        }

.asi_controls {
    flex-shrink: 0;
    width: 100%;
    margin: 24px 0;
    text-align: center;
}

    .asi_controls .btn {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        text-align: center;
    }

.ae_result {
    margin: 0 0 18px;
}

.ae_result_title {
    font-size: 19px;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 13px 20px;
    border-bottom: 1px solid #4d839b;
}

.ae_table {
    margin: 0 0 30px;
}

.ae_result .ae_controls {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 20px;
}

    .ae_result .ae_controls .btn {
        width: 100%;
        max-width: 280px;
    }

.ae_table {
    margin: 16px 0 36px;
}

    .ae_table .ae_table_row,
    .ae_table .ae_table_head {
        display: flex;
        padding: 0 0 0 20px;
    }

    .ae_table .ae_table_head {
        align-items: flex-end;
        border-bottom: 1px solid #00bcd9;
    }

    .ae_table .ae_table_head_item {
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        display: none;
        padding: 16px 0;
        text-transform: uppercase;
        color: #004f6d;
    }

    .ae_table .athi_date {
        display: block;
    }

    .ae_table .ae_table_row {
        flex-wrap: wrap;
        padding-top: 12px;
        border-bottom: 1px dashed #969696;
    }

        .ae_table .ae_table_row:last-child {
            border-bottom: 1px solid #00bcd9;
        }

    .ae_table .atri_date,
    .ae_table .atri_type {
        font-size: 15px;
        line-height: 18px;
        flex-shrink: 0;
        width: 100%;
    }

    .ae_table .atri_date {
        margin: 0 0 4px;
    }

    .ae_table .atri_type {
        padding: 0 0 8px;
        border-bottom: 1px solid #cccccc;
    }

        .ae_table .atri_type span {
            color: #3a84d8;
        }

    .ae_table .atri_shipment,
    .ae_table .atri_payments {
        flex: 1;
        width: 50%;
        padding: 11px 0 8px;
    }

        .ae_table .atri_shipment .atri_head,
        .ae_table .atri_payments .atri_head {
            font-size: 12px;
            font-weight: 600;
            line-height: 12px;
            display: block;
            margin: 0 0 5px;
            text-transform: uppercase;
            color: #cccccc;
        }

        .ae_table .atri_shipment .atri_body,
        .ae_table .atri_payments .atri_body {
            font-size: 21px;
            line-height: 21px;
            white-space: nowrap;
            color: #00bcd9;
        }

/*#endregion X.X.X Finance accounting entry main*/

/*#endregion X.X Cabinet main */

/*#region X.X Cabinet manager */
.cabinet_manager {
    margin: 0 0 25px;
    padding: 16px 0 15px;
    border-bottom: 1px dashed #969696;
    background: #ffffff;
}

.cabinet_manager_title {
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: 0 0 0 55px;
    color: #5996b3;
}

.cabinet_manager_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cmi_img {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: 0 15px 0 0;
    border-radius: 100%;
}

    .cmi_img img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: auto;
        height: 100%;
        transform: translate(-50%, -50%);
    }

.cmi_person .cmi_person_name {
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: block;
}

.cmi_person .cmi_person_pos {
    font-size: 13px;
    font-style: normal;
    line-height: 15px;
    display: block;
    color: #5996b3;
}

.cmi_person .btn {
    line-height: 22px;
    height: 22px;
    margin: 8px 0 0;
    padding: 0 15px;
    border-radius: 20px;
}

    .cmi_person .btn span {
        font-size: 10px;
    }

.cabinet_manager_contacts {
    padding: 0 0 0 55px;
    list-style: none;
}

    .cabinet_manager_contacts a {
        font-size: 12px;
        line-height: 14px;
        position: relative;
        display: inline-block;
        margin: 0 0 2px;
        padding: 0 0 0 15px;
        text-decoration: none;
        color: #5996b3;
    }

        .cabinet_manager_contacts a:hover {
            text-decoration: underline;
        }

            .cabinet_manager_contacts a:hover::before {
                text-decoration: none;
            }

        .cabinet_manager_contacts a::before {
            font-size: 11px;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            text-align: left;
        }

        .cabinet_manager_contacts a.icon-phone1::before {
            font-size: 13px;
            left: -1px;
        }

/*#endregion X.X Cabinet manager */

/*#region X.X Cabinet delivery */

.cabinet_delivery_title {
    margin: 0 -20px;
    padding: 0 0 0 20px;
}

.cdt_wrap {
    counter-reset: cdt-counter;
    padding: 0 0 20px;
}

.cdt_wrap_item {
    margin: 0 0 21px;
    padding: 0 0 0 40px;
    position: relative;
}

    .cdt_wrap_item::before {
        counter-increment: cdt-counter;
        content: counter(cdt-counter);
        width: 25px;
        height: 25px;
        border-radius: 100%;
        border: 1px solid #4d839b;
        position: absolute;
        left: 0;
        top: 18px;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
        color: #4d839b;
    }

.form_transform .form-row {
    margin: 19px 0 0;
    padding: 13px 0 0 0;
}

.cdt_wrap_item .form-row {
    padding-right: 20px;
}

.form_transform .form-row_select {
    margin: 26px 0 0;
    padding: 0 20px 0 0;
    transition: margin ease 0.2s;
}

.form_transform.form_transform__disabled .form-row,
.form_transform.form_transform__disabled .form-row_select {
    margin: 13px 0 0;
}

.form_transform__disabled .clone-delete-btn {
    display: none;
}

.form_transform .cdt_wrap_item_title .form-row {
    transition: none;
    position: relative;
    margin: 0;
}

.form_transform.form_transform__disabled .cdt_wrap_item_title .form-row {
    margin: 0;
    padding-bottom: 5px;
    padding-right: 110px;
    border-bottom: 1px solid #999999;
}

.default-delivery-point {
    margin: 17px 40px 0 0;
}

    .default-delivery-point .fake-ir-alt {
        margin: 0;
    }

        .default-delivery-point .fake-ir-alt input[type="radio"] ~ .fake-ir-alt_toggler,
        .default-delivery-point
        .fake-ir-alt
        input[type="checkbox"] ~ .fake-ir-alt_toggler {
            display: block;
            width: 16px;
            height: 16px;
            cursor: pointer;
            border: 1px solid #5996b3;
            border-radius: 2px;
        }

        .default-delivery-point
        .fake-ir-alt
        input[type="radio"]:checked ~ .fake-ir-alt_toggler {
            color: #ffffff;
            border: 1px solid #00bcd9;
            background: #00bcd9;
        }

            .default-delivery-point
            .fake-ir-alt
            input[type="radio"]:checked ~ .fake-ir-alt_toggler::before {
                font: 11px "Fontello";
                position: absolute;
                top: 50%;
                left: 50%;
                content: "\e83a";
                transform: translate(-50%, -50%);
                width: auto;
                height: auto;
            }

    .default-delivery-point .fake-ir-alt {
        line-height: 16px;
    }

    .default-delivery-point .fake-ir-alt_desc {
        font-size: 14px;
        margin-left: 24px;
    }

        .default-delivery-point .fake-ir-alt_desc [class^="icon-"] {
            color: #4d839b;
        }

.cdt_wrap_item_title .ddp-note {
    font-size: 12px;
    line-height: 13px;
    font-style: italic;
    color: #5996b3;
    margin: 0 0 0 24px;
}

.form_transform .cdt_wrap_item_title .clone-delete-btn {
    position: absolute;
    right: 20px;
    top: 16px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    padding: 0;
    border-radius: 100%;
    border: 1px solid #a0a8af;
    font-size: 7px;
    color: #a0a8af;
    background: none;
    cursor: pointer;
    z-index: 1;
}

    .form_transform .cdt_wrap_item_title .clone-delete-btn:hover {
        color: #ff4a4a;
        border-color: #ff4a4a;
    }

.form_transform .cdt_wrap_item_title .ddp-flag {
    display: none;
    font-size: 14px;
    color: #4d839b;
    padding-right: 20px;
    line-height: 25px;
}

    .form_transform .cdt_wrap_item_title .ddp-flag [class^="icon-"] {
        color: #00bcd9;
    }

.form_transform.form_transform__disabled .default-delivery-point {
    position: absolute;
    right: 0;
    top: 18px;
    margin: 0;
}

    .form_transform.form_transform__disabled
    .default-delivery-point
    .fake-ir-alt
    .fake-ir-alt_toggler,
    .form_transform.form_transform__disabled
    .default-delivery-point
    .fake-ir-alt
    .fake-ir-alt_desc,
    .form_transform.form_transform__disabled .default-delivery-point .ddp-note {
        display: none;
    }

.form_transform.form_transform__disabled
.cdt_wrap_item_title
.fake-ir-alt
input:checked ~ .ddp-flag {
    display: block;
}

.form_transform .form-row input[type="text"],
.form_transform .form-row input[type="password"],
.form_transform .form-row input[type="date"],
.form_transform .form-row input[type="datetime"],
.form_transform .form-row input[type="email"],
.form_transform .form-row input[type="number"],
.form_transform .form-row input[type="search"],
.form_transform .form-row input[type="tel"],
.form_transform .form-row input[type="time"],
.form_transform .form-row input[type="month"],
.form_transform .form-row input[type="week"] {
    font-size: 15px;
    font-style: italic;
    line-height: 30px;
    height: 30px;
    padding: 0;
    transition: height ease 0.2s, line-height ease 0.2s, border-bottom ease 0.2s;
}

.form_transform .form-row textarea {
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
    height: 60px;
    min-height: 0;
}

.form_transform .cdt_wrap_item_title input[type="text"] {
    transition: none;
}

.form_transform .form-row input[type="text"]:disabled,
.form_transform .form-row input[type="password"]:disabled,
.form_transform .form-row input[type="date"]:disabled,
.form_transform .form-row input[type="datetime"]:disabled,
.form_transform .form-row input[type="email"]:disabled,
.form_transform .form-row input[type="number"]:disabled,
.form_transform .form-row input[type="search"]:disabled,
.form_transform .form-row input[type="tel"]:disabled,
.form_transform .form-row input[type="time"]:disabled,
.form_transform .form-row input[type="month"]:disabled,
.form_transform .form-row input[type="week"]:disabled {
    line-height: 25px;
    height: 25px;
    border: none;
}

.form_transform .form-row textarea:disabled {
    line-height: 25px;
    height: 25px;
    border: none;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 0;
}

.form_transform .form-row textarea ~ .textarea-fade {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
    background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
    width: 50px;
    z-index: 1;
}

.form_transform .form-row textarea:disabled ~ .textarea-fade {
    display: block;
}

.form_transform .form-row input::-webkit-input-placeholder,
.form_transform .form-row textarea::-webkit-input-placeholder {
    font-size: 15px;
}

.form_transform .form-row input::-moz-placeholder,
.form_transform .form-row textarea::-moz-placeholder {
    font-size: 15px;
}

.form_transform .form-row input:-moz-placeholder,
.form_transform .form-row textarea:-moz-placeholder {
    font-size: 15px;
}

.form_transform .form-row input:-ms-input-placeholder,
.form_transform .form-row textarea:-ms-input-placeholder {
    font-size: 15px;
}

.pholder-buble {
    top: 0;
}

.form_transform .form-row .select2-container .select2-selection--single {
    height: 30px;
}

.form_transform
.form-row
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    font-size: 15px;
    line-height: 30px;
}

.form_transform
.form-row
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height: 30px;
}

.form_transform
.form-row
.select2-container--default.select2-container--disabled
.select2-selection--single {
    height: 25px;
    border: none;
    background: none;
}

    .form_transform
    .form-row
    .select2-container--default.select2-container--disabled
    .select2-selection--single
    .select2-selection__rendered {
        line-height: 25px;
    }

    .form_transform
    .form-row
    .select2-container--default.select2-container--disabled
    .select2-selection--single
    .select2-selection__arrow {
        display: none;
    }

.pholder-buble_select {
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    color: #00bcd9;
}

.form_transform.form_transform__disabled
.cdt_wrap_item_title
.form-row
input[type="text"] {
    padding-right: 0;
}

.form_transform .cdt_wrap_item_title .form-row {
    padding-right: 60px;
}

    .form_transform .cdt_wrap_item_title .form-row input[type="text"] {
        font-size: 17px;
        font-weight: 600;
        line-height: 35px;
        height: 35px;
    }

    .form_transform .cdt_wrap_item_title .form-row input::-webkit-input-placeholder,
    .form_transform
    .cdt_wrap_item_title
    .form-row
    textarea::-webkit-input-placeholder {
        font-size: 17px;
        font-weight: 600;
    }

    .form_transform .cdt_wrap_item_title .form-row input::-moz-placeholder,
    .form_transform .cdt_wrap_item_title .form-row textarea::-moz-placeholder {
        font-size: 17px;
        font-weight: 600;
    }

    .form_transform .cdt_wrap_item_title .form-row input:-moz-placeholder,
    .form_transform .cdt_wrap_item_title .form-row textarea:-moz-placeholder {
        font-size: 17px;
        font-weight: 600;
    }

    .form_transform .cdt_wrap_item_title .form-row input:-ms-input-placeholder,
    .form_transform .cdt_wrap_item_title .form-row textarea:-ms-input-placeholder {
        font-size: 17px;
        font-weight: 600;
    }

.cabinet_delivery_controls {
    position: relative;
    margin: 0 -20px 94px;
    padding: 30px 20px 15px;
    border-top: 1px solid #999999;
}

    .cabinet_delivery_controls .btn {
        display: none;
        margin: 0 auto 15px;
        width: 100%;
        max-width: 280px;
    }

        .cabinet_delivery_controls .btn.active {
            display: block;
        }

    .cabinet_delivery_controls::after {
        position: absolute;
        z-index: 1;
        bottom: -60px;
        left: 50%;
        display: block;
        width: 90%;
        max-width: 990px;
        height: 60px;
        content: "";
        transform: translateX(-50%);
        background: radial-gradient( ellipse at center top, rgba(44, 67, 51, 0.24) 0%, rgba(44, 67, 51, 0.2) 10%, rgba(44, 67, 51, 0.09) 40%, rgba(44, 67, 51, 0.02) 70%, rgba(44, 67, 51, 0) );
    }

.cabinet_delivery_title .clone_controls {
    margin: 20px 0 20px 40px;
}

.form_transform__disabled .clone_controls {
    display: none;
}

.clone-btn {
    color: #00bcd9;
    font: bold 13px Arial, sans-serif;
    text-transform: uppercase;
    border: none;
    background: none;
    padding: 0;
    display: flex;
    cursor: pointer;
    align-items: center;
}

    .clone-btn .icon-plus {
        font-size: 7px;
        width: 25px;
        height: 25px;
        line-height: 23px;
        border-radius: 100%;
        border: 1px solid #00bcd9;
        margin: 0 8px 0 0;
    }

.clone-delete {
    display: none;
}

.clone-delete-btn {
    display: none;
}

    .clone-delete-btn.active {
        display: inline-block;
    }

/*#endregion X.X Cabinet delivery */

/*#region X.X Cabinet personal */

.cpt_wrap_item_body {
    margin: 0 0 27px;
}

    .cpt_wrap_item_body .cpt_readonly_item {
        margin: 23px 0 0 0;
    }

.cwih_name .pholder-buble {
    display: none;
}

.form_transform .cpt_wrap_item_head {
    margin-bottom: 25px;
}

.form_transform.form_transform__disabled .cpt_wrap_item_head {
    margin-bottom: 0;
}

    .form_transform.form_transform__disabled .cpt_wrap_item_head .cwih_name,
    .form_transform .cpt_wrap_item_head .cwih_name {
        margin: 0;
        padding: 0;
    }

        .form_transform .cpt_wrap_item_head .cwih_name input {
            font-size: 17px;
            font-style: normal;
            line-height: 35px;
            color: #004f6d;
        }

.form_transform .cpt_wrap_item_head .cwih_position {
    margin: 5px 0 0 0;
}

.form_transform.form_transform__disabled .cpt_wrap_item_head .cwih_position {
    margin: 0;
    padding: 0;
}

.cpt_wrap_item_body .clone_controls {
    margin: 20px 0 0;
}

.form_transform.form_transform__disabled .cpt_email_wrap,
.form_transform.form_transform__disabled .cpt_email {
    margin: 0;
}

.form_transform.form_transform__disabled .cpt_phone_wrap,
.form_transform.form_transform__disabled .cpt_phone {
    margin: 0;
}

.cpt_email_wrap {
    counter-reset: email-list;
    margin: 0 0 50px;
}

.cpt_email {
    margin: 0 0 27px;
}

.cpt_phone_wrap {
    counter-reset: phone-list;
    margin: 0 0 27px;
}

.cpt_phone {
    margin: 0 0 27px;
}

.form_transform.form_transform__disabled .cpt_subtitle,
.form_transform.form_transform__disabled .cpt_mark {
    display: none;
}

.cpt_subtitle {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    color: #004f6d;
    padding: 0 40px 17px 0;
    border-bottom: 1px solid #004f6d;
    position: relative;
}

.cpt_email_wrap .cpt_subtitle_inner::after {
    counter-increment: email-list;
    content: counter(email-list);
    margin-left: 0.25em;
}

.cpt_phone_wrap .cpt_subtitle_inner::after {
    counter-increment: phone-list;
    content: counter(phone-list);
    margin-left: 0.25em;
}

.cpt_subtitle .clone-delete-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    padding: 0;
    border-radius: 100%;
    border: 1px solid #a0a8af;
    font-size: 7px;
    color: #a0a8af;
    background: none;
    cursor: pointer;
    z-index: 1;
}

    .cpt_subtitle .clone-delete-btn:hover {
        color: #ff4a4a;
        border-color: #ff4a4a;
    }

.cpt_readonly_item {
    margin: 0 0 9px;
}

.cpt_readonly_item_title {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 4px;
    color: #b2b2b2;
}

.cpt_readonly_item_body {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 4px;
    color: #5996b3;
}
/*#endregion X.X Cabinet personal */

/*#endregion X Personal cabinet -------------------------- */

/* To top */

#toTop {
    font-size: 13px;
    line-height: 38px;
    position: fixed;
    z-index: 100;
    bottom: 25px;
    right: 20px;
    display: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    opacity: 1;
    color: #fff;
    border-radius: 32px;
    background: #00bcd9;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.17);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.17);
}

    #toTop:hover {
        background: #fad037;
    }

    #toTop [class^="icon-"] {
        line-height: inherit;
    }

/* To top (end)*/

.main-slider:not(.slick-initialized) .main-slider_item {
    display: none;
}

    .main-slider:not(.slick-initialized) .main-slider_item:first-child {
        display: block;
    }

.main-slider {
    overflow: hidden;
}

    .main-slider:not(.slick-initialized) .main-slider_item {
        display: none;
    }

        .main-slider:not(.slick-initialized) .main-slider_item:first-child {
            display: block;
        }