/**
 * 	Definitions
 *  Breakpoints: 1440, 1066, 768, 375
 */


/* Link/Regular */
a {
   outline: none;
   text-decoration: none;
   color: inherit;
   transition: color 0.2s ease;
   -webkit-tap-highlight-color: transparent;
}
a:focus {
   outline: none !important;
   box-shadow: none !important;
}
@media (hover: hover) {
   a:hover {
      text-decoration: none;
   }
}
body.touch_device {
   -webkit-tap-highlight-color: transparent;
}




/** Header section */
.section--header {
   position: fixed;
   top: 0;
   z-index: 1500;
   height: 90px;
   width: 100%;
   background: var(--White);
   transition: top 0.3s ease-in-out;
}
.section--content {
   padding-top: 90px;
}
.header--has_sticked_item.section--header:not(.header--blue) {
   border-bottom: 1px solid var(--Soft-Grey);
}
.header--wrap {
   padding-top: 10px;
   padding-bottom: 10px;
   height: 90px;
}

.header--container {
   width: 100%;
   height: 70px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
}
.header--logo {
   display: block;
   height: 70px;
   padding: 6px 0;
   flex-shrink: 0;
   flex-grow: 0;
}
.header--logo svg {
   display: block;
   height: 58px;
   width: auto;
}

.header--menu_left {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-grow: 1;
}
.header--menu_right {
   display: flex;
   align-items: flex-start;
}



.menu_main--link_container span {
   display: block;
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
   line-height: 1em;
   letter-spacing: 0.05em;        
   color: var(--Blue);
}
.menu_main--link_container svg {
   display: block;
   width: 10px;
   height: 10px;
}
.menu_main--link {
   display: block;
   padding: 25px;
}

.menu_main--has_drop .menu_main--link_container {
   display: flex;
}
.menu_main--has_drop.menu_main--has_childs .menu_main--link {
   display: block;
   padding-left: 16px;
   padding-right: 4px;
}
.menu_main--has_drop .menu_main--drop_handler {
   padding: 25px 16px 25px 4px;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
   .menu_main--link:hover span {
      color: var(--Dark-Violet);
   }
   .menu_main--has_childs .menu_main--link:hover .svg_plus,
   .menu_main--has_drop .menu_main--drop_handler:hover .svg_plus{
      stroke: var(--Dark-Violet);
   }
}



.menu_main--search {
   width: 40px;
   height: 62px;
}
.menu_main--search .menu_main--link {
   padding: 21px 13px 25px 13px;
}
@media (hover: hover) {
   .menu_main--search:hover .svg_lupe {
      stroke: var(--Dark-Violet);
   }
}


   
.poster--mode .section--header {
   position: absolute;
   background-color: transparent;
}
.poster--mode .header--logo .svg_logo {
   fill: var(--White);
}
.poster--mode .menu_main--link_container span {
   color: var(--White);
}
.poster--mode .menu_main--search .svg_lupe {
   stroke: var(--White);
}
.poster--mode .header--burger .burger_line {
   stroke: var(--White);
}
@media (hover: hover) {
   .poster--mode .menu_main--link:hover span {
      color: var(--Pastel-Violet);
   }
   .poster--mode .menu_main--search:hover .svg_lupe {
      stroke: var(--Pastel-Violet);
   }
   .poster--mode .header--burger:hover .burger_line {
      stroke: var(--Pastel-Violet);
   }
}





.menu_main--drop {
   display: none;
   position: absolute;
   top: 82px;
   left: 0;
   right: 0;
   padding: 0 0 116px 0;
   background: var(--Blue);
   overflow-y: auto;
   overflow-x: hidden;
}
.menu_main--dropped .menu_main--drop {
   display: block;
}
.menu_main--dropped .menu_main--link .svg_minus, 
.menu_main--dropped .menu_main--drop_handler .svg_minus {
   display: none;
}
.menu_main--drop .simplebar-track.simplebar-vertical {
   width: 4px;
   right: 24px;
   background-color: rgb(255, 255, 255, 0.2);
}
.menu_main--drop .simplebar-scrollbar {
   background-color: rgb(255, 255, 255, 0.7);
}
.menu_main--drop .simplebar-scrollbar:before {
   display: none;
}
    

