/* reset */
/* main variables */
/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
header { min-width: 320px; text-align: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; }

.header { background: #1F1F21; position: fixed; left: 0; top: 0; width: 100%; z-index: 900; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-logo { max-width: 196px; margin-top: 4px; }

.header-logo img { width: 100%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.header-box { margin-left: auto; }

.header-box__wrap { margin-left: auto; }

.header-box__top { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }

.header-box__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 11px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.header-box__logo { display: none; }

.header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -4px; }

.header-nav li { margin-left: 32px; position: relative; }

.header-nav li a { font-weight: 500; font-size: 13px; line-height: 16px; color: #FFFFFF; }

.header-nav li a:hover { color: #DE1E1C; }

.header-nav li.header-nav__drop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-nav li.header-nav__drop i { display: none; }

.header-nav li.header-nav__drop:after { position: absolute; right: 0; top: 15px; width: calc(100% + 32px); content: ''; display: none; }

.header-nav li .header-nav__drop-menu { opacity: 0; visibility: hidden; pointer-events: none; width: 100vw; left: 0; position: fixed; top: 119px; background: #1F1F21; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; border-top: 1px solid #fff; min-height: 272px; padding: 44px 0 40px; }

.header-nav li .header-nav__drop-menu:after { content: ''; position: absolute; left: 0; width: 100%; height: 100vh; top: 100%; background: rgba(0, 0, 0, 0.5); pointer-events: none; }

.header-nav li .header-nav__drop-menu .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 28px 0 28px; }

.header-nav li .header-nav__drop-menu-col { width: calc(25% - 24px); margin: 0 12px; }

.header-nav li .header-nav__drop-menu-col:first-of-type { margin-left: -1px; }

.header-nav li .header-nav__drop-menu-col-title { display: block; font-weight: bold; font-size: 13px; line-height: 16px; color: #FFFFFF; margin-bottom: 26px; }

.header-nav li .header-nav__drop-menu-col ul li { margin-left: 0; margin-bottom: 14px; }

.header-nav li .header-nav__drop-menu-col ul li:last-of-type { margin-bottom: 0; }

.header-nav li .header-nav__drop-menu-col ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 18px; }

.header-nav li .header-nav__drop-menu-col ul li a i { margin-right: 9px; }

.header-nav li .header-nav__drop-menu-col ul li a i:before { color: #DE1E1C; }

.header-nav li .header-nav__drop-menu-col ul li a:hover i { display: block; }

.header-nav li .header-nav__drop-menu-col .header-nav__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-nav li .header-nav__drop-menu-col .header-nav__social li { margin-right: 24px; margin-bottom: 0; margin-top: 3px; }

.header-nav li .header-nav__drop-menu-col .header-nav__social li a i { font-size: 24px; display: block; margin: 0; }

.header-nav li .header-nav__drop-menu-col .header-nav__social li a i:before { color: #fff; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.header-nav li .header-nav__drop-menu-col .header-nav__social li a i.icon-youtube { font-size: 21px; -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); }

.header-nav li .header-nav__drop-menu-col .header-nav__social li a:hover i:before { color: #DE1E1C; }

.header-nav li:hover > a, .header-nav li.hover > a { color: #DE1E1C; }

.header-nav li:hover .header-nav__drop-menu, .header-nav li.hover .header-nav__drop-menu { opacity: 1; visibility: visible; pointer-events: all; }

.header-nav li:hover:after, .header-nav li.hover:after { width: 100vw; right: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 90px; }

.header-lang { margin-left: 53px; position: relative; }

.header-lang__mob { display: none; }

.header-lang__mob li { margin-right: 26px; }

.header-lang__mob li:last-of-type { margin-right: 0; }

.header-lang__mob li a { font-weight: bold; font-size: 13px; line-height: 16px; color: rgba(255, 255, 255, 0.5); }

.header-lang__mob li a.active { color: #FFFFFF; }

.header-lang span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 13px; line-height: 16px; color: #fff; cursor: pointer; }

.header-lang span i { font-size: 10px; margin-left: 7px; margin-right: 4px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.header-lang.active span i { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

.header-lang__box { position: absolute; background: #FFFFFF; -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); border-radius: 8px; top: -10px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; left: 50%; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); opacity: 0; visibility: hidden; overflow: hidden; width: 36px; background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.header-lang__box.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); z-index: 1; }

.header-lang__box li { cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding: 6px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-weight: 500; font-size: 13px; line-height: 24px; color: #A1A1A6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.header-lang__box li.chosen { color: #1C2B39; background: #F7F7F7; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.header-lang__box li img { margin-right: 8px; }

.header-lang__box li:hover { color: #E72D2B; }

.header-box__bottom .btn { margin-left: 35px; margin-top: 0; }

.header-box__bottom .btn:hover { color: #FFFFFF; }

.header-call { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header-call li { margin-left: 32px; font-size: 13px; line-height: 20px; color: #FFFFFF; }

.header-call li a { display: block; font-weight: bold; color: #FFFFFF; }

.header-call li a:hover { color: #DE1E1C; }

.header-call li span { display: block; }

.header-call li i { display: none; }

.header.white { background-color: #fff; }

.header.white.fixed { -webkit-box-shadow: 0px 1px 5px 0px rgba(34, 60, 80, 0.2); box-shadow: 0px 1px 5px 0px rgba(34, 60, 80, 0.2); }

.header.white .header-nav li a { color: #1C2B39; }

.header.white .header-nav li a:hover { color: #E72D2B; }

.header.white .header-lang span { color: #1C2B39; }

.header.white .header-lang span i:before { color: #1C2B39; }

.header.white .header-call li { color: #1C2B39; }

.header.white .header-call li a { color: #E72D2B; }

.header.white .header-call .btn { color: #fff; }

.header.white .header-nav li .header-nav__drop-menu { background-color: #fff; border-color: #E72D2B; }

.header.white .header-nav li .header-nav__drop-menu-col li a { color: #495966; }

.header.white .header-nav li .header-nav__drop-menu-col li a:hover { color: #E72D2B; }

.header.white .header-nav li .header-nav__drop-menu-col-title { color: #495966; }

.header.white .header-nav li .header-nav__drop-menu-col .header-nav__social li a i:before { color: #495966; }

.header.white .header-nav li .header-nav__drop-menu-col .header-nav__social li a:hover i:before { color: #E72D2B; }

.header.fixed { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.header.fixed .header-logo img { width: 82%; }

.header.fixed .header-box__bottom { display: none; }

.header.fixed .header-nav li .header-nav__drop-menu { top: 49px; }

.btn.header-call__btn-mob { display: none; }

.btn-menu { color: #fff; cursor: pointer; display: none; height: 45px; width: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 111; position: relative; }

.btn-menu span { background-color: #fff; display: block; height: 1px; left: calc(50% - 11px); position: absolute; -ms-transform-origin: center; -webkit-transform-origin: center; transform-origin: center; -webkit-transition-duration: 86ms; -o-transition-duration: 86ms; transition-duration: 86ms; -webkit-transition-property: background-color,opacity,-webkit-transform; transition-property: background-color,opacity,-webkit-transform; -o-transition-property: background-color,opacity,transform; transition-property: background-color,opacity,transform; transition-property: background-color,opacity,transform,-webkit-transform; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 16px; border-radius: 4px; }

.btn-menu span:nth-child(1) { top: calc(50% - 5px); }

.btn-menu span:nth-child(2) { top: calc(50% - 1px); }

.btn-menu span:nth-child(3) { top: calc(50% + 3px); }

.btn-menu.active { cursor: pointer; }

.btn-menu.active span:nth-child(1) { -webkit-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); }

.btn-menu.active span:nth-child(2) { opacity: 0; }

.btn-menu.active span:nth-child(3) { -webkit-transform: translateY(-3px) rotate(-45deg); -ms-transform: translateY(-3px) rotate(-45deg); transform: translateY(-3px) rotate(-45deg); }

@media screen and (max-width: 1200px) { .header-nav li, .header-lang, .header-call li, .header-call .btn { margin-left: 15px; }
  .header-nav li a, .header-lang span, .header-lang__box li, .header-call li { font-size: 12px; } }

@media screen and (max-width: 991px) { .header { padding: 34px 0 20px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
  .header.fixed { padding: 8px 0 8px; }
  .header.fixed .header-nav li .header-nav__drop-menu { top: auto; }
  .header.fixed .header-logo img { width: 100%; }
  .header.fixed .header-box__bottom { display: block; }
  .header-logo, .header-box__logo { max-width: 163px; margin-right: auto; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .header-call__btn { margin-right: 41px; }
  .btn-menu { display: block; }
  .header-box { margin-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #1F1F21; color: #fff; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; padding-top: 0; padding-bottom: 221px; min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; }
  .header-box li { margin-left: 0; }
  .header-box__wrap { overflow: scroll; height: 100%; left: -100%; position: fixed; top: 0; width: 636px; height: 100%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 10; background: #1F1F21; }
  .header-box__wrap.active { left: 0; }
  .scroll-off .header-content .header-call__btn { display: none; }
  .header-lang { display: none; }
  .header-nav li.header-nav__drop i { display: block; }
  .header-call li i { display: block; }
  .btn.header-call__btn-mob { display: inline-block; position: absolute; right: 45px; top: 37px; }
  .header-lang__mob { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .header-box__top { border: none; padding: 0; }
  .header-nav li a, .header-lang span, .header-lang__box li, .header-call li { font-size: 13px; }
  .header-nav { margin-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }
  .header-nav li { padding: 15.5px 0; padding-left: 44px; padding-right: 44px; position: relative; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .header-nav li:hover > a { color: #fff; }
  .header-nav li .icon-arrow { position: absolute; top: 19.5px; right: 47px; font-size: 10px; }
  .header-nav li .icon-arrow:before { display: block; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
  .header-nav li:after { display: none; }
  .header-nav li .header-nav__drop-menu { opacity: 1; visibility: visible; pointer-events: all; width: 100%; left: 0; position: relative; top: auto; min-height: auto; border: none; padding-top: 0; padding-bottom: 0; display: none; }
  .header-nav li .header-nav__drop-menu .wrapper { padding: 0; width: 100%; }
  .header-nav li .header-nav__drop-menu-col { width: 100%; margin: 0; padding: 24px 0 8px; }
  .header-nav li .header-nav__drop-menu-col:first-of-type { margin-left: 0; }
  .header-nav li .header-nav__drop-menu-col:last-of-type { margin-bottom: 0; }
  .header-nav li .header-nav__drop-menu-col-title { font-size: 13px; line-height: 16px; color: #fff; margin-bottom: 15px; }
  .header-nav li .header-nav__drop-menu-col ul li { border: none; margin-bottom: 14px; padding: 0; }
  .header-nav li .header-nav__drop-menu-col ul li:last-of-type { margin-bottom: 0; }
  .header-nav li .header-nav__drop-menu-col ul li a i { display: none; }
  .header-nav li .header-nav__drop-menu-col ul li a:hover { color: #DE1E1C; }
  .header-nav li.active > a { color: #DE1E1C; }
  .header-nav li.active .icon-arrow:before { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
  .header-nav li.active .header-nav__drop-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .header-nav li .header-nav__drop-menu:after { display: none; }
  .header-box__bottom { padding: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; }
  .header-call { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }
  .header-call li { padding: 13.5px 0; padding-left: 44px; padding-right: 44px; position: relative; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; }
  .header-call li a { margin-top: 0; margin-right: 4px; }
  .header-call li i { position: absolute; top: 12.5px; right: 41px; font-size: 23px; }
  .header-lang__mob { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 14px 0; padding-left: 44px; padding-right: 44px; position: relative; width: 100%; }
  .header-nav li .header-nav__drop-menu-col .header-nav__social li { margin-top: 6px; width: auto; margin-right: 29px; }
  .header-nav li .header-nav__drop-menu-col .header-nav__social li:last-of-type { margin-right: 0; }
  .header-nav li .header-nav__drop-menu-col .header-nav__social li a i { font-size: 20px; }
  .header-nav li .header-nav__drop-menu-col .header-nav__social li a i.icon-youtube { font-size: 15px; }
  .header-box__logo { margin: 37px 44px 34px; }
  .header.white .header-nav li.active > a { color: #E72D2B; }
  .header.white .header-nav li a { color: #fff; }
  .header.white .header-nav li a:hover { color: #E72D2B; }
  .header.white .header-lang span { color: #fff; }
  .header.white .header-lang span i:before { color: #fff; }
  .header.white .header-call li { color: #fff; }
  .header.white .header-call li a { color: #fff; }
  .header.white .header-call .btn { color: #fff; }
  .header.white .header-nav li .header-nav__drop-menu-col li a { color: #fff; }
  .header.white .header-nav li .header-nav__drop-menu-col li a:hover { color: #E72D2B; }
  .header.white .header-nav li .header-nav__drop-menu-col-title { color: #fff; }
  .header.white .header-nav li .header-nav__drop-menu-col .header-nav__social li a i:before { color: #fff; }
  .header.white .header-nav li .header-nav__drop-menu-col .header-nav__social li a:hover i:before { color: #E72D2B; }
  .header.white .header-nav li .header-nav__drop-menu { background-color: transparent; }
  .header.white .btn-menu span { background-color: #1C2B39; } }

@media screen and (max-width: 767px) { .header-box__wrap { width: 266px; }
  .header-box { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }
  .header-content .header-call__btn { display: none; }
  .header-logo, .header-box__logo { max-width: 118px; height: 24px; margin-top: 0; }
  .header { padding: 6px 0; }
  .header.fixed { padding: 6px 0; }
  .btn.header-call__btn-mob { left: auto; top: auto; right: auto; position: relative; width: 100%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-top: 0; margin-bottom: 32px; font-weight: 600; font-size: 16px; }
  .btn.header-call__btn-mob:after { content: ''; display: block; width: 100%; height: 32px; }
  .header-box__logo { margin: 16px 0 2px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .header-box__bottom { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .header-box__top { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; }
  .header-lang__mob { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; border-bottom: none; }
  .header-call li:first-of-type { border-top: none; }
  .header-call li { padding: 19px 0; padding-left: 0; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .header-call li i { top: 26px; right: -3px; }
  .header-lang__mob { padding-left: 0; padding-right: 0; margin-bottom: auto; }
  .header-nav li { padding-left: 0; padding-right: 0; }
  .header-box { padding-left: 14px; padding-right: 14px; padding-bottom: 0; }
  .header-nav li .icon-arrow { right: 3px; }
  .header-lang__mob li { margin-right: 23px; }
  .header-nav li .header-nav__drop-menu .wrapper { min-width: 100%; } }

/*# sourceMappingURL=header.css.map */