* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

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

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}


element.style {
}
a {
    text-decoration: none;
}


/*нельзя выделить картинки*/
img{
    user-select: none;
}

aside,
nav,
footer,
header,
section {
    display: block;
}
/*цвет выделенния текста*/
::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #7d7d7d;
}

::selection {
    color: #ffffff;
    background: #7d7d7d;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.4);

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff;
}

/*отключаем font-boosting */
html * {
    max-height: 1000000px;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;

}


html,
body {
    height: 100%;
    min-width: 320px;
    background-color: var(--main-background);
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    font-smooth:always;


}

input::-ms-clear {
    display: none;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: transparent;
    vertical-align:middle;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

ul {

    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

img {
    vertical-align: top;
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

/*Для того чтобы <input> в разных браузерах отображался как можно более одинаково необходимо добавить следующее:*/
input[type="text"] {
    font-family: inherit; /* 1 */
    font-size: inherit; /* 1 */
    line-height: inherit; /* 1 */
    margin: 0; /* 2 */
}

/*scrollbar style   Chrome/Edge/Safari */
body::-webkit-scrollbar {
    width: 10px;    /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
    background: var(--menu-hover);        /* цвет дорожки */
}

body::-webkit-scrollbar-thumb {
    background-color: var(--main-background);    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 1px solid #949494;  /* padding вокруг плашки */
}




/*body {*/
/*    overflow-y: scroll;*/
/*    scrollbar-width: none; !* Firefox *!*/
/*    -ms-overflow-style: none;  !* Internet Explorer 10+ *!*/
/*}*/
/*body::-webkit-scrollbar { !* WebKit *!*/
/*    width: 0;*/
/*    height: 0;*/
/*}*/

/*всегда показывать скролл */
body    {
    /*для Firefox*/

    overflow-y:scroll;
}

@-moz-document url-prefix() {
    body    {
        /*для Firefox*/
        scrollbar-width: thin;

    }
}

@font-face {
    font-family: 'ClearSans';
    src: url('/fonts/ClearSans-Regular.ttf') format('truetype');

    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ClearSans';
    src: url('/fonts/ClearSans-Medium.ttf') format('truetype');

    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ClearSans';
    src: url('/fonts/ClearSans-Bold.ttf') format('truetype');

    font-weight: bold;
    font-style: normal;
}



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

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

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

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

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

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

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

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



@font-face {
    font-family: 'Gunny';
    src: url('/fonts/gnyrwn971.ttf') format('truetype');

    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Контент*/
:root {
    --main-background: #1A1A1A;
    --component-background: #1e1e1e;
    --menu-hover: #3e3e3e;
    --line: #EFAF71;
    --white: rgb(255, 255, 255);
    --border-table:#5d5b5b;
    --grey: #BDBDBD;
}
.wrapper-page {
    display: flex;
    width: 100%;

    background-color: var(--main-background);
    justify-content: center;
}

.wrapper {
    display: flex;

    width: 100%;

    background-color: var(--main-background);
}
.page-area{
    display: flex;
    flex-direction: column;
    background-color: var(--main-background);
    width: 1200px;
}
.content-area{
    display: flex;
    flex-direction: column;
    background-color: var(--main-background);
}

.post-content {
    padding: 20px;
    margin: 0;
    padding-left: 40px;
    margin-left: 220px;
}
.navbar{
    display: flex;
    height: 60px;
    align-items: center;
    font-size: 14px;
    font-family: 'ClearSans';
    justify-content: space-between;

}
.navbar_logo{
    display: flex;
}
.navbar_menu{
    display: flex;
    align-items: center;
}
.navbar_menu_items{
    display: flex;

}

.navbar_menu_item>a{
    font-size: 14px;
    font-family: 'ClearSans';
    color: var(--white);
    cursor: pointer;
    padding-bottom: 2px;
    transition: all .4s ease-in-out;
}
.navbar_menu_item>a:hover{
    color: var(--line);
    border-bottom: 1px solid var(--line);

}

.navbar_menu_item>a:active{
    color: var(--white);
    border-bottom: 1px solid var(--white);

}
.navbar_menu_icons{
    display: flex;
    align-items: center;
    /*position: relative;*/

}
.navbar_menu_icon{
    cursor: pointer;
}
.basket_icon{
    position: relative;
}
.favourites_icon{
    position: relative;
}
.count_in_basket{
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 10px;
    width: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--line);
    color: var(--white);
    font-size: 10px;
    font-family: 'ClearSans';
    padding-bottom: 1px;
}
.count_in_favourites{
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 10px;
    width: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--line);
    color: var(--white);
    font-size: 10px;
    font-family: 'ClearSans';
    padding-bottom: 1px;
}
.sidebar {
    display: flex;
    position: fixed;
    width: 220px;
    min-height: 100vh;
    background-color: var(--component-background);

    flex-direction: column;
    padding-left: 0;
    padding-top: 20px;
    overflow: initial!important;
    overflow: hidden!important;
    height: 100%;

}

.sidebar-logo{
    display: flex;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 40px;
}

.sidebar-logo-img{
    display: flex;
    width: 100%;
}
.sidebar-logo-img img{
    width: 117px;
    height: 41px;
}

.sidebar-line{
    display: flex;
    padding-left: 20px;
    height: 40px;
    align-items: center;
    width: 100%;

}

.sidebar-line:hover{
    background-color: var(--menu-hover);
}
.sidebar-line-img{
    display: flex;
    align-items: center;
}

.sidebar-line-img img{
    width: 18px;
    height: 18px;
}
.sidebar-line-text{
    color: #ffffff;
    font-size: 18px;
    font-family: 'ClearSans';
    cursor: pointer;
    transition: all .4s ease-in-out;
    opacity: 0.6;
}
a.sidebar-line-a
{
    text-decoration: none;
    width: 100%;
    display: flex;
    height: 40px;
    align-items: center;
    box-sizing: border-box;
}

.selected_item{
    background-color: var(--line);
    color: #FFFFFF;
    opacity: 1!important;
}
.selected_item2{
    opacity: 1!important;
}
.sidebar-line-a{
    display: flex;

}
.content-area{
    display: flex;
    width: 100%;
    flex-direction: column;
    color: #ffffff;
    font-size: 18px;
    font-family: 'ClearSans';

}
.content-area-page{
    display: flex;
    width: 100%;

}
.zagolovok {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
}

.zagolovok-title {
    font-size: 64px;
    font-family: 'Gunny';
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.zagolovok-title-small {
    font-size: 22px;
    font-family: 'ClearSans';
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.zagolovok-subtitle-small {
    font-size: 18px;
    font-family: 'ClearSans';
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.half-page{
    display: flex;
    width: 600px;
    flex-direction: column;
}

.mb-5{
    margin-bottom: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-20{
    margin-bottom: 20px;
}

.mb-25{
    margin-bottom: 25px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}

.mt-5{
    margin-top: 5px!important;
}
.mt-10{
    margin-top: 10px!important;
}
.mt-15{
    margin-top: 15px!important;
}
.mt-20{
    margin-top: 20px!important;
}
.mt-25{
    margin-top: 20px!important;
}
.mt-30{
    margin-top: 30px!important;
}

.mt-35{
    margin-top: 35px!important;
}
.mt-40{
    margin-top: 40px!important;
}
.mt-60{
    margin-top: 60px!important;
}
.mt-65{
    margin-top: 65px!important;
}
.mt-80{
    margin-top: 80px!important;
}
.mt-100{
    margin-top: 100px!important;
}
.mt-200{
    margin-top: 200px!important;
}

.mt-120{
    margin-top: 120px!important;
}
.mt-14{
    margin-top: 14px!important;
}
.ml-5{
    margin-left: 5px;
}
.ml-10{
    margin-left: 10px;
}
.ml-20{
    margin-left: 20px;
}
.ml-40{
    margin-left: 40px;
}
.data-area{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--component-background);
    padding: 25px;
    border-radius: 10px;

}

.button, .button a{
    display: flex;
    user-select: none;
    width: max-content;
    height: 53px;
    border-radius: 50%;
    border: 1px solid var(--line);
    color: var(--line);
    font-family: ClearSans;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0 30px;
    transition: box-shadow 0.5s;
    box-shadow: 0 0 3px 1px var(--line);
    font-weight: bold;
    letter-spacing: 1px;
    transition: all .3s ease-in-out;

}

.inactive_button{
    opacity: 0.5!important;
}

.button:hover{
    /*animation: pulse2 1s infinite;*/
    -webkit-box-shadow: inset 0 0 30px rgba(239, 175, 113, 0.39);
    -moz-box-shadow: inset 0 0 30px rgba(239, 175, 113, 0.39);
    box-shadow: inset 0 0 30px rgba(239, 175, 113, 0.39);

}

.button:active{
    background-color: var(--line);
    color: var(--white);
}

.text-label {
    font-family: ClearSans;
    font-size: 16px;
    color: var(--white);
    opacity: 0.6;
    margin-bottom: 6px;
}
.delete-label {

    font-family: ClearSans;
    font-size: 16px;
    color: var(--white);
    opacity: 0.6;
    margin-left: auto;
    cursor: pointer;
}
.text-field__label{
    font-size: 16px!important;
}

.text-field_floating-2 {
    position: relative;
    display: flex;
    flex-direction: column;

}

.text-field_floating-2 .text-field__label{
    font-family: ClearSans;
    top: 16px;
    color:  var(--line);
    font-size: 14px!important;

}
.text-field_floating-2 .text-field__input {
    height: 40px;
    padding-left: 15px;
    font-family: ClearSans;
    color: var(--white);
    font-size: 16px!important;
    background-color: transparent;
    border: 1px solid var(--line);
    border-radius: 12px;
    width: 100%;
    /* заменяет margin top*/
    padding-bottom: 3px;
    cursor: text!important;
}

/*не заполнен инпут*/
.text-field_floating-2 .text-field__input:placeholder-shown {
    border: 1px solid rgba(239, 175, 113, 0.5); /* Red border only if the input is empty */
}

.text-field_floating-2 .text-field__input:hover {
    border: 1px solid rgba(239, 175, 113, 1);
    box-shadow: 0 0 2px 2px rgba(239, 175, 113, 0.3);


}

.text-field__input:hover {
    border: 1px solid rgba(239, 175, 113, 1);
    box-shadow: 0 0 1px 2px rgba(239, 175, 113, 0.3);
}
.text-field_floating-2 .text-field__input:focus {
    border: 1px solid rgba(239, 175, 113, 1);

}

.text-field_floating-2 .text-field__input::-moz-placeholder {
    color: transparent;
}

.text-field_floating-2 .text-field__input::placeholder {
    color: transparent;
}

.text-field_floating-2 .text-field__input:focus~.text-field__label,
.text-field_floating-2 .text-field__input:not(:placeholder-shown)~.text-field__label {
    top: -12px;
    left: -10px;
    transform: translateY(-50%) scale(0.75);
}

.text-field_floating-2 .text-field__label {
    position: absolute;
    top: 19px;
    left: 0.3125rem;
    display: flex;
    font-size: 14px;
    font-family: ClearSans;
    transform: translateY(-50%);
    pointer-events: none;
    border: none;

    /*background-color:#f7fafe;*/
    color: rgba(255, 255, 255, 0.4);
    padding-left: 8px;
    padding-right: 8px;
    transition: top 0.1s ease-in-out, scale 0.1s ease-in-out;
}

.text-field_floating-2 .text-field__input::-moz-placeholder {
    color: transparent;
}

.text-field_floating-2 .text-field__input::placeholder {
    color: transparent;
}
.text-field_floating-2{
    margin-right: 0;
}
.alert {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 0.9375rem;
    border: 1px solid;
    position: relative;
}
.alert .btn { padding: 3px 12px; }
.alert .alert-icon i { font-size: 32px; vertical-align: middle; }
.alert {

    line-height: 22px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-family: ClearSans;
    font-size: 16px;
    margin: 0 25px;
}
.alert-light-danger {
    color: var(--line);

}
.alert-light-success {
    color: #1abc9c;
}

.table{
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: ClearSans;
    font-size: 16px;
    background-color: var(--menu-hover);
    padding: 8px;
    border-radius: 10px;
    padding-bottom: 15px;
}
.table-header{
    display: flex;
    background-color: #282626;
    padding: 7px;
    opacity: 0.6;

}
.table-raw{
    display: flex;
    padding-left: 7px;
    padding-right: 7px;
    border-bottom: 1px solid #5d5b5b;
    align-items: center;
}

.table-raw:hover{
    background-color: #5d5b5b;

}
.table-header-item{
    display: flex;
    padding: 7px;
    align-items: center;
}
.table-header-item a{
    color: var(--white);
    margin-right: 5px;
}
.table-item{
    display: flex;
    padding: 7px;
    align-items: center;
}
.tools{
    display: flex;
    flex-direction: row;
    border-bottom: none;
    align-items: center;
}
.tools a{

    border-bottom: none;
}
.tool{
    width: 30px;
    margin-right: 5px;
    cursor: pointer;
}
.tool img{
    max-width: 100%;
}
.tools_item{
    display: flex;
    align-items: center;
}
@keyframes popup-in {
    0%{

        transform: translate(-50%, -50%) scale(0);
    }
    50%{
        transform:  translate(-50%, -50%)  scale(1.1);

    }

    100%{
        transform:  translate(-50%, -50%)  scale(1);

    }
}
@keyframes popup-out {
    0%{

        transform: translate(-50%, -50%) scale(1);
    }
    50%{
        transform:  translate(-50%, -50%)  scale(1.1);

    }

    100%{
        transform:  translate(-50%, -50%)  scale(0);

    }
}
.popup_window{

    min-width: 320px;
    min-height: 200px;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    position: fixed;

    padding: 15px;
    background-color: rgba(30, 30, 30, 0.75);

    backdrop-filter: blur(15px);


    border: 1px solid rgba(255, 255, 255, 0.10);
    top: calc(50% - 35px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    z-index: 999999;
    opacity: 0;
}
#popup_error{
    z-index: 9999999;
}
.computer_popup{
    width: 549px;
    height: 452px;
    max-width: 549px!important;
}
.show{
    display: flex!important;
    opacity: 1!important;
    animation: popup-in 0.7s;
}

.hide{
    display: none;
    animation: popup-out 0.7s;
}

.popup_window_header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'ClearSans';
    font-size: 22px;
    color: var(--white);
}

.popup_window_header_caption{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10px;
}

.popup_window_header_caption2{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 48px;
    font-family: 'ClearSans';
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
}

.popup_window_header_img{
    display: flex;
    width: 50px;
    height: 50px;
    flex-shrink: 0;

}

.popup_window_header_img img{
    width: 50px;
    height: 50px;
}

.popup_window_header_text{
    display: flex;
    max-width: 320px;
    text-align: center;
    padding: 10px;

    font-family: 'ClearSans';
    font-size: 16px;
    line-height: 1.2;
}
.close_popup_window{
    font-family: 'ClearSans';
    color: var(--white);
    position: absolute;
    top: 2px;
    right: 16px;
    font-size: 25px;
    cursor: pointer;
    user-select: none;
}

.close_popup_window2 {
    font-family: 'ClearSans';
    color: var(--white);
    position: absolute;
    top: 25px;
    right: 40px;
    font-size: 29px;
    cursor: pointer;
    user-select: none;
}
/* FILE UPLOAD */
.file_upload{
    position: relative;
    overflow: hidden;

    height: 40px;           /* example */
    line-height: 1;      /* the same as height */

    font-size: 16px!important;
    display: flex;
    align-items: center;


    transition: box-shadow 0.1s linear;


    font-family: ClearSans!important;
    color: var(--white);
    font-size: 16px!important;
    background-color: transparent;
    border: 1px solid  var(--line);
    border-radius: 12px;
    width: 100%;
    padding-bottom: 5px;

}
.file_upload > button{

}
.file_upload > div{
    padding-left: 12px;
}

.file_upload input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    -ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer
}

/* Making it beautiful */

.file_upload > button{
    background: rgba(239, 175, 113, 0.33);
    transition: background 0.2s;

    color: rgba(255, 255, 255, 0.6);
    font-family: ClearSans!important;

    font-size: 16px!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    height: 46px!important;
    float: right;
    width: 112px;
    height: 100%;
    margin-top: 2px;
}
.file_upload:hover > button{
    background: rgba(239, 175, 113, 0.66);
    color: rgba(255, 255, 255, 0.8);

}
.file_upload:active > button{
    background: rgba(239, 175, 113, 1);
    color: rgba(255, 255, 255, 1);
}
.mt-m5{
    margin-top: -5px;
}
.my_select{
    display: flex;
    width: 48px;
    height: 26px;
    border: 2px solid #828282;
    position: relative;
    border-radius: 2px;
    cursor: pointer;
    color: var(--white);
}
.my_select_selector{
    display: flex;
    background-color: #828282;
    position: absolute;
    right: 0;
    top: -2px;
    height: 26px;
    width: 18px;

}
.my_select_selector_value{
    display: flex;
    position: absolute;
    left: 4px;
    top: 3px;
}
.my_select_values{
    display: flex;
    margin-top: 26px;
    flex-direction: column;
    position: absolute;
    top: -3px;
    left: -2px;

}
.strelka{
    animation: updown 2s ease infinite;
}
@keyframes updown {
    0% {
        transform: translateY(-40%);
    }

    50% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(-40%);
    }
}
.no_bb{
    border-bottom: none!important;
}
.no_bt{
    border-top: none!important;
}

.my_select_values_item{
    display: flex;
    height: 23px;
    width: 48px;
    border: 2px solid #828282;
    align-items: center;
    padding-left: 3px;
    padding-bottom: 2px;
}
.my_select_values_item:hover{
    background-color: #858585;
}
.showSelect{
    display: flex!important;
}
.index_block{
    display: flex;
    width: 100%;
    height: 446px;
    margin-top: 70px;
}
.index_block1{
    display: flex;
    flex-direction: column;
    width: 473px;
    margin-top: 70px;
}

.index_block2{
    display: flex;
    width: 392px;
    margin-left: 60px;
}
.index_block2 img{

    max-width: 100%;
}

.index_block3{
    display: flex;
    flex-direction: column;
    width: 247px;
    justify-content: end;
}
.index_caption2{
    display: flex;
    width: 100%;
    font-family: 'Gunny';
    font-size: 48px;
    color: var(--white);

}

.index_caption{
    display: flex;
    width: 100%;
    font-family: 'Gunny';
    font-size: 64px;
    color: var(--white);
}

.index_text{
    display: flex;
    width: 323px;
    line-height: 28px;

    font-family: 'ClearSans';
    font-size: 20px;
    color: var(--white);
}
.mt-45{
    margin-top: 45px;
}
.mt-50{
    margin-top: 50px!important;
}

.mt-60{
    margin-top: 60px!important;
}
.mt-150{
    margin-top: 150px;
}

.mt-70{
    margin-top: 70px;
}

.index_about{
     display: flex;
     width: 100%;
    justify-content: space-between;
}

.index_about1{
    display: flex;
    flex-direction: column;
    width: 535px;
}

.index_about4{
     display: flex;
     flex-direction: column;
     width: 579px;
 }

.index_about3{
    display: flex;
    flex-direction: column;
    width: 493px;
    margin-top: -50px;
}

.index_about_caption{
    display: flex;
    lign-items: center;
    font-family: 'Gunny';
    font-size: 64px;
    color: var(--white);
}

.index_about_text{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 18px;
    color: var(--white);
    line-height: 1.3;
    color: rgba(255, 255, 255,0.8);
}

.index_about_text20{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 20px;
    font-weight: bold;

    line-height: 1.3;
    color: rgba(255, 255, 255,0.8);
}
.index_about_text22{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 22px;
    font-weight: bold;

    line-height: 1.3;
    color: rgba(255, 255, 255,0.8);
}

.index_about_small_caption {
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 28px;
    color: var(--white);
    line-height: 1.3;
}
.index_about_smalltext{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 14px;
    color: var(--white);
    line-height: 1.3;
    text-align: justify;
    color: rgba(255, 255, 255,0.6);

}
.index_about_smalltext2{
     display: flex;
     width: 100%;
     font-family: 'ClearSans';
     font-size: 14px;
     color: var(--white);
     line-height: 1.35;
     text-align: justify;
 }
.index_about_smalltext2_grey{
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 14px;
    color: var(--white);
    line-height: 1.35;

    color: rgba(255, 255, 255,0.6);
}
.index_question{
     display: flex;
     width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
 }
.index_question1{
    display: flex;
    width: 386px;
    font-family: 'Gunny';
    font-size: 48px;
    color: var(--white);
}
.index_question2{
     display: flex;

    align-items: center;
    justify-content: center;
     width: 710px;
     height: 412px;
     color: var(--white);
    border-top-left-radius: 206px;
    border-bottom-left-radius: 206px;
    -moz-border-radius-topleft: 206px;
    -moz-border-radius-bottomright: 206px;
    background-color: var(--component-background);

 }
.index_question2_social{
    display: flex;
    width: 348px;
    justify-content: space-between;
    margin-left: 45px;
}
.index_question3_social{
    display: flex;
    width: 348px;
    justify-content: space-between;

}
#telegram{
    width: 50px;
    height: 51px;
    cursor: pointer;
}
.index_question3_strelka{
    display: flex;
    position: absolute;
    top: 187px;
    width: 209px;
    height: 47px;
    left: 405px;
    animation: leftright 2s ease infinite;
}
#telegram:hover,#email:hover,#whats_up:hover{
    -webkit-filter: drop-shadow( 0px 0px 3px  rgba(243, 182, 133, 0.7));
    filter: drop-shadow( 0px 0px 3px rgba(239, 175, 113, 0.7));
    cursor: pointer;
}

