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

.grecaptcha-badge
{visibility: hidden;}

body
{line-height: normal;}

ol, ul
{list-style: none;}

blockquote, q
{quotes: none;}

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

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

figure
{display: flex;
flex-direction: column;}

input, button, textarea
{-webkit-appearance: none;
border: none;
background: none;}






/*FONT FAMILIES*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.font-family-main
{font-family: 'Noto Sans Display', sans-serif;
line-height: 1.5;
font-weight: 400;}

.font-family-mainbold
{font-family: 'Noto Sans Display', sans-serif;
font-weight: 600;
line-height: 1.4;}

.font-family-mainitalic
{font-family: 'Noto Sans Display', sans-serif;
font-style: italic;
line-height: 1.4;}

.font-family-sub
{font-family: 'Playfair Display', serif;
line-height: 1.4;}

.font-family-subbold
{font-family: 'Playfair Display', serif;
line-height: 1.4;}

.font-family-subitalic
{font-family: 'Playfair Display', serif;
font-style: italic;
line-height: 1.4;}

/*FONT SIZES*/
@font-size-large-5: 50px;
@font-size-large-4: 40px;
@font-size-large-3: 30px;
@font-size-large-2: 24px;
@font-size-large-1: 20px;
@font-size-normal: 16px;
@font-size-small-1: 13px;
@font-size-small-2: 10px;
@font-size-small-3: 8px;

/*TEXT*/
.bold
{font-weight: bold;}

.italic
{font-style: italic;}

.warned
{color: @color-warned;}

.good
{color: @color-good;}

.h1
{.font-family-subbold;
font-size: @font-size-large-4;
width: 100%;
text-align: center;
margin: 0px 0px @margin-4 0px;}

.h1divider
{width: 100px;
height: 4px;
background-color: @color-2;
margin: @margin-3 auto;}

.h2
{.font-family-subbold;
font-size: @font-size-large-2;
width: 100%;
text-align: center;
margin: 0px 0px @margin-3 0px;}

.h3
{.font-family-subbold;
font-size: @font-size-large-1;
width: 100%;
text-align: center;
margin: 0px 0px @margin-3 0px;}

.h4
{.font-family-subbold;
width: 100%;}






/*MARGINS*/
@margin-5: 80px;
@margin-4: 40px;
@margin-3: 20px;
@margin-2: 10px;
@margin-1: 5px;






/*COLORS*/
@color-1: rgb(8,34,43); //gray (text color)
@color-1-opaque: rgba(8,34,43,0.4);
@color-1-light: rgba(255,255,255,0.5);

@color-2: rgb(255,206,0); //orange
@color-2-opaque: rgba(255,206,0,0.6);
@color-2-opaque1: rgba(255,206,0,0);
@color-2-opaque2: rgba(255,206,0,0.3);
@color-2-light: rgb(255,230,122);

@color-3: rgb(46,129,197); //blue
@color-3-opaque: rgba(46,129,197,0.6);
@color-3-light: rgb(92,160,216);

@color-border: rgb(225,225,225); //light-gray
@color-background: rgb(230,230,230);
@color-shadow: rgba(0,0,0,0.3);

@color-warned: rgb(225,91,91); //red
@color-warned-light: rgb(255,224,224); //light-red
@color-good: rgb(91,225,91); //green

@color-menu-buttons-background-0: rgba(0,0,0,0);
@color-menu-buttons-background-1: rgba(0,0,0,0);

@color-form-fields: rgb(255, 255, 255);

@color-facebook: rgb(59,89,152);
@color-instagram: rgb(150,104,66);
@color-twitter: rgb(0,132,180);
@color-googleplus: rgb(212,63,58);

.coloraddition_facebook
{color: @color-facebook;}

.coloraddition_instagram
{color: @color-instagram;}

.coloraddition_twitter
{color: @color-twitter;}

.coloraddition_googleplus
{color: @color-googleplus;}






/*BORDERS*/
@border-solid: solid 1px @color-border;
@border-dotted: dotted 1px @color-border;
@border-light: solid 1px @color-border;
@border-warned: solid 1px @color-warned;
.border-radius
{border-radius: 5px;}






/*SHADOWS*/
@shadow-1: 0px 0px 10px @color-shadow;
@shadow-2: 0px 0px 5px @color-shadow;






/*Saturations*/
.saturation
{background-color: rgba(0, 0, 0, 0.5);
background-blend-mode: soft-light;}






/*BACKGROUNDS*/
.background-cover-top
{background-position: 50% 0%;
background-size: cover;
background-repeat: no-repeat;}

.background-cover-center
{background-position: 50%;
background-size: cover;
background-repeat: no-repeat;}

.background-cover-bottom
{background-position: 50% 100%;
background-size: cover;
background-repeat: no-repeat;}

.background-contain-top
{background-position: 0% 50%;
background-size: contain;
background-repeat: no-repeat;}

.background-contain-center
{background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;}

.background-contain-bottom
{background-position: 0% 100%;
background-size: contain;
background-repeat: no-repeat;}






/*FLEX*/
.div-flex
{display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;}

.direction-row
{-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;}

.direction-row-reverse
{-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;}

.direction-column
{-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;}

.direction-column-reverse
{-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;}

.flex-nowrap
{-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;}

.flex-wrap
{-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}

.flex-wrap-reverse
{-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;}

.justify-start
{-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;}

.justify-center
{-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;}

.justify-end
{-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;}

.justify-space-around
{-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;}

.justify-space-between
{-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;}

.justify-stretch
{-webkit-box-pack: justify;
-webkit-justify-content: stretch;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: stretch;}

.align-items-start
{-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;}

.align-items-center
{-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;}

.align-items-end
{-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;}

.align-items-stretch
{-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;}

.align-items-baseline
{-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;}

.align-content-start
{-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;}

.align-content-center
{-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;}

.align-content-end
{-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;}

.align-content-space-around
{-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;}

.align-content-space-between
{-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;}

.align-content-stretch
{-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;}

.flex-shrink-0
{-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;}






/*BODIES*/
html
{.font-family-main;
font-size: @font-size-normal;
color: @color-1;}

@site-width: 1440px;
@read-width: 1024px;

body
{-webkit-text-size-adjust: 100%;
-webkit-appearance: none;
-moz-appearance: none;
.div-flex;
.direction-column;
.align-items-center;
.font-family-main;
width: 100%;
min-height: 100vh;}

header
{.div-flex;
.direction-column;
.align-items-center;
width: 100%;}

.preloader
{position: fixed;
left: 0;
top: 0;
right:0;
bottom:0;
background-color: rgba(0,0,0,0.70);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 10;
.div-flex;
.justify-center;
.align-items-center;
width: 100%;
border-radius: 5px;}

.preloaderabsolute
{.preloader;
position: absolute;}

.preloader i
{font-size: 40px;
color: white;}

.preloader svg
{height: 2em!important;
color: @color-2;}






/*Content*/
.content
{.div-flex;
.direction-column;
.align-items-center;
flex-grow: 2;
width: 100%;
background: #ffe060;}

.contentsinglecolumn
{.content;}

.contentmultiplecolumn
{.content;
.direction-row;
.align-items-stretch;}

.contentcentered
{.justify-center;}

.contentsidemenu
{position: relative;}






/*Blocks*/
.gridcontainer
{container-type: inline-size;}

/*1 блок*/
.grid_block120, 
.grid_block140 
{display: grid !important;
width: 100%;
grid-template-columns: minmax(0, 1fr);}

.grid_block120 { gap: @margin-3; }
.grid_block140 { gap: @margin-4; }


/*2 блока*/
.grid_block220, 
.grid_block240 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));}

.grid_block220 { gap: @margin-3; }
.grid_block240 { gap: @margin-4; }

@container (max-width: 1024px) {.grid_block220, .grid_block240 { grid-template-columns: minmax(0, 1fr); } }


/*3 блока*/
.grid_block320, 
.grid_block340 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr));}

.grid_block320 { gap: @margin-3; }
.grid_block340 { gap: @margin-4; }

@container (max-width: 1024px) { .grid_block320, .grid_block340 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 768px)  { .grid_block320, .grid_block340 { grid-template-columns: minmax(0, 1fr); } }


/*4 блока*/
.grid_block420, 
.grid_block440 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(4, minmax(0, 1fr));}

.grid_block420 { gap: @margin-3; }
.grid_block440 { gap: @margin-4; }

@container (max-width: 1024px) { .grid_block420, .grid_block440 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (max-width: 768px)  { .grid_block420, .grid_block440 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 450px)  { .grid_block420, .grid_block440 { grid-template-columns: minmax(0, 1fr); } }


/*5 блоков*/
.grid_block520, 
.grid_block540 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(5, minmax(0, 1fr));}

.grid_block520 { gap: @margin-3; }
.grid_block540 { gap: @margin-4; }

@container (max-width: 1280px) { .grid_block520, .grid_block540 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 1024px) { .grid_block520, .grid_block540 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (max-width: 768px)  { .grid_block520, .grid_block540 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 450px)  { .grid_block520, .grid_block540 { grid-template-columns: minmax(0, 1fr); } }


/*6 блоков*/
.grid_block620, 
.grid_block640 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(6, minmax(0, 1fr));}

.grid_block620 { gap: @margin-3; }
.grid_block640 { gap: @margin-4; }

