/*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;}

@border-radius: 5px;





/*FONT FAMILIES*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic-ext');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

/*@font-face
{font-family: "Kyiv Sans";
src: url("fonts/Kyiv_SansBeta-Regular.ttf") format("truetype");}*/

.font-family-main
{font-family: 'Roboto', sans-serif;}

.font-family-mainbold
{font-family: 'Roboto', sans-serif;
font-weight: bold;}

.font-family-mainitalic
{font-family: 'Roboto', sans-serif;
font-style: italic;}

.font-family-sub
{font-family: 'Roboto', sans;}

.font-family-subbold
{font-family: 'Roboto', sans;
font-weight: bold;}

.font-family-subitalic
{font-family: 'Roboto', sans;
font-style: italic;}



/*FONT SIZES*/
@font-size-large-3: 36px;
@font-size-large-2: 24px;
@font-size-large-1: 20px;
@font-size-normal: 16px;
@font-size-small-1: 12px;
@font-size-small-2: 10px;
@font-size-small-3: 8px;






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

@border-radius: 5px;






/*COLORS*/
@color-1: rgb(40,40,40); //gray (text color)
@color-1-opaque: rgba(40,40,40,0.6);
@color-1-light: rgb(130,130,130);

@color-2: rgb(73,122,189); //blue
@color-2-opaque: rgba(73,122,189,0.6);
@color-2-light: rgb(73,122,189);

@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: rgb(150,150,150);

@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: rgb(235,235,235);
@color-menu-buttons-background-1: rgb(215,215,215);

@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;






/*SHADOWS*/
@shadow-1: 2px 2px 2px @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: 1140px;
@read-width: 800px;

body
{-webkit-text-size-adjust: 100%;
-webkit-appearance: none;
-moz-appearance: none;
.div-flex;
.direction-column;
.align-items-center;
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: rgba(0, 0, 0, 0.5);
z-index: 10;
.div-flex;
.justify-center;
.align-items-center;
width: 100%;}

.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%;}

.contentsinglecolumn
{.content;}

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

.contentcentered
{.justify-center;}

.contentsidemenu
{position: relative;}



/*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;}

.sectionside
{width: 30%;
box-sizing: border-box;}

@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;}
}



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

.sidepadding
{padding: 0px @margin-3;}

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

.topbottompadding
{padding: @margin-3 0px;}

.fullpadding
{padding: @margin-3;}

.nopadding
{padding: 0px !important;}

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

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

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

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

.widthlimited
{max-width: 500px;}

.disabled
{opacity: 0.5;}






/*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-3;
margin: 0px;
text-align: left;}

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

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

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






/*COMMON ELEMENTS*/
.modalbutton
{width: 30px;
height: 30px;
border-radius: @border-radius;
cursor: pointer;
background-color: @color-1;
color: white;
text-align: center;
.div-flex;
.align-items-center;
.justify-center;}

.totop
{.modalbutton;}

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

.mailbutton_image
{color: white;
font-size: 15px;
line-height: 30px;}

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

.button:hover
{color: @color-2!important;
background-color: white!important;
border: solid @color-2 1px;}

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

.buttonsimple:hover
{color: @color-2-opaque;}

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

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

.buttonicon:hover
{color: @color-3;}

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

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