#telegram:active,#email:active,#whats_up:active{
    filter:  brightness(0) invert(1);
}


@keyframes leftright {
    0% {
        transform: translate(20%, 0);
    }

    50% {
        transform: translate(0%, 0);
    }

    100% {
        transform: translate(20%, 0);
    }
}
.footer{
    display: flex;
    justify-content: center;
    width: 100%;
    border-top: 1px solid var(--line);
    background-color: var(--main-background);
    padding: 25px 0;
}
.footer-area{
    display: flex;

    background-color: var(--main-background);
    width: 1200px;
    padding-bottom: 5px;
}

.footer-column1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-logo-img{
    display: flex;
    width: 100%;
}
.footer-logo-img img{
    width: 101px;
    height: 35px;
}
.footer-copyright-text{
    display: flex;
    flex-direction: column;
    font-family: 'ClearSans';
    font-size: 12px;
    opacity: 0.6;
    color: var(--white);

}
.footer-link{
    font-family: 'ClearSans';
    font-size: 16px;
    opacity: 0.6;
    color: var(--white);
    cursor: pointer;
}
.footer-link:hover{
    opacity: 1;
    color: var(--line);
}

.footer-column4{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: 70px;
}
.footer-column4-social{
display: flex;
    align-items: baseline;
    font-family: 'ClearSans';
    font-size: 22px;
cursor: pointer;
    color: var(--line);
}
.footer-column4-social-img{
    display: flex;
    width: 20px;
    height: 12px;
    margin-left: 20px;
}
.footer-column4-social-img img{
    width: 20px;
    height: 12px;
}
.underline{
    border-bottom: 1px solid var(--white);

}