@container (max-width: 1280px) { .grid_block620, .grid_block640 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@container (max-width: 1024px) { .grid_block620, .grid_block640 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 850px)  { .grid_block620, .grid_block640 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (max-width: 768px)  { .grid_block620, .grid_block640 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 450px)  { .grid_block620, .grid_block640 { grid-template-columns: minmax(0, 1fr); } }


/*7 блоков*/
.grid_block720, 
.grid_block740 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(7, minmax(0, 1fr));}

.grid_block720 { gap: @margin-3; }
.grid_block740 { gap: @margin-4; }

@container (max-width: 1280px) { .grid_block720, .grid_block740 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@container (max-width: 1024px) { .grid_block720, .grid_block740 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@container (max-width: 850px)  { .grid_block720, .grid_block740 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 768px)  { .grid_block720, .grid_block740 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (max-width: 650px)  { .grid_block720, .grid_block740 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 450px)  { .grid_block720, .grid_block740 { grid-template-columns: minmax(0, 1fr); } }


/*8 блоков*/
.grid_block820, 
.grid_block840 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(8, minmax(0, 1fr));}

.grid_block820 { gap: @margin-3; }
.grid_block840 { gap: @margin-4; }

@container (max-width: 1280px) { .grid_block820, .grid_block840 { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
@container (max-width: 1150px) { .grid_block820, .grid_block840 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@container (max-width: 1024px) { .grid_block820, .grid_block840 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@container (max-width: 850px)  { .grid_block820, .grid_block840 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 768px)  { .grid_block820, .grid_block840 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (max-width: 650px)  { .grid_block820, .grid_block840 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 450px)  { .grid_block820, .grid_block840 { grid-template-columns: minmax(0, 1fr); } }


/*9 блоков*/
.grid_block920, 
.grid_block940 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(9, minmax(0, 1fr));}

.grid_block920 { gap: @margin-3; }
.grid_block940 { gap: @margin-4; }

@container (max-width: 1280px) { .grid_block920, .grid_block940 { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
@container (max-width: 1150px) { .grid_block920, .grid_block940 { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
@container (max-width: 1024px) { .grid_block920, .grid_block940 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@container (max-width: 930px)  { .grid_block920, .grid_block940 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@container (max-width: 850px)  { .grid_block920, .grid_block940 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 768px)  { .grid_block920, .grid_block940 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (max-width: 550px)  { .grid_block920, .grid_block940 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 450px)  { .grid_block920, .grid_block940 { grid-template-columns: minmax(0, 1fr); } }


/*10 блоков*/
.grid_block1020, 
.grid_block1040 
{display: grid !important;
width: 100%;
grid-template-columns: repeat(10, minmax(0, 1fr));}

.grid_block1020 { gap: @margin-3; }
.grid_block1040 { gap: @margin-4; }

@container (max-width: 1280px) {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(9, minmax(0, 1fr));}}
@container (max-width: 1150px) {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(8, minmax(0, 1fr));}}
@container (max-width: 1024px) {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(7, minmax(0, 1fr));}}
@container (max-width: 930px)  {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(6, minmax(0, 1fr));}}
@container (max-width: 850px)  {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(5, minmax(0, 1fr));}}
@container (max-width: 768px)  {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(4, minmax(0, 1fr));}}
@container (max-width: 650px)  {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(3, minmax(0, 1fr));}}
@container (max-width: 550px)  {.grid_block1020, .grid_block1040 {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@container (max-width: 450px)  {.grid_block1020, .grid_block1040 {grid-template-columns: minmax(0, 1fr);}}

/* =========================================
   МОДИФИКАТОР: МИНИМУМ 2 КОЛОНКИ
   Использование: <div class="grid_block... grid_blockmin2">
   ========================================= */

/* Перехватываем 2-колоночные блоки на 1024px */
@container (max-width: 1024px) 
{
    .grid_blockmin2.grid_block220, 
    .grid_blockmin2.grid_block240 
    {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

/* Перехватываем 3-колоночные блоки на 768px */
@container (max-width: 768px) 
{
    .grid_blockmin2.grid_block320, 
    .grid_blockmin2.grid_block340 
    {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

/* Перехватываем все блоки от 4 до 10 колонок на 450px */
@container (max-width: 450px) 
{
    .grid_blockmin2.grid_block420, .grid_blockmin2.grid_block440,
    .grid_blockmin2.grid_block520, .grid_blockmin2.grid_block540,
    .grid_blockmin2.grid_block620, .grid_blockmin2.grid_block640,
    .grid_blockmin2.grid_block720, .grid_blockmin2.grid_block740,
    .grid_blockmin2.grid_block820, .grid_blockmin2.grid_block840,
    .grid_blockmin2.grid_block920, .grid_blockmin2.grid_block940,
    .grid_blockmin2.grid_block1020, .grid_blockmin2.grid_block1040 
    {grid-template-columns: repeat(2, minmax(0, 1fr));}
}






/*Sections*/
.section
{}

.sectionfull
{width: 100%;
box-sizing: border-box;
.div-flex;}

.sectionwidth
{.sectionfull;
max-width: @site-width;}

.sectionfullrow
{.sectionfull;
.direction-row;
.flex-wrap;}

.sectionfullcolumn
{.sectionfull;
.direction-column;
.align-items-center;}

.sectionwidthrow
{.sectionwidth;
.direction-row;
.flex-wrap;}

.sectionwidthcolumn
{.sectionwidth;
.direction-column;
.align-items-center;}

.sectionpart
{box-sizing: border-box;
.div-flex;
.direction-column;
overflow: hidden;}

.contentsidemenu .sectionpart:nth-of-type(1)
{.flex-shrink-0;
width: 20%;
position: relative;}

.section + .section
{margin-top: @margin-5;}

#fullpage .section + .section
{margin-top: 0px;}

.sectionmain
{width: 70%;
box-sizing: border-box;
.div-flex;
.direction-column;
.align-items-center;}

.sectionside
{width: 30%;
box-sizing: border-box;
padding: 0px @margin-3 0px 0px;}

.infoblock
{max-width: @read-width;}

@media all and (max-width: 1440px)
{
.contentsidemenu .sectionpart:nth-of-type(1){width: 25%;}
}

@media all and (max-width: 1024px)
{
.contentsidemenu .sectionpart:nth-of-type(1){width: 30%;}
}

@media all and (max-width: 768px)
{
.contentsidemenu{.direction-column;}
.contentsidemenu .sectionpart:nth-of-type(1){position: fixed; width: 100%; z-index: 4; overflow: scroll;}
}






/*Blocks*/
.block220
{width: calc(~'50% - 10px');
box-sizing: border-box;
margin-right: @margin-3;}

.block220:nth-child(2n+2)
{margin-right: 0px;}

.block220:nth-child(n+3)
{margin-top: @margin-3;}

@media all and (max-width: 768px)
{
    .block220{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block220:nth-child(2n+2){margin-right: 0px;}
    .block220:nth-child(1n+1){margin-right: 0px;}
    .block220:nth-child(n+2){margin-top: @margin-3;}
}

.block240
{width: calc(~'50% - 20px');
box-sizing: border-box;
margin-right: @margin-4;}

.block240:nth-child(2n+2)
{margin-right: 0px;}

.block240:nth-child(n+3)
{margin-top: @margin-4;}

@media all and (max-width: 768px)
{
    .block240{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block240:nth-child(2n+2){margin-right: 0px;}
    .block240:nth-child(1n+1){margin-right: 0px;}
    .block240:nth-child(n+2){margin-top: @margin-4;}
}

.block320
{width: calc(~'33.33333% - 14px');
box-sizing: border-box;
margin-right: @margin-3;}

.block320:nth-child(3n+3)
{margin-right: 0px;}

.block320:nth-child(n+4)
{margin-top: @margin-3;}

@media all and (max-width: 1024px)
{
    .block320{width: calc(~'50% - 10px'); margin-right: @margin-3;}
    .block320:nth-child(3n+3){margin-right: @margin-3;}
    .block320:nth-child(2n+2){margin-right: 0px;}
    .block320:nth-child(n+3){margin-top: @margin-3;}
}

@media all and (max-width: 768px)
{
    .block320{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block320:nth-child(3n+3){margin-right: 0px;}
    .block320:nth-child(2n+2){margin-right: 0px;}
    .block320:nth-child(1n+1){margin-right: 0px;}
    .block320:nth-child(n+2){margin-top: @margin-3;}
}

.block340
{width: calc(~'33.33333% - 27px');
box-sizing: border-box;
margin-right: @margin-4;}

.block340:nth-child(3n+3)
{margin-right: 0px;}

.block340:nth-child(n+4)
{margin-top: @margin-4;}

@media all and (max-width: 1024px)
{
    .block340{width: calc(~'50% - 20px'); margin-right: @margin-4;}
    .block340:nth-child(3n+3){margin-right: @margin-4;}
    .block340:nth-child(2n+2){margin-right: 0px;}
    .block340:nth-child(n+3){margin-top: @margin-4;}
}

@media all and (max-width: 768px)
{
    .block340{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block340:nth-child(3n+3){margin-right: 0px;}
    .block340:nth-child(2n+2){margin-right: 0px;}
    .block340:nth-child(1n+1){margin-right: 0px;}
    .block340:nth-child(n+2){margin-top: @margin-4;}
}

.block420
{width: calc(~'25% - 15px');
box-sizing: border-box;
margin-right: @margin-3;}

.block420:nth-child(4n+4)
{margin-right: 0px;}

.block420:nth-child(n+5)
{margin-top: @margin-3;}

@media all and (max-width: 1024px)
{
    .block420{width: calc(~'33.33333% - 14px'); margin-right: @margin-3;}
    .block420:nth-child(4n+4){margin-right: @margin-3;}
    .block420:nth-child(3n+3){margin-right: 0px;}
    .block420:nth-child(n+4){margin-top: @margin-3;}
}

@media all and (max-width: 768px)
{
    .block420{width: calc(~'50% - 10px'); margin-right: @margin-3;}
    .block420:nth-child(4n+4){margin-right: @margin-3;}
    .block420:nth-child(3n+3){margin-right: @margin-3;}
    .block420:nth-child(2n+2){margin-right: 0px;}
    .block420:nth-child(n+3){margin-top: @margin-3;}
}

@media all and (max-width: 500px)
{
    .block420{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block420:nth-child(4n+4){margin-right: 0px;}
    .block420:nth-child(3n+3){margin-right: 0px;}
    .block420:nth-child(2n+2){margin-right: 0px;}
    .block420:nth-child(1n+1){margin-right: 0px;}
    .block420:nth-child(n+2){margin-top: @margin-3;}
}

.block440
{width: calc(~'25% - 30px');
box-sizing: border-box;
margin-right: @margin-4;}

.block440:nth-child(4n+4)
{margin-right: 0px;}

.block440:nth-child(n+5)
{margin-top: @margin-4;}

@media all and (max-width: 1024px)
{
    .block440{width: calc(~'33.33333% - 27px'); margin-right: @margin-4;}
    .block440:nth-child(4n+4){margin-right: @margin-4;}
    .block440:nth-child(3n+3){margin-right: 0px;}
    .block440:nth-child(n+4){margin-top: @margin-4;}
}

@media all and (max-width: 768px)
{
    .block440{width: calc(~'50% - 20px'); margin-right: @margin-4;}
    .block440:nth-child(4n+4){margin-right: @margin-4;}
    .block440:nth-child(3n+3){margin-right: @margin-4;}
    .block440:nth-child(2n+2){margin-right: 0px;}
    .block440:nth-child(n+3){margin-top: @margin-4;}
}

@media all and (max-width: 500px)
{
    .block440{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block440:nth-child(4n+4){margin-right: 0px;}
    .block440:nth-child(3n+3){margin-right: 0px;}
    .block440:nth-child(2n+2){margin-right: 0px;}
    .block440:nth-child(1n+1){margin-right: 0px;}
    .block440:nth-child(n+2){margin-top: @margin-4;}
}

.block520
{width: calc(~'20% - 16px');
box-sizing: border-box;
margin-right: @margin-3;}

.block520:nth-child(5n+5)
{margin-right: 0px;}

.block520:nth-child(n+6)
{margin-top: @margin-3;}

@media all and (max-width: 1200px)
{
    .block520{width: calc(~'25% - 15px'); margin-right: @margin-3;}
    .block520:nth-child(5n+5){margin-right: @margin-3;}
    .block520:nth-child(4n+4){margin-right: 0px;}
    .block520:nth-child(n+5){margin-top: @margin-3;}
}

@media all and (max-width: 1024px)
{
    .block520{width: calc(~'33.33333% - 14px'); margin-right: @margin-3;}
    .block520:nth-child(5n+5){margin-right: @margin-3;}
    .block520:nth-child(4n+4){margin-right: @margin-3;}
    .block520:nth-child(3n+3){margin-right: 0px;}
    .block520:nth-child(n+4){margin-top: @margin-3;}
}

@media all and (max-width: 768px)
{
    .block520{width: calc(~'50% - 10px'); margin-right: @margin-3;}
    .block520:nth-child(5n+5){margin-right: @margin-3;}
    .block520:nth-child(4n+4){margin-right: @margin-3;}
    .block520:nth-child(3n+3){margin-right: @margin-3;}
    .block520:nth-child(2n+2){margin-right: 0px;}
    .block520:nth-child(n+3){margin-top: @margin-3;}
}

@media all and (max-width: 500px)
{
    .block520{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block520:nth-child(5n+5){margin-right: 0px;}
    .block520:nth-child(4n+4){margin-right: 0px;}
    .block520:nth-child(3n+3){margin-right: 0px;}
    .block520:nth-child(2n+2){margin-right: 0px;}
    .block520:nth-child(1n+1){margin-right: 0px;}
    .block520:nth-child(n+2){margin-top: @margin-3;}
}

.block540
{width: calc(~'20% - 32px');
box-sizing: border-box;
margin-right: @margin-4;}

.block540:nth-child(5n+5)
{margin-right: 0px;}

.block540:nth-child(n+6)
{margin-top: @margin-4;}

@media all and (max-width: 1200px)
{
    .block540{width: calc(~'25% - 30px'); margin-right: @margin-4;}
    .block540:nth-child(5n+5){margin-right: @margin-4;}
    .block540:nth-child(4n+4){margin-right: 0px;}
    .block540:nth-child(n+5){margin-top: @margin-4;}
}

@media all and (max-width: 1024px)
{
    .block540{width: calc(~'33.33333% - 27px'); margin-right: @margin-4;}
    .block540:nth-child(5n+5){margin-right: @margin-4;}
    .block540:nth-child(4n+4){margin-right: @margin-4;}
    .block540:nth-child(3n+3){margin-right: 0px;}
    .block540:nth-child(n+4){margin-top: @margin-4;}
}

@media all and (max-width: 768px)
{
    .block540{width: calc(~'50% - 20px'); margin-right: @margin-4;}
    .block540:nth-child(5n+5){margin-right: @margin-4;}
    .block540:nth-child(4n+4){margin-right: @margin-4;}
    .block540:nth-child(3n+3){margin-right: @margin-4;}
    .block540:nth-child(2n+2){margin-right: 0px;}
    .block540:nth-child(n+3){margin-top: @margin-4;}
}

@media all and (max-width: 500px)
{
    .block540{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block540:nth-child(5n+5){margin-right: 0px;}
    .block540:nth-child(4n+4){margin-right: 0px;}
    .block540:nth-child(3n+3){margin-right: 0px;}
    .block540:nth-child(2n+2){margin-right: 0px;}
    .block540:nth-child(1n+1){margin-right: 0px;}
    .block540:nth-child(n+2){margin-top: @margin-4;}
}

.block620
{width: calc(~'16.66667% - 17px');
box-sizing: border-box;
margin-right: @margin-3;}

.block620:nth-child(6n+6)
{margin-right: 0px;}

.block620:nth-child(n+7)
{margin-top: @margin-3;}

@media all and (max-width: 1200px)
{
    .block620{width: calc(~'20% - 16px'); margin-right: @margin-3;}
    .block620:nth-child(6n+6){margin-right: @margin-3;}
    .block620:nth-child(5n+5){margin-right: 0px;}
    .block620:nth-child(n+6){margin-top: @margin-3;}
}

@media all and (max-width: 1024px)
{
    .block620{width: calc(~'25% - 15px'); margin-right: @margin-3;}
    .block620:nth-child(6n+6){margin-right: @margin-3;}
    .block620:nth-child(5n+5){margin-right: @margin-3;}
    .block620:nth-child(4n+4){margin-right: 0px;}
    .block620:nth-child(n+5){margin-top: @margin-3;}
}

@media all and (max-width: 850px)
{
    .block620{width: calc(~'33.33333% - 14px'); margin-right: @margin-3;}
    .block620:nth-child(6n+6){margin-right: @margin-3;}
    .block620:nth-child(5n+5){margin-right: @margin-3;}
    .block620:nth-child(4n+4){margin-right: @margin-3;}
    .block620:nth-child(3n+3){margin-right: 0px;}
    .block620:nth-child(n+4){margin-top: @margin-3;}
}

@media all and (max-width: 768px)
{
    .block620{width: calc(~'50% - 10px'); margin-right: @margin-3;}
    .block620:nth-child(6n+6){margin-right: @margin-3;}
    .block620:nth-child(5n+5){margin-right: @margin-3;}
    .block620:nth-child(4n+4){margin-right: @margin-3;}
    .block620:nth-child(3n+3){margin-right: @margin-3;}
    .block620:nth-child(2n+2){margin-right: 0px;}
    .block620:nth-child(n+3){margin-top: @margin-3;}
}

@media all and (max-width: 500px)
{
    .block620{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block620:nth-child(6n+6){margin-right: 0px;}
    .block620:nth-child(5n+5){margin-right: 0px;}
    .block620:nth-child(4n+4){margin-right: 0px;}
    .block620:nth-child(3n+3){margin-right: 0px;}
    .block620:nth-child(2n+2){margin-right: 0px;}
    .block620:nth-child(1n+1){margin-right: 0px;}
    .block620:nth-child(n+2){margin-top: @margin-3;}
}

.block640
{width: calc(~'16.66667% - 34px');
box-sizing: border-box;
margin-right: @margin-4;}

.block640:nth-child(6n+6)
{margin-right: 0px;}

.block640:nth-child(n+7)
{margin-top: @margin-4;}

@media all and (max-width: 1200px)
{
    .block640{width: calc(~'20% - 32px'); margin-right: @margin-4;}
    .block640:nth-child(6n+6){margin-right: @margin-4;}
    .block640:nth-child(5n+5){margin-right: 0px;}
    .block640:nth-child(n+6){margin-top: @margin-4;}
}

@media all and (max-width: 1024px)
{
    .block640{width: calc(~'25% - 30px'); margin-right: @margin-4;}
    .block640:nth-child(6n+6){margin-right: @margin-4;}
    .block640:nth-child(5n+5){margin-right: @margin-4;}
    .block640:nth-child(4n+4){margin-right: 0px;}
    .block640:nth-child(n+5){margin-top: @margin-4;}
}

@media all and (max-width: 850px)
{
    .block640{width: calc(~'33.33333% - 27px'); margin-right: @margin-4;}
    .block640:nth-child(6n+6){margin-right: @margin-4;}
    .block640:nth-child(5n+5){margin-right: @margin-4;}
    .block640:nth-child(4n+4){margin-right: @margin-4;}
    .block640:nth-child(3n+3){margin-right: 0px;}
    .block640:nth-child(n+4){margin-top: @margin-4;}
}

@media all and (max-width: 768px)
{
    .block640{width: calc(~'50% - 20px'); margin-right: @margin-4;}
    .block640:nth-child(6n+6){margin-right: @margin-4;}
    .block640:nth-child(5n+5){margin-right: @margin-4;}
    .block640:nth-child(4n+4){margin-right: @margin-4;}
    .block640:nth-child(3n+3){margin-right: @margin-4;}
    .block640:nth-child(2n+2){margin-right: 0px;}
    .block640:nth-child(n+3){margin-top: @margin-4;}
}

@media all and (max-width: 500px)
{
    .block640{width: calc(~'100% - 0px'); margin-right: 0px;}
    .block640:nth-child(6n+6){margin-right: 0px;}
    .block640:nth-child(5n+5){margin-right: 0px;}
    .block640:nth-child(4n+4){margin-right: 0px;}
    .block640:nth-child(3n+3){margin-right: 0px;}
    .block640:nth-child(2n+2){margin-right: 0px;}
    .block640:nth-child(1n+1){margin-right: 0px;}
    .block640:nth-child(n+2){margin-top: @margin-4;}
}






/*Commons*/
.grown
{flex-grow: 2;}

.sidepadding
{padding-left:@margin-3;
padding-right:@margin-3;}

.toppadding
{padding-top: @margin-5;}

.bottompadding
{padding-bottom: @margin-5;}

.toppaddingsmall
{padding-top: @margin-4;}

.bottompaddingsmall
{padding-bottom: @margin-4;}

.toppaddingtiny
{padding-top: @margin-3;}

.bottompaddingtiny
{padding-bottom: @margin-3;}

.topbottompadding
{padding-top: @margin-5;
padding-bottom: @margin-5;}

.nopadding
{padding: 0px !important;}

.colored
{background-color: @color-background;}

.coloreddark
{background-color: @color-1;}

.coloredgradient
{background: linear-gradient(90deg, @color-1 0%, #354d66 50%, @color-1 100%);
color: white;}

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

.nomargin_bottom
{margin-bottom: 0px !important;}

.widthlimited
{max-width: 500px;}

.disabled
{opacity: 0.5;}

@media all and (max-width: 1024px)
{
  .coloredgradient{background: linear-gradient(90deg, #354d66 0%, @color-1 100%);}
}






/*COMMON ELEMENTS*/
.modalbutton
{position: fixed;
z-index: 3;
bottom: 30px;
width: 50px;
height: 50px;
border-radius: 50px;
line-height: 50px;
cursor: pointer;
background-color: @color-2;
color: white;
font-size: 40px;
text-align: center;
.div-flex;
.align-items-center;
.justify-center;}

.totop
{.modalbutton;
right: 30px;}

.mailbutton
{.modalbutton;
left: 30px;}

.mailbutton_image
{color: white;
font-size: 25px;
line-height: 50px;}

.button
{padding: @margin-2 @margin-3;
border-radius: 5px;
color: white;
background-color: @color-2;
border: solid @color-2 1px;
cursor: pointer;
display: block;
.font-family-main;
font-size: @font-size-large-1;
.flex-shrink-0;
outline: none;}

.filtereditems + .button
{margin-top: @margin-4;}

.buttonsimple
{color: @color-2;
cursor: pointer;
display: block;
border: none;
.font-family-main;
font-size: @font-size-large-1;
.flex-shrink-0;
outline: none;}

.modalwindow .buttonsimple
{margin-top: @margin-4;}

.buttonicon
{color: @color-2;
outline: none;
cursor: pointer;}

.buttonicon + .buttonicon
{margin-left: @margin-3;}

.buttonicon_i
{width: 35px;
height: 35px;}

.overlay
{z-index: 1000; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
position: fixed;
background-color: rgba(0,0,0,0.70);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
width: 100%;
height: 100%; /* рaзмерoм вo весь экрaн */
top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
left:0;
cursor:pointer;
.div-flex;
.align-items-center;}

.overlay_close
{width: 40px;
height: 40px;
border-radius: 40px;
color: white;
border: solid 1px white;
.div-flex;
.justify-center;
.align-items-center;
position: absolute;
top: 10px;
right: 10px;}

.overlay_close_i
{font-size: 26px;}

.authorizations_socials
{margin-top: @margin-4;}

@media (hover: hover)
{
.button:hover{background-color: @color-2-light;}
.buttonsimple:hover{color: @color-3;}
.buttonicon:hover{color: @color-3;}
.overlay_close:hover{color: @color-2; border: solid 1px @color-2;}
}

@media all and (max-width: 768px)
{
.button{font-size: @font-size-normal;}
.button1{font-size: @font-size-normal;}
.button2{font-size: @font-size-normal;}
.totop{bottom: 10px; right: 10px;}
.mailbutton{bottom: 10px; left: 10px;}
}

@media all and (min-width: 768px)
{
@media (hover: hover)
{
.totop:hover {background-color: @color-2-light;}
.mailbutton:hover {background-color: @color-2-light;}
}
}






/*PARALLAXIMAGE*/
.parallaximage
{width: 100%;
margin: auto;}

.parallaximage_image
{.saturation;
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: 50%;
position:relative;
display: flex;
justify-content: center;
align-items: center;}

.parallaximage_image_content
{width: 100%;
.div-flex;
.direction-column;
.align-items-center;
.justify-center;
padding: @margin-4 @margin-3;}

.parallaximage_image_content_title
{.h1;
color: white;}

.parallaximage_image_content_text
{.font-family-subitalic;
font-size: @font-size-large-2;
color: white;
text-align: center;
width: 100%;
max-width: @read-width;}

.parallaximage_image_content_button
{margin: @margin-4 0px 0px 0px;}

@media all and (max-width: 800px)
{
.parallaximage_image{background-attachment: initial;}
}

@media all and (max-width: 1200px)
{
.parallaximage_image_content_title{font-size: @font-size-large-4;}
.parallaximage_image_content_text{font-size: @font-size-large-1;}
}

@media all and (max-width: 500px)
{
.parallaximage_image_content_title{font-size: @font-size-large-3;}
.parallaximage_image_content_text{font-size: @font-size-normal;}
}






/*STATS*/
.stats
{.div-flex;}

.stats + .article_body
{margin-top: @margin-3;}

.articles_item_content_readmore + .stats
{margin-top: @margin-3;}

.stats_item
{.div-flex;
.align-items-center;}

.stats_item + .stats_item
{margin-left: @margin-3;}

.stats_item_i
{color: @color-2;
margin-right: @margin-2;
font-size: 120%;}

.stats_item_ibutton
{cursor: pointer;}

.stats_item_idone
{color: @color-warned;
cursor: default;}

.stats_item_digits
{}

@media (hover: hover)
{
.stats_item_ibutton:hover{opacity: 0.5;}
.stats_item_idone:hover{opacity: 1;}
}






/*Modal window*/
.modalwindow
{overflow: hidden;
border-radius: 10px;
background: white;
position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
left: 50%;
opacity: 0;
z-index: -1;
padding: @margin-3;
box-sizing: border-box;
.div-flex;
.direction-column;
.align-items-center;
.justify-center;
max-width: 50vw;
min-width: 25vw;
display: none;}

.modalwindow .form_row_field_input
{min-width: 460px;}

.modalwindow_close
{cursor: pointer;
display: block;
color: @color-2;
height: 30px;
position: absolute;
right: @margin-2;
top: @margin-2;
z-index: 7;}

.modalwindow_close_image
{font-size: 30px;
line-height: 30px;}

.modalwindow_title
{width: 100%;
text-align: center;
.h2;
margin: @margin-3 0px;}

.modalwindow_content
{width: 100%;
.div-flex;
.direction-column;
.align-items-center;}



@media (hover: hover)
{
.modalwindow_close:hover{color: @color-3;}
}

@media all and (max-width: 1024px)
{
.modalwindow {max-width: 70vw;}
.modalwindow .form_row_field_input {min-width: 320px;}
}

@media all and (max-width: 550px)
{
.modalwindow {max-width: 90vw;}
}

@media all and (max-width: 400px)
{
.modalwindow .form_row_field_input {min-width: 70vw;}
}








/*Menu*/
/*Contactstop*/
.contactstop
{width: 100%;
.div-flex;
.justify-center;
.align-items-center;
.direction-column;
background-color: @color-1;
z-index: 5;}

.contactstop_content
{width: 100%;
max-width: @site-width;
padding: 0px @margin-3;
box-sizing: border-box;
.div-flex;
.justify-space-between;
.direction-column;}

.contactstop_contentsinglechild
{.justify-center;}

.contactstop_content_row
{.div-flex;
.justify-space-between;
width: 100%;}

.contactstop_content_row_block
{.div-flex;
.justify-center; 
.align-items-center;
color: white;}

.contactstop_content_row_block:nth-of-type(1)
{width: 30%;
.justify-start;}

.contactstop_content_row_block:nth-of-type(2)
{width: 40%;}

.contactstop_content_row_block:nth-of-type(3)
{width: 30%;
.justify-end;}

.contactstop_content_row_blockonly
{.justify-space-between;
width: 100%;}

.contactstop_content_row_block_item
{.div-flex;
.align-items-center;}

.contactstop_content_row_block_itemfull
{width: 100%;}

.contactstop_content_row_block_item + .contactstop_content_row_block_item
{margin-left: @margin-3;}

.contactstop_content_row_block_href
{cursor: pointer;}

.contactstop_content_row_block_item_icon
{.div-flex;
.justify-center;
.align-items-center;
height: 25px;
width: 25px;
.flex-shrink-0;}

.contactstop_content_row_block_item_icon_i
{font-size: 25px;}

.contactstop_content_row_block_item_icon + .contactstop_content_row_block_item_text
{margin-left: @margin-2;}

.contactstop_content_row_block_item_icon + .contactstop_content_row_block_item_icon
{margin-left: @margin-2;}

.contactstop_content_row_block_item_shoppingcart
{position: relative;}

.contactstop_content_row_block_item_shoppingcart_digits
{position: absolute;
right: -19px;
top: -6px;
color: white;
background-color: red;
border-radius: 20px;
text-align: center;
padding: 1px 6px;
display: block;}

.contactstop_content_row_block_item_shoppingcart_digits:empty
{display: none;}

.contactstop_content_row_block_item_text
{font-size: @font-size-normal;}

.contactstop_content_row_block_logo
{.div-flex;
.justify-start;
.align-items-center;
padding: @margin-1 0px;
cursor: pointer;}

.contactstop_content_row_block_logo_image
{width: 50px;
height: 50px;
background-image: url(css_images/logo/logo.png?2);
.background-contain-center;
display: block;}

.contactstop_content_row_block_logo_title
{.font-family-sub;
margin: 0px 0px 0px @margin-1;
font-size: 25px;
background: linear-gradient(0deg, #d28f1e, #fad74c); /* градиент */
-webkit-background-clip: text; /* для текста */
-webkit-text-fill-color: transparent;}

.contactstop_content_row_block_menusign
{width: 25px;
height: 25px;
border-radius: 30px;
line-height: 30px;
cursor: pointer;
color: white;
text-align: center;
.div-flex;
.align-items-center;
.justify-center;
display: none;}

.contactstop_content_row_block_menusign .i
{font-size: 25px;
line-height: 30px;}

.contactstop button
{color: white;}

@media (hover: hover)
{
.contactstop_content_row_block_href:hover{color: @color-3;}
a.contactstop_content_row_block_item:hover{color: @color-3;}
.contactstop_content_row_block_menusign:hover{color: @color-3-light;}
}

@media all and (max-width: 1300px) 
{
.contactstop_content_row_block:nth-of-type(1){width: 24%;}
.contactstop_content_row_block:nth-of-type(2){width: 52%;}
.contactstop_content_row_block:nth-of-type(3){width: 24%;}
.contactstop_content_row_block_item_text{display: none;}
.contactstop_content_row_block_item + .contactstop_content_row_block_item{margin-left: @margin-2;}
}

@media all and (max-width: 1024px) 
{
.contactstop_content_row_block_menusign{display: flex;}
.contactstop_content_row_block:nth-of-type(1){width: 40%;}
.contactstop_content_row_block:nth-of-type(2){width: 20%;}
.contactstop_content_row_block:nth-of-type(3){width: 40%;}
}

@media all and (max-width: 650px)
{
.contactstop_content_row_block_logo_image{width: 40px; height: 40px;}
.contactstop_content_row_block_logo_title{font-size: 20px;}
.contactstop_content{padding: 0px @margin-2;}
#contactstop_content1{height: 52px;}
}

@media all and (max-width: 500px) 
{
.contactstop_content_row{.justify-start;}
.contactstop_content_row_block:nth-of-type(1){width: initial;}
.contactstop_content_row_block:nth-of-type(2){width: initial; margin: 0px 0px 0px @margin-3;}
.contactstop_content_row_block:nth-of-type(3){width: initial; flex-grow: 2;}
}







/*Flags*/
.flags
{.div-flex;
.direction-row;}

.flags_selector
{.div-flex;
.direction-column;
position: absolute;
display: none;}

.flags_flagimages
{.div-flex;
.justify-center;
.align-items-center;
.background-cover-center;
width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
text-align: center;
color: white;
cursor: pointer;
display: block;}

.flags_flagwords
{.flags_flagimages;
border: solid 1px white;}

.flags .flags_flagwords + .flags_flagwords
{margin: 0px 0px 0px @margin-1;}

.flags .flags_flagimages + .flags_flagimages
{margin: 0px 0px 0px @margin-1;}

.flags_selector .flags_flagwords + .flags_flagwords
{margin: @margin-1 0px 0px 0px;}

.flags_selector .flags_flagimages + .flags_flagimages
{margin: @margin-1 0px 0px 0px;}

.flags_flagopaque
{opacity: 0.5;
cursor: default;}

@media (hover: hover)
{
.flags_flagimages:hover{opacity: 0.75;}
.flags_flagwords:hover{opacity: 0.75;}
.flags_flagopaque:hover{opacity: 0.5;}
}







/*Menutop*/
.menutop
{.div-flex;
.justify-start;
.align-items-center;
.direction-column;
.flex-shrink-0;
left: 0%;
z-index: 5;}

.menutop .simplebar-mask
{overflow: visible!important;}

.menutop .simplebar-content-wrapper
{overflow: visible!important;}

.menutop_sign
{width: 30px;
height: 30px;
border-radius: 30px;
line-height: 30px;
cursor: pointer;
color: @color-3;
text-align: center;
margin: 0px @margin-1;
display: none;
.align-items-center;
.justify-center;}

.menutop_sign_i
{font-size: 25px;
line-height: 30px;}



/*Кнопки меню*/
.menutop_buttons
{.div-flex;
.justify-center;
.align-items-stretch;
box-sizing: border-box;}

.menutop_buttons_button
{.div-flex;
.align-items-stretch;
.justify-space-between;
.flex-shrink-0;
position: relative;}

.menutop_buttons_button_a
{padding: 0px @margin-2;
height: 40px;
color: white;
text-align: left;
box-sizing: border-box;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;}

.menutop_buttons_button_a.active
{color: @color-2-light;}

.menutop_buttons_button_a_this
{.menutop_buttons_button_a;
color: @color-2;}

.menutop_buttons_button:first-of-type .menutop_buttons_button_a
{padding-left: 0px;}

.menutop_buttons_button:first-of-type .menutop_buttons_button_a_this
{padding-left: 0px;}

.menutop_buttons_button:last-of-type .menutop_buttons_button_a
{padding-right: 0px;}

.menutop_buttons_button:last-of-type .menutop_buttons_button_a_this
{padding-right: 0px;}

.menutop_buttons_button_a_info
{.div-flex;
.align-items-center;}

.menutop_buttons_button_a_info_icon
{width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
cursor: pointer;
text-align: center;
margin: 0px @margin-1 0px 0px;
.div-flex;
.align-items-center;
.justify-center;
.flex-shrink-0;
display: none;}

.menutop_buttons_button_a_info_icon_i
{font-size: 20px;
line-height: 25px;}

.menutop_buttons_button_a_info_text
{}

.menutop_buttons_button_a_arrow
{margin: 0px 0px 0px @margin-2;
display: none;}

.menutop_buttons_button_a_arrow_i
{}



/*Выпадающее подменю*/
.menutop_buttons_dropdown
{width: 100%;
box-sizing: border-box;
.flex-shrink-0;
.direction-column;
display: none;
position: absolute;
top: 40px;
left: 0px;
max-height: 70vh;
width: 600px;
z-index: 1;}

.menutop_buttons_dropdownaside
{width: 100%;
box-sizing: border-box;
.flex-shrink-0;
.direction-column;
/*display: none;*/
position: absolute;
max-height: 70vh;
position: absolute;
right: -100%;
top: 0px;
display: none;}

.menutop_buttons_dropdown_button
{box-sizing: border-box;
.div-flex;
.align-items-center;
.flex-shrink-0;
.justify-start;
cursor: pointer;
position: relative;
width: 300px;
.flex-shrink-0;}

.menutop_buttons_dropdown_button_a
{.div-flex;
width: 300px;
padding: @margin-2;
background-color: @color-menu-buttons-background-1;
text-align: left;
box-sizing: border-box;
color: @color-1;}

.menutop_buttons_dropdown_button_a_this
{.menutop_buttons_dropdown_button_a;
color: @color-3;}

.menutop_buttons_dropdown_button_a_icon
{width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
cursor: pointer;
text-align: center;
.div-flex;
.align-items-center;
.justify-center;
.flex-shrink-0;
margin: 0px @margin-1 0px 0px;
display: none;}

.menutop_buttons_dropdown_button_a_icon_i
{font-size: 20px;
line-height: 25px;}

.menutop_buttons_dropdown_button_a_text
{}

.menutop_buttons_dropdown_button_a_arrow
{margin: 0px 0px 0px @margin-2;
display: none;
position: absolute;
right: 10px;}

.menutop_buttons_dropdown_button_a_arrow i
{}

.menutop_buttons_dropdown_button_this
{.menutop_buttons_dropdown_button;}

.menutop_buttons_dropdown_button_this .menutop_buttons_dropdown_button_a
{color: @color-3;}

.menutop_buttons_dropdown_button_this .menutop_buttons_dropdownaside .menutop_buttons_dropdown_button_a
{color: @color-3;}



/*Меню для < 800px*/
.menutop_buttonslistcarrier
{display: none;
width: 100%;}

.menutop_buttonslist
{.div-flex;
.justify-center;
.align-items-center;
.direction-column;
width: 100%;
box-sizing: border-box;
display: none;}

.menutop_buttonslist_button
{width: 100%;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;
.direction-column;
position: relative;}

.menutop_buttonslist_button_a
{color: @color-1;
text-align: left;
width: 100%;
box-sizing: border-box;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;
background-color: @color-menu-buttons-background-0;}

.menutop_buttonslist_button_a.active
{color: @color-3-light;}

.menutop_buttonslist_button_a_this
{.menutop_buttonslist_button_a;
color: @color-3;}

.menutop_buttonslist_button_a_info
{.div-flex;
.align-items-center;
width: 100%;
padding: @margin-2;
box-sizing: border-box;}

.menutop_buttonslist_button_a_info_icon
{width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
cursor: pointer;
text-align: center;
.flex-shrink-0;}

.menutop_buttonslist_button_a_info_icon_i
{font-size: 20px;
line-height: 25px;}

.menutop_buttonslist_button_a_info_text
{margin: 0px 0px 0px @margin-1;}

.menutop_buttonslist_button_a_arrow
{padding: @margin-2;
width: 16px;
height: 16px;
.div-flex;
.justify-center;
.align-items-center;
cursor: pointer;
display: none;}

.menutop_buttonslist_button_a_arrow_image
{}

.menutop_buttonslist_dropdown
{width: 100%;
box-sizing: border-box;
.flex-shrink-0;
.direction-column;
display: none;}

.menutop_buttonslist_dropdown_button
{box-sizing: border-box;
.div-flex;
.direction-column;
position: relative;}

.menutop_buttonslist_dropdown_button_a
{background-color: @color-menu-buttons-background-1;
text-align: left;
box-sizing: border-box;
.div-flex;
.align-items-center;
.flex-shrink-0;
.justify-start;
color: @color-1;
cursor: pointer;
width: 100%;}

.menutop_buttonslist_dropdown_button_a_this
{.menutop_buttonslist_dropdown_button;
color: @color-3;}

.menutop_buttonslist_dropdown_button_a_info
{padding: @margin-2 @margin-2 @margin-2 @margin-4;
flex-grow: 2;}

.menutop_buttonslist_dropdown_button .menutop_buttonslist_dropdown_button .menutop_buttonslist_dropdown_button_a_info
{padding: @margin-2 @margin-2 @margin-2 60px;}

.menutop_buttonslist_dropdown_button_a_info_icon
{width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
cursor: pointer;
text-align: center;
.div-flex;
.align-items-center;
.justify-center;
.flex-shrink-0;
margin: 0px @margin-1 0px 0px;}

.menutop_buttonslist_dropdown_button_a_info_icon_i
{font-size: 20px;
line-height: 25px;}

.menutop_buttonslist_dropdown_button_a_info_text
{}

.menutop_buttonslist_dropdown_button_a_arrow
{padding: @margin-2;
width: 16px;
height: 16px;
.div-flex;
.justify-center;
.align-items-center;
cursor: pointer;
display: none;}

@media (hover: hover)
{
.menutop_sign:hover{color: @color-2-light;}
.menutop_buttons_button_a:hover{color: @color-2-light;}
.menutop_buttons_button_a:active{color: @color-2-light;}
.menutop_buttons_button_a_this:hover{color: @color-2-light;}
.menutop_buttons_dropdown_button_a:hover{color: @color-2-light;}
.menutop_buttons_dropdown_button_a:active{color: @color-2-light;}
.menutop_buttons_dropdown_button_this .menutop_buttons_dropdown_button_a:hover{color: @color-2-light;}
.menutop_buttons_dropdown_button_this .menutop_buttons_dropdownaside .menutop_buttons_dropdown_button_a:hover{color: @color-2-light;}
.menutop_buttonslist_button_a:hover{color: @color-2-light;}
.menutop_buttonslist_button_a:active{color: @color-2-light;}
.menutop_buttonslist_dropdown_button_a:hover{color: @color-2-light;}
.menutop_buttonslist_dropdown_button_a:active{color: @color-2-light;}
}

@media all and (max-width: 1024px)
{
.menutop{display: none;}
}








/*Menufull*/
.menufull
{.div-flex;
.justify-center; 
.align-items-center;
.direction-column;
.flex-shrink-0;
background: linear-gradient(90deg, #354d66 0%, @color-1 100%);
width: 100vw;
height: 100vh;
z-index: -1;
top: 0px;
left: 0px;
display: none;
position: fixed;}

.menufullcontent
{.div-flex;
.justify-space-between; 
.align-items-center;
.direction-column;
.flex-shrink-0;
background-color: @color-menu-buttons-background-0;
width: 100vw;
height: 100%;}

.menufull_block
{.div-flex;
.justify-center; 
.align-items-center;
.direction-column;
.flex-shrink-0;
padding: @margin-3;
box-sizing: border-box;
width: 100%;}

.menufull_block_menusign
{width: 25px;
height: 25px;
border-radius: 30px;
line-height: 30px;
cursor: pointer;
color: white;
text-align: center;
.div-flex;
.align-items-center;
.justify-center;
position: absolute;
right: @margin-3;
top: @margin-3;}

.menufull_block_menusign .i
{font-size: 25px;
line-height: 30px;}

.menufull_block_menu
{width: 100%;
max-height: 70vh;
max-width: 500px;}

.menufull_block_menu_buttonslist
{.div-flex;
.justify-center; 
.align-items-center;
.direction-column;
width: 100%;
box-sizing: border-box;}

.menufull_block_menu_buttonslist_button
{width: 100%;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;
.direction-column;
position: relative;}

.menufull_block_menu_buttonslist_button_a
{color: white;
text-align: left;
width: 100%;
box-sizing: border-box;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;}

.menufull_block_menu_buttonslist_button_a.active
{color: @color-2-light;}

.menufull_block_menu_buttonslist_button_a_this
{.menufull_block_menu_buttonslist_button_a;
color: @color-2;}

.menufull_block_menu_buttonslist_button_a_info
{.div-flex;
.align-items-center;
.justify-center;
width: 100%;
padding: @margin-2;
box-sizing: border-box;}

.menufull_block_menu_buttonslist_button_a_info_icon
{width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
cursor: pointer;
text-align: center;
.flex-shrink-0;
display: none;}

.menufull_block_menu_buttonslist_button_a_info_icon_i
{font-size: 20px;
line-height: 25px;}

.menufull_block_menu_buttonslist_button_a_info_text
{margin: 0px;}

.menufull_block_menu_buttonslist_button_a_arrow
{padding: @margin-2 30px @margin-2 @margin-2;
width: 16px;
height: 16px;
.div-flex;
.justify-center;
.align-items-center;
cursor: pointer; 
display: none;}

.menufull_block_menu_buttonslist_button_a_arrow_image
{}

.menufull_block_menu_buttonslist_dropdown
{width: 100%;
box-sizing: border-box;
.flex-shrink-0;
.direction-column;
display: none;}

.menufull_block_menu_buttonslist_dropdown_button
{box-sizing: border-box;
.div-flex;
.direction-column;
position: relative;}

.menufull_block_menu_buttonslist_dropdown_button_a
{background-color: @color-menu-buttons-background-1;
text-align: left;
box-sizing: border-box;
.div-flex;
.align-items-center;
.flex-shrink-0;
.justify-start;
color: @color-1;
cursor: pointer;
width: 100%;}

.menufull_block_menu_buttonslist_dropdown_button_this .menufull_block_menu_buttonslist_dropdown_button_a
{color: @color-3-light;}

.menufull_block_menu_buttonslist_dropdown_button_a_this
{.menufull_block_menu_buttonslist_dropdown_button;
color: @color-3;}

.menufull_block_menu_buttonslist_dropdown_button_a_info
{padding: @margin-2 @margin-2 @margin-2 @margin-4;
flex-grow: 2;}

.menufull_block_menu_buttonslist_dropdown_button .menufull_block_menu_buttonslist_dropdown_button .menufull_block_menu_buttonslist_dropdown_button_a_info
{padding: @margin-2 @margin-2 @margin-2 60px;}

.menufull_block_menu_buttonslist_dropdown_button_a_info_icon
{width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
cursor: pointer;
text-align: center;
.div-flex;
.align-items-center;
.justify-center;
.flex-shrink-0;
margin: 0px @margin-1 0px 0px;}

.menufull_block_menu_buttonslist_dropdown_button_a_info_icon_i
{font-size: 20px;
line-height: 25px;}

.menufull_block_menu_buttonslist_dropdown_button_a_info_text
{}

.menufull_block_menu_buttonslist_dropdown_button_a_arrow
{padding: @margin-2;
width: 16px;
height: 16px;
.div-flex;
.justify-center;
.align-items-center;
cursor: pointer; 
display: none;}

.menufull_block_logo
{.div-flex;
.justify-start;
.align-items-center;
padding: 0px 0px @margin-3 0px;
cursor: pointer;
width: 50px;
height: 50px;
background-image: url(css_images/logo/logo.png?2);
.background-contain-center;
display: block;}

.menufull_block_logo_title
{.font-family-sub;
margin: 0px 0px 0px @margin-1;
font-size: 25px;
background: linear-gradient(0deg, #d28f1e, #fad74c); /* градиент */
-webkit-background-clip: text; /* для текста */
-webkit-text-fill-color: transparent;}

.menufull_block_contacts
{.div-flex;
.direction-column;
.align-items-start;}

.menufull_block_contacts_item
{.div-flex;
.align-items-center;}

.menufull_block_contacts_item + .menufull_block_contacts_item
{margin-top: @margin-2;}

.menufull_block_contacts_item_icon
{.div-flex;
.justify-center;
.align-items-center;
.flex-shrink-0;
text-align: center;
vertical-align: middle;
margin-right: @margin-2;}

.menufull_block_contacts_item_icon_i
{font-size: 20px;
line-height: 30px;
color: @color-2;}

.menufull_block_contacts_item_info
{color: @color-1-light;}

@media (hover: hover)
{
.menufull_block_menusign:hover{color: @color-2-light;}
.menufull_block_menu_buttonslist_button_a:hover{color: @color-2-light;}
.menufull_block_menu_buttonslist_button_a:active{color: @color-2-light;}
.menufull_block_menu_buttonslist_dropdown_button_a:hover{color: @color-2-light;}
.menufull_block_menu_buttonslist_dropdown_button_a:active{color: @color-2-light;}
a.menufull_block_contacts_item:hover{color: @color-2;}
a.menufull_block_contacts_item:hover .menufull_block_contacts_item_icon{background-color: @color-2;}
}

@media all and (max-width: 650px)
{
.menufull_block_logo_image{width: 40px; height: 40px;}
.menufull_block_logo_title{font-size: 20px;}
}






/*Form*/
.form
{.div-flex;
.direction-column;
.align-items-center;
width: 100%;
max-width: @read-width;
box-sizing: border-box;
position: relative;}




/*Элементы формы*/
.form_title
{.h2;
width: 100%;
text-align: center;}

.form_block
{.h2;
width: 100%;
text-align: center;}

.form_row
{.div-flex;
.justify-start;
.align-items-center;
.flex-wrap;
width: 100%;
box-sizing: border-box;}

.form_row + .form_row
{margin-top: @margin-3;}

.form_row + .form_block
{margin-top: @margin-4;}

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

.form_rowshort
{width: initial;}

.form_row_field
{.div-flex;
.direction-column;
.flex-shrink-0;
.justify-center;
flex-grow: 2;
box-sizing: border-box;
position: relative;
max-width: 100%;}

.form_row_field_title
{.div-flex;
.flex-shrink-0;
font-size: @font-size-small-1;
margin: 0px 0px 2px 0px;}

.form_row_field_title_warned
{color: @color-warned;}

.form_row_field_title:empty
{margin-bottom: 0px;}

.form_row_field_input
{.div-flex;
padding: 3px 5px;
border: @border-light;
.font-family-main;
width: 100%;
font-size: @font-size-normal;
.flex-shrink-0;
border-radius: 5px;
text-overflow: ellipsis;
color: @color-1;
outline: none;
background-color: @color-form-fields;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;}

.form_row_field_input::placeholder
{color: @color-1-opaque;}

.form_row_field_input:focus::placeholder
{opacity: 0;
transition: opacity 0.3s ease;}

.form_row_field_input_warned
{border: @border-warned!important;
background-color: @color-warned-light!important;}

.form_row_field_input_warned::placeholder
{color: @color-warned;}

.form_row_field_input_warned:focus::placeholder
{opacity: 0;
transition: opacity 0.3s ease;}

.form_row_field_inputmultiple
{.div-flex;
.direction-row;
.align-items-start;
.flex-wrap;
.font-family-main;
width: 100%;
font-size: @font-size-normal;
.flex-shrink-0;
border-radius: 5px;
text-overflow: ellipsis;
color: @color-1;
outline: none;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
margin-top: -@margin-3;}

.form_row_field_inputmultiple_item
{.div-flex;
margin: @margin-3 @margin-4 0px 0px;}

.form_row_button
{.button;
margin: auto;}

.form_row_field + .form_row_button
{margin-left: @margin-2;}

i + .form_row_button
{margin-left: @margin-2;}

.form_row_warning
{width: 100%;
text-align: center;
box-sizing: border-box;
font-size: @font-size-small-1;}




/*Специальные инпуты*/
/*Select*/
.form_row_field_inputselect
{.form_row_field_input;
padding: 3px 32px 3px 5px;
background-image: url(css_images/select_down_arrow.png);
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;}

.form_row_field_inputselectdark
{background-color: @color-1;
background-image: url(css_images/select_down_arrow_white.png);  
color: white;}

.form_row_field_inputselectdark + .filter_item_label
{margin-top: @margin-3;}



/*Checkbox*/
/* Cначала обозначаем стили для IE8 и более старых версий т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.form_row_field_inputcheckbox
{vertical-align: top;
width: 17px;
height: 17px;
outline: none;}

/* Это для всех браузеров, кроме совсем старых, которые не поддерживают селекторы с плюсом. Показываем, что label кликабелен. */
.form_row_field_inputcheckbox + label
{cursor: pointer;
outline: none;}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.form_row_field_inputcheckbox:not(checked)
{position: absolute;
opacity: 0;
outline: none;}

.form_row_field_inputcheckbox:not(checked) + label
{position: relative; /* будем позиционировать псевдочекбокс относительно label */
padding: 0 0 0 55px;
outline: none;}/* оставляем слева от label место под псевдочекбокс */

/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.form_row_field_inputcheckbox:not(checked) + label:before
{content: '';
position: absolute;
top: 2px;
left: 0;
width: 45px;
height: 22px;
border-radius: 13px;
background: #CDD1DA;
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
outline: none;}

/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.form_row_field_inputcheckbox:not(checked) + label:after
{content: '';
position: absolute;
top: 4px;
left: 2px;
width: 18px;
height: 18px;
border-radius: 10px;
background: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
outline: none;
transition: all .2s;} /* анимация, чтобы чекбокс переключался плавно */

/* Меняем фон чекбокса, когда он включен. */
.form_row_field_inputcheckbox:checked + label:before
{background: #9FD468;}

/* Сдвигаем переключатель чекбокса, когда он включен. */
.form_row_field_inputcheckbox:checked + label:after
{left: 25px;}

/* Показываем получение фокуса. */
/*.form_row_field_inputcheckbox:focus + label:before
{box-shadow: 0 0 0 3px rgba(255,255,0,.5);}*/



/*Radio*/
.form_row_field_inputradio
{vertical-align: top;
width: 17px;
height: 17px;}

.form_row_field_inputradio + label
{cursor: pointer;}

.form_row_field_inputradio:not(checked)
{position: absolute;
opacity: 0;}

.form_row_field_inputradio:not(checked) + label
{position: relative;
padding: 0 0 0 30px;}

.form_row_field_inputradio:not(checked) + label:before
{content: '';
position: absolute;
top: 3px;
left: 0px;
width: 18px;
height: 18px;
border: 1px solid #CDD1DA;
border-radius: 50%;
background: #FFF;}

.form_row_field_inputradio:not(checked) + label:after
{content: '';
position: absolute;
top: 6px;
left: 3px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #9FD468;
box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
opacity: 0;
transition: all .2s;}

.form_row_field_inputradio:checked + label:after
{opacity: 1;}



/*Rnage*/
.form_row_field_inputrange
{border: 0;
background: none;
font-size: @font-size-normal;
text-align: center;
width: 100%;
outline: none;}

.form_row_field_inputrange_amount
{.font-family-main;
text-align: center;
width: 100%;}

.slider-range .ui-widget-header
{background: @color-2;}

.slider-range
{margin: 0px 10px 0px 10px;}

.ui-state-default, .ui-widget-content .ui-state-default
{outline: none;
border: none;}

.ui-state-hover, .ui-widget-content .ui-state-hover
{outline: none;
border: none;}

.ui-state-focus, .ui-widget-content .ui-state-focus
{outline: none;
border: none;}

.ui-state-active, .ui-widget-content .ui-state-active
{outline: none;
border: none;
background: #d67373;}

.ui-widget-content
{outline: none;
border: none;
background: rgb(107,107,107);}

.ui-slider .ui-slider-handle
{width: 1.1em;
height: 1.1em;}

.ui-slider-horizontal .ui-slider-handle
{top: -.2em;}



/*File*/
.form_row_field_inputfile
{opacity: 0;
position: absolute;
width: 0px;
height: 0px;
padding: 0px;
margin: 0px;
border: none;}

.form_row_field_inputfilelabel
{.form_row_field_input;
overflow: hidden;
cursor: pointer;
color: @color-1-opaque;}

.form_row_field_inputfilelabelloaded
{color: @color-1;}

.form_row_field_inputimagelabel
{.form_row_field_input;
.justify-center;
.align-items-center;
height: 200px;
width: 200px;
margin: auto;
overflow: hidden;
cursor: pointer;
color: @color-1-opaque;
.background-contain-center;}

.form_row_field_inputimagelabelloaded
{color: @color-1-opaque;}

.form_row_field_inputimagelabel svg
{height: 2em;}

.form_rowshort .form_row_field_inputimagelabel
{width: 100vw;
max-width: 200px;
aspect-ratio: 1;}



/*Выпадающий список*/
.form_row_field_list
{box-sizing: border-box;
border: @border-solid;
.font-family-main;
font-size: @font-size-normal;
border-radius: 5px;
text-overflow: ellipsis;
max-height:30vh;
overflow-y:auto;
display:none;
position: absolute;
top: 33px;
color: @color-1;
outline: none;
background-color: @color-form-fields;
width: 100%;}

.form_row_field_list li
{list-style: none;
padding: @margin-1 @margin-2;
margin: 0px;
color: @color-1;
cursor: pointer;
white-space: normal;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;}

.form_row_field_list_textsearched
{color: @color-2;}

.form_row_field_list li.chapter
{color: @color-1-opaque;
cursor: default;}



/*Особенности специальных форм*/
.formsearch .form_row_button
{.button;
background-color: @color-3;
border: solid @color-3 1px;
padding: @margin-1 0px;
margin-left: -35px;
width: 35px;
z-index: 2;
background: none;
border: solid 1px rgba(0,0,0,0);}

.formsearch .form_row_field_input
{background: none;}

.formsearch .form_row_field_input:focus
{background: white;}

.formsearch .form_row_field_input::placeholder
{color: rgba(255,255,255,0.5);}

.formsearch_icon
{position: absolute;
z-index: 1;
right: 10px;
color: @color-1;}

.formsearch  .form_row_field_list li
{white-space: nowrap;}

#search_result
{z-index: 6;}

.fieldsize25
{width: calc(~'25% - 15px');
flex-grow: 0;
margin-right: @margin-3;}
.fieldsize25:nth-of-type(4n+4){margin-right: 0px;}
.fieldsize25:nth-of-type(n+5){margin-top: @margin-3;}

.fieldsize33
{width: calc(~'33.3333% - 14px');
flex-grow: 0;
margin-right: @margin-3;}
.fieldsize33:nth-of-type(4n+4){margin-right: @margin-3;}
.fieldsize33:nth-of-type(3n+3){margin-right: 0px;}
.fieldsize33:nth-of-type(n+4){margin-top: @margin-3;}

.fieldsize50
{width: calc(~'50% - 10px');
flex-grow: 0;
margin-right: @margin-3;}
.fieldsize50:nth-of-type(4n+4){margin-right: @margin-3;}
.fieldsize50:nth-of-type(3n+3){margin-right: @margin-3;}
.fieldsize50:nth-of-type(2n+2){margin-right: 0px;}
.fieldsize50:nth-of-type(n+3){margin-top: @margin-3;}



/*Daterangepicker*/
.daterangepicker .applyBtn
{background-color: @color-2;
border-radius: 5px;
cursor: pointer;}

.daterangepicker .cancelBtn
{background-color: @color-1-light;
border-radius: 5px;
cursor: pointer;}



@media (hover: hover)
{
.form_row_button:hover{background-color: @color-2-light;}
.formsearch .form_row_button:hover{background: none;}
.formsearch .form_row_button:hover + svg{color: @color-2-light;}
.form_row_field_inputselect:hover{background-image: url(css_images/select_down_arrow_opaque.png);}
.form_row_field_inputselectdark:hover{background-image: url(css_images/select_down_arrow_opaque_white.png);}
.form_row_field_inputfilelabel:hover{background: @color-3; border: solid @color-3 1px; color: white;}
.form_row_field_inputfilelabelloaded:hover{background: @color-3; color: white;}
.form_row_field_inputimagelabel:hover{background-color: @color-3; border: solid @color-3 1px; color: white;}
.form_row_field_inputimagelabelloaded:hover{background-color: @color-background; color: white;}
.form_row_field_list li:hover{background-color: @color-2-opaque2;}
.form_row_field_list li.chapter:hover{color: @color-1-opaque; background-color: @color-form-fields;}
.daterangepicker .applyBtn:hover{background-color: @color-3; color: white;}
.daterangepicker .cancelBtn:hover{background-color: @color-3; color: white;}
}

@media all and (max-width: 800px)
{
.fieldsize50{width: 100%;}
.fieldsize50:nth-of-type(n+2){margin-top: @margin-3;}
.fieldsize25{width: calc(~'50% - 10px'); margin-right: @margin-3;}
.fieldsize25:nth-of-type(2n+2){margin-right: 0px;}
.fieldsize25:nth-of-type(n+3){margin-top: @margin-3;}
}

@media all and (max-width: 768px)
{
.formsearch i{display: block;}
.formsearch .form_row_button{color: transparent; width: 25px; height: 25px; padding: 0px; background: none; border: none; margin-left: -30px; z-index: 5;}
.formsearch .form_row_field_input{padding-right: 30px;}
}

@media all and (max-width: 650px)
{
.formsearch{position: absolute; width: 100%; top: 0px; left: 0px; padding: @margin-2;}
.formsearch_icon{right: 18px;}
}

@media all and (max-width: 600px)
{
.fieldsize50{width: 100%;}
.fieldsize33{width: 100%;}
.fieldsize33:nth-of-type(n+2){margin-top: @margin-3;}
.fieldsize25{width: 100%;}
.fieldsize25:nth-of-type(n+2){margin-top: @margin-3;}
}







/*Footer*/
.footer
{.div-flex;
.direction-column;
.align-items-center;
width: 100%;
border-top: @border-solid;
background: @color-1;
color: white;
z-index: 2;}

.footer_data
{width: 100%;
box-sizing: border-box;
max-width: @site-width;
.div-flex;
.direction-row;
.flex-wrap;
.flex-shrink-0;}

.footer_data_chapter
{width: 33.3333%;
box-sizing: border-box;
padding: @margin-4 @margin-3;
.div-flex;
.direction-column;
.justify-start;
.flex-shrink-0;}

.footer_data_chapter1
{.footer_data_chapter;
width: 30%;}

.footer_data_chapter2
{.footer_data_chapter;
width: 40%;}

.footer_data_chapter3
{.footer_data_chapter;
width: 30%;}

.footer_data_chapter_logo
{.div-flex;
.justify-start;
.align-items-center;
padding: 0px 0px @margin-3 0px;
cursor: pointer;}

.footer_data_chapter_logo_image
{width: 50px;
height: 50px;
background-image: url(css_images/logo/logo.png?2);
.background-contain-center;
display: block;}

.footer_data_chapter_logo_title
{.font-family-sub;
margin: 0px 0px 0px @margin-1;
font-size: 25px;
background: linear-gradient(0deg, #d28f1e, #fad74c); /* градиент */
-webkit-background-clip: text; /* для текста */
-webkit-text-fill-color: transparent;}

.footer_data_chapter_header
{.div-flex;
.font-family-subbold; 
font-size: @font-size-large-2;}

.footer_data_chapter_headerdivider
{width: 100%;
height: 1px;
background-color: @color-2;
margin: @margin-2 0px;}

.footer_data_chapter_info
{.div-flex;
.direction-column;
color: @color-1-light;}

.footer_data_chapter_items
{.div-flex;
.direction-column;
.align-items-start;}

.footer_data_chapter_items_item
{.div-flex;
.align-items-center;}

.footer_data_chapter_items_item + .footer_data_chapter_items_item
{margin-top: @margin-2;}

.footer_data_chapter_items_item_icon
{.div-flex;
.justify-center;
.align-items-center;
.flex-shrink-0;
text-align: center;
vertical-align: middle;}

.footer_data_chapter_items_item_icon_i
{font-size: 20px;
line-height: 30px;
color: @color-2;}

.footer_data_chapter_items_item_image
{width: 30px;
height: 30px;
.background-contain-center;
margin: 0px @margin-2 0px 0px;
.flex-shrink-0;}

.footer_data_chapter_items_item_title
{margin: 0px @margin-2 0px 0px;
.font-family-mainbold;}

.footer_data_chapter_items_item_info
{color: @color-1-light;}

.footer_data_chapter_items_item_icon + .footer_data_chapter_items_item_info
{margin: 0px 0px 0px @margin-2;}

.footer_data_chapter_socials
{.div-flex;
.flex-wrap;}

.footer_data_chapter_socials_social
{.footer_data_chapter_items_item_icon;
margin: 0px @margin-2 @margin-2 0px;}

.footer_data_chapter_socials_social:last-of-type
{margin-left: 0px;}

.footer_data_chapter_socials_social_i
{font-size: 20px;
line-height: 30px;
color: white;
display: block;
padding: 5px;}

.footer_span
{text-decoration: underline;
cursor: pointer;}

.footer_authors
{width: 100%;
.div-flex;
.justify-center;
padding: @margin-2 @margin-3;
background: @color-1;}

.footer_authors_link
{width: 120px;
height: 30px;
background-image: url(css_images/logo/webion_light.svg);}



@media (hover: hover)
{
a.footer_data_chapter_items_item:hover{color: @color-2;}
a.footer_data_chapter_items_item:hover .footer_data_chapter_items_item_info{color: @color-2;}
a.footer_data_chapter_items_item:hover .footer_data_chapter_items_item_icon_i{color: @color-2;}
a.footer_data_chapter_socials_social:hover{color: @color-2;}
.footer_span:hover{color: rgba(255,255,255,1);}
.footer_authors_link:hover{color: white;}
}

@media all and (max-width: 1024px) 
{
.footer_data_chapter{width: 50%;}
.footer_data_chapter1{width: 50%;}
.footer_data_chapter2{width: 50%;}
.footer_data_chapter3{width: 50%;}
.footer_data_chapter4{width: 50%;}
}

@media all and (max-width: 768px) 
{
.footer_data_chapter{width: 100%; padding: @margin-3;}
.footer_data_chapter1{width: 100%; padding: @margin-3;}
.footer_data_chapter2{width: 100%; padding: @margin-3;}
.footer_data_chapter3{width: 100%; padding: @margin-3;}
.footer_data_chapter4{width: 100%; padding: @margin-3;}
}

@media all and (max-width: 650px)
{
.footer_data_chapter_logo_image{width: 40px; height: 40px;}
.footer_data_chapter_logo_title{font-size: 20px;}
}






/*Overlay gallery*/
.overlaygallery
{width: 100vw;
height: 100vh;
.div-flex;
.justify-center;
.align-items-center;}

.overlaygallery_item
{width: initial!important;
max-width: 80vw;
max-height: 80vh;
margin: auto;}

.overlaygallery_item img
{max-height: 80vh;
border-radius: 5px;}







.searchrequest
{margin-bottom: @margin-4;
.font-family-subbold;
font-size: @font-size-large-2;}

.searchrequest_span
{color: @color-2;}

.searchresults
{width: 100%;
max-width: @read-width;
.div-flex;
.justify-start;
.flex-wrap;}

.searchresults_chapter
{.font-family-subbold;
font-size: @font-size-large-2;
margin-bottom: @margin-4;}

.searchresults_item
{width: 100%;
padding: 5px;
border-radius: 5px;
.div-flex;
.flex-shrink-0;
.justify-start;
.align-items-start;}

.searchresults_item + .headerlined
{margin-top: @margin-5;}

.searchresults_item + .searchresults_item
{margin-top: 30px;}

.searchresults_item + .searchresults_chapter
{margin-top: @margin-5;}

.searchresults_item_image
{width: 80px;
height: 80px;
margin-top: 0px;
border-radius: 5px;
.background-cover-center;
.flex-shrink-0;
position: relative;}

.searchresults_item_image img
{position: absolute;
border-radius: 5px;
width: 100%;
height: 100%;
object-fit: cover;}

.searchresults_item_data
{.div-flex;
.direction-column;}

.searchresults_item_image + .searchresults_item_data
{margin-left: @margin-2;}

.searchresults_item_data_title
{.font-family-mainbold;}

.searchresults_item_data_text
{word-break: break-word;}

.searchresults_item_data_title + .searchresults_item_data_text
{margin-top: @margin-2;}

.searchresults_item_data_textsearched
{color: @color-2;}



@media (hover: hover)
{
.searchresults_item:hover{background: rgba(255, 255, 255, 0.1);}
}







.articles
{width: 100%;
box-sizing: border-box;
.div-flex;
.direction-column;}

.articles_item
{width: 100%;
box-sizing: border-box;
.div-flex;
.align-items-stretch;}

.articles_item + .articles_item
{margin-top: @margin-4;}

.articles_item_image
{width: 20%;
height: 0px;
padding-bottom: 13%;
position: relative;
.flex-shrink-0;
overflow: hidden;
border-radius: 5px;}

.articles_item_image img
{width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
transition: all 0.3s;}

.articles_item_content
{.div-flex;
.direction-column;
.align-items-start;
.justify-space-between;
width: 80%;
box-sizing: border-box;
padding-left: @margin-3;}

.articles_item_content_data
{width: 100%;}

.articles_item_content_data_title
{.font-family-mainbold;
font-size: @font-size-large-2;
margin-bottom: @margin-1;}

.articles_item_content_data_date
{color: @color-1-light;
margin-bottom: @margin-3;}

.articles_item_content_data_image
{display: none;
width: 100%;
aspect-ratio: 1.5;
position: relative;
margin: 0px 0px @margin-3 0px;
border-radius: 5px;
overflow: hidden;}

.articles_item_content_data_image img
{width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
transition: all 0.3s;}

.articles_item_content_data_text
{margin-bottom: @margin-3;
.font-family-main;}

.articles_item_content_footer
{width: 100%;
.div-flex;
.justify-space-between;
.align-items-start;}

.articles_item_content_footer_readmore
{color: @color-2;}



@media (hover: hover)
{
.articles_item_image:hover img{transform: scale(1.1); transition: all 0.3s;}
.articles_item_content_data_title:hover{color: @color-3;}
.articles_item_content_readmore:hover{color: @color-3;}
}

@media all and (max-width: 1024px)
{
.articles_item_image{width: 30%; padding-bottom: 19%;}
.articles_item_content{width: 70%;}
}

@media all and (max-width: 768px)
{
.articles_item_image{display: none;}
.articles_item_content_data_image{display: block;}
.articles_item_content{width: 100%; padding-left: 0px;}
}








.article
{width: 100%;
box-sizing: border-box;
.div-flex;
.direction-column;
max-width: @read-width;}

.article_head
{width: 100%;
box-sizing: border-box;
.div-flex;
.direction-column;
margin-bottom: @margin-3;}

.article_head_image
{width: 100%;
box-sizing: border-box;
.flex-shrink-0;}

.article_head_image img
{width: 100%;
height: 100%;
max-height: 60vh;
object-fit: cover;
border-radius: 5px;}

.article_head_content
{width: 100%;
box-sizing: border-box;
.flex-shrink-0;
.div-flex;
.direction-column;
padding-bottom: @margin-3;}

.article_head_content_title
{.font-family-sub;
font-size: @font-size-large-4;
margin-bottom: @margin-1;}

.article_head_content_date
{color: @color-1-light;}

.article_body
{word-break: break-word;}

.article_body strong
{.font-family-mainbold;}

.article_body em
{.font-family-mainitalic;}

.article_body h2
{.h2;}

.article_body h3
{.h3;}

.article_body h4
{color: @color-1-light;}

.article_body ul
{list-style: disc inside;}

.article_body ol
{list-style: decimal inside;}

.article_body li + li{margin-top: 1em;}

.article_body p + p{margin-top: 1em;}
.article_body p + h2{margin-top: 2em;}
.article_body p + h3{margin-top: 2em;}
.article_body p + h4{margin-top: 0.5em;}
.article_body p + table{margin-top: 1em;}
.article_body p + ul{margin-top: 1em;}
.article_body p + ol{margin-top: 1em;}
.article_body p + img{margin-top: 1em;}
.article_body p + iframe{margin-top: 1em;}
.article_body table + p{margin-top: 1em;}
.article_body table + h2{margin-top: 2em;}
.article_body table + h3{margin-top: 2em;}
.article_body table + h4{margin-top: 0.5em;}
.article_body table + table{margin-top: 1em;}
.article_body table + ul{margin-top: 1em;}
.article_body table + ol{margin-top: 1em;}
.article_body table + img{margin-top: 1em;}
.article_body table + iframe{margin-top: 1em;}
.article_body ul + p{margin-top: 1em;}
.article_body ul + h2{margin-top: 2em;}
.article_body ul + h3{margin-top: 2em;}
.article_body ul + h4{margin-top: 0.5em;}
.article_body ul + table{margin-top: 1em;}
.article_body ul + ul{margin-top: 1em;}
.article_body ul + ol{margin-top: 1em;}
.article_body ul + img{margin-top: 1em;}
.article_body ul + iframe{margin-top: 1em;}
.article_body ol + p{margin-top: 1em;}
.article_body ol + h2{margin-top: 2em;}
.article_body ol + h3{margin-top: 2em;}
.article_body ol + h4{margin-top: 0.5em;}
.article_body ol + table{margin-top: 1em;}
.article_body ol + ul{margin-top: 1em;}
.article_body ol + ol{margin-top: 1em;}
.article_body ol + img{margin-top: 1em;}
.article_body ol + iframe{margin-top: 1em;}
.article_body img + p{margin-top: 1em;}
.article_body img + h2{margin-top: 2em;}
.article_body img + h3{margin-top: 2em;}
.article_body img + h4{margin-top: 0.5em;}
.article_body img + table{margin-top: 1em;}
.article_body img + ul{margin-top: 1em;}
.article_body img + ol{margin-top: 1em;}
.article_body img + img{margin-top: 1em;}
.article_body img + iframe{margin-top: 1em;}
.article_body iframe + p{margin-top: 1em;}
.article_body iframe + h2{margin-top: 2em;}
.article_body iframe + h3{margin-top: 2em;}
.article_body iframe + h4{margin-top: 0.5em;}
.article_body iframe + table{margin-top: 1em;}
.article_body iframe + ul{margin-top: 1em;}
.article_body iframe + ol{margin-top: 1em;}
.article_body iframe + img{margin-top: 1em;}
.article_body iframe + iframe{margin-top: 1em;}
.article_body h2 + h2{margin-top: 2em;}
.article_body h2 + h3{margin-top: 2em;}
.article_body h2 + h4{margin-top: 1em;}
.article_body h3 + h2{margin-top: 2em;}
.article_body h3 + h3{margin-top: 2em;}
.article_body h3 + h4{margin-top: 1em;}
.article_body h4 + h2{margin-top: 2em;}
.article_body h4 + h3{margin-top: 2em;}
.article_body h4 + h4{margin-top: 1em;}

.article_body ul{list-style-type: none;}
.article_body ul li:before{content: "\25A0"; padding-right: 0.5em;}
.article_body li:before{color:@color-2;}

.article_body img
{max-width: 100%;
height: initial;
.div-flex;
max-height: 65vh;
object-fit: contain;
margin: auto;}
@media (orientation: portrait){.article_body img{max-height: initial;}}

.article_body table
{border: @border-solid;}

.article_body table td
{border: @border-solid;}

.article_body table td
{padding: @margin-2;}

.article_body iframe
{width: 100%;}
@media (orientation: landscape){.article_body iframe {aspect-ratio: 1.75; max-height: 75vh;}}
@media (orientation: portrait){.article_body iframe {aspect-ratio: 0.65; max-height: initial;}}

.article_body sup
{font-size: 65%;
vertical-align: super;}

.article_body sub
{font-size: 65%;
vertical-align: sub;}

.article_body a
{color: @color-2;}

.article_author
{.div-flex;
margin-top: @margin-3;}

.article_author a
{color: @color-2;}

.article_author_label
{color: @color-1-light;
margin-right: @margin-2;}



@media (hover: hover)
{
.article_body a:hover{color: @color-2-light;}
.article_author a:hover{color: @color-2-light;}
}

@media all and (max-width: 1024px)
{
.article_head_image{width: 30%;}
.article_head_content{width: 70%;}
}

@media all and (max-width: 768px)
{
.article_head{.direction-column-reverse;}
.article_head_image{width: 100%;}
.article_head_content{width: 100%; padding-bottom: 0px;}
.article_head_content_title{font-size: @font-size-large-3;}
}







.otherblock
{width: 100%;
.div-flex;
.direction-column;
padding: @margin-4 0px 0px 0px;
border-top: @border-solid;
margin: @margin-4 0px 0px 0px;}

.othernews
{.div-flex;
.flex-wrap;
.justify-start;
width: 100%;
box-sizing: border-box;}

.othernews_item
{box-sizing: border-box;
margin-right: @margin-4;
.div-flex;
.direction-column;
cursor: pointer;}

.othernews_item_image
{width: 100%;
aspect-ratio: 1.65;
position: relative;
margin-bottom: @margin-2;
border-radius: 5px;
overflow: hidden;}

.othernews_item_image img
{width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
transition: all 0.3s;
border-radius: 5px;}

.othernews_item_title
{.font-family-mainbold;
margin-bottom: @margin-2;}

.othernews_item_data
{.div-flex;
.justify-space-between;}

.othernews_item_data_date
{color: rgba(255,255,255,0.5);}

.othernews_item_data_stats
{}

.othernews_item:nth-of-type(4n+4)
{margin-right: 0px;}

.othernews_item:nth-of-type(n+5)
{margin-top: @margin-4;}



@media (hover: hover)
{
.othernews_item:hover img{transform: scale(1.1); transition: all 0.3s;}
.othernews_item:hover .othernews_item_title{color: @color-2;}
}







.paging
{width: 100%;
.div-flex;
.flex-wrap;
.justify-center;
margin-top: @margin-3;}

.paging_item
{width: 30px;
height: 30px;
border-radius: 30px;
.font-family-mainbold;
line-height: 28px;
color: white;
background-color: @color-1;
border: solid 1px @color-1;
text-align: center;
margin: 0px @margin-2;}

.paging_itemthis
{background-color: @color-2;
border: solid 1px @color-2;}



@media (hover: hover)
{
a.paging_item:hover{color: @color-1; background-color: white;}
}









.mainmapcontainer
{width: 100%;
.background-cover-bottom;}

.mainmap
{width: 100%;
.div-flex;
.direction-column;
.justify-start;
.align-items-center;
padding: @margin-5 @margin-3;
backdrop-filter: blur(10px);}

.mainmap_header
{width: 100%;
max-width: @site-width;
.div-flex;
.direction-column;
.justify-start;
.align-items-center;
color: white;
padding: 0px 0px @margin-3 0px;}

.mainmap_header_title
{.font-family-sub;
font-size: @font-size-large-5;
margin: 0px 0px @margin-3 0px;
text-align: center;}

.mainmap_header_subtitle
{.font-family-subitalic;
font-size: @font-size-large-2;
width: 100%;
text-align: right;}

/*SVG map*/
.svgmapcontainer
{width: 100%;
max-width: 1400px;
aspect-ratio: 1.5;
.div-flex;
position: relative;}

.svgmap
{-webkit-filter: drop-shadow(0px 0px 20px @color-2);
filter: drop-shadow(0px 0px 20px @color-2);
width: 100%;}

.svgmap_oblast
{width: 20px;
height: 20px;
cursor: pointer;
stroke: @color-2-opaque;
stroke-width: 0.5;
fill: rgba(16,41,52,0.93);}

.svgmap_oblast:hover
{fill: url(#gradient);}

.region .svgmap_oblast
{cursor: default;}

.regionall .svgmap_oblast
{cursor: pointer;}

.region .svgmap_oblastgradient
{fill: url(#gradient);}

.svgmap_oblastunactive
{width: 20px;
height: 20px;
cursor: pointer;
stroke: @color-2-opaque;
stroke-width: 0.5;
fill: rgba(16,41,52,0.93);
cursor: default;}

.svgmap_malva
{position: absolute;}

.svgmap_dot
{position: absolute; 
width: 10px; 
height: 10px;
pointer-events: none;
transform: translate(-100%, 0%);}

.svgmap_dot_box
{width: 100%;
height: 100%;
position: relative;
pointer-events: none;}

.svgmap_dot_title
{color: @color-2;
filter: drop-shadow(0px 0px 5px #ffce00);
white-space: nowrap;
position: absolute;
left: -360%;
top: -5%;
font-size: 80%;
z-index: 0;
opacity: 0.85;
display: none;}

.svgmap_malva
{position: absolute;
aspect-ratio: 0.55;
.background-contain-center;
background-position: 50% 100%;
width: 4.5%;
transform: translate(-50%, -100%);
filter: drop-shadow(0px 0px 5px #ffce00);
opacity: 0.5;
background-size: 100%;
transition: width 1s ease, opacity 1s ease;
pointer-events: none;}

.svgmap_malvabig
{width: 15%;
opacity: 0.9;}

@media all and (max-width: 1440px)
{
.svgmapcontainer{max-width: 85vw;}
}

@media all and (max-width: 1200px)
{
.mainmap_header_title{font-size: @font-size-large-4;}
.mainmap_header_subtitle{font-size: @font-size-large-1;}
}

@media all and (max-width: 768px)
{
.mainmap{padding: @margin-4 0px 60px 0px;}
.mainmap_header_title{font-size: @font-size-large-3;}
.mainmap_header_subtitle{display: none;}
.svgmapcontainer{max-width: 95vw;}
}






.malva1
{background-image: url(css_images/malva/malva_1.webp);}

.malva2
{background-image: url(css_images/malva/malva_2.webp);}

.malva3
{background-image: url(css_images/malva/malva_3.webp);}

.malva4
{background-image: url(css_images/malva/malva_4.webp);}

.malva5
{background-image: url(css_images/malva/malva_5.webp);}

.malva6
{background-image: url(css_images/malva/malva_6.webp);}

.malva7
{background-image: url(css_images/malva/malva_7.webp);}

.malva8
{background-image: url(css_images/malva/malva_8.webp);}

.malva9
{background-image: url(css_images/malva/malva_9.webp);}

.malva10
{background-image: url(css_images/malva/malva_10.webp);}

.malva11
{background-image: url(css_images/malva/malva_11.webp);}

.malva14
{background-image: url(css_images/malva/malva_14.webp);}






.svgmap_firefliescontainer
{position: absolute; 
width: 100px; 
height: 100px;
pointer-events: none;
transform: translate(-100%, 0%);
display: none;}

.svgmap_firefliescontainerbig
{width: 100%;
height: 100%;}

.firefly 
{position: absolute;
bottom: 0;
width: 35px;
height: 35px;
.flex-shrink-0;
background-image: url(css_images/stars/star1.webp);
.background-contain-center;
-webkit-filter: drop-shadow(0px 0px 20px @color-2);
filter: drop-shadow(0px 0px 20px @color-2);
animation: fly-up 4s linear infinite;
z-index: 2;}

.fireflyflyonce 
{animation: fly-up 2s linear 1 forwards;}

@keyframes fly-up 
{
    0% 
    {transform: translateY(0) scale(0.5);
    opacity: 0;}
    20% 
    {opacity: 1;}
    50% 
    {transform: translateY(-150px) scale(1.25);}
    80% 
    {opacity: 1;}
    100% 
    {opacity: 0;
    transform: translateY(-300px) scale(2.5);}
}





.headcontainer
{width: 100%;
.background-cover-bottom;
background-position: 50% 90%;
z-index: 1;}

.headcontainersky
{background-position: 50% 30%;}

.headcarrier
{width: 100%;
.div-flex;
.justify-center;
backdrop-filter: blur(10px);
margin-bottom: -20px;}

.region
{width: 100%;
max-width: @site-width;
padding: @margin-4 @margin-3 @margin-5 @margin-3;
.div-flex;}

.region_map
{width: 50%;
.flex-shrink-0;
.div-flex;
.justify-center;}

.regionsmall .svgmapcontainer
{max-width: 45vh;}

.region_data
{width: 50%;
padding: 0px 0px 0px @margin-4;
.flex-shrink-0;
.div-flex;
.direction-column;
.justify-start;
color: white;}

.region_data_head
{width: 100%;
.div-flex;
.direction-column;
.justify-start;}

.region_data_head_title
{font-size: @font-size-large-4;
.font-family-sub;}

.region_data_body
{width: 100%;
.div-flex;
.direction-column;
.justify-start;
margin: 15px 0px 0px 0px;
border-top: solid 1px white;
padding: @margin-3 0px 0px 0px;}

.region_data_body_item
{width: 100%;
.div-flex;}

.region_data_body_item + .region_data_body_item
{margin: @margin-3 0px 0px 0px;}

.region_data_body_item_label
{.font-family-mainbold;}

.region_data_body_item_text
{margin: 0px 0px 0px @margin-1;}

@media all and (max-width: 768px)
{
.region{.direction-column;}
.region_map{width: 100%;}
.region_data{padding: @margin-4 0px 0px 0px; width: 100%;}
.region_data_head_title{font-size: @font-size-large-3;}
}







.personscarrier
{width: 100%;
.div-flex;
.direction-column;
.align-items-center;}

.persons
{.div-flex;
.flex-wrap;
.justify-start;
width: 100%;
box-sizing: border-box;}

.persons_item
{.div-flex;
.direction-column;
padding: @margin-3;
border-radius: 5px;
background: rgba(0,0,0,0.3);
width: calc(~'25% - 30px');
box-sizing: border-box;
margin-right: @margin-4;}

.persons_item:nth-child(4n+4)
{margin-right: 0px;}

.persons_item:nth-child(n+5)
{margin-top: @margin-4;}

.persons_itemdesctopandmobile
{width: 100%;
.div-flex;
.justify-start;
.align-items-start;}

.persons_item_image
{width: 40%;
aspect-ratio: 1;
border-radius: 5px;
.flex-shrink-0;
.div-flex;
.justify-end;
.align-items-end;
position: relative;
cursor: pointer;}

.persons_item_image img
{position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;}

.persons_item_image_lampadka
{width: 100%;
height: 52px;
position: absolute;
background: none;
.div-flex;
.justify-end;
.align-items-center;
border-radius: 0px 0px 5px 5px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.504) 0%, rgba(53, 77, 102, 0) 100%);}

.persons_item_image_lampadka_counter
{color: @color-2;
margin: 0px @margin-1 0px 0px;
.font-family-sub;
font-size: @font-size-large-1;
position: relative;
text-shadow: 0px 0px 2px #0f0f0f;}

.persons_item_image_lampadka_body
{position: relative;
width: 40px;
height: 50px;
.background-contain-bottom;
cursor: pointer;}

.persons_item_image_avatar
{width: 100%;
height: 100%;
border-radius: 5px;
.background-cover-center;
.flex-shrink-0;
.div-flex;
.justify-center;
.align-items-center;}

.persons_item_image_avatar_i
{height: 50%;
color: @color-1;
opacity: 1;
font-size: 800%;
.div-flex;
.align-items-center;}

.persons_item_image_avatar svg
{color: @color-1;}

.persons_item_info
{width: 60%;
padding: 0px 0px 0px @margin-3;
.flex-shrink-0;
.div-flex;
.direction-column;
color: white;}

.persons_item_info_desctop
{width: 100%;
.div-flex;
.justify-start;
.align-items-start;
.direction-column;
margin: @margin-2 0px 0px 0px;}

.persons_item_info_title
{.font-family-mainbold;
font-size: @font-size-large-2;}

.persons_item_info_datetime
{margin-top: @margin-2;}

.persons_item_info_attribute
{color: @color-1-light;}

.persons_item_info_desctop .persons_item_info_attribute + .persons_item_info_attribute
{margin-top: 3px;
padding-top: 2px;
border-top: dotted 1px @color-1-light;}

a.persons_item_info_attribute
{color: @color-2;}

.persons_item_info_attribute a
{color: @color-2;}

@media (hover: hover)
{
.persons_item_info_title:hover{color: @color-2;}
a.persons_item_info_attribute:hover{color: @color-2-light;}
.persons_item_info_attribute a:hover{color: @color-2-light;}
}


@media all and (max-width: 2100px)
{
  .persons_item_image_avatar_i{font-size: 600%;}
  .persons_item_image_avatar_i_big{font-size: 800%;}
}

@media all and (max-width: 1900px)
{
    .persons_item{width: calc(~'33.33333% - 27px'); margin-right: @margin-4;}
    .persons_item:nth-child(4n+4){margin-right: @margin-4;}
    .persons_item:nth-child(3n+3){margin-right: 0px;}
    .persons_item:nth-child(n+4){margin-top: @margin-4;}
    .otherpersons .persons_item:nth-child(n+4){display: none;}

}

@media all and (max-width: 1440px)
{
  .persons_item_info_title{font-size: @font-size-large-1;}
  .persons_item_image_avatar_i{font-size: 400%;}
  .persons_item_image_avatar_i_big{font-size: 800%;}
  .persons_item_info_attribute{font-size: @font-size-small-1;}
}

@media all and (max-width: 1024px)
{
    .persons_item{width: calc(~'50% - 10px'); margin-right: @margin-3;}
    .persons_item:nth-child(4n+4){margin-right: @margin-3;}
    .persons_item:nth-child(3n+3){margin-right: @margin-3;}
    .persons_item:nth-child(2n+2){margin-right: 0px;}
    .persons_item:nth-child(n+3){margin-top: @margin-3;}
    .otherpersons .persons_item:nth-child(n+4){display: flex;}
    .persons_item_image_lampadka_counter{font-size: @font-size-normal;}
}

@media all and (max-width: 768px)
{
    .persons_item_image{width: 100%;}
    .persons_item_info{width: 100%; padding: @margin-2 0px 0px 0px;}
    .persons_itemdesctopandmobile{.direction-column;}
    .persons_item_image_avatar_i{font-size: 800%;}
    .persons_item_image_lampadka_counter{font-size: @font-size-large-1;}
}

@media all and (max-width: 600px)
{
    .persons_item_image_avatar_i{font-size: 600%;}
    .persons_item_image_avatar_i_big{font-size: 800%;}
}

@media all and (max-width: 500px)
{
    .persons_item_image{width: 40%;}
    .persons_item_info{width: 60%; padding: 0px 0px 0px @margin-2;}
    .persons_item_image_avatar_i{font-size: 400%;}
    .persons_item_image_avatar_i_big{font-size: 800%;}
    .persons_itemdesctopandmobile{.direction-row;}
    .persons_item{width: calc(~'100% - 0px'); margin-right: 0px;}
    .persons_item:nth-child(4n+4){margin-right: 0px;}
    .persons_item:nth-child(3n+3){margin-right: 0px;}
    .persons_item:nth-child(2n+2){margin-right: 0px;}
    .persons_item:nth-child(1n+1){margin-right: 0px;}
    .persons_item:nth-child(n+2){margin-top: @margin-3;}
    .persons_item_info_title{font-size: @font-size-normal;}
}

@media all and (max-width: 400px)
{
.persons_item_image_lampadka_counter{font-size: @font-size-normal;}
}







.person
{width: 100%;
max-width: @site-width;
padding: @margin-4 @margin-3 @margin-5 @margin-3;
.div-flex;
.align-items-start;}

.person_image
{width: 35%;
aspect-ratio: 1;
border-radius: 5px;
.flex-shrink-0;
.div-flex;
.justify-end;
.align-items-end;
position: relative;}

.person_image img
{position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;}

.person_image_lampadka
{width: 100%;
height: 52px;
position: absolute;
background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0,0,0,0.2) 100%);
.div-flex;
.justify-end;
.align-items-center;}

.person_image_lampadka_counter
{color: @color-2;
margin: 0px @margin-2 0px 0px;
.font-family-sub;
font-size: @font-size-large-1;
position: relative;}

.person_image_lampadka_body
{position: relative;
width: 40px;
height: 50px;
.background-contain-bottom;
cursor: pointer;}

.person_data
{width: 65%;
padding: 0px 0px 0px @margin-4;
.flex-shrink-0;
.div-flex;
.direction-column;
.justify-start;
color: white;}

.person_data_head
{width: 100%;
.div-flex;
.direction-column;
.justify-start;}

.person_data_head_title
{font-size: @font-size-large-4;
.font-family-sub;}

.person_data_head_datetime
{font-size: @font-size-large-3;
.font-family-sub;
margin: 0px;}

.person_data_body
{width: 100%;
.div-flex;
.direction-column;
.justify-start;
margin: @margin-3 0px 0px 0px;
border-top: solid 1px white;
padding: @margin-3 0px 0px 0px;}

.person_data_body_item
{width: 100%;}

.person_data_body_item + .person_data_body_item
{margin: @margin-3 0px 0px 0px;}

.person_data_body_item_label
{.font-family-mainbold;
white-space: nowrap;
display: inline;}

.person_data_body_item_text
{margin: 0px 0px 0px @margin-1;
display: inline;}

.person_data_body_item_text a
{color: @color-2;
text-shadow: 0px 0px 1px #00000080;}

@media (hover: hover)
{
.person_data_body_item_text a:hover{color: @color-2-light;}
}

@media all and (max-width: 768px)
{
.person{.direction-column; background: rgba(0,0,0,0.2);}
.person_image{width: 100%;}
.person_data{padding: @margin-4 0px 0px 0px; width: 100%;}
.person_data_head_title{font-size: @font-size-large-3;}
.person_data_head_datetime{font-size: @font-size-large-2;}
.person_data_body_item{.div-flex; .direction-column;}
.person_data_body_item_text{margin: 0px;}
}






.personstory
{width: 100%;
max-width: @read-width;
.div-flex;
.direction-column;
color: white;
padding: 60px @margin-3 @margin-4 @margin-3;
box-shadow: 0px 0px 10px rgba(255,255,255,1);
background: rgba(0,0,0,0.2);}

.personstory_item
{width: 100%;
.div-flex;
.direction-column;}

.personstory_item + .personstory_item
{margin: @margin-4 0px 0px 0px;}

.personstory_item_title
{.font-family-sub;
font-size: @font-size-large-3;
margin: 0px 0px @margin-3 0px;
width: 100%;
text-align: center;}

.personstory_gallery
{}

.personstory_gallery_item
{}

.personstory_gallery_item img
{width: 100%;
aspect-ratio: 1.5;
object-fit: cover;
border-radius: 5px;}

@media all and (max-width: 768px)
{
.personstory{box-shadow: none; padding: 60px 0px @margin-4 0px; background: none;}
}






#bodydata
{position: relative;}







.lampadkaon
{background-image: url(css_images/lampadka_on.webp);}

.lampadkaoff
{background-image: url(css_images/lampadka_off.webp);}

.lampadkaflame 
{position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
background: radial-gradient(ellipse at bottom, rgba(255, 200, 0, 1), rgba(255, 100, 0, 0.7), transparent 70%);
border-radius: 50%;
animation: flicker 1.5s infinite ease-in-out;
opacity: 0.9;
filter: blur(2px);}

.persons_item_image_lampadka .lampadkaflame 
{top: -4px;
left: 43%;}

.about_image_lampadka .lampadkaflame 
{top: 38%;
left: 42%;}

.lampadkainnerflame 
{position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%);
width: 45px;
height: 25px;
background: radial-gradient(ellipse at bottom, #fca300, #ff9900, transparent 70%);
border-radius: 50%;
animation: innerFlicker 1.2s infinite ease-in-out;
opacity: 0.8;
filter: blur(1px);}

.lampadkaflameinvisible
{display: none;}

.lampadkacore 
{position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 14px;
background: #fffde0;
border-radius: 50%;
opacity: 0.9;
filter: blur(0.5px);}

.about_image_lampadka .lampadkacore 
{width: 10px;
height: 21px;}

.about_image_lampadka .lampadkainnerflame 
{width: 62px;
height: 44px;}

@keyframes flicker 
{
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.9;
  }
  25% {
    transform: translateX(-49%) scale(1.03);
    opacity: 0.85;
  }
  60% {
    transform: translateX(-51%) scale(0.97);
    opacity: 0.75;
  }
}

@keyframes innerFlicker 
{
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.8;
  }
  30% {
    transform: translateX(-51%) scale(1.05);
    opacity: 0.9;
  }
  70% {
    transform: translateX(-49%) scale(0.95);
    opacity: 0.6;
  }
}

@media all and (max-width: 768px)
{
.about_image_lampadka .lampadkaflame {top: 7%;}
}






.about
{width: 100%;
max-width: @site-width;
padding: 120px @margin-3 150px @margin-3;
.div-flex;
.align-items-start;}

.about_image
{width: 40%;
height: 100%;
position: relative;
.div-flex;
.align-items-center;
.justify-center;}

.about_image_personsrandimages
{position: relative;
width: 70%;
height: 70%;
margin-top: -20%;}

.about_image_personsrandimages_item 
{position: absolute;
width: 60%;
aspect-ratio: 1;
background-size: cover;
background-position: center;
opacity: 0;
animation: appearFadeZoom 4s infinite;
filter: sepia(); 
border-radius: 5px;}

.about_image_lampadka
{position: absolute;
right: 0px;
bottom: 0px;
width: 30%;
.flex-shrink-0;
.div-flex;
.justify-end;
.align-items-center;}

.about_image_lampadka_body
{position: relative;
width: 162px;
aspect-ratio: 0.7;
.background-contain-bottom;
cursor: default;}

.about_image_malvas
{position: absolute;
left: 0px;
bottom: 0px;
width: 70%;
.flex-shrink-0;
.div-flex;
.justify-space-between;
.align-items-end;}

.about_image_malvas_item
{width: 200px;
height: 200px;
.background-contain-bottom;
z-index: 1;}

.about_data
{width: 60%;
padding: 0px 0px 0px @margin-4;
.flex-shrink-0;
.div-flex;
.direction-column;
.justify-start;
color: white;}

.about_data_head
{width: 100%;
.div-flex;
.direction-column;
.justify-start;}

.about_data_head_title
{font-size: @font-size-large-4;
.font-family-sub;}

.about_data_head_text
{margin: @margin-3 0px 0px 0px;}

@keyframes appearFadeZoom {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@media all and (max-width: 768px)
{
.about{.align-items-center; padding: @margin-5 @margin-3 110px @margin-3;}
.about_image{display: none;}
.about_data_head_text{display: none;}
.about_data{width: 100%; padding: 0px;}
.about_data_head_title{text-align: center;}
}






.partners
{width: 100%;}

.partners_item
{width: 100%;
.div-flex;
.direction-column;
.justify-start;
.align-items-center;}

.partners_item_image
{width: 100%;  
.div-flex;
.justify-center;
.align-items-center;}

.partners_item_image img
{width: 100%;  
max-height: 120px;
object-fit: contain;}

.partners_item_title
{width: 100%;
text-align: center;
margin: @margin-2 0px 0px 0px;}






.partnersbig
{}






.doubleblock
{width: 100%;
.div-flex;}

.doubleblock_item
{width: 50%;
.div-flex;
.direction-column;
.flex-shrink-0;
.align-items-center;
.justify-start;}

.doubleblock_item:first-of-type
{padding: 0px @margin-4 0px 0px;}

.doubleblock_item:last-of-type
{padding: 0px 0px 0px @margin-4;
border-left: solid 1px white;}

.doubleblock_item_title
{.h2;}

.doubleblock_item_text
{width: 100%;}

.doubleblock_item img
{width: 100%;
max-width: 300px;
aspect-ratio: 1;
object-fit: contain;}

@media all and (max-width: 1024px)
{
.doubleblock{.direction-column;}
.doubleblock_item{width: 100%;}
.doubleblock_item:first-of-type{padding: 0px 0px @margin-4 0px;}
.doubleblock_item:last-of-type{padding: 0px; border-left: none;}
}





.howtohelp
{width: 100%;
.div-flex;
.flex-wrap;
.justify-center;}

.howtohelp_item
{.div-flex;
.direction-column;
.align-items-center;
.justify-start;
.flex-shrink-0;}

.howtohelp_item img
{width: 100%;
max-width: 300px;
aspect-ratio: 1;
object-fit: contain;}

.howtohelp_item_image
{}

.howtohelp_item_title
{.h3;
margin: @margin-3 0px;}

.howtohelp_item_text
{}

@media all and (max-width: 1024px)
{
.howtohelp_item img{max-height: 30vh;}
}





.symbols
{width: 100%;
.div-flex;}

.symbols_item
{.div-flex;
.direction-column;
.align-items-center;
.justify-start;}

.symbols_item img
{width: 100%;
max-width: 300px;
aspect-ratio: 1;
object-fit: contain;}

.symbols_item_image
{}

.symbols_item_title
{.h3;
margin: @margin-3 0px;}

.symbols_item_text
{}





/*INFOBLOCKS*/
.infoblocks
{.div-flex;
.flex-wrap;
.justify-start;
width: 100%;
box-sizing: border-box;
container-type: inline-size;}

/*Infoblocks*/
.infoblocks1_item
{box-sizing: border-box;
.div-flex;
.direction-column;
cursor: pointer;}

.infoblocks1_item_image
{width: 100%;
position: relative;
border-radius: 5px;
overflow: hidden;}

.infoblocks1_item_image img
{width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
transition: all 0.3s;
border-radius: 5px;}

.infoblocks1_item_title
{.font-family-mainbold;
margin-top: @margin-2;}

.infoblocks1_item_data
{.div-flex;
.justify-space-between;
margin-top: @margin-2;}

.infoblocks1_item_data_date
{color: rgba(255,255,255,0.5);}

.infoblocks1_item_data_stats
{}



@media (hover: hover)
{
.infoblocks1_item:hover img{transform: scale(1.1); transition: all 0.3s;}
.infoblocks1_item:hover .infoblocks1_item_title{color: @color-2;}
}






.infoblocks2_item
{box-sizing: border-box;
.div-flex;
.direction-column;
cursor: pointer;
border-radius: 5px;
position: relative;
overflow: hidden;}

.infoblocks2_item_image
{width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
transition: all 0.3s;
border-radius: 5px;}

.infoblocks2_item_info
{width: 100%;
height: 100%;
padding: @margin-3;
.div-flex;
.direction-column;
.justify-center;
.align-items-center;
z-index: 2;
.saturation;
position: relative;}

.infoblocks2_item_info_title
{.font-family-mainbold;
color: white;}

.infoblocks2_item_info_data
{.div-flex;
.justify-space-between;
width: 100%;
position: absolute;
bottom: 0px;
padding: @margin-3;}

.infoblocks2_item_info_data_date
{color: rgba(255,255,255,0.5);}

.infoblocks2_item_info_data_stats
{}



@media (hover: hover)
{
.infoblocks2_item:hover .infoblocks2_item_image{transform: scale(1.1); transition: all 0.3s;}
.infoblocks2_item:hover .infoblocks2_item_info_title{color: @color-2;}
}







.infoblocks3_item
{box-sizing: border-box;
.div-flex;
.align-items-start;}

.infoblocks3_item_image
{width: 20%;
position: relative;
.flex-shrink-0;
overflow: hidden;
border-radius: 5px;}

.infoblocks3_item_image img
{width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
transition: all 0.3s;}

.infoblocks3_item_content
{.div-flex;
.direction-column;
.align-items-start;
.justify-space-between;
width: 80%;
height: 100%;
box-sizing: border-box;
padding-left: @margin-3;}

.infoblocks3_item_content_data
{width: 100%;}

.infoblocks3_item_content_data_title
{.font-family-mainbold;
font-size: @font-size-large-2;
margin-bottom: @margin-1;}

.infoblocks3_item_content_data_date
{color: rgba(255,255,255,0.5);
margin-bottom: @margin-3;}

.infoblocks3_item_content_data_image
{display: none;
width: 100%;
position: relative;
margin: 0px 0px @margin-3 0px;
border-radius: 5px;
overflow: hidden;}

.infoblocks3_item_content_data_image img
{width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
transition: all 0.3s;}

.infoblocks3_item_content_data_text
{margin-bottom: @margin-3;
.font-family-main;}

.infoblocks3_item_content_footer
{width: 100%;
.div-flex;
.justify-space-between;
.align-items-start;}

.infoblocks3_item_content_footer_readmore
{color: @color-2;}



@media (hover: hover)
{
.infoblocks3_item_image:hover img{transform: scale(1.1); transition: all 0.3s;}
.infoblocks3_item_content_data_title:hover{color: @color-3;}
.infoblocks3_item_content_footer_readmore:hover{color: @color-3;}
}

@media (max-width: 1024px)
{
.infoblocks3_item_image{width: 30%; padding-bottom: 19%;}
.infoblocks3_item_content{width: 70%;}
}

@media (max-width: 768px)
{
.infoblocks3_item_image{display: none;}
.infoblocks3_item_content_data_image{display: block;}
.infoblocks3_item_content{width: 100%; padding-left: 0px;}
}





.malvaline
{width: 100%;
.div-flex;
.align-items-center;
.justify-center;
z-index: 1;
position: absolute;
top: -40px;}

.malvaline_line
{width: 40%;
height: 1px;}

.malvaline_line:first-child
{background: linear-gradient(90deg, @color-2-opaque1 0%, @color-2 100%);}

.malvaline_line:last-child
{background: linear-gradient(90deg, @color-2 0%, @color-2-opaque1 100%);}

.malvaline_malva
{width: 80px;
height: 80px;
box-shadow: 0px 0px 10px @color-2;
border-radius: 50%;
.div-flex;
.align-items-center;
.justify-center;
background: radial-gradient(circle, #11262d 0%, #4a647f 100%);}

.malvaline_malva_img
{width: 65px;
height: 65px;
.background-contain-center;
background-image: url(css_images/malva/malva_1.webp);
filter: drop-shadow(0px 0px 5px rgba(255, 206, 0, 0.6));}






.filter
{width: 100%;
.div-flex;
max-width: @read-width;
padding: 0px 0px @margin-4 0px;}

.filterblocks
{width: 100%;
.div-flex;
.justify-center;}

.filterblock
{width: 100%;
.div-flex;
.direction-column;
max-width: 500px;}

.filterblock + .filterblock
{margin-left: @margin-4;}

.filter_item
{width: 100%;
.div-flex;
.direction-column;}

.filter_item_hidden
{display: none;}

.filter_item + .filter_item
{margin-top: @margin-3;}

.filter_item_label
{margin: 0px 0px @margin-1 0px;
color: @color-1-light;}

.filter_item_text
{.font-family-mainbold;}

.filterhead
{.div-flex;
.align-items-center;
.justify-space-between;
color: @color-1;
margin-bottom: @margin-3;}

.filterhead_title
{.h2;
text-align: left;
margin: 0px;}

.filterhead_arrow
{font-size: 25px;
display: none;
cursor: pointer;}

@media (hover: hover)
{
.filterhead_arrow:hover{color: @color-3-light;}
}

@media (max-width: 1024px)
{
.filterblocks{.direction-row; .flex-wrap;}
.filterhead_arrow{display: block;}
.filterhead{margin-bottom: 0px;}
.filterblock + .filterblock {margin-top: @margin-3; margin-left: 0px;}
}

@media (max-width: 550px)
{
  .filterblock{width: calc(~'100% - 0px'); margin-right: 0px;}
  .filterblock:nth-of-type(3n+3){margin-right: 0px;}
  .filterblock:nth-of-type(2n+2){margin-right: 0px;}
  .filterblock:nth-of-type(1n+1){margin-right: 0px;}
  .filterblock:nth-of-type(n+2){margin-top: @margin-3;}
}