.menu_drop--container {
   width: max-content;
   position: relative;
}
.menu_lvl1--drop {
   display: none;
   padding-bottom: 6px;
}
.menu_lvl1--dropped .menu_lvl1--drop {
   display: block;
}
.menu_lvl1--dropped .menu_lvl1--drop.menu_lvl2--columns {
   display: flex;
   flex-wrap: nowrap;
   gap: 20px;
}


.menu_lvl1--link_container span {
   display: block;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   line-height: 1em;
   letter-spacing: 0.06em;        
   color: var(--White);
   white-space: nowrap;
}
.menu_lvl1--link_container svg {
   display: block;
   width: 10px;
   height: 10px;
}
.menu_lvl1--link_container .svg_plus {
   stroke: var(--White);
}

.menu_lvl1--link {
   display: block;
   padding: 13px 16px 13px 18px;
}
.menu_lvl1--has_childs .menu_lvl1--link {
   display: flex;
   align-items: center;
   gap: 8px;
}

.menu_lvl1--has_drop .menu_lvl1--link_container {
   display: flex;
}
.menu_lvl1--has_drop.menu_lvl1--has_childs .menu_lvl1--link {
   display: block;
   padding-right: 4px;
}
.menu_lvl1--has_drop .menu_lvl1--drop_handler {
   padding: 15px 26px 15px 4px;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
}

.menu_lvl1--dropped .menu_lvl1--link {
   padding-bottom: 8px;
}
.menu_lvl1--dropped .menu_lvl1--drop_handler {
   padding-bottom: 7px;
}
.menu_lvl1--dropped .menu_lvl1--link .svg_minus,
.menu_lvl1--dropped .menu_lvl1--drop_handler .svg_minus {
   display: none;
}
@media (hover: hover) {
   .menu_lvl1--link:hover span {
      color: var(--Pastel-Violet);
   }
   .menu_lvl1--has_childs .menu_lvl1--link:hover .svg_plus,
   .menu_lvl1--has_drop .menu_lvl1--drop_handler:hover .svg_plus {
      stroke: var(--Pastel-Violet);
   }
}

    



/** Burger icon */
.header--burger {
   display: none;
   padding: 18px 0 18px 32px;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
}
.header--burger svg {
   display: block;
   width: 34px;
   height: 34px;
}
.header--burger .burger_line {
   stroke: var(--Blue);
}
.header--blue .header--burger .burger_line {
   stroke: var(--White);
}

.header--burger .header--burger_close {
   display: none;
}
.header--burger.header--burger_open .header--burger_icon {
   display: none;
}
.header--burger.header--burger_open .header--burger_close {
   display: block;
}

@media (max-width: 1024px) {
   .header--menu_left {
      justify-content: flex-end;
   }
   .header--menu_left .menu_main--item:last-child .menu_main--link {
      padding-right: 0;
   }
}
@media (max-width: 900px) {
   .header--menu_left, 
   .header--menu_right {
      display: none;
   }
   .header--container .header--burger {
      display: block;
   }
}

@media (max-width: 550px) {
   .section--header {
      height: 76px;
   }
   .section--content {
      padding-top: 76px;
   }
   .header--wrap {
      padding-top: 8px;
      padding-bottom: 8px;
      height: 76px;
   }
   .header--container {
      height: 60px;
   }
   .header--logo {
      height: 60px;
      padding: 6px 0;
   }
   .header--logo svg {
      height: 48px;
   }
   .header--burger {
      padding: 14px 0 14px 32px;
   }
   .header--burger svg {
      width: 32px;
      height: 32px;
   }
}
@media (hover: hover) {
   .header--white .header--burger:hover .burger_line {
      stroke: var(--Dark-Violet);
   }
   .header--blue .header--burger:hover .burger_line,
   .poster--mode .header--burger:hover .burger_line {
      stroke: var(--Pastel-Violet);
   }
}
   