.overlay
{z-index: 6; /* п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.85);
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:hover
{color: @color-2;
border: solid 1px @color-2;}

.overlay_close_i
{font-size: 25px;}

@media all and (max-width: 800px)
{
.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: 800px)
{
.totop:hover {background-color: @color-3;}
.mailbutton:hover {background-color: @color-3;}
}






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

.parallaximage .form_title
{color: white;}

.parallaximage .form_row
{max-width: 500px;}

.parallaximage .form_row_field_title
{color: white;}

.parallaximage .form_row_warning
{color: white;}

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

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

.parallaximage_image_content_text
{.div-flex;
.align-items-center;
color: white;
margin-right: 150px;
text-align: center;}

.parallaximage_image_content_text_title
{.font-family-mainbold;
font-size: @font-size-large-3;
padding: 0px @margin-3 0px 0px;
border-right: solid 1px white;
margin: 0px @margin-3 0px 0px;}

.parallaximage_image_content_text_text
{font-size: @font-size-large-1;}

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






/*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: 200%;}

.stats_item_ibutton
{cursor: pointer;}

.stats_item_ibutton:hover
{opacity: 0.5;}

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

.stats_item_idone:hover
{opacity: 1;}

.stats_item_digits
{}


    /*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;
    transition: 0.3s;
    height: 30px;
    position: absolute;
    right: @margin-2;
    top: @margin-2;
    z-index: 7;}

    .modalwindow_close:hover
    {color: @color-3;
    transition: 0.3s;}

    .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 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*/
header
{position: fixed;
z-index: 2;
box-shadow: 0px 0px 8px rgb(100,100,100);}

.contactstop
{width: 100%;
.div-flex;
.justify-center;
.align-items-center;
.direction-column;
background-color: white;
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(3)
{display: none;}

.contactstop_content_row_block:nth-of-type(4)
{width: 140px;
.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_item + .contactstop_content_row_block_item
{margin-left: @margin-3;}

a.contactstop_content_row_block_item:hover
{color: @color-3;}

.contactstop_content_row_block_href
{cursor: pointer;}

.contactstop_content_row_block_href:hover
{color: @color-3;}

.contactstop_content_row_block_item_icon
{.div-flex;
.justify-center;
.align-items-center;}

.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
{width: 140px;
height: 73px;
background-image: url(css_images/logo/logo.webp);
.background-contain-center;
cursor: pointer;
display: block;}

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

.contactstop_content_row_block_menusign:hover
{color: @color-3-light;}

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

.contactstop button
{color: white;}

@media all and (max-width: 768px)
{
.contactstop_content_row_block_menusign{display: block;}
.contactstop_content_row_block_logo{width: 110px; height: 57px;}
.contactstop_content_row_block:nth-of-type(4){width: 110px; height: 57px;}
.contactstop_content_row_block:nth-of-type(2){display: none;}
.contactstop_content_row_block:nth-of-type(3){display: flex;}
}



/*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: white;
width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
text-align: center;
color: @color-2;
cursor: pointer;
display: block;}

.flags_flagimages:hover
{opacity: 0.75;}

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

.flags_flagwords:hover
{opacity: 0.75;}

.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;}

.flags_flagopaque:hover
{opacity: 0.5;}



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

.footer .menutop
{.align-items-start;}

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

.menutop_sign:hover
{color: @color-3-light;}

.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-3;
height: 40px;
color: @color-1;
text-align: left;
box-sizing: border-box;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;
cursor: pointer;
background-color: white;}

.footer .menutop_buttons_button_a
{color: @color-1-light;}

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

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

.menutop_buttons_button_a:active
{color: @color-2;
text-decoration: underline;}

.menutop_buttons_button_a.active
{color: @color-2;
text-decoration: underline;}

.menutop_buttons_button_a_this
{.menutop_buttons_button_a;
color: @color-2;
text-decoration: underline;}

.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: white;
text-align: left;
box-sizing: border-box;
color: @color-1;}

.menutop_buttons_dropdown_button_a:hover
{color: white;
background-color: @color-3-light;}

.menutop_buttons_dropdown_button_a:active
{color: white;
background-color: @color-3-light;}

.menutop_buttons_dropdown_button_a_this
{.menutop_buttons_dropdown_button_a;
color: white;
background-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
{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_this .menutop_buttons_dropdown_button_a
{color: white;
background-color: @color-3-light;}

.menutop_buttons_dropdown_button_this .menutop_buttons_dropdownaside .menutop_buttons_dropdown_button_a
{background-color: @color-menu-buttons-background-1;
color: @color-1;}

.menutop_buttons_dropdown_button_this .menutop_buttons_dropdownaside .menutop_buttons_dropdown_button_a:hover
{color: white;
background-color: @color-3-light;}



/*Меню для < 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:hover
{color: white;
background-color: @color-3-light;}

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

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

.menutop_buttonslist_button_a_this
{.menutop_buttonslist_button_a;
color: white;
background-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:hover
{color: white;
background-color: @color-3-light;}

.menutop_buttonslist_dropdown_button_a:active
{color: white;
background-color: @color-3-light;}

.menutop_buttonslist_dropdown_button_a_this
{.menutop_buttonslist_dropdown_button;
color: white;
background-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 all and (max-width: 768px)
{
.menutop{width: 100vw; position: absolute;}
.menutop_buttonslistcarrier{display: block;}
.menutop_sign{.div-flex;}
.menutop_logo_dummy{display: none;}
.menutop_buttons{display: none;}
}



/*Menutop*/
.menufull
{.div-flex;
.justify-center;
.align-items-center;
.direction-column;
.flex-shrink-0;
background-color: white;
width: 100vw;
height: 100vh;
z-index: -1;
top: 0px;
left: 0px;
display: none;
position: absolute;}

.menufullcontent
{.div-flex;
.justify-center;
.align-items-center;
.direction-column;
.flex-shrink-0;
background-color: white;
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: @color-3;
text-align: center;
transition: 0.3s;
.div-flex;
.align-items-center;
.justify-center;}

.menufull_block_menusign:hover
{color: @color-3-light;}

.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: @color-1;
text-align: left;
width: 100%;
box-sizing: border-box;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;
background-color: white;}

.menufull_block_menu_buttonslist_button_a:hover
{color: @color-2;
text-decoration: underline;}

.menufull_block_menu_buttonslist_button_a:active
{color: @color-2;
text-decoration: underline;}

.menufull_block_menu_buttonslist_button_a.active
{color: @color-2;
text-decoration: underline;}

.menufull_block_menu_buttonslist_button_a_this
{.menufull_block_menu_buttonslist_button_a;
color: @color-2;
text-decoration: underline;}

.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;
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: white;
background-color: @color-3-light;}

.menufull_block_menu_buttonslist_dropdown_button_a:hover
{color: white;
background-color: @color-3-light;}

.menufull_block_menu_buttonslist_dropdown_button_a:active
{color: white;
background-color: @color-3-light;}

.menufull_block_menu_buttonslist_dropdown_button_a_this
{.menufull_block_menu_buttonslist_dropdown_button;
color: white;
background-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;}

@media all and (max-width: 768px)
{
.menusidenav{min-height: initial; width: 100%;}
.menusideall{width: 100%; border-right: none; border-bottom: @border-solid;}
.menusidewide{width: 100%; min-height: initial;}
.menusidesmall{width: 100%; min-height: initial; border-top: none;}
.menuside_buttonssmall{display: none;}
.menuside_headsmall_logo{display: block;}
}



/*Menuside*/
.menuside
{.div-flex;
.direction-column;
z-index: 4;
background-color: @color-menu-buttons-background-0;
height: 100%;
position: relative;
box-sizing: border-box;
width: 100%;
position: absolute;
overflow-y: scroll;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */}

.menuside::-webkit-scrollbar
{display: none;}



/*Хедер бокового меню*/
.menuside_head
{.div-flex;
.justify-space-between;
.align-items-center;
width: 100%;
padding: @margin-1;
box-sizing: border-box;}

.menuside_head_logo
{width: 120px;
height: 25px;
background-image: url(css_images/logo/logo_dark.png);
.background-contain-center;
cursor: pointer;
display: block;}



/*Кнопки бокового меню*/
.menuside_buttons
{.div-flex;
.justify-center;
.align-items-center;
.direction-column;
width: 100%;
box-sizing: border-box;}

.menuside_buttons_button
{color: @color-1;
text-align: left;
width: 100%;
box-sizing: border-box;
.div-flex;
.align-items-center;
.justify-space-between;
.flex-shrink-0;
cursor: pointer;
position: relative;
background-color: @color-menu-buttons-background-0;
height: 35px;}

.menuside_buttons_button:hover
{color: white;
background-color: @color-3-light;}

.menuside_buttons_button:active
{color: white;
background-color: @color-3-light;}

.menuside_buttons_button_this
{.menuside_buttons_button;
color: white;
background-color: @color-3;}

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

.menuside_buttons_button_info_image
{width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
cursor: pointer;
text-align: center;
.flex-shrink-0;
.div-flex;
.align-items-center;
.justify-center;
.background-cover-center;}

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

.menuside_buttons_button_info_text
{}

.menuside_buttons_button_info_image + .menuside_buttons_button_info_text
{margin: 0px 0px 0px @margin-1;}

.menuside_buttons_button_arrow
{padding: 0px @margin-1;
height: 25px;
width: 25px;
display: none;
.align-items-center;
.justify-center;
.flex-shrink-0;}





/*Выпадающие разделы*/
.menuside_buttons_dropdown
{width: 100%;
box-sizing: border-box;
.flex-shrink-0;
.direction-column;
display: none;}

.menuside_buttons_dropdown_button
{background-color: @color-menu-buttons-background-1;
text-align: left;
box-sizing: border-box;
.div-flex;
.align-items-center;
.flex-shrink-0;
.justify-space-between;
color: @color-1;
cursor: pointer;
position: relative;
height: 35px;}

.menuside_buttons_dropdown_button:hover
{color: white;
background-color: @color-3-light;}

.menuside_buttons_dropdown_button:active
{color: white;
background-color: @color-3-light;}

.menuside_buttons_dropdown_button_this
{.menuside_buttons_dropdown_button;
color: white;
background-color: @color-3;}

.menuside_buttons_dropdown_button_deep1
{padding-left: 30px;}

.menuside_buttons_dropdown_button_deep2
{padding-left: 60px;}

.menuside_buttons_dropdown_button_deep3
{padding-left: 90px;}

.menuside_buttons_dropdown_button_deep4
{padding-left: 120px;}

.menuside_buttons_dropdown_button_deep5
{padding-left: 150px;}



@media all and (max-width: 768px)
{
.menuside{width: 100%; height: initial; display: none; overflow-y: auto; position: relative;}
}



/*Breadcrumbs*/
.breadcrumbs
{width: 100%;
box-sizing: border-box;
.div-flex;
color: @color-1-light;
padding: @margin-3 0px;
white-space: nowrap;}

.breadcrumbs_item
{}

.breadcrumbs_itembefore
{}

a.breadcrumbs_item
{color: @color-1;}

a.breadcrumbs_item:hover
{color: @color-2;}

.breadcrumbs_itemlast
{color: @color-1-light!important;
pointer-events: none;
cursor: default;}

.breadcrumbs_itemlast:hover
{color: @color-1-light!important;}




/*Mainimage*/
/*Общий класс mainimage задает основные настройки. Классы mainimagefull и mainimagepartial основаны на нем*/
.mainimage
{.div-flex;
.justify-center;
.align-items-center;
.background-cover-center;
width: 100%;
position: relative;}

.mainimagefull
{.mainimage;
height: 100vh;}

.mainimagefull .button
{border: solid 1px white;}

.mainimagepartial
{.mainimage;
height: 50vh;}



/*Общий класс mainimage_content задает основные настройки. Классы mainimagefull и mainimagepartial основаны на нем и являют собой блоки
на всю высоту экрана, или только на часть экрана соответственно*/
.mainimage_content
{.div-flex;
.direction-column;
.justify-center;
.align-items-center;
padding: @margin-4;
margin: 0px @margin-3;
box-sizing: border-box;
max-width: 1200px;}

.mainimage_contentrow
{.mainimage_content;
.direction-row;}

.mainimage_content_logo
{width: 300px;
height: 200px;
.background-contain-center;
margin-bottom: @margin-3;}

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

.mainimage_content_info_title
{font-size: @font-size-large-3;
.font-family-subbold;
text-align: center;
margin-bottom: @margin-3;
border-bottom: 1px solid white;
padding-bottom: @margin-3;
color: white;
line-height: 140%;}

.mainimage_content_info_text
{color: white;
text-align: center;
margin-bottom: @margin-3;
font-size: @font-size-large-1;
line-height: 140%;}

.mainimage_content_info_textlist
{.mainimage_content_info_text;
text-align: left;
list-style-type: none;}

.mainimage_content_info_textlist li
{margin: 0px 0px @margin-2 0px;
.div-flex;
.align-items-center;}

.mainimage_content_info_textlist li::before
{content: '';
display: inline-block;
height: 23px;
width: 23px;
background-size: contain;
background-image: url(css_images/list_marker.png);;
background-repeat: no-repeat;
margin-right: 10px;
background-position: center center;
vertical-align: middle;}

.mainimage_content_controls
{.button;
margin: @margin-3 0px 0px 0px;
transition: 0.3s;}

.mainimage_contentrow .mainimage_content_controls
{margin: 0px 0px 0px @margin-3;}

.mainimage_content_controls:hover
{background-color: @color-3;
transition: 0.3s;}

.mainimage_content_form
{}

@media all and (max-width: 768px)
{
.mainimage_content_info_title{font-size: @font-size-large-2;}
.mainimage_content_info_text{font-size: @font-size-normal;}
}




/*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;
margin-bottom: @margin-3;}

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

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

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

.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 @margin-1 0px;}

.form_row_field_title_warned
{color: @color-warned;}

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

.form_row_field_input
{.div-flex;
padding: @margin-1;
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: white;
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-large-1;
.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;
border: solid 1px white;
margin: auto;}

.form_row_button:hover
{color: @color-2!important;
background-color: white!important;}

.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;
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_inputselect:hover
{background-image: url(css_images/select_down_arrow_opaque.png);}



/*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 60px;
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: 0px;
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 35px;}

.form_row_field_inputradio:not(checked) + label:before
{content: '';
position: absolute;
top: -2px;
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: 1px;
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_inputfilelabel:hover
{background: @color-3;
border: solid @color-3 1px;
color: white;}

.form_row_field_inputfilelabelloaded
{color: @color-1;}

.form_row_field_inputfilelabelloaded:hover
{background: @color-3;
color: white;}

.form_row_field_inputimagelabel
{.form_row_field_input;
.justify-center;
.align-items-center;
min-height: 40vh;
overflow: hidden;
cursor: pointer;
color: @color-1-opaque;
.background-contain-center;}

.form_row_field_inputimagelabel:hover
{background-color: @color-3;
border: solid @color-3 1px;
color: white;}

.form_row_field_inputimagelabelloaded
{color: @color-1;}

.form_row_field_inputimagelabelloaded:hover
{background-color: @color-background;
color: white;}

.form_row_field_inputimagelabel svg
{height: 2em;}



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

.form_row_field_list li
{list-style: none;
padding: @margin-1 @margin-2;
margin: 0px;
color: @color-1;
cursor: pointer;
transition:0.3s;
white-space: normal;}

.form_row_field_list li:hover
{background-color: @color-2;}

.form_row_field_list_textsearched
{color: @color-2;}



/*Особенности специальных форм*/
.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_icon
{position: absolute;
z-index: 1;
right: 10px;
color: @color-1;}

.formsearch .form_row_button:hover
{transition: all 0.3s;}

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

#search_result
{z-index: 6;}

.fieldsize25
{width: calc(~'25% - 15px');
flex-grow: 0;}

.fieldsize33
{width: calc(~'33.3333% - 13.3333px');
flex-grow: 0;}

.fieldsize50
{width: calc(~'50% - 10px');
flex-grow: 0;}



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

.daterangepicker .applyBtn:hover
{background-color: @color-3;
color: white;}

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

.daterangepicker .cancelBtn:hover
{background-color: @color-3;
color: white;}



@media all and (max-width: 800px)
{
.fieldsize50{width: 100%;}
.fieldsize50 + .fieldsize50{margin-top: @margin-3;}
.fieldsize25{width: 50%;}
}

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

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




/*Сontent Switcher*/
.contentswitcher
{width: 100%;
.div-flex;}

.contentswitcher_buttons
{width: 20%;
.div-flex;
.direction-column;}

.contentswitcher_buttons_button
{width: 100%;
box-sizing: border-box;
padding: 20px;
background-color: @color-menu-buttons-background-0;
cursor: pointer;}

.contentswitcher_buttons_button:hover
{background-color: @color-3-light;}

.contentswitcher_buttons_buttonthis
{.contentswitcher_buttons_button;
background-color: @color-3;
cursor: default;}

.contentswitcher_content
{.div-flex;
.justify-center;
.align-items-center;
text-align: center;
width: 80%;}

.contentswitcher_content_data
{display: none;}



.counters
{width: 100%;
.div-flex;
.justify-space-around;}

.counter
{.div-flex;
.direction-column;
.align-items-center;
width: 50%;
padding: @margin-3;
box-sizing: border-box;}

.counter_digits
{box-sizing: border-box;
padding-bottom: @margin-2;
.font-family-mainbold;
font-size: @font-size-large-2;}

.counter_title
{.font-family-mainbold;
margin-bottom: @margin-1;}

.counter_text
{}



/*Counters*/
.timer
{width: 100%;
.div-flex;
.direction-column;
.align-items-center;}

.timerhidden
{display: none;}

.timer_title
{margin-bottom: @margin-3;
.font-family-mainbold;
font-size: @font-size-large-2;
width: 100%;
text-align: center;}

.timer_items
{width: 100%;
.div-flex;
.justify-space-around;}

.timer_items_item
{.div-flex;
.direction-column;
.align-items-center;
padding: @margin-3;
box-sizing: border-box;}

.timer_items_item_digit
{box-sizing: border-box;
padding-bottom: @margin-2;
.font-family-mainbold;
font-size: @font-size-large-2;}

.timer_items_item_text
{}

    /*Blocks*/
    .blocks
    {.div-flex;
    .flex-wrap;
    .justify-start;
    width: 100%;
    box-sizing: border-box;}

    .blocks_item
    {.div-flex;
    .direction-column;
    .align-items-center;
    .flex-shrink-0;
    .justify-space-between;
    width: calc(~'25% - 15px');
    box-sizing: border-box;
    margin-right: @margin-3;}

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

    .blocks_item:nth-of-type(n+5)
    {padding-top: @margin-3;}

    .blocks_item_content
    {.div-flex;
    .direction-column;
    .align-items-center;
    .flex-shrink-0;
    .justify-space-between;
    width: 100%;
    padding: @margin-3;
    box-sizing: border-box;
    border: @border-solid;
    flex-grow: 2;}

    .blocks_item_content_data
    {.div-flex;
    .direction-column;
    .align-items-center;
    .flex-shrink-0;
    width: 100%;
    box-sizing: border-box;}

    .blocks_item_content_data_icon
    {.div-flex;
    .justify-center;
    .align-items-center;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: @color-2;
    margin: 0px 0px @margin-2 0px;
    text-align: center;}

    .blocks_item_content_data_icon_sign
    {font-size: 50px;
    color: white;}

    .blocks_item_content_data_image
    {.background-cover-center;
    width: 100%;
    height: 200px;
    margin: 0px 0px @margin-2 0px;}

    .blocks_item_content_data_divider
    {width: 50%;
    height: 2px;
    background-color: @color-2;
    margin: 0px 0px @margin-2 0px;}

    .blocks_item_content_data_info
    {.div-flex;
    .direction-column;
    text-align: center;}

    .blocks_item_content_data_info_title
    {font-size: @font-size-large-1;
    .font-family-mainbold;
    margin: 0px 0px @margin-2 0px;}

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

    .blocks_item_content_data_info_text
    {margin: 0px 0px @margin-2 0px;}

    .blocks_item_content_button
    {.button;}

    .blocks_item_content_button:hover
    {background-color: @color-3;}



    .owl-carousel .blocks_item
    {width: 100%;}



    @media all and (max-width: 1024px)
    {
    .blocks_item{width: calc(~'33.3333% - 12.5px');}
    .blocks_item:nth-of-type(n+4){padding-top: @margin-3;}
    }

    @media all and (max-width: 768px)
    {
    .blocks_item{width: calc(~'50% - 10px');}
    .blocks_item:nth-of-type(n+3){padding-top: @margin-3;}
    }

    @media all and (max-width: 500px)
    {
    .blocks_item{width: 100%;}
    .blocks_item:nth-of-type(n+2){padding-top: @margin-3;}
    }

    /*Item*/
    .item
    {.div-flex;
    width: 100%;
    box-sizing: border-box;}

    .item_imagecontainer
    {.div-flex;
    width: 25%;
    box-sizing: border-box;
    .flex-shrink-0;}

    .item_imagecontainer_image
    {.div-flex;
    .direction-column;
    .align-items-center;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    .flex-shrink-0;}

    .item_imagecontainer_image_image
    {max-width: 100%;}

    .item_imagecontainer_image_text
    {.font-family-mainitalic;}

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

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

    .item_info_header_title
    {font-size: @font-size-large-3;
    .font-family-subbold;
    margin: 0px 0px @margin-2 0px;}

    .item_info_header_author
    {.font-family-subitalic;
    margin: 0px 0px @margin-2 0px;}

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

    .item_info_divider
    {width: 100px;
    height: 2px;
    background-color: @color-2;
    margin: 0px 0px 15px 0px;}

    .item_info_text
    {white-space: pre-line;}

    .item_imagecontainer + .item_info
    {padding-left: @margin-3;}

    /*Videocontainer*/
    .videocontainer
    {width: 100%;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    .div-flex;
    .direction-column;}

    .videocontainer_video
    {position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    object-fit: cover;
    height: 80vh;}

    .videocontainer_content
    {z-index: 2;
    width: 100%;
    height: 80vh;
    .div-flex;
    .direction-column;
    .align-items-center;
    .justify-center;
    padding: @margin-5 @margin-4;
    box-sizing: border-box;
    position: relative;}

    /*Footer*/
    .footer
    {.div-flex;
    .justify-center;
    width: 100%;
    border-top: @border-solid;}

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

    .footer_data_chapter
    {width: 50%;
    box-sizing: border-box;
    .div-flex;
    .direction-column;
    .flex-shrink-0;}

    .footer_data_chapter1
    {.footer_data_chapter;}

    .footer_data_chapter2
    {.footer_data_chapter;
    .justify-end;
    .align-items-end;}

    .footer_data_chapter_block
    {.div-flex;
    .align-items-center;
    margin-top: @margin-4;}

    .footer_data_chapter_logo
    {width: 120px;
    height: 40px;
    margin: @margin-3 auto;
    background-image: url(css_images/logo/logo_dark.png);
    .background-contain-center;
    cursor: pointer;
    display: block;}

    .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;
    margin: 0px 0px 0px @margin-3;}

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

    .footer_data_chapter_items_item
    {.div-flex;
    .align-items-center;
    margin: 0px 0px @margin-2 0px;}

    a.footer_data_chapter_items_item:hover
    {color: @color-3;}

    .footer_data_chapter_items_item_icon
    {.div-flex;
    .justify-center;
    .align-items-center;
    .flex-shrink-0;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    line-height: 30px;
    background-color: white;
    text-align: center;
    vertical-align: middle;}

    a.footer_data_chapter_items_item:hover .footer_data_chapter_items_item_icon
    {background-color: @color-3;}

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

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

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

    .footer_data_chapter_items_item_info
    {}

    .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: @color-1;
    display: block;
    padding: 5px;}

    a.footer_data_chapter_socials_social:hover .footer_data_chapter_socials_social_i
    {color: @color-2;}

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

    .footer_span:hover
    {color: rgba(255,255,255,1);}

    .footer_authors
    {background-color: @color-1;
    width: 100%;
    text-align: center;
    padding: @margin-3;
    box-sizing: border-box;
    color: @color-1-light;
    border-top: solid 1px @color-1-light;}

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

    .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%;}
    .footer_data_chapter1{width: 100%;}
    .footer_data_chapter2{width: 100%;}
    .footer_data_chapter3{width: 100%;}
    .footer_data_chapter4{width: 100%;}
    }


    /*Map*/
    .googlemap
    {width: 100%;
    padding: @margin-3 0px 0px 0px;}

    .googlemap_contents
    {width: 100%;
    height: 35vh;}

    .googlemap_contents_name
    {color: @color-2;
    .font-family-mainbold;
    margin: @margin-2 0px;
    font-size: @font-size-large-2;}

    .googlemap_contents_address
    {margin: @margin-2 0px;
    color: @color-1;}

    .googlemap_image
    {width: 100%;
    height: 35vh;
    object-fit: cover;}

    /*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;}

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

    .searchrequest_span
    {color: @color-2;}

    .searchresults
    {width: 100%;
    .div-flex;
    .justify-start;
    .flex-wrap;
    margin-bottom: @margin-5;}

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

    .searchresults_item
    {width: 100%;
    .div-flex;
    .flex-shrink-0;
    .justify-start;
    .align-items-start;}

    .searchresults_item:hover
    {background: rgba(173,143,119,0.1);}

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

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

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

    .searchresults_item_image
    {width: 80px;
    height: 80px;
    margin-top: 4px;
    .background-cover-center;
    .flex-shrink-0;}

    .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
    {}

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

    .searchresults_item_data_textsearched
    {color: @color-2;}

    .reply
    {width: 100%;
    box-sizing: border-box;
    .div-flex;
    .justify-space-between;
    .flex-wrap;}

    .reply_item
    {width: calc(~'33.3333% - 15px');
    box-sizing: border-box;
    .div-flex;
    .direction-column;
    .justify-start;}

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

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

    .reply_item_info
    {width: 100%;
    box-sizing: border-box;
    .div-flex;
    margin-bottom: @margin-2;
    border-bottom: @border-solid;
    padding-bottom: @margin-2;}

    .reply_item_info_avatar
    {width: 60px;
    height: 60px;
    border-radius: 60px;
    .background-cover-center;
    .flex-shrink-0;
    .div-flex;
    .justify-center;
    .align-items-center;
    background-color: white;}

    .reply_item_info_avatar_i
    {height: 40px;}

    .reply_item_info_data
    {.div-flex;
    .direction-column;
    padding-left: @margin-2;}

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

    .reply_item_info_data_datetime
    {margin-bottom: @margin-2;}

    .reply_item_info_data_rating
    {.div-flex;
    .justify-start;}

    .reply_item_info_data_rating_star
    {font-size: 16px;}

    .reply_item_info_data_rating_star + .reply_item_info_data_rating_star
    {margin-left: 3px;}

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

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

    .reply_item_content_text
    {margin-bottom: @margin-2;}

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

    .reply_item_content_image
    {width: 100%;}

    @media all and (max-width: 768px)
    {
    .reply_item{width: calc(~'50% - 15px');}
    .reply_item:nth-of-type(n+3){margin-top: @margin-4;}
    }

    @media all and (max-width: 500px)
    {
    .reply_item{width: 100%;}
    .reply_item:nth-of-type(n+2){margin-top: @margin-4;}
    }


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

    .persons_item
    {width: 100%;
    box-sizing: border-box;
    .div-flex;
    .align-items-start;
    margin-bottom: @margin-5;}

    .persons_item_info
    {width: 150px;
    box-sizing: border-box;
    .div-flex;}

    .persons_item_info_content
    {.div-flex;
    .direction-column;
    .justify-center;
    padding: 0px 0px 0px @margin-3;
    display: none;}

    .persons_item_info_content .persons_item_content_job
    {margin-bottom: 0px;}

    .persons_item_info_avatar
    {width: 150px;
    height: 150px;
    border-radius: 150px;
    .background-cover-center;
    .flex-shrink-0;
    .div-flex;
    .justify-center;
    .align-items-center;}

    .persons_item_info_avatar_i
    {height: 100px;
    color: @color-2;}

    .persons_item_content
    {padding: 0px 0px 0px @margin-3;
    .div-flex;
    .direction-column;
    .align-items-start;}

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

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

    .persons_item_content_text
    {}

    .persons_item_content_text + .buttonsimple
    {margin-top: @margin-2;}

    .buttonsimple + .persons_item_content_text
    {margin-top: @margin-2;}

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

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

    .persons_item_content_image
    {width: 100%;}

    @media all and (max-width: 768px)
    {
    .persons_item{.direction-column;}
    .persons_item_info{width: initial;}
    .persons_item_info_content{display: flex;}
    .persons_item_content{padding: @margin-3 0px 0px 0px;}
    .persons_item_content .persons_item_content_name{display: none;}
    .persons_item_content .persons_item_content_job{display: none;}
    .persons_item_info_avatar{width: 100px; height: 100px; border-radius: 100px;}
    .persons_item_info_avatar_i{height: 70px;}
    }


    .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%;
    .flex-shrink-0;}

    .articles_item_image_picture
    {width: 100%;
    padding-bottom: 75%;
    .background-cover-center;}

    .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
    {}

    .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%;}

    .articles_item_content_data_image_picture
    {width: 100%;
    padding-bottom: 75%;
    .background-cover-center;
    margin-bottom: @margin-3;}

    .articles_item_content_data_text
    {margin-bottom: @margin-3;}

    .articles_item_content_readmore
    {color: @color-2;}

    .articles_item_content_readmore:hover
    {color: @color-3;}



    @media all and (max-width: 1024px)
    {
    .articles_item_image{width: 30%;}
    .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;}

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

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

    .article_head_image_picture
    {width: 100%;
    padding-bottom: 75%;
    .background-cover-center;}

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

    .article_head_content_title
    {.font-family-mainbold;
    font-size: @font-size-large-3;
    margin-bottom: @margin-1;}

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

    .article_body
    {color: @color-1-light;
    .div-flex;
    .direction-column;
    .align-items-start;}

    .article_body strong
    {.font-family-mainbold;
    color: @color-1;}

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

    .article_body h2
    {.font-family-mainbold;
    font-size: @font-size-large-1;
    margin-bottom: 1em;}

    .article_body h3
    {.font-family-mainbold;
    margin-bottom: 0.5em;}

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

    .article_body ul
    {list-style: disc outside;
    padding-left: @margin-4;}

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

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

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

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

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

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

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

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

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

    .article_body p + h1
    {margin-top: 2em;}

    .article_body p + h2
    {margin-top: 2em;}

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

    .article_body p + .button
    {margin-top: 2em;}

    .article_body img
    {max-width: 100%;
    height: initial;
    margin: auto;
    display: block;}

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

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



    @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-left: 0px; padding-bottom: @margin-3;}
    }


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

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

    .articlesarchive_year_title
    {width: 100%;
    box-sizing: border-box;
    position: relative;}

    .articlesarchive_year_title_text
    {font-size: @font-size-large-1;
    .font-family-mainbold;}

    .articlesarchive_year_title_text:hover
    {opacity: 0.5;}

    .articlesarchive_year_title_arrow
    {position: absolute;
    right: 0px;
    top: 2px;
    font-size: 16px;
    cursor: pointer;}

    .articlesarchive_year_title_arrow:hover
    {opacity: 0.5;}

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

    .articlesarchive_year_month_title
    {width: 100%;
    box-sizing: border-box;
    padding-left: @margin-3;
    position: relative;}

    .articlesarchive_year_month_title_text
    {font-size: @font-size-normal;
    .font-family-mainbold;}

    .articlesarchive_year_month_title_text:hover
    {opacity: 0.5;}

    .articlesarchive_year_month_title_arrow
    {position: absolute;
    right: 0px;
    top: 2px;
    font-size: 16px;
    cursor: pointer;}

    .articlesarchive_year_month_title_arrow:hover
    {opacity: 0.5;}

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

    .articlesarchive_year_month_date_title
    {width: 100%;
    box-sizing: border-box;
    padding-left: @margin-4;
    font-size: @font-size-normal;
    .font-family-main;}

    .articlesarchive_year_month_date_title:hover
    {opacity: 0.5;}

    .faq
    {width: 100%;
    box-sizing: border-box;
    .div-flex;
    .justify-space-between;
    .flex-wrap;}

    .faq_item
    {width: 100%;
    box-sizing: border-box;
    .div-flex;
    .direction-column;
    .align-items-start;}

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

    .faq_item_question
    {width: 100%;
    .font-family-mainbold;
    margin-bottom: @margin-2;}

    .faq_item_answershort
    {width: 100%;}

    .faq_item_answer
    {width: 100%;
    display: none;}

    .faq_item_answer + .faq_item_unfoldbutton
    {margin-top: @margin-2;}

    .faq_item_unfoldbutton
    {color: @color-2;
    cursor: pointer;}

    .faq_item_unfoldbutton:hover
    {color: @color-3;}

    .instagramphotos
    {.div-flex;
    .justify-space-between;
    .flex-wrap;
    width: 100%;
    box-sizing: border-box;}

    .instagramphotos_item
    {width: calc(~'25% - 15px');
    box-sizing: border-box;
    overflow: hidden;}

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

    .instagramphotos_itemempty
    {.instagramphotos_item;}

    .instagramphotos_item_image
    {width: 100%;
    padding-bottom: 100%;
    .background-cover-center;}

    @media all and (max-width: 768px)
    {
    .instagramphotos_item{width: calc(~'33.3333% - 15px');}
    .instagramphotos_item:nth-of-type(n+4){margin-top: @margin-3;}
    .instagramphotos_itemempty{width: calc(~'33.3333% - 15px');}
    }

    .imagecomparsion
    {width: 600px;
    height: 600px;}

    .imagecomparsion_title
    {color: white;
    position: absolute;
    top: 50%;}

    .imagecomparsion_titlebefore
    {left: 0px;
    margin-left: @margin-3;}

    .imagecomparsion_titleafter
    {right: 0px;
    margin-right: @margin-3;}






.greetings
{width: 100%;
.div-flex;
.justify-space-between;
.align-items-center;
padding: @margin-5 0px;}

.greetings_title
{.h2;
width: initial;
margin: 0px @margin-3 0px 0px;}

@media all and (max-width: 768px)
{
.greetings{.direction-column;}
.greetings_title{margin: 0px 0px @margin-3 0px;}
}






.doubleblock
{width: 100%;
margin-bottom: @margin-4;
padding-bottom: 1em;
.div-flex;}

.doubleblock_text
{width: 70%;
padding: 0px @margin-4 0px 0px;
.div-flex;
.flex-shrink-0;
.direction-column;
.align-items-start;}

.doubleblock_text_text
{}

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

.doubleblock_image
{width: 30%;
position: relative;
.div-flex;
.flex-shrink-0;
overflow: hidden;}

.doubleblock_image_img
{width: 100%;
object-fit: contain;
position: absolute;
right: 0px;
top: 0px;}

@media all and (max-width: 768px)
{
.doubleblock{.direction-column;}
.doubleblock_text{width: 100%; padding: 0px 0px @margin-4 0px;}
.doubleblock_image{width: 100%;}
.doubleblock_image_img{position: relative; max-height: 70vh;}
}






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

.singleblock_text
{width: 100%;
padding: 0px 0px @margin-5 0px;}






.doublebutton
{width: 100%;
.div-flex;
.align-items-start;
.justify-center;
padding: 0px 0px @margin-5 0px;}

.doublebutton .button + .button
{margin-left: @margin-4;}






.pagehead
{width: 100%;
.div-flex;
.direction-column;
.align-items-start;
padding: 120px 0px @margin-5 0px;}






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

.events_item
{width: 100%;
box-sizing: border-box;
.div-flex;
.align-items-center;
.justify-space-between;
margin-bottom: @margin-5;}

.events_item_info
{width: 70%;
.div-flex;
.direction-column;}

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

.events_item_info_date
{color: @color-1-light;
margin-bottom: @margin-2;}

.events_item_info_place
{margin-bottom: @margin-2;}

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

@media all and (max-width: 768px)
{
.events_item{.direction-column;}
.events_item_info{width: 100%;}
.events_item_info + .button{margin: @margin-3 0px 0px 0px;}
}