.pulse2{
    animation: pulse2 3s infinite;
}


@keyframes pulse2 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(239, 175, 113, 0.6);
        box-shadow: 0 0 0 0 rgba(239, 175, 113, 0.6);
    }
    70% {
        -moz-box-shadow: 0 0 0 40px rgba(204,169,44, 0);
        box-shadow: 0 0 0 40px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
.caption_main{
    display: flex;
    width: 100%;
    font-family: 'Gunny';
    font-size: 64px;
    color: var(--white);
    margin-top: 70px;
}
.product-card{
    display: flex;
    width: 580px;
    height: 580px;
    background-color: var(--component-background);

    border-radius: 12px;
    position: relative;
cursor:pointer;


}
.product-card img{
    max-width: 100%;
    max-height: 100%;


    margin: auto;


    opacity: 1;
    z-index: 999;
}

.hidden{
    opacity:0!important;
    transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
}

.product-info{
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    position: absolute;
    bottom: 22px;
    left: 0;
}
.product-title{
    display: flex;
    font-family: 'ClearSans';
    font-size: 20px;
    font-weight: bold;
    color: var(--white);
    text-align: center;
    padding: 0 15px;
}
.product-material{
    display: flex;
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    padding: 0 15px;
}
.product-price{
    display: flex;
    font-family: 'ClearSans';
    font-size: 20px;
    color: var(--line);
    font-weight: bold;
}
.vert_padding{
    padding: 70px;
    padding-bottom: 115px;
}
.vert_padding2{
    padding: 70px;
}
.border-radius12{
    border-radius: 12px;
}
.gallery_main{
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    margin-top: 80px;
    position: relative;
}
.mr_gallery{
margin-right: 36px;
}
.otstup_column2{
     margin-top: 100px;
 }

.mt_20_gallery{
    margin-top: -20px;
}

.mt_80_gallery{
    margin-top: 80px;
}

.mt_40_favourite{
    margin-top: 40px;
}

.mt_80_favourite{
    margin-top: 60px;
}

.product_page{
    display: flex;
}
.product_part1,.product_part2{
    display: flex;
    flex-direction: column;

    position: relative;
}
.favourite{
    display: flex;
    position: absolute;
    top: 4px;
    right: -4px;
    cursor: pointer;
}

.favourite-image{
    width: 26px;
    height: 23px;
}

.mt-0{
    margin-top: 0px!important;
}

.mt-23-product{
    margin-top: 23px;
}
.mr35-product{
    margin-right: 35px;
}
.mr0{
    margin-right: 0px!important;
}

.ml0{
    margin-left: 0px!important;
}
.product-card-cena{
    display: flex;
    font-family: 'ClearSans';
    font-size: 36px;
    color: var(--line);
    width: 100%;
    transition: all .4s ease-in-out;
}
.product-card-material{
    display: flex;
    font-family: 'ClearSans';
    font-size: 18px;
    color: var(--white);
    width: 100%;
    margin-top: 23px;
}
.product-card-size{
    display: flex;
    font-family: 'ClearSans';
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    margin-top: 8px;
}
.product-card-comment{
    display: flex;
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    margin-top: 25px;
    line-height: 1.35;
}
.product-card-history{
    display: flex;
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    margin-top: 30px;
    line-height: 1.35;
}
.product-card-checkboxes{
    display: flex;
    width: 100%;
    margin-top: 40px;
}
.my_checkbox{
    display: flex;
    width: 26px;
    height: 26px;
    border: 2px solid #828282;
    position:relative;
}
.my_checkbox_label{
    display: flex;
    font-family: 'ClearSans';
    font-size: 18px;
    color: var(--white);
    margin-left: 12px;
    text-transform: uppercase;
}
.sale_label{
    display: flex;
    font-family: 'ClearSans';
    font-size: 18px;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
}
.basket_label{
    display: flex;
    font-family: 'ClearSans';
    font-size: 28px;
    color: var(--line);
    margin-left: 50px;

    align-items: center;
}
.product-card-checkbox{
    display: flex;
    align-items: center;
}

.check::after{
    content:url('/image/svg/check.svg'); /* with class ModalCarrot ??*/
    position:relative; /*or absolute*/
    z-index:999; /*a number that's more than the modal box*/
    left: 2px;
    top: 4px;
    width: 26px;
    height: 26px;
}

.product-card-description{
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.35;
}

.product-card-description a{
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.35;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    cursor: pointer;

}
.product-card-description-caption{
    font-family: 'ClearSans';
    font-size: 18px;
    color: #ffffff;
}
.product-card-description a:hover{
    color: var(--line);
    border-bottom: 1px solid var(--line);
}
.basket_row{
display: flex;
}


/*переключатель*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #857d7d;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #efaf71;
}

input:focus + .slider {
    box-shadow: 0 0 1px #efaf71;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/*переключатель*/

.product-links{
    display: flex;
}
.product-link{
    display: flex;
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding-bottom: 1px;
    cursor: pointer;
}
.product-link:hover{
    color: var(--line);
    border-bottom: 1px solid var(--line);
}
.product-link:active{
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255,1);
}

.basket_product_popup{
    display: flex;
    padding: 25px;
    padding-right: 40px;
    border-top: 1px solid rgba(255, 255, 255,0.1);
    backdrop-filter: blur(0px) brightness(1.15);
}

.basket_product{
    display: flex;
    margin-top: 20px;
    padding: 15px;
}
.basket_product_image{
    display: flex;
    width: 136px;
    height: 136px;
    background-color: var(--component-background);
    position: relative;
    padding: 25px;
    border-radius: 12px;
}

.basket_product_image img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    opacity: 1;
    z-index: 999;
}
.basket_product_info{
    display: flex;
    flex-direction: column;
    margin-left: 35px;
    margin-top: 20px;
    flex-grow: 1
}
.basket_product_info_name{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.8px;
}
.mt-11{
    margin-top: 11px!important;
}
.basket_product_info_material{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 14px;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 6px;
}

.basket_attention_block{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.basket_attention_text{
    display: flex;

    font-family: 'ClearSans';
    font-size: 14px;

    color: rgba(255, 255, 255, 0.8);
}
.basket_attention_pay{
    font-family: 'ClearSans';
    font-size: 18px;
    color: var(--line);
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}
.basket_attention_pay:hover{
    color: rgba(255, 255, 255, 1);
}
.basket_raw{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 5px;
    align-items: baseline;
}
.basket_raw_type{
    display: flex;

    font-family: 'ClearSans';
    font-size: 14px;

    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap
}
.basket_raw_price{
    display: flex;

    font-family: 'ClearSans';
    font-size: 20px;
    white-space: nowrap;
    color: var(--line);
    margin-right: 10px;
    font-weight: bold;
}
.basket_product_footer{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.basket_ok{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 18px;
    color: #ffffff;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
}
.product-card-gallery{
    display: flex;
    width: 580px;
    height: 120px;
    margin-top: 40px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;

    user-select: none;
}


.gallery-item{
    display: flex;
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    flex-shrink:0;
}

.about-gallery{
    display: flex;
    width: 100%;
    height: 195px;
    margin-top: 40px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;

    user-select: none;
}
.gallery-item-about{
    display: flex;
    width: 274px;
    height: 194px;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    background-size: 100%;
    content: "";
    background-repeat: no-repeat;
    background-color: #ffffff;
    position: relative;
    opacity: 0.5;
    transition: all .3s ease-in-out;
}
.gallery-item-about:hover{
    /*opacity: 1;*/
}
.opacity1{
    opacity: 1!important;
}
.gallery-lupa-about{
    display: flex;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
}
.gallery-lupa-product{
    display: flex;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
    opacity: 0.6!important;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.gallery-lupa-product:hover{
    opacity: 0.8!important;
}
.gallery-slider-about {
    width: 100%;
    height: 194px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.gallery-slider {
    width: 100%;
    height: 120px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.slider-arrow{
    display: flex;
    width: 30px;
    height: 30px;
}
.slider-arrow-about{
    display: flex;
    width: 40px;
    height: 40px;
}
.gallery-arrow {
    width: 30px;
    height: 30px;
}
.gallery-arrow-about {
    width: 40px;
    height: 40px;
}
.gallery-arrow1 {
    position: absolute;
    top: 45px;
    left: 15px;
    z-index: 99;

    cursor: pointer;
}
.gallery-arrow2 {
    position: absolute;
    top: 45px;
    right: 15px;
    z-index: 99;

    cursor: pointer;
}
.gallery-about-arrow1 {
    position: absolute;
    top: 77px;
    left: 117px;
    z-index: 99;

    cursor: pointer;
}
.gallery-about-arrow2 {
    position: absolute;
    top: 77px;
    right: 425px;
    z-index: 99;

    cursor: pointer;
}
.gallery-about-bigarrow1{
    display: flex;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 100px;*/
    z-index: 99;
    align-self: center;
    cursor: pointer;
    margin-right: 170px;
}
.gallery-about-bigarrow2{
    display: flex;
    /*position: absolute;*/
    /*top: 50%;*/
    /*right: 100px;*/
    z-index: 99;
    align-self: center;
    cursor: pointer;
    margin-left: 170px;
}
.card-small-image{
    max-width: 100%;
}
.content_main{
    display: flex;
    flex-direction: column;
    width: 888px;
}
.line_erase{
    display: flex;
    width: 100%;
    margin-top: 30px;
    justify-content: flex-end;
}
.erase_all{
    font-family: 'ClearSans';
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}
.basket_total{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 28px;
    color: rgba(255, 255, 255, 1);
    margin-top: 38px;
    justify-content: space-between;
    font-weight: bold;
}
.basket_text{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 12px;
    line-height: 1.35;
    text-align: justify;
    color: rgba(255, 255, 255, 0.6);
}
.back_line{
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 70px;
}
.back_line_img{
    display: flex;
    width: 15px;
    height: 15px;
}
.back_line_img img{

    width: 15px;
    height: 15px;
}
.back_line_text{
    font-family: 'ClearSans';
    font-size: 16px;
    color: #BDBDBD;
    margin-left: 5px;
}
.mt-38{
    margin-top: 38px!important;
}
.basket_total_count{
    display: flex;
    justify-content: flex-end;
    font-family: 'ClearSans';
    font-size: 16px;
    color: #ffffff;
    margin-top: 5px;
}
.basket_product_delete{
    display: flex;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 25px;
    cursor: pointer;

}
.basket_product_delete_popup{
    display: flex;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;

}
.basket_product_delete_popup_a{
    display: flex;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 38px;
    top: 32px;
    cursor: pointer;

}
.basket_product_delete img{
    width: 20px;
    height: 20px;
 }
.basket_product_delete_popup img{
    width: 20px;
    height: 20px;
}

.basket_product_delete_popup_a img{
    width: 25px;
    height: 25px;
}


.no_products{
    display: flex;

    font-family: 'ClearSans';
    font-size: 18px;
    color: #ffffff;
    margin-top: 30px;
}
.basket_client_area{
    padding: 43px 69px;
    display: flex;
    width: 100%;
    flex-direction: column;
    background-color: var(--component-background);
    margin-top: 77px;
}


.basket_client_line{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 20px;
    color: #ffffff;
}

.basket-text-label {
    font-family: ClearSans;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 6px;
}
.basket_client_form{
    display: flex;
    width: 100%;

}
.basket-component{
    display: flex;
    width: 360px;
    flex-direction: column;
    margin-top: 20px;

}.mr-120c{
     margin-right: 120px;
 }
.mr-100c{
    margin-right: 100px;
}
.mr-30c{
    margin-right: 30px;
}
.mr-20c{
    margin-right: 20px;
}
.mr-25c{
    margin-right: 25px;
}
.mb-0c{
     margin-bottom: 0px!important;
 }
.selector{
    display: flex;
    position: relative;
    align-items: center;
    height: 40px;
    padding-left: 15px;
    font-family: ClearSans;
    color:  rgba(255, 255, 255, 0.4);
    font-size: 14px!important;
    background-color: transparent;
    border: 1px solid rgba(239, 175, 113, 0.5);
    border-radius: 12px;
    width: 100%;
    cursor: pointer;
}
.selector_image{
    display: flex;
    width: 18px;
    height: 18px;

}

.selector_checked{
    color:  rgba(255, 255, 255, 1);
    border: 1px solid rgba(239, 175, 113, 1);
}

.selector_image img{
    position: absolute;
    top: 11px;
    right: 11px;
    width: 18px;
    height: 18px;
}
.sdek_variant{
    display: none;
}
.pochta_variant{
    display: none;
}
.total_sum{
    display: flex;

    font-family: 'ClearSans';
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;

}
.comment{
    display: flex;
    width: 100%;
    height: 100px;
    font-family: ClearSans;
    color: var(--white);
    font-size: 14px;
    background-color: transparent;
    border: 1px solid var(--line);
    border-radius: 12px;

    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.comment:placeholder-shown {
    border: 1px solid rgba(239, 175, 113, 0.5); /* Red border only if the input is empty */
}
.comment:hover {
    border: 1px solid rgba(239, 175, 113, 1);
    box-shadow: 0 0 1px 2px rgba(239, 175, 113, 0.3);
}
.comment:active {
    border: 1px solid rgba(239, 175, 113, 1);

}
.checkbox_agree_component{
    display: flex;

}
.checkbox_agree{
    display: flex;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    position:relative;
    cursor: pointer;
}
.checkbox_agree_label{
    display: flex;
    font-family: 'ClearSans';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 12px;
}
.set_check::after{

    position:relative; /*or absolute*/
    z-index:999; /*a number that's more than the modal box*/
    left: 1px;
    top: 1px;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    content:"";
    background-image: url('/image/svg/check.svg');
    background-repeat: no-repeat;
}
.order_info_line{
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
}
.order_info_line1{
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}
.basket_go_lk{
    font-family: 'ClearSans';
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: var(--line);
}

.order_thx{
    font-family: 'ClearSans';
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
}
/*пагинация*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 2px 10px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #bdbdbd;
    background-color: transparent;
    border: 1px solid rgba(62, 62, 62, 0.34);
    border-color: #4f4f4f;
    margin-left: -1px;
    font-size: 18px;
    font-family: 'ClearSans';
    margin-right: 10px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: var(--line);
    background-color: #141414;
    border-color: var(--border-table);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: transparent;
    border-color: var(--line);
    cursor: default;

    padding: 2px 10px;




    font-size: 18px;
    font-family: 'ClearSans';

}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: transparent;
    border-color: var(--border-table);
    cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    font-family: 'ClearSans';
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    font-family: 'ClearSans';
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*пагинация*/

/* Select */
select {


    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;


}

.select {

    width: 100%;
    position: relative;
    border: 1px solid var(--line);
    border-radius: 12px;
    background-color: transparent;
    color: var(--line);
    font-family: 'ClearSans'!important;
    font-size: 14px!important;
    font-weight: 400;
    /*padding: 9px 24px 10px 12px;*/
    z-index: 1000;
    cursor: pointer;
}

.new-select {
    position: relative;

    padding: 13px 15px 9px 18px;
    cursor: pointer;
    user-select: none;
    height: 40px;
    background-color: transparent;
    color: var(--line);
    font-family: 'ClearSans'!important;
    font-size: 14px!important;
    font-weight: 400;
    z-index: 1000;
}

.new-select__list {
    position: absolute;
    top: 45px;
    left: 0;

    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: var(--component-background);
    user-select: none;
    color: #fff;
    font-family: 'ClearSans'!important;
    font-size: 14px!important;
    font-weight: 400;
    z-index: 1000;
}
.new-select__list:hover{

}

.new-select__list.on {
    display: block;
}

.new-select__item span {
    display: block;
    padding: 10px 15px;
    z-index: 1000;
}

.new-select__item span:hover {
    color: var(--line);
}

.new-select:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 9px;
    top: 9px;

    opacity: 0.6;

    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select_arrow{
    display: flex;
    width: 10px;
    height: 10px;
    opacity: 0.4;
}

.select_arrow{
    display: flex;
    width: 11px;
    height: 6px;
    position: absolute;
    top: 18px;
    right: 19px;
}
.select_arrow img{

    width: 11px;
    height: 6px;
}

.select_container{
    display: flex;
    position: relative;

}
option {
    background-color: var(--component-background);

    padding:15px;
}

.select select:focus {
    outline: 0;
    border-color: var(--line);
}
/* Select */
.select_status{
    width: 300px;
}

.button_line{
    display: flex;
    justify-content: flex-end;
}
.status_line{
    display: flex;
    align-items: center;
}
.result_save{
    display: flex;
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 10px;
    position: absolute;
    right: -85px;
}
.statement_area{
    display: flex;
    width: 100%;
    flex-direction: column;
    background-color: var(--component-background);
    border-radius: 12px;
    padding: 76px 154px ;
}
.statement{
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255,0.6);

}
.statement_text{
    display: block;

    width: 100%;

    font-family: 'ClearSans';
    font-size: 20px;
    color: rgba(255, 255, 255,0.8);
    line-height: 1.3;
    white-space: normal;
}
.statement_text .strong{
    display: inline;
    font-weight: bold;

}
.about_caption{
    display: flex;
    width: 100%;

    font-family: 'ClearSans';
    font-size: 32px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 144px;
}
#detail-galery{
    background-color: var(--main-background);
    overflow: hidden;

}
.overlay {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 99999;
    left: 0;
    top: 0;
    background-color: #ffffff;
    overflow: scroll;
    transition: 0.5s;
    display: none;
    justify-content: center;
}
#close-galery{
    display: flex;
    position: absolute;
    top: 60px;
    right: 120px;
    color: #e4dcdc;
    font-size: 34px;
    font-family: 'ClearSans';
    cursor: pointer;
    transition: all .4s ease-in-out;
    opacity: 1;
}
#close-galery:hover{
    opacity: 1;
}
.wrapper-galery{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 145px 290px;
    align-self: center;
    justify-content: center;
    position: relative;

}
.image-galery{
    display: flex;

    position: relative;
    justify-content: center;
    width: 860px;
    height: 610px;
    transition: all .4s ease-in-out;
}
.image-galery img{

    max-width: 860px;
    max-height: 610px;
}
.center_block{
    display: flex;
    width: 100%;
    justify-content: center;
}
.center_page{

display: flex;
    flex-direction: column;
    align-items: center;

}
.text-galery{
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
    font-size: 34px;
    font-family: 'ClearSans';
    color: rgba(255, 255, 255, 0.6);
}
.center_page_block{
    display: flex;

    font-family: 'Gunny';
    font-size: 350px;
    color: rgba(255, 255, 255, 1);
}
.center_page_text{
    display: flex;
    width: 359px;
    font-family: 'ClearSans';
    font-size: 18px;
    color: rgba(255, 255, 255,1);
    text-align: center;
    line-height: 1.3;
}
.random_row{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.random_row_caption{
    font-family: 'ClearSans';
    font-size: 32px;
    color: rgba(255, 255, 255,0.8);
}
.random_row_cards{
    display: flex;
    width: 100%;
    justify-content: space-between;
}


.product-card-random{
    display: flex;
    justify-content: space-between;
    width: 274px;
    height: 274px;
    background-color: var(--component-background);
    position: relative;
    cursor:pointer;
    overflow: hidden;
    transition: all .4s ease-in-out;
    border-radius: 12px;
}
.product-card-random img{
    max-width: 100%;
    max-height: 100%;


    margin: auto;


    opacity: 1;
    z-index: 999;
}

.product-card-hover{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 121px;
    width: 100%;
    position: absolute;
    flex-direction: column;
    bottom: -121px;
    left: 0px;
    z-index: 999;
    border-radius: 12px;
    background-color: rgba(239, 175, 113, 0.2);
    backdrop-filter: blur(6px);
    transition: all .4s ease-in-out;
}
.product-card-random:hover .product-card-hover{
    bottom: 0px;
}
.vert_padding3{
    padding: 33px;
}
.pt-66{
    padding-top: 66px;
}
.contact_caption{
    display: flex;
    width: 511px;
    text-align: justify;
    font-family: Gunny;
    font-size: 48px;
    color: rgba(255, 255, 255,1);
}
.arrow_down{
    display: flex;
    width: 100%;
    height: 209px;
    text-align: justify;
    font-family: Gunny;
    font-size: 48px;
    color: rgba(255, 255, 255,1);
    justify-content: center;
    animation: updown2 2s ease infinite;
}
.arrow_down img{
     width: 46px;
     height: 209px;

 }
.width-581{
    width: 581px!important;
}

.contact-component {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-top: 20px;
}
.contact-part{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-line_text {
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255,1);
    line-height: 1.3;
}

@keyframes updown2 {
    0% {
        transform: translateY(-10%);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(-10%);
    }
}

.auth_window{

    min-width: 320px;
    min-height: 200px;
    width: 581px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    position: fixed;

    padding: 15px;
    background-color: rgba(30, 30, 30);

    border: 1px solid rgba(255, 255, 255, 0.10);
    top: calc(50% - 35px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    z-index: 999;
    opacity: 0;
}
.popup_auth_header_caption{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 50px;
    font-family: 'ClearSans';
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    width: 410px;
    line-height: 1.3;
}
.popup_auth_header_subcaption{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 15px;
    font-family: 'ClearSans';
    font-size: 14px;

    color: #ffffff;
}
.popup_reg_subcaption{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;

    font-family: 'ClearSans';
    font-size: 14px;

    color: #ffffff;
}
.close_auth_window{
    font-family: 'ClearSans';
    color: var(--white);
    position: absolute;
    top: 27px;
    right: 41px;
    font-size: 36px;
    cursor: pointer;
    user-select: none;
}
.contact-auth{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 95px ;
}
.auth_links{
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0 95px ;
}
.auth_link1{
    display: flex;
    font-family: 'ClearSans';
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: normal;
}
.auth_link2{
    display: flex;
    font-family: 'ClearSans';
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.auth_link2:hover{
    color: var(--line);
}

.auth_forgot{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: 0 95px;
    margin-top: 8px;
}

.auth_link3{
    display: flex;
    font-family: 'ClearSans';
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.auth_link3:hover{
    color: var(--line);
}

.icon_eye{
    display: flex;
    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
}

.icon_eye img{
   max-width: 100%;
}
.register_agree_component{
    display: flex;
    width: 100%;
    padding: 0 95px;
}
.code_area{
    display: flex;
    width: 100%;
    justify-content: center;

}
.code_area_input{
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    border: 1px solid  rgba(239, 175, 113, 0.5);
    position: relative;
}
.code_input{
    background-color: transparent;
    color: #ffffff;
    font-family: 'ClearSans';
    font-size: 44px!important;
    border: none!important;
    position: absolute;
    top: -8px;
    left: 12px;
    cursor: vertical-text;
    caret-color: transparent;
}
.popup_size{
    display: flex;
    width: 581px;
    height: 555px;
}
.end_register_text{
    display: flex;
    width: 380px;
    justify-content: center;
    align-items: center;
    text-align: center;

    font-family: 'ClearSans';
    font-size: 14px;
    line-height: 1.3;

    color: rgba(255, 255, 255, 0.6);
}
.popup_forgot_subcaption{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 15px;
    font-family: 'ClearSans';
    font-size: 14px;
    width: 360px;
    color: #ffffff;
    line-height: 1.3;
}
.sidebar-user{
    display: flex;
    width: 273px;
    flex-direction: column;
}
.sidebar-user-item{
    display: flex;
    width: 100%;
    height: 44px;

    font-family: 'ClearSans';
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    background-color: var(--component-background);
    padding-left: 10px;
    cursor: pointer;
    padding-top: 9px;
    user-select: none;
}
.sidebar-user-item:hover{
    color: var(--line);
}
.cabinet-area{
    display: flex;
    flex-direction: column;

}

.width-360px{
    width: 360px;
}
.icon_pencil{
    display: flex;
    position: absolute;
    top: 5px;
    right: -31px;
    cursor: pointer;
}

.icon_pencil img{
    max-width: 100%;
}
.favourite-delete{
    display: flex;
    position: absolute;
    left: 43px;
    bottom: 24px;

    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.favourite-delete:hover{
    color: var(--line);
}
.favourite-delete:active{
     color: rgba(255, 255, 255, 1);
 }

.favourite-basket{
    display: flex;
    position: absolute;
    right: 43px;
    bottom: 24px;

    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    font-weight: bold;
}
.favourite-basket:hover{
    color: var(--line);
}

.need_auth{
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    font-family: 'ClearSans';
    font-size: 16px;
    font-weight: bold;
    color: var(--line);
    cursor: pointer;
}
.need_auth_window {
    font-family: 'ClearSans';
    color: var(--white);
    position: absolute;
    top: 27px;
    right: 31px;
    font-size: 36px;
    cursor: pointer;
    user-select: none;
}
.orders_caption{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}
.lk-area {
    display: flex;
    width: 100%;
    margin-left: 30px;
    flex-direction: column;
    width: 738px;
}
.user_order_line{
    display: flex;
    align-items: center;
}
.user_order_line_status{
    display: flex;
    font-family: 'ClearSans';
    font-size: 14px;
    width: 80px;

    color: rgba(255, 255, 255, 0.6);
}
.user_order_line_status_res{
     display: flex;
     font-family: 'ClearSans';
     font-size: 16px;
    font-weight: bold;

    color: rgba(255, 255, 255, 1);
 }
.user_order_product_info{
    display: flex;
    flex-direction: column;
    margin-left: 35px;
    margin-top: 20px;

}
.user_order_detail{
    display: flex;
    justify-content: right;
    position: relative;
    font-family: 'ClearSans';
    font-size: 14px;
    padding-right: 23px;
width: 100%;
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

.select_user_arrow{
    display: flex;
    width: 10px;
    height: 10px;
    opacity: 0.4;
}

.select_user_arrow{
    display: flex;
    width: 11px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: -3px;

}
.select_user_arrow img{

    width: 11px;
    height: 6px;
}

.user_order_detail_button{
    display: flex;
    position: absolute;
    bottom: 17px;
    right: 1px;
    transition: all .4s ease-in-out;
}
.order_area{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.rotate {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.user_order_info_area{
    transition: all .4s ease-in-out;
    display: flex;
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.user_order_info_block{
    display: flex;
    flex-direction: column;

}
.user_order_info_line_caption{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 16px;

    width: 100%;
    color: rgba(255, 255, 255, 1);
}


.user_order_info_line{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 16px;

    width: 100%;
    color: rgba(255, 255, 255, 0.6);
}
.user_order_info_line14{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 14px;

    width: 100%;
    color: rgba(255, 255, 255, 0.6);
}
.news{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.vistavka,.avatar, .avatar_afisha{
      display: flex;
      flex-direction: column;
      width: 100%;
  }

.news_main{
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    width: 100%;
}
.news-card{
    display: flex;
    flex-direction: column;
    width: 580px;
    background-color: var(--component-background);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}
.news-image{
    display: flex;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    transition: all .4s ease-in-out;

}
.news-image:hover{
    transform: scale(1.1);
}
.news-image img{
     max-width: 100%;
 }
.news-data{

    display: flex;
    width: 100%;
    justify-content: flex-end;
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    padding-right: 20px;
}
.news-title{

     font-family: 'ClearSans';
     font-size: 22px;
     color: rgba(255, 255, 255, 1);
    padding: 25px;
    padding-bottom: 30px;
    line-height: 1.3;

 }
.news-title:hover{
    color: var(--line);
}

.mr-40c{
    margin-right: 40px;
}
.pagination_line{
    display: flex;
    width: 100%;
    align-items: center;
}
.post_area{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.post_image{
    display: flex;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.post_image img{
    max-width: 100%;
}
.post_area_content{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.post_content{
    display: flex;
    width: 635px;
    flex-direction: column;


}
.post_content_caption{
     display: flex;
     width: 100%;
     font-family: Gunny;
     font-size: 64px;
     color: var(--line);

 }
.post_content_name{
    display: flex;
    width: 286px;
    font-family: Gunny;
    font-size: 64px;
    color:  rgba(255, 255, 255, 1);

}

.arrow_back, .arrow_ahead{
    display: flex;
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    align-items: center;
    cursor: pointer;
}
.arrow_back{
    margin-right: auto;
}
.arrow_ahead{
    margin-left: auto;
}
.post_pagination{
    display: flex;
    width: 100%;

}
.degr180{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.post_data{
    display: flex;
    font-family: 'ClearSans';
    font-size: 16px;
    color: var(--grey);
}
.post_text{
    display: flex;
    width: 100%;
    text-align: justify;
    flex-direction: column;
    font-family: 'ClearSans';
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.35;
}
.vis-card{
    display: flex;
    width: 100%;
    background-color: var(--component-background);
    justify-content: space-between;
    padding-left: 50px;
    border-radius: 12px;
}
.vis-info{
    display: flex;
    flex-direction: column;
    width: calc(100% - 560px);
}
.vis-caption{
    display: flex;
    width: 100%;
    font-family: Gunny;
    font-size: 64px;
    color: var(--line);
    line-height: 1.1;
}
.vis-data{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 22px;
    color: rgba(255, 255, 255,1);

}
.vis-adres{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 18px;
    color: rgba(255, 255, 255,0.8);
    line-height: 1.5;
}

.vis-image{
    display: flex;
    width: 307px;
    height: 400px;
    margin: 50px 37px;
    border-radius: 12px;
    overflow: hidden;
    transition: all .4s ease-in-out;
}
.vis-image:hover{
    transform: scale(1.1);
}
.vis-image img{

    width: 307px;
    height: 400px;

}
.vist_area_content{
    display: flex;
    width: 100%;

}
.vist-data{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 32px;
    color: rgba(255, 255, 255,1);

}
.vist-adres{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 20px;
    color: rgba(255, 255, 255,0.8);
    line-height: 1.5;
}
.post_text_main{
    display: flex;
    width: 900px;
    flex-direction: column;
}
.index_vis{
    display: flex;
    flex-direction: column;
    width: 100%;

}
.index_vis_caption{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.index_vistavki{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.index_vistavka_blok1{
     display: flex;
     flex-direction: column;
     position: relative;
     width: 581px;
 }
.index_vistavka_blok2{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 581px;

}
.index_vistavka_card1_image{
    display: flex;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    width: 581px;


    height: 440px;
}
.index_vistavka_card2_image{
    display: flex;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    width: 581px;


    height: 307px;
}
.index_vistavka_card1{
    display: flex;

    width: 581px;
    height: 440px;
    display: flex;
    position: absolute;
    top: 51px;
    left: 121px;


    flex-shrink: 0;

    filter:  blur(8px);
    animation: back1 4s ease infinite;

}

.index_vistavka_card2{
    display: flex;

    width: 581px;
    height: 307px;
    display: flex;
    position: absolute;
    top: 51px;
    left: 121px;


    flex-shrink: 0;

    filter:  blur(8px);
    animation: back2 4s ease infinite;

}

/*.index_vistavka_card1_image:hover .index_vistavka_card1{*/
/*    animation: back 3s ease infinite;*/
/*}*/

.index_vistavka_card1 img{
    transform: scale(2.8);
}
.index_vistavka_card2 img{
    transform: scale(1.8);
}



@keyframes back1 {
    0% {

        filter: blur(8px) hue-rotate(10deg);
    }


    30% {
        filter: blur(8px) hue-rotate(20deg);
    }
    60% {
        filter: blur(8px) hue-rotate(30deg);
    }

    100% {
        filter: blur(8px) hue-rotate(20deg);
    }
}

@keyframes back2 {
    0% {

        filter: blur(8px) hue-rotate(10deg);
    }


    30% {
        filter: blur(8px) hue-rotate(20deg);
    }
    60% {
        filter: blur(8px) hue-rotate(30deg);
    }

    100% {
        filter: blur(8px) hue-rotate(20deg);
    }
}


.vis-image_card1{
    display: flex;
    position: absolute;
    top: 0;
    left: calc(50% - 153px);
    width: 307px;
    height: 440px;
}
.vis-image_card2{
    display: flex;
    position: absolute;
    top: 0;
    left: calc(50% - 107px);
    width: 214px;
    height: 307px;
}
.vis-image_card1 img{

    width: 307px;
    height: 440px;
}
.vis-image_card2 img{

    width: 214px;
    height:307px;
}
.index_vistavka_caption{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 20px;
    color: rgba(255, 255, 255,1);
}
.index_vistavka_caption:hover{
    color: var(--line);
}
.index_vistavka_adres{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255,0.6);
    line-height: 1.4;
}


.index_vistavka_card2{
    display: flex;
    flex-direction: column;

}
h2{
    font-family: 'ClearSans';
    font-size: 32px;
    color: rgba(255, 255, 255,1);
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 50px;
}
p {
    /*margin-top: 12px;*/
    line-height: 1.5;
}
.abzac{
    margin-top: 12px;
}
.cursor-pointer{
    cursor: pointer;
}
.banner_window{
    display: flex;
    width: 100%;
    background-color: var(--component-background);
    height: 87px;
    position: fixed;
    bottom: -87px;
    justify-content: center;
    z-index: 99999;
}
.banner_wrapper{
    display: flex;
    width: 1200px;
    align-items: center;


}
.banner_wrapper_text{
    font-family: 'ClearSans';
    font-size: 14px;
    color: rgba(255, 255, 255,1);
    padding: 24px;
    margin-right: 60px;
    line-height: 1.35;
}
.stat-block{
    display: flex;
    width: 320px;
    background-color: var(--component-background);
    padding: 30px;
    padding-bottom: 50px;
    border-radius: 12px;
    flex-direction: column;
    position: relative;
    margin-right: 30px;
}
.stat-block-caption{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 30px;
    color: rgba(255, 255, 255,0.4);

}
.stat-block-line{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-size: 18px;
    color: rgba(255, 255, 255,0.8);
}
.stat-block-image{
    display: flex;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 30px;
    right: 30px;
}
.stat-block-image img{

    width: 80px;
    height: 80px;
}

.stat-block-image2 {
    display: flex;
    width: 71px;
    height: 68px;
    position: absolute;
    top: 30px;
    right: 20px;
}
.stat-block-image2 img{
    width: 68px;
    height: 71px;
}
.link_yellow{
    color: var(--line);
}

p>a{
    color: var(--line);
}
.message_area{

    display: flex;
    width: 100%;
    flex-direction: column;

}
#user_message_popup{
    width: 420px;
    max-width: 420px;
}
.basket_popup{
    display: flex;
    flex-direction: column;
    width: 550px;
    background-color: var(--component-background);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001;
    backdrop-filter: blur(3px);
}
.basket_popup_caption{
    display: flex;
    width: 100%;
    font-family: 'ClearSans';
    font-weight: bold;
    font-size: 28px;
    color: rgba(255, 255, 255,1);
    padding: 30px 25px;
}
.basket_popup_total{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 30px;
    padding-right: 100px;
    align-items: center;
}

.basket_popup_total_empty{
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 30px;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-right: 30px;
    align-items: center;
}
.basket_popup_empty{
    display: flex;

    font-family: 'ClearSans';
    font-weight: bold;
    font-size: 18px;
    color: rgba(255, 255, 255,0.8);

}

.basket_popup_total_line{
    display: flex;

    font-family: 'ClearSans';
    font-weight: bold;
    font-size: 28px;
    color: rgba(255, 255, 255,1);

}
.basket_popup_total_line_s{
     display: flex;

     font-family: 'ClearSans';

     font-size: 14px;
     color: rgba(255, 255, 255,1);

 }
.basket_popup_area{
    display: flex;
    flex-direction: column;
}

.loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
}
.loader_line{
    display: flex;
    width: 100%;
    justify-content: center;
}
@keyframes mulShdSpin {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

/*Анимация*/
.fly {
    opacity: 0;
    transition: all 600ms ease-in-out;
    transform: translateY(150px) scale(1.05) translate3d(0, 0, 0);
}

.show-block {
    opacity: 1;
    transform: translateY(0) scale(1) translate3d(0, 0, 0);
}

.youtube-video{
    aspect-ratio: 16 / 9;
    width: 100%;
}
.menu_mobile{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--component-background);
    z-index: 100022;
    transition: 0.5s ease-in-out;
    transform: translateY(-100%);
}
.menu_mobile_logo_line{
    display: flex;
    width: 100%;
    padding: 11px 16px;
    border-bottom: 1px solid rgba(255, 255, 255,0.1);
    position: relative;

}
.close_menu_mobile{
    font-family: 'ClearSans';
    color: var(--white);
    position: absolute;
    top: 1px;
    right: 17px;
    font-size: 36px;
    cursor: pointer;
    user-select: none;
}

.menu_mobile_items{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    margin-top: 10px;
}

.menu_mobile_item{
    font-family: 'ClearSans';
    width: 100%;
    color: var(--white);

    padding: 16px;
    padding-left: 0;
    font-size: 20px;
    user-select: none;
    border-bottom: 1px solid rgba(255, 255, 255,0.1);
    position: relative;
}
.menu_mobile_item:active{
    color: var(--line);
}

.mobile_user_icon{
    display: flex;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 15px;
    left: 5px;
}
.menu_mobile_area{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 18px;
}

.my_select_mobile{
    display: flex;
    width: 83px;
    height: 43px;
    border: 2px solid #828282;
    position: relative;
    border-radius: 2px;
    cursor: pointer;
    color: var(--white);
}
.my_select_selector_mobile{
    display: flex;
    background-color: #828282;
    position: absolute;
    right: 0;
    top: 0px;
    height: 40px;
    width: 40px;

}
.my_select_selector_value_mobile{

    font-family: 'ClearSans';

    color: var(--white);


    font-size: 18px;

    display: flex;
    position: absolute;
    left: 8px;
    top: 8px;
}
.my_select_values_mobile{
    display: flex;
    margin-top: 26px;
    flex-direction: column;
    position: absolute;
    top: 15px;
    left: -2px;
    background-color: var(--component-background);
}
.my_select_values_item_mobile{
    display: flex;
    height: 40px;
    width: 83px;
    border: 2px solid #828282;
    align-items: center;
    padding-left: 8px;
    padding-bottom: 2px;

    font-family: 'ClearSans';

    color: var(--white);


    font-size: 18px;
}

.mobile-social{
    display: flex;
    align-items: baseline;
    font-family: 'ClearSans';
    font-size: 22px;
    cursor: pointer;
    color: var(--line);
}
.mobile-social-img{
    display: flex;
    width: 20px;
    height: 12px;
    margin-left: 20px;
    margin-top: 30px;
}
.mobile-social-img img{
    width: 20px;
    height: 12px;
}
.mobile-copyright-text{
    display: flex;
    flex-direction: column;
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255,0.8);

}
.sidebar_mobile{
    display: none;
}
.mobile_device{
    display: none;
}
.computer{
    display: flex;
}

.bold{
    font-weight: bold;
}

.random_row_area{
    display: flex;
    width: 100%;
    overflow: hidden;
}
.fav_clear_list{
    display: flex;
    width: 220px;
    align-items: center;
    position: absolute;
    right: -66px;
    top: -70px;
    cursor: pointer;
    font-family: 'ClearSans';
    font-size: 16px;
    color: rgba(255, 255, 255,0.8);
}
.fav_clear_list_img{
    width: 25px;
    height: 25px;
    margin-left: 9px;
    margin-top: 2px;
}

.index_about3 img {
    max-width: 100%;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

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