/** Burger */

.header--burger_container {
   display: none;
   position: absolute;
   right: 0;
   top: 90px;
   width: 100%;
   background: var(--Blue);
   overflow-y: auto;
   overflow-x: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.header--burger_container::-webkit-scrollbar {
	display: none;
}
.header--burger_container.header--burger_open {
   display: block;
}
.header--burger_wrap {
   padding: 52px 50px 124px 50px;
   width: 100%;
}
@media (max-width: 550px) {
   .header--burger_container {
      top: 76px;
   }
   .header--burger_wrap {
      padding-top: 42px;
   }
}



.burger--link_container {
   margin-bottom: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
}
.burger--link_container svg {
   display: block;
}
.burger--link_container .svg_plus,
.burger--link_container .svg_lupe {
   stroke: var(--White);
}
.burger--drop_open > .burger--link_container .svg_minus {
   display: none;
}

.burger--link {
   display: block;
   padding: 16px 26px;
}
.burger--has_drop > .burger--link_container .burger--link {
   padding-right: 0;
}
.burger--link span {
   display: block;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 1em;
   letter-spacing: 0.07em;
   color: var(--White);
}

.burger--drop_handler {
   padding: 15px 26px 15px 4px;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
}
.burger--drop_handler svg {
   width: 10px;
   height: 10px;
}

        
.burger--lvl1 .burger--link_container {
   margin-bottom: 0;
}
.burger--lvl1 .burger--link span {
   font-weight: 300;
   color: var(--Soft-Grey);
}
.burger--lvl2 .burger--link span {
   font-weight: 300;
   font-size: 12px;
   color: var(--Light-Grey);
}
@media (hover: hover) {
   .burger--link:hover span {
      color: var(--Pastel-Violet);
   }
   .burger--link:hover .svg_lupe {
      stroke: var(--Pastel-Violet);
   }
   .burger--drop_handler:hover .svg_plus {
      stroke: var(--Pastel-Violet);
   }
}



.burger--drop {
   display: none;
}
.burger--drop_open > .burger--drop {
   display: block;
}

.burger--line {
   margin: 32px auto;
   width: 220px;
   height: 1px;
   background: rgba(255, 255, 255, 0.20);
}
        
.header--burger_container .simplebar-track.simplebar-vertical {
   width: 4px;
   right: 15px;
   background-color: rgb(255, 255, 255, 0.2);
}
.header--burger_container .simplebar-scrollbar {
   background-color: rgb(255, 255, 255, 0.7);
}
.header--burger_container .simplebar-scrollbar:before {
   display: none;
}
@media (max-width: 768px) {
   .header--burger_wrap {
      padding-left: 40px;
      padding-right: 40px;
   }
}
@media (max-width: 450px) {
   .header--burger_wrap {
      padding-left: 22px;
      padding-right: 22px;
   }
}


.header--mask {
   position: relative;
   height: 82px;
   background: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.06) 100%);
   pointer-events: none;
}
.header--has_sticked_item .header--mask,
.poster--mode .header--mask,
.header--blue .header--mask {
   display: none;
}

.header--blue.section--header {
   background: var(--Blue);
}
.header--blue .header--logo .svg_logo {
   fill: var(--White);
}

.header--blue .menu_main--link span {
   color: var(--White);
}
.header--blue .menu_main--has_childs .menu_main--link .svg_plus,
.header--blue .menu_main--has_drop .menu_main--drop_handler .svg_plus {
   stroke: var(--White);
}
.header--blue .menu_main--search .svg_lupe {
   stroke: var(--White);
}
@media (hover: hover) {
   .header--blue .menu_main--link:hover span {
      color: var(--Pastel-Violet);
   }
   .header--blue .menu_main--has_childs .menu_main--link:hover .svg_plus,
   .header--blue .menu_main--has_drop .menu_main--drop_handler:hover .svg_plus {
      stroke: var(--Pastel-Violet);
   }
   .header--blue .menu_main--search:hover .svg_lupe {
      stroke: var(--Pastel-Violet);
   }
}