.header {position: relative; background: #0b3567; color: #8ea9cb;}
.header .logo {float: left; margin: 30px 0px;}
.header .phone {float: right; margin: 18px 0px 0px; font-size: 17px;}
.header .phone p:before {content: ''; display:inline-block; width: 15px; height: 14px; margin: 0px 10px 0px 0px; background: url('../images/icon_phone.svg') no-repeat; background-size: 15px 14px;}
.viewport-480 .header .phone,
.viewport-320 .header .phone {width: 100%; text-align: center;}
.viewport-480 .header .logo,
.viewport-320 .header .logo {float: right; width: 189px; margin: 20px 0px;}

/* Cookies Message */
.cookies-message {display: none;}
.cookies-message .container {padding: 40px 60px; color: #0b3566; font-size: 14px;}
.cookies-message a {color: #0b3566; text-decoration: underline;}
.cookies-message p {overflow: hidden;}
.cookies-message .actions {overflow: visible; float:right;}
.cookies-message .btn-close {margin: -3px 0px 0px 10px;}
.btn-close {display:block; width: 25px; height: 25px; background: url('../images/header_cookies_close_25x25.svg') no-repeat 0 0; background-size: 25px 50px; text-indent: -99999px;}
.btn-close:hover {background-position: 0px -25px;}
.cookies-message.big .container {padding: 40px 15px;}
.cookies-message.small .container {padding: 20px 20px;}
.cookies-message.small .actions a {margin-top:0px;}
/* End Cookies Message */

/* Small Menu */
.header .small-menu {float: right; margin: 20px 0px 0px 27px;}
.header .small-menu ul {font-family: 'Zerospace'; font-size: 0;}
.header .small-menu ul li {float:left; display: block; height: 19px; padding: 0px 13px; border-left: 1px solid #5a697c; font: 17px 'DINProBold'; line-height: 19px;}
.header .small-menu ul li a {color: #5f7692;}
.header .small-menu ul li a:hover,
.header .small-menu ul li a.active {color: #8ea9cb;}
.header .small-menu .social.fb {display: block; width: 8px; height: 15px; margin: 2px 0px; background: url('../images/icon_fb_12x26.svg') no-repeat 0 0; background-size: 8px 30px; text-indent: -99999px;}
.header .small-menu .social.fb:hover {background-position: 0 -15px;}
.header .small-menu .social.gplus {display: block; width: 18px; height: 15px; margin: 2px 0px; background: url('../images/icon_gplus_30x26.svg') no-repeat 0 0; background-size: 18px 30px; text-indent: -99999px;}
.header .small-menu .social.gplus:hover {background-position: 0 -15px;}
.viewport-720 .header .small-menu,
.viewport-480 .header .small-menu,
.viewport-320 .header .small-menu {display: none;}
/* End Small Menu*/

/* Header Buttons*/
.header .header-buttons {float: right; clear: right; margin: 20px 0px 0px; font-family: 'Zerospace'; font-size: 0; text-align: right;}
.header .header-buttons .btn:first-child {margin: 0px 24px 0px 0px;}
.viewport-480 .header .header-buttons,
.viewport-320 .header .header-buttons {float: none; width: 100%; padding-bottom: 30px; text-align: center;}
.viewport-320 .header .header-buttons .btn:first-child {margin: 0px 15px 0px 0px;}
/* End Header Buttons */

/* Main Menu */
.header .main-menu {position: relative; z-index: 1; clear: both; padding: 15px 0px 46px; text-align: center;}
.header .main-menu ul {font-family: 'Zerospace'; font-size: 0;}
.header .main-menu ul li {display: inline-block; font-family: 'DINProMedium'; font-size: 15px;}
.header .main-menu ul ul {display: none;}
.header .main-menu a {position: relative; display: block; margin: 0px 10px; padding: 7px 13px; color: #e1edfb; text-transform: uppercase;}
.header .main-menu a:hover:after,
.header .main-menu a.active:after {content: ''; position: absolute; left: -1px; top: -1px; width:100%; height: 100%; border:1px solid #e1edfb; border-radius: 3px;}
.viewport-960 .header .main-menu a {margin:0 3px;}
.viewport-720 .header .main-menu,
.viewport-480 .header .main-menu,
.viewport-320 .header .main-menu {display: none;}
/* End Main Menu */

/* Mobile Menu */
.header .mobile-menu-btn {float: left; display:none; margin: 55px 45px 0px 0px;}
.header .mobile-menu-btn a {display: block; width: 50px; height: 50px; background: url('../images/btn_menu_50x50.svg') no-repeat 0 0; background-size: 50px 100px; text-indent: -99999px;}
.no-touch .header .mobile-menu-btn a:hover
.header .mobile-menu-btn a:active,
.header .mobile-menu-btn a.active {background-position: 0px -50px;}
.header .mobile-menu-btn.small {margin: 35px 20px 0 0;}
.header .mobile-main-menu {position: absolute; top: 100%; z-index: 9; clear: both; display: none; width: 100%; margin: 0 auto; padding-bottom: 30px; background: #0b3567; text-align: center;}
.header .mobile-main-menu ul {width: 360px; margin: 0 auto;}
.header .mobile-main-menu li {margin: 10px 0px; border:1px solid #0b3567; border-radius: 3px;}
.header .mobile-main-menu li:first-child {margin-top: 0px;}
.header .mobile-main-menu a {position: relative; display: block; width: 100%; padding: 5px 13px; color: #e1edfb; font-family: 'DINProMedium'; font-size: 18px; text-transform: uppercase; outline: none;}
.header .mobile-main-menu ul ul {display: none;}
.header .mobile-main-menu li li a {color: #8ea9cb; font-family: 'DINProRegular'; text-transform: none;}
.header .mobile-main-menu li li a:hover,
.header .mobile-main-menu li li a.active {color:#eaeaea;}
.header .mobile-main-menu li li a:hover:after,
.header .mobile-main-menu li li a.active:after {display: none;}
.header .mobile-main-menu a:hover:after,
.header .mobile-main-menu a.active:after {content: ''; position: absolute; left: -1px; top: -2px; width:100%; height: 100%; border:1px solid #e1edfb; border-radius: 3px;}
.header .mobile-main-menu .social-menu {margin: 60px auto 0px;}
.header .mobile-main-menu .social-menu li {display: inline-block; margin-left: 40px;}
.header .mobile-main-menu .social-menu li:first-child {margin-left: 0px;}
.header .mobile-main-menu .social-menu a:hover:after {display: none;}
.header .mobile-main-menu .social-menu .social.fb {display: block; width: 12px; height: 25px; margin: 2px 0px; background: url('../images/icon_fb_12x26.svg') no-repeat 0 0; background-size: 12px 52px; text-indent: -99999px;}
.header .mobile-main-menu .social-menu .social.fb:hover {background-position: 0 -26px;}
.header .mobile-main-menu .social-menu .social.gplus {display: block; width: 30px; height: 26px; margin: 2px 0px; background: url('../images/icon_gplus_30x26.svg') no-repeat 0 0; background-size: 30px 52px; text-indent: -99999px;}
.header .mobile-main-menu .social-menu .social.gplus:hover {background-position: 0 -26px;}
.header .mobile-main-menu .mobile-lang-selector {font-family: 'Zerospace'; font-size: 0;}
.header .mobile-main-menu .mobile-lang-selector a {padding: 0px; color: #8ea9cb; font-family: 'DINProBold'; font-size: 20px;}
.header .mobile-main-menu .mobile-lang-selector a:hover,
.header .mobile-main-menu .mobile-lang-selector .current a {color: #e1edfb;}
.header .mobile-main-menu .mobile-lang-selector a:hover:after,
.header .mobile-main-menu .mobile-lang-selector a.active:after {display: none;}
.header .mobile-main-menu .mobile-lang-selector li {display: inline-block; margin: 0px 5px;}
.header .mobile-main-menu.small {top: 145px; padding-bottom: 20px;}
.header .mobile-main-menu.small li {margin: 2px 0px;}
.header .mobile-main-menu.small .social-menu {margin: 22px auto 10px;}
.header .mobile-main-menu.small .social-menu a {padding: 0px;}
.header .mobile-main-menu.small .social-menu li {margin-left: 40px;}
.header .mobile-main-menu.small .social-menu li:first-child {margin-left: 0px;}
.header .mobile-main-menu.small .social-menu .social.fb {display: block; width: 11px; height: 23px; margin: 2px 0px; background: url('../images/icon_fb_12x26.svg') no-repeat 0 0; background-size: 11px 48px; text-indent: -99999px;}
.header .mobile-main-menu.small .social-menu .social.fb:hover {background-position: 0 -24px;}
.header .mobile-main-menu.small .social-menu .social.gplus {display: block; width: 27px; height: 24px; margin: 2px 0px; background: url('../images/icon_gplus_30x26.svg') no-repeat 0 0; background-size: 27px 48px; text-indent: -99999px;}
.header .mobile-main-menu.small .social-menu .social.gplus:hover {background-position: 0 -24px;}
.header .mobile-main-menu.small .mobile-lang-selector li {margin: 0px 5px;}
.viewport-720 .header .mobile-menu-btn,
.viewport-480 .header .mobile-menu-btn,
.viewport-320 .header .mobile-menu-btn {display: block;}
.viewport-480 .header .mobile-main-menu ul {width: 300px; margin: 0 auto;}
.viewport-320 .header .mobile-main-menu ul {width: 240px; margin: 0 auto;}

.header .mobile-main-menu li {position: relative}
.header .mobile-main-menu .toggler {position: absolute; top: 0; right: 0; bottom: 0; width: 50px; cursor: pointer}
.header .mobile-main-menu .toggler .icon {position: absolute; top: 5px; right: 5px; width: 23px; height: 23px; border: 1px solid #8096b0; border-radius: 3px; cursor: pointer; user-select: none}
.header .mobile-main-menu .toggler .icon:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 12px; height: 7px; margin: auto; background: url('../images/tab_arrow_15x10.svg') no-repeat 0 -7px; background-size: 12px 14px}
.header .mobile-main-menu li.current .toggler .icon {background: #2a507e}
.header .mobile-main-menu li.current .toggler .icon:before {background-position: 0 0}

/* End Mobile Menu */

/* Language Selector */
.header .lang-selector {display: none; position: relative; width: 37px; margin-right:-13px; cursor: pointer;}
.header .lang-selector .current:after {content: ''; display: block; float: right; width:9px; height: 5px; margin: 8px 0px 0px 0px; background: url('../images/icon_lang_arrow_9x5.svg') no-repeat 0 0; background-size: 9px 10px;}
.header .lang-selector:hover .current:after {background-position: 0 -5px;}
.header .lang-selector ul {position: absolute; left: -13px; display: none; padding: 2px 15px 10px 13px; background: rgba(11, 52, 102, 0.8);}
.header .lang-selector ul li {float: none; margin: 2px 0px 0px; padding: 0px; border: none;}
/*.header .lang-selector {display: none!important;} *//* hidden */
/* End Language Selector */