.header {position: absolute;z-index: 100;top: 0;width: 100%;/* background: #fff; */}
.header.sticky-hidden {opacity:0}
.header.sticky { position: fixed; top: 0; right: 0; width: 100%; background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }

.header .now-live-banner {position: relative;top: 0;left: 0;z-index: 1000;right: 0;}
.header .now-live-banner a {width: 100%;background: #d50000;justify-content: center;text-transform: uppercase;font-size: 17px;border-radius: 0;}
.header .now-live-banner a::after { content: ""; width: 12px; height: 12px; background: #fff; border-radius: 50%; margin: 0; animation: pulse 1s infinite ease-in-out; }
.header .content {max-width: 1360px;width: 100%;margin: 0 auto;padding: 30px 20px;display: flex;align-items: center;}
.header.sticky .content {
    padding: 15px 20px;
}
.header .content .logo {margin: 0 0px 0 0;transition: all 0.3s;}
.header .content .logo img {max-width: 190px;transition: all 0.3s;}
.header.sticky .content .logo img {
    max-width: 120px;
}
.header .content .menus {/* flex: 1; */display: flex;align-items: center;margin: 0 0 0 auto;}
.header .content .menus .top-menu {display: flex;justify-content: flex-end;align-items: center;margin: 0;}
.header .content .menus .top-menu .elem {margin: 0 0 0 15px;position: relative;}
.header .content .menus .top-menu .elem:first-child {margin:0}
.header .content .menus .top-menu .elem .trigger {display: flex;align-items: center;font-size: 13px;cursor: pointer;min-height: 40px;line-height: 1;width: 40px;height: 40px;line-height: 40px;background: #ddd;text-align: center;justify-content: center;border-radius: 50%;}
.header .content .menus .top-menu .elem .trigger:hover, .header .content .menus .top-menu .elem.active .trigger {box-shadow: 0 0 0 2px #000 inset;}
.header .content .menus .top-menu .elem .trigger:hover a {/* color:#fff; */}
.header .content .menus .top-menu .elem .trigger:hover a  i { font-weight:600}
.header .content .menus .top-menu .elem .trigger > span { line-height: 1.1; text-align: right; margin: 0 10px 0 0; font-size: 12px; }
.header .content .menus .top-menu .elem .trigger a {color:#000;}
.header .content .menus .top-menu .elem .trigger i {font-size: 19px;}
.header .content .menus .top-menu .elem .trigger i {margin: 0 5px 0 0;}

.header .content .menus .top-menu .elem.countries .trigger {padding:7px;background: #ddd;}
.header .content .menus .top-menu .elem.account .trigger i {margin: 0 0 0 0;}
.header .content .menus .top-menu .elem .account .trigger i {margin:0}
.header .content .menus .top-menu .elem .trigger img {max-width: 40px;border-radius: 50%;margin: 0;width: 100%;}
.header .content .menus .top-menu .elem .dropdown {display: none;}
.header .content .menus .top-menu .elem .dropdown .welcome { display: block; font-weight: 400; line-height: 1.2; margin: 0 0 15px 0; font-size: 15px; }
.header .content .menus .top-menu .elem .dropdown .welcome strong {font-weight: 700;}

.header .content .menus .top-menu .elem.active .dropdown {display: block;position: absolute;top: 54px;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 10px;box-shadow: 0 0 20px rgb(0 0 0 / 15%);padding: 20px;min-width: 240px;/* display: flex; *//* overflow: hidden; */}
.header .content .menus .top-menu .elem.active .dropdown::after {content: "";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;top: -6px;left: 50%;transform: translateX(-50%);}
.header .content .menus .top-menu .elem.active .dropdown::before {content: "";position: absolute;left: 0;right: 0;top: -13px;height: 50px;}

.header .content .menus .top-menu .elem.communities ul {text-align: center;max-height: none;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 30px;padding: 0;margin: 0;list-style: none;}
.header .content .menus .top-menu .elem.communities ul li {align-self: center;width: auto;flex: 0 1 25%;margin: 0;}
.header .content .menus .top-menu .elem.communities ul li a {}
.header .content .menus .top-menu .elem.communities ul li a img {width: auto;max-width: 78px;margin: 0;max-height: 35px;}
.header .content .menus .top-menu .elem.communities ul li a span {display: block; display: none; }

.header .content .menus .top-menu .elem.countries .dropdown {}
.header .content .menus .top-menu .elem.countries .dropdown input {background: #eee;border: none;padding: 0 10px;height: 40px;margin: 0 0 10px 0;border-radius: 10px;font-size: 12px;width: 100%;}
.header .content .menus .top-menu .elem.countries .dropdown ul {margin: 0;list-style: none;padding: 0;font-size: 13px;max-height: 235px;overflow: auto;}
.header .content .menus .top-menu .elem.countries .dropdown ul li {}
.header .content .menus .top-menu .elem.countries .dropdown ul li a {display: flex;align-items: center;margin: 0 0 0 0;padding: 3px 0;color: #000;text-decoration: none;}
.header .content .menus .top-menu .elem.countries .dropdown ul li a:hover {font-weight:500;}
.header .content .menus .top-menu .elem.countries .dropdown ul li a img {margin: 0 7px 0 0;max-width: 20px;border-radius: 50%;border: solid 1px #ddd;}
.header .content .menus .top-menu .elem.countries .dropdown ul li a span {}

.header .content .menus .top-menu .elem.account .dropdown ul {margin: 0;list-style: none;padding: 0;font-size: 13px;font-weight: 400;/* order: 1; */}
.header .content .menus .top-menu .elem.account .dropdown ul li {}
.header .content .menus .top-menu .elem.account .dropdown ul li a {color: #000;text-decoration: none;display: block;padding: 3px 0;white-space: nowrap;}
.header .content .menus .top-menu .elem.account .dropdown ul li a:hover {font-weight:500; color:var(--c-main);}
.header .content .menus .top-menu .elem.account .dropdown ul li strong {display: block;/* margin: 20px 0 0 0; */font-weight: 600;}
.header .content .menus .top-menu .elem.account .dropdown ul.admin { /* order: 0; */ padding: 17px 20px; background: #eee; margin: 10px -20px -20px -20px; border-radius: 0 0 10px 10px; }

.header .content .menus .top-menu .actions {display: flex;gap: 10px;}
.header .content .menus .top-menu .actions .btn {white-space: nowrap;margin: 0;padding: 13px 20px;font-size: 13px;border-radius: 25px;border: none;}
.header .content .menus .top-menu .actions .btn.login {display:none}
.header .content .menus .top-menu .actions .btn:hover {background:#000;}
.header .content .menus .main-menu { margin: 0 30px 0 0; }
.header .content .menus .main-menu ul {display: flex;flex-wrap: wrap;list-style: none;/* padding: 0 20px; *//* background: var(--c-main); */border-radius: 10px;margin: 0;padding: 0;}
.header .content .menus .main-menu ul li {}
.header .content .menus .main-menu ul li a {color: #000;text-decoration: none;padding: 0px 20px;display: block;font-weight: 500;font-size: 16px;text-transform: uppercase;letter-spacing: 0.5px;}
.header .content .menus .main-menu ul li a:hover {color:var(--c-main);}


.menuTrigger {display: none;margin: 0;z-index: 99999;font-size: 26px;width: 26px;margin: 0px 0 0 20px;}
.menuTrigger.sticky {position:fixed;} 
.menuTrigger.open {position: absolute;top: 20px;right: 24px;}
.menuTrigger div {width: 26px;height: 30px;margin: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;margin: 0 0 0 auto;}
.menuTrigger.open div {width: 31px;/* height: 31px; */}
.menuTrigger div span {display: block;border-radius: 0 !important;position: absolute;height: 1px;width: 26px;border-radius: 1px;background: #000;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.4 ease-in;-moz-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;transition: 0.4s ease-in;}
.menuTrigger div span:nth-child(1) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger div span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: center center;}
.menuTrigger div span:nth-child(3) {top: 23px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger.open div span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;width: 40px;}
.menuTrigger.open div span:nth-child(2) {opacity: 0;transition: none !important;}
.menuTrigger.open div span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);left: 0px;top: 28px;width: 40px;}
.menuTrigger.open div span {background: #fff;}


@media (max-width: 1300px) {
	.header .content .logo {margin: 0;}
}
@media (max-width: 1200px) {
	.header .content .logo {}
	.header .content .menus .main-menu .menu {display: flex;flex-direction: column;transition: all 0.3s;width: 100%;position: fixed;top: 0;left: 0;bottom: 0;padding: 20px;border-radius: 0;z-index: 1001;display: none;}
	.header .content .menus.open .main-menu .menu {/* right: 0; */background: var(--c-main);padding-top: 50px;left: 0;display: block;}
	
	.header .content .menus.open .main-menu .menu > li {}
	.header .content .menus .main-menu .menu > li > a {font-size: 18px;font-weight: 600;padding: 10px 0;color: #fff;display: inline-block;letter-spacing: 1px;}
    .menuTrigger {display: block;}
	
}
@media (max-width: 767px) {

	.header .now-live-banner a {
    font-size: 13px;
}

	
	.header .content {padding: 20px 20px 80px 20px;}
	.header .content .logo {margin: 0;}
	.header .content .logo img {max-width: 130px;}
	.header .content .menus .main-menu .menu {top: 0;}

	.header .content .menus .top-menu .actions {position: absolute;right: 20px;top: 80px;left: 20px;justify-content: center;}
	.live-banner .header .content .menus .top-menu .actions {top: 130px;}
	.header .content .menus .top-menu .actions .btn {/* animation: pulse-btn 0.9s infinite ease-in-out; */padding: 16px 20px;flex: 1;justify-content: center;}
	.header .content .menus .top-menu .actions .btn.login {display:flex;background: #aaa;}

	.not-logged-in .header .content .menus .top-menu .account.elem {display:none;}

	
	.header.sticky {}
	.header.sticky .content {padding: 10px 20px;align-items: center;}
	.header.sticky .content .logo img {width:100px;}
	.header.sticky .content .menus .top-menu .actions {display:none}
}




header.minimal {}
header.minimal .content {max-width: 1200px;margin: 0 auto;text-align: center;}
header.minimal .content .logo {}
header.minimal .content .logo img {max-width: 240px;}