.header {background:rgba(0,0,0,0.5); height: 7rem;position: absolute;z-index:99;left:0;top:0;width:100%}
.header:after,.header:before,
.header-menu:after, .header-menu:before  {display: table;content: " ";}
.header-logo {width:8rem; height: 7rem; position: absolute; z-index:100; border-right: 1px solid rgba(255,255,255,0.1); -webkit-transition: background-color 100ms linear;transition: background-color 100ms linear; /*background-color: rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.1);*/}
.header-logo .header-logo__link {width: 5.75rem;height: 5.625rem;display: block;position: absolute;left: 1.125rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.header-menu {padding-left:8rem;}
.header-menu-top {height: 3.5rem; width: 100%; }
.header-menu-bottom {height: 3.5rem; width: 100%;position: relative;border-top: 1px solid rgba(255,255,255,0.1);}
.header-social-language {font-size:0.9em;}

.header-language {padding: 0.8125rem 0;float: left;}
.header-language a {color: #fff; text-decoration: underline;}
.header-language a:hover {text-decoration: none;}
.header-language ul {padding:0;margin:0;padding-left: 25px; padding-right: 0;}
.header-language ul li{display: inline-block; position:relative;list-style:none;line-height:1.875rem;color: #fff;}
.header-language ul li:after {content:'/'; color:rgba(255,255,255,0.2);display:inline-block; width:1.4rem; text-align:center;}
.header-language ul li.active {color:#00aeff; display:inline-block;}
.header-language ul li:last-child:after {content:''; width:0;}

.header-social {padding: 0.8125rem 0;float: left;}
.header-social ul {padding:0;margin:0;padding-left: 25px}
.header-social ul li{display: inline-block; position:relative;list-style:none;padding-right: 0.5rem}
.header-social ul li a {position:relative;display:inline-block;text-align: center; width: 1.875rem;color:#fff;line-height:1.875rem;border-radius: 100%; background:rgba(0,0,0,0.2)}
.header-social ul li a:focus, .social li a:hover{text-decoration:none;background:transparent;color: #fff}
.header-social ul a.icoVk:hover{background-color:#3B83D6}
.header-social ul a.icoFacebook:hover, a.icoFb:hover{background-color:#4D70D5}
.header-social ul a.icoInstagram:hover{background: -webkit-radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.header-social ul a.icoTwitter:hover{background-color:#26BCED}
.header-social ul a.icoYoutube:hover{background-color:#FF4F4F}
.header-social ul a.icoGoogle:hover{background-color:#F56544;}

.header-sponsors {float: right;height:3.5rem;}
.header-sponsors .item {display: inline-block}
.header-sponsors img {height:3.5rem}



.header-top-search {position: absolute;top: 0;right: 0;overflow: hidden;padding: 1rem 1.25rem;color: rgba(255,255,255,0.6);}
.header-top-search__button {cursor: pointer;display: inline-block}
.header-top-search__button:before {content: "\f002";width:1.5rem;height:1.5rem;line-height:1.5rem; text-align: center;font-family: 'Font Awesome 5 Pro';}
.header-top-search__button:hover {color:#fff;}
.header-top-search__field {overflow: hidden;position: absolute;left: 0;top: 0;width: 0;height: 3.5rem;padding: 1.25rem 0;background: rgba(255,255,255,0.1)}
.header-top-search.active, .header-top-search.active .header-top-search__field {width: 100%;}
.header-top-search.active {padding-left:25px;}
.header-top-search.active .header-top-search__button:before {z-index: 20;position:relative;}

.header-top-search__field input {font-weight:500;position: absolute;top: 0;width: 100%;height: 100%;border-radius: 0;border: 0 !important;padding: 0;padding-left: 3.5rem;padding-top: 0;background-color: transparent !important;margin-bottom: 0;font-size: 1rem;line-height: 1rem;color: #fff;outline: none;vertical-align: baseline;}
.header-top-search__close {cursor: pointer;display: inline-block;position: absolute;right: 0;top: 0;height: 3.5rem;padding: 1rem 1.25rem 1rem 0;z-index:100;}
.header-top-search__close::before {width: 1.5rem;height: 1.5rem;line-height: 1.5rem;font-family: 'Font Awesome 5 Pro';content: '\f00d';position: relative;z-index: 2;}
.header-top-search__close:hover {color:#fff}




@media only screen and (max-width:991px) {
.header-social ul {padding-left: 15px}
.header-social ul li{padding-right: 0.1rem}
}

@media only screen and (max-width:767px) {
.header {height: 5rem; background: rgba(0,0,0,0.5)}
.header-logo {width: 4rem; height: 5rem; left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);right: 0;background-color: transparent;border-left: 0;border-right: 0;overflow: hidden;}
.header-logo .header-logo__link {width: 4rem;height: 4.3rem; left:0;top:0.8rem;-webkit-transform: translateY(0%);transform: translateY(0%);}
.header-menu {padding-left:0;